@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*TYPE*/
body { font: 12px Arial, Verdana, sans-serif; background-color:#121212; }

a { color: #30c86d; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }

h1 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; margin-top:25px; color:#000000; }
h2 { font-weight:lighter; font: 18px Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 20px; margin-top:20px; color:#FFFFFF; }
h3 { font-weight: bold; font: 14px Arial, Helvetica, sans-serif; line-height: 18px; color:#50c371; margin-bottom: 10px; margin-top:16px;}
h4 { font-weight: bold; }
h5 { font-weight:lighter; font: 16px Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 15px; margin-top:40px; color:#FFFFFF; }
h6 { font: 24px Arial, Helvetica, sans-serif; font-weight: bold; margin-top:25px; color:#FFFFFF;}

/*DIVS*/

#global { width:100%; display:block; background-color:#FFFFFF; }
#topbg { background-image:url(../images/topbg.jpg); background-repeat:repeat-x; background-position:bottom; height:500px;}
#top{
	background-color: #FFFFFF;
	}
#topwrap { width:940px; padding-top:40px; display:block; }
#header { display:block; width:940px;  }
#logo { width:350px; height:67px; background: url(../images/magicoast_logo_normal.png) no-repeat; }
#navbg { float:right; text-align:right; }

#badge { background: url(../images/version_badge.png) no-repeat; width: 150px; height:125px; position:absolute; top:390px;}
#flash { height:385px;  background-image: url(../images/flash.jpg); }
#newshead { background: url(../images/news.gif) no-repeat; width:81px; height:25px; float:left; margin-top:18px; }


#loginwrap { width:940px; height:50px; display:block; }

#login { float:right; /*background: url(../images/login.gif) no-repeat;*/ width:376px; height:28px; margin-top:-8px;}
#collapse { height:48px; }

#news { height:100px; width:940px; }
#newsbottom { background-image:url(../images/newsbg.gif); background-repeat:repeat-x; background-position:top; height:28px; }
#newsbottom2 { background-image:url(../images/newsbg2.gif); background-repeat:repeat-x; background-position:top; height:37px; }
#more { background-image:url(../images/arrows.gif); width:81px; height:28px; float:right; }
#bottom { background-color:#000000; width:100%; height:150px; color:#FFFFFF; font: 11px Arial, Helvetica, sans-serif; word-spacing:50px; clear:left; }
#bottomlogo { background:url(../images/logobottom.gif) no-repeat; width:34px; height:19px; }
#bottomnav { padding-top:40px; padding-bottom:25px; }
#bottomnav a { color:#FFFFFF; }
#toplogin { background-image:url(../images/toploginbg.gif); width:376px; height:37px; float:right; text-align:left; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
#toplogin p { padding-left:10px; }
.userlogin input.logintext{font-size:10px; width: 115px; height: 15px; color: #c0c0c0; float: left; border-top:#cccccc 1px solid; border-left:#cccccc 1px solid; border-bottom:#ffffff 1px solid; border-right:#ffffff 1px solid; margin-top:2px; margin-left:12px; padding-top:6px; padding-left:4px; padding-bottom:-1px; margin-right:0px; }
.userlogin input.loginsubmit{ background-repeat:no-repeat; border:0 none; cursor:pointer; background:url(../images/loginpng.png) no-repeat; width:54px; height:20px; margin-left:5px; }
.contactform {padding-top:20px;}
.contactform li {margin-top:20px; margin-bottom:20px;}
.contactInput{
		width: 200px; height: 20px;border-top:#cccccc 1px solid; border-left:#cccccc 1px solid; border-bottom:#ffffff 1px solid; border-right:#ffffff 1px solid;  padding-top:5px; padding-left:4px;
	}
.contactSelect{
		width: 207px; border-top:#cccccc 1px solid; border-left:#cccccc 1px solid; border-bottom:#ffffff 1px solid; border-right:#ffffff 1px solid;  padding-top:5px; padding-left:4px;
	}
.contactMessage{
	 width: 450px; height: 200px; float: left; border-top:#cccccc 1px solid; border-left:#cccccc 1px solid; border-bottom:#ffffff 1px solid; border-right:#ffffff 1px solid;  padding-top:5px; padding-left:4px; 
	 }
.contactSend{ 
	background-repeat:no-repeat; border:0 none; cursor:pointer; margin-top:10px; background:url(../images/send.gif); width:79px; height:29px; 
	}
#contactinfo, #contactinfo2,#contactinfo3  {float:left; width:150px; padding-right:8px; }

.regform fieldset {margin-top:1em;}
.regform input {height: 1.8em; width: 20em;}
.regform input.regsend {background-repeat:no-repeat; border:0 none; cursor:pointer; margin-top:10px; background:url(../images/send.gif); width:79px; height:29px; margin-left:4.5em;}
.regform label {float:left; text-align:right; margin-right: 0.8em; display:block; width:8em;}


.wrap { width: 940px; height:37px; }
#buttonwrap {width:179px; float:left; padding-bottom:30px; }
.newsitems { width:195px; text-align:left; font: 11px Tahoma, Arial, Helvetica, sans-serif; float:left; padding-right:40px; color:#444444; line-height:16px; }
.newsitems h1 { font: 14px Arial, Helvetica, sans-serif; font-weight:normal; }
#date { color:#ACACAC; }
#newstext { padding-top: 6px; }

#contentwrap { width:100%; background:#121212; float:left; }

.tableContent{
		width:940px;
		color:#FFFFFF;
	}

.tableContent h1{
		{ font-weight:lighter; font: 18px Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 20px; margin-top:20px;  }
	}

#logincontent { width:940px; color:#BBBBBB; line-height:16px; padding-top:28px; }
#homepage { text-align:left; }
#streamtitle { background:url(../images/streamtitle.gif) no-repeat; background-position:bottom; width:624px; height:27px; padding-top:17px; }
#one, #two, #three, #four { padding-top:50px; width:438px;  height:70px; }
#one, #three { float:left; }
#two, #four { float:right; }
#one #number { float:left; background:url(../images/numbers.gif) no-repeat; background-position: 0 8px; width:35px; height:60px; padding-right:15px; }
#two #number { float:left; background:url(../images/numbers.gif) no-repeat; background-position: 0 -65px; width:35px; height:60px; padding-right:15px; }
#three #number { float:left; background:url(../images/numbers.gif) no-repeat; background-position: 0 -134px; width:35px; height:60px; padding-right:15px; padding-bottom:21px; margin-bottom:20px; }
#four #number { float:left; background:url(../images/numbers.gif) no-repeat; background-position: 0 -208px; width:35px; height:60px; padding-right:15px; margin-bottom:20px;}

#solutions { background:url(../images/services_bg.jpg) no-repeat; background-position:center top; width:100%; height:343px; color:#BBBBBB;}
#arrowbg { background:url(../images/arrow.jpg) no-repeat; width:850px; height:700px;}
#about { width:100%; height:600px; color:#BBBBBB; }
#contact { width:100%; height:820px; color:#BBBBBB; }
#solwrap { width:940px; text-align:left; line-height:20px; }
#solmaintext { width:750px; padding-left:188px; padding-top:160px; text-align:center; }
#signup { width:370px; height:350px; float:right; margin-top:20px; padding-top:30px; }
#whatweoffer { width:370px; height:320px; padding-bottom:15px; }
#whatweoffer li { list-style:none; }
#whatweoffer li a { float: left; width: 370px; height: 0; padding-top: 320px; overflow: hidden; background-image: url(../images/signup.gif); background-repeat: no-repeat; border:none; }
#signup a { border-bottom:1px solid #00CC00; color:#FFFFFF; display:inline-block; font-size:12px; font-weight:normal; text-decoration:none; line-height:22px; }
#signupleft { float:left; padding-top:55px; width:450px; padding-left:25px; }
#bottomtext { width:940px; float:left; padding-left:25px; margin-top:30px;}
#aboutleft { float:left; padding-top:15px; width:450px; }
#contactleft { float:left; padding-top:15px; width:475px; }
#aboutleft dt, #contactleft dt { padding-top:14px; padding-bottom:14px; }
#aboutsignup { width:370px; height:230px; float:right; margin-top:40px; }

#buttons { width:179px; float:left; padding-top:0px; }
#buttons2 {width:179px; float:left; padding-top:10px; padding-bottom:20px; }
#addnewtxt { width:179px; height:22px; background-image:url(../images/addnew.gif); }
#grid { float:left; width:750px; padding-bottom:10px; }

.tds2 { width:705px; background-color:#2f2f2f; float:left; text-align:left; margin-bottom:30px; }
.tds2 p { padding-bottom:2px; }
.left { float:left; width:200px; margin:12px; margin-right:10px; margin-left:18px;}
.left2 { float:left; width:245px; margin:10px; }
.left3 { float:left; width:128px; margin:10px; padding-left:26px; padding-top:3px; }
.tds2 input { width:245px; font-size:10px; margin-top:1px; margin-bottom:1px; }
.tds2 h1 { font-size:16px; color:#FFFFFF; padding:0px; margin:0px; font-weight:normal; }
#castedit { height:27px; float:left; width:166px; margin-left:25px; }

.tds { width:162px; height:142px; background-color:#2f2f2f; float:left; margin-right:23px; margin-bottom:29px; text-align:left; }
#edits { height:19px; float:right; padding-right:11px; padding-bottom:5px; }
#image { width:140px; height:79px; margin-left: auto; margin-right: auto; clear:both; }
#image img { width:140px; height:79px; }
#ico { height:18px; float:left; padding-left:11px; }
#assettitle { margin-top:7px; margin-left:11px; color:#FFFFFF; font: 12px Arial, Helvetica, sans-serif; clear:both; line-height:14px; width:140px; height:16px; overflow:hidden; }
#assettitletext {  }
#assettop { padding-top:7px; }

#loggedin { width:85px; float:left; padding-left:5px; padding-top:2px; }
#logbut { height:37px;}
#getstarted { float:right; }
#getstarted a { border-bottom:1px solid #00CC00; color:#FFFFFF; display:inline-block; font-size:16px; font-weight:normal; text-decoration:none; line-height:22px; }

#addasset { width:600px; text-align:left; }
#addasset input { font: 12px Arial, Verdana, sans-serif; }
#addasset input.submitbutton { background:url(../images/submit.gif) no-repeat; width:78px; height:26px; padding-top:26px; overflow:hidden; border:none; margin-top:20px; margin-bottom:60px; }
#addasset input.browse { background:url(../images/browse.gif) no-repeat; width:78px; height:0px; padding-top:26px; overflow:hidden; border:none; }
#addasset input.oneline { width:600px; margin-bottom:10px; padding:5px; }
#addasset textarea { width:600px; height:80px; padding:5px; margin-bottom:10px; }
#addasset p { padding-bottom:8px; }
#progressbar { padding-top:10px; padding-bottom:10px; }
#addthumbnail img { padding-bottom:15px; }

#loginlabel { font: 11px Tahoma, Arial, Helvetica, sans-serif; float:right; word-spacing:106px; padding-right:183px; line-height:10px; padding-bottom:3px; color:#666666; }
#loginform input { font: 11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; margin-right:10px; }
.floatleft { float:left; width:50%; margin-bottom:20px; }

#draghere h1 { padding:0px; margin:0px; color:#BBBBBB; font-size:14px; font-weight:lighter; }
.drag { cursor:pointer; }

/* GLOBALHEADER */
#navbg #nav { margin: 0; padding: 0; }
#navbg #nav li { display: inline; }
#navbg #nav li a { float: left; width: 94px; height: 0; padding-top: 42px; overflow: hidden; background-image: url(../images/nav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#navbg #nav li#navhome a { background-position: 10px -2px; }
#navbg #nav li#navsolutions a { background-position: -80px -2px; }
#navbg #nav li#navstarted a { background-position: -182px -2px;}
#navbg #nav li#navabout a { background-position: -276px -2px; }
#navbg #nav li#navcontact a { background-position: -370px -2px; }
#navbg #nav li#navnews a { background-position: -452px -2px; }

/* OVER STATES */
#navbg #nav li#navhome a:hover { background-position: 10px -42px; }
#navbg #nav li#navsolutions a:hover { background-position: -80px -42px; }
#navbg #nav li#navstarted a:hover { background-position: -182px -42px;}
#navbg #nav li#navabout a:hover { background-position: -276px -42px; }
#navbg #nav li#navcontact a:hover { background-position: -370px -42px; }
#navbg #nav li#navnews a:hover { background-position: -452px -42px; }

/* PRESSED STATES */
#navbg #nav li#navhome a:active { background-position: 10px -82px; }
#navbg #nav li#navsolutions a:active { background-position: -80px -82px; }
#navbg #nav li#navstarted a:active { background-position: -182px -82px; }
#navbg #nav li#navabout a:active { background-position: -276px -82px; }
#navbg #nav li#navcontact a:active { background-position: -370px -82px; }
#navbg #nav li#navnews a:active { background-position: -452px -82px; }

/* ON STATES */
#navbg.home #nav li#navhome a:hover { background-position: -2px -2px; }
#navbg.store #nav li#gn-store a { background-position: -117px -114px; }
#navbg.mac #nav li#gn-mac a { background-position: -234px -114px; }
#navbg.ipoditunes #nav li#gn-ipoditunes a { background-position: -351px; }
#navbg.iphone #nav li#gn-iphone a { background-position: -468px -114px; }

/* ADD ASSETS */
#buttons #add { margin: 0; padding: 0; }
#buttons #add li { display:inline; }
#buttons #add li a { float: left; width: 179px; height: 0; padding-top: 36px; margin-bottom:7px; overflow: hidden; background-image: url(../images/add.gif); background-repeat: no-repeat; }
#buttons #addbg { margin: 0; padding: 0; }
#buttons #addbg li { display:inline; }
#buttons #addbg li a { float: left; width: 179px; height: 0; padding-top: 36px; margin-bottom:7px; overflow: hidden; background-image: url(../images/backgroundbutton.gif); background-repeat: no-repeat; }

/* BUTTONS */
#buttons #add li#video a { background-position: 0px 0px; }
#buttons #add li#static a { background-position: 0px -43px; }
#buttons #add li#headline a { background-position: 0px -85px; }
#buttons #add li#pollq a { background-position: 0px -128px; }
#buttons #addbg li#background a { background-position: 0px 0px; }

/* ADD ASSETS2 */
#buttons #add2 { margin: 0; padding: 0; }
#buttons #add2 li { display:inline; }
#buttons #add2 li a { float: left; width: 179px; height: 0; padding-top: 36px; margin-bottom:7px; overflow: hidden; background-image: url(../images/add2.gif); background-repeat: no-repeat; }

/* BUTTONS */
#buttons #add2 li#liveshow a { background-position: 0px 0px; }
#buttons #add2 li#videolist a { background-position: 0px -43px; }
#buttons #add2 li#embedplayer a { background-position: 0px -85px; }

/* VIEW BY */
#buttons2 #view { margin-top: 20px; }
#buttons2 #view li { display: inline; }
#buttons2 #view li a { float: left; width: 179px; height: 0; padding-top: 19px; margin-bottom:7px; overflow: hidden; background-image: url(../images/view.gif); background-repeat: no-repeat; }

/* BUTTONS */
#buttons2 #view li#all a { background-position: 0px 0px; }
#buttons2 #view li#video a { background-position: 0px -24px; }
#buttons2 #view li#static a { background-position: 0px -48px; }
#buttons2 #view li#headbody a { background-position: 0px -72px; }
#buttons2 #view li#polls a { background-position: 0px -96px; }

#buttons2 #view li#all a:hover { background-position: 0px -121px; }
#buttons2 #view li#video a:hover { background-position: 0px -145px; }
#buttons2 #view li#static a:hover { background-position: 0px -169px; }
#buttons2 #view li#headbody a:hover { background-position: 0px -193px; }
#buttons2 #view li#polls a:hover { background-position: 0px -217px; }


/* EDIT ASSETS */
#grid #edits { margin: 0; }
#grid #edits li { display: inline; }
#grid #edits li #editid { float: left; width: 35px; height: 0; padding-top: 19px; overflow: hidden; background-image: url(../images/edits.gif); margin:0px; background-repeat: no-repeat; }
#grid #edits li #deleteid { float: left; width: 19px; height: 0; padding-top: 19px; overflow: hidden; background-image: url(../images/edits.gif); background-repeat: no-repeat; }

/* BUTTONS */
#grid #edits li#editbut a { background-position: 0px 0px; }
#grid #edits li#delbut a { background-position: -35px 0px; }

/* ASSETS/VIDEOCASTS */
#logbut #assetvideo {  margin-left:25px; }
#logbut #assetvideo li { display: inline; }
#logbut #assetvideo li a { float: left; width: 109px; height: 0; padding-top: 37px; overflow: hidden; background-image: url(../images/loggedin.gif); background-repeat: no-repeat; }

/* BUTTONS */
#logbut #assetvideo li#myassets a { background-position: 0px -37px; }
#logbut #assetvideo li#myvideo a { background-position: -109px 0px; }

/* ASSETS/VIDEOCASTS */
#logbut #assetvideo2 {  margin-left:25px; }
#logbut #assetvideo2 li { display: inline; }
#logbut #assetvideo2 li a { float: left; width: 125px; height: 0; padding-top: 37px; overflow: hidden; background-image: url(../images/loggedin.gif); background-repeat: no-repeat; }

/* BUTTONS */
#logbut #assetvideo2 li#myassets a { background-position: 20px 0px; }
#logbut #assetvideo2 li#myvideo a { background-position: -109px -37px; }

/* SURVEY TABE */
.surveyDiv{
	color:white;
	width:100%;
	background-color:black;
	}
.surveyTable td{
	color:white;
}

/*Footer*/
.footerTable{
		color:white;
		font-size:10px;
		font-weight:lighter;
		text-align:center;
		border-width: 1px 1px 1px 1px;
		border-spacing: 2px;
		border-style: solid none solid none;
		border-color: gray gray gray gray;
		border-collapse: separate;
	}
.footerTable th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
.footerTable td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.mawheader{
	font: 22px Arial;
	color: white;
}