/*global resets*/

* {margin: 0; padding: 0;}
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }

html{ background-image:url(images/background.jpg); background-repeat: repeat-x; background-color: #354E59; min-height: 100%; margin-bottom: 1px; }
body{ height:100%; margin:0 auto; padding:0; text-align: center; }

h1{font-weight:bold; font-size: 18px; color: #33CC33}
h2{font-weight:bold; font-size: 16px; color: #33CC33}
h3{font-weight:bold; font-size: 14px; color: #33CC33}
h3{font-weight:bold; font-size: 12px; color: #33CC33}

a:link{color:#59CBFE; text-decoration:none}
a:visited{color:#59CBFE; text-decoration:none}
a:active{color:#59CBFE; text-decoration:none}
a:hover{color:#59CBFE; text-decoration:none; }

img { border:0 none }
p{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px }
strong{font-weight: bold; font-size:14px}
#wrapper{ width:960px; margin-left: auto; margin-right: auto; text-align:left }

/* Header */
/* Navigation and Menu*/

#nav { position: relative; width:960px; height:45px; margin-top:20px; margin-bottom:40px;}
#nav ul { margin: 0; padding: 0; list-style: none;}
#nav li { float:left; padding:0; margin: 0px 0px 0px 0px; height: 45px }
#nav a { display:block; overflow: hidden; text-indent:-1000em; height:45px}
#nav li:hover, #nav a:hover{ background-position: left bottom; }
#nav a:active { outline: none; }

#nav_home li, #nav_home a { background: transparent url(images/nav_home_beta.jpg) left top; width: 192px; }
#nav_about li, #nav_about a{ background: transparent url(images/nav_about.jpg) left top; width: 192px; }
#nav_support li, #nav_support a{ background: transparent url(images/nav_support.jpg) left top; width: 192px; cursor:help;}
#nav_submit li, #nav_submit a{ background: transparent url(images/nav_submit.jpg) left top; width: 192px; }
#nav_media_rss li, #nav_media_rss a{ background: transparent url(images/nav_media.jpg) left top; width: 192px; }

/* Main and Content General Css */
#main{width:920px; margin-left:20px}
#content{width:600px; height:auto; float: left}
#content-logo{background-image:url(images/beta-logo-trans.png); float:left; width:308px; height:130px; margin-left:146px; margin-top:-88px; position:relative; z-index:4; display:inline;}
#content a:hover{border-bottom: 1px solid #59CBFE}
#content-top{ float:left; background:transparent url(images/back_top.jpg) no-repeat; width:600px; height:30px}
#content-back{float:left; background:transparent url(images/back.gif) repeat-y; width:600px; height: auto; min-height:410px; padding-bottom:60px;}
#content-bottom{float:left; background:transparent url(images/back_bottom.jpg) no-repeat; width:600px; height:60px; position: relative; z-index: 1}

/*Sidebar */
#sidebar{ width:280px; float:right; z-index:2; position: relative}
#sidebar-back{ background-image:url(images/sidebar_back.jpg); width:280px; height:580px}
.ads a img{margin:8px 1px 1px 8px;}

/* Get Cooliris Button and Shadow */
#powered-by{position:relative; padding-top:20px}
#powered-by-text{margin-left:30px; margin-right:30px}
#button{width: 238px;}
#get-cooliris{height:58px; }
#get-cooliris li, #get-cooliris a{ background:url(images/get_cooliris.jpg) top; margin-left:38px; display: block; overflow:hidden; height: 58px; text-indent: -9999px; }
#get-cooliris li, #get-cooliris  a:hover{ background-position: bottom;}
#get-cooliris-shadow{background-image:url(images/get_cooliris_shadow.jpg); display:inline; width:280px; height:42px; position:absolute; margin-left:0px; margin-top:-22px; z-index:-1}

/* Sidebar - CSS Tooltip */
#downloadtext{margin-top:20px; text-align: center;}
#downloadtext a strong{ font-size: 11px }
#downloadtext a:hover {background:#000000; text-decoration:none;} /*BG color is a must for IE6*/
#downloadtext a.tooltip span {display:none; width:280px}
#downloadtext a.tooltip:hover span{ background-image:url(images/hover_back.gif); background-color:#000000; height:28px; display:block; position:absolute; color:#ffffff; padding-top:10px; padding-bottom:10px; margin-top:-42px; margin-left:-32px; font-size:11px; cursor:help; z-index:3}

/* Get my widget from Widgetbox.com */
#get-my-widget{margin-top:20px; margin-left:80px}

/* Footer */
#footer{ background-image:url(images/footer.jpg); float:left; width:960px; height:80px; margin-top:60px;}
#footer-nav{text-align:center; margin-top:30px; margin-bottom:10px}
#footer-nav a{ color: #CCDEF2;}
#footer-nav a:hover{ color: #CCDEF2; border-bottom: 1px solid #CCDEF2}
#footer-nav li{ display: inline; list-style-type: none; padding-right: 2px; color:#CCDEF2;}
#footer p{text-align:center; color: #828789; font-size:10px}

/* Index page */
#logo{background-image:url(images/beta-logo-trans.png); float:left; width:308px; height:130px; margin-left:146px; margin-top:-90px; position:relative; z-index:4; display:inline; }
#video{background-image:url(images/video_back.jpg); width:600px; height:400px}
#get-flash p{padding-top:160px; text-align:center;}
#favorite{background-image:url(images/favorite.jpg); width:960px; height:120px; margin-top:40px; float:left}
#banner{background-image:url(images/banner_shadow.jpg); width:600px; height:100px; float:left; margin-top:110px; }
#banner a:link{border:none }
#banner a:visited{border:none }
#banner a:active{border:none }
#banner a:hover{border:none }
#banner a{margin-left:66px;}

/* Submit Page */
#submit-form{ float:left; width:640px; height:580px;}
.submission{text-align:center}

#recaptcha_widget_div{margin-left:120px}

#form-content p{ font-size:14px; width:560px }
#form-content{width: 560px; padding: 20px;}
#form-content h2 {margin-top: -20px}

#form {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:40px}
#form p{margin:10px 0 10px 0; position:relative;}
#form label{width:100px; color:#CCDEF2; float:left; font-weight:bold; margin-right:8px; padding:8px;}
#form input{width:300px; height:20px; border: solid 2px #333333; background-color:#FFFFFF; padding:4px;}
#form textarea{width:300px; height:100px; border: solid 2px #333333; border-bottom:none; background-color:#FFFFFF; padding:4px;}
#form #submit{ background-image:url(images/button.gif); width:312px; height:30px; background-color:#000000; color:#FFFFFF; font-weight:bold; font-size: 14px; margin-left:124px; cursor: pointer;}
#form .required{color:#33CC33; padding-left:5px; position:absolute; top:8px; z-index: 6}

/* About  page*/
#about-us{width: 560px; padding: 20px;}
#about-us p{padding-top:10px}
#about-us ol {padding-top:10px}
#about-us ol li {color:#CCDEF2; margin-left:40px; padding:6px;}
#about-us h2 {padding-top:10px}

/* About  page Tooltip */
#about-us a:hover {background:#000000; text-decoration:none;} /*BG color is a must for IE6*/
#about-us a.tooltip span {display:none; width:220px}
#about-us a.tooltip {color:#33CC33}
#about-us a.tooltip:hover span{ background-image:url(images/hover_back.gif); background-color:#000000; width:240px; height:20px; display:inline; position:absolute; color:#ffffff; padding-top:18px; padding-bottom:10px; padding-left: 40px; margin-top:-42px; cursor:help; z-index:3}


/*  Support page */

#support{width: 560px; padding: 20px;}
#support p{padding-top:10px}
#support ol {padding-top:10px}
#support ol li {color:#CCDEF2; margin-left:40px; padding:6px;}
#support h2 {padding-top:10px}
.question{display:block; border:1px solid #333333; background-color:#222222; padding:6px; color:#CCDEF2}
.answer{display:block; border-left:1px solid #333333; border-right:1px solid #333333; padding:6px 20px 6px 30px;}
.answer-last{display:block; border-left:1px solid #333333; border-right:1px solid #333333; border-bottom:1px solid #333333; padding:6px 20px 6px 30px;}

/* Media Page */