/* Site-wide formating go here
Site colors,sizes and common theme elements should all be included.
Includes overall section layouts?
This style sheet should be included on every page
**** BASIC PAGE ELEMENTS *****/
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:62.5%;/*background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#6786bb),color-stop(1.0,#fff));*/
min-width:900px;width:expression(document.body.clientWidth < 900? "900px":"auto" );}
p{margin-left:2em;font-size:1.3em;color:#333;}
a{outline:none;}
a img{text-decoration:none;border-width:0;outline:none;}
a,a:hover{color:#35599f;border-width:0;}
a:visited{color:#336;border-width:0;}
H1{font-size:1.6em;}
/* displayed at 18px */
H2{font-size:1.25em;}
/* displayed at 15px */
H3{font-size:1.15em;}
/* displayed at 12px */
li{font-size:1.3em;color:#333;}
ul li{font-size:1.2em;}
.playButton{background-color:#E6E6E6;cursor:pointer;font-weight:bold;font-size:1.25em;opacity:1;filter:alpha(opacity=80);-moz-border-radius:1.5em;-webkit-border-radius:1.5em;position:relative;top:50%;zoom:95%;padding:1em 1em;color:#4C4C4C;padding-right:4em;background-image:url(../images/interface/preview_overlay.png);background-position:95% 50%;background-repeat:no-repeat;}
/**** BASIC PAGE SECTIONS *****/
/*MAY BE OVERRIDDEN BY TEMPLATE STYLES? */
#container{width:100%;max-width:1000px;display:block;clear:both;float:left;}
#content{width:95%;max-width:95%;clear:both;background-image:url(../images/backgrounds/background_gradient_long5.png);background-repeat:repeat-x;-webkit-border-radius:3.3em;-moz-border-radius:3.3em;border-radius:3.3em;padding:0.5em;padding-bottom:4em;min-height:650px;margin-left:2%;}
#footer{text-align:center;clear:both;width:97.5%;float:left;margin-bottom:2%;margin-left:1%;padding-top:1em;display:block;/* for non-css3 browsers */
background:#9F9F9F;/* for IE */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F',endColorstr='#6C6C6C');/* for webkit browsers */
background-image:-webkit-gradient(linear,left top,left bottom,from(#9F9F9F),to(#6C6C6C),color-stop(0.5,#9F9F9F));/* for firefox 3.6+ */
background:-moz-linear-gradient(top,#9F9F9F,#6C6C6C);background-position:left top;-moz-border-radius:.75em ;-webkit-border-radius:.75em;border-radius:.75em;}
#footerLink{color:#FFF;font-size:1em;}
#main_top{min-height:460px;}
#features{min-height:200px;clear:both;width:101%;position:relative;right:0.5%;}
#iPhone_video{background:transparent url(../images/backgrounds/iPhoneWhiteFrame.png) no-repeat;width:208px;height:459px;padding-top:2em;position:absolute;top:270px;left:576px;z-index:100;}
#iPhone_video #embed{position:absolute;top:58px;left:14px;width:120px;}
#iPad_video{background:transparent url(../images/backgrounds/iPadBlackFrame.png) no-repeat;width:580px;height:448px;padding-top:2em;position:absolute;top:130px;left:50px;}
#iPad_video #embed{position:absolute;top:46px;left:52px;width:120px;}
#tab_navigation{font-size:1em;}
#tab_navigation a{color:#fff;}
ul#tab_navigation{float:right;min-width:600px;position:relative;top:25px;right:290px;}
ul#tab_navigation li{list-style-type:none;display:block;width:14%;float:left;text-align:center;font-family:"Lucida Grande",sans-serif;height:2em;padding-bottom:.5em;border-right:1px #818181 solid;}
ul#tab_navigation li a{display:block;padding:.6em .6em .5em .5em;text-decoration:none;}
ul#tab_navigation li:first-child{-webkit-border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;border-top-left-radius:.5em;width:14%;}
ul#tab_navigation li:last-child{-webkit-border-top-right-radius:.5em;-moz-border-radius-topright:.5em;border-top-right-radius:.5em;width:14%;}
#tab_navigation li{background-color:#9F9F9F;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#6C6C6C),color-stop(0.5,#666));}
#tab_navigation li:hover{background-color:#7F7F7F;background-image:-webkit-gradient(linear,left top,left bottom,from(#B5B5B5),to(#6C6C6C),color-stop(0.5,#B5B5B5));}
#tab_navigation li:hover a{color:#FC3;text-shadow:1px 1px 0px #353535;}
.PageTitle{margin-left:2em;font-size:1.1em;color:#333;}
#enterNow a{font-size:1.2em;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;background-color:#EBAA1E;padding:.5em 1em .5em 1em;text-decoration:none;width:20%;position:relative;top:2em;left:42%;}
#enterNow a:hover{background-color:#999;}
#ContestLinks a{font-size:1.2em;font-weight:bold;text-decoration:none;}
.errorLabel{color:#8F0000;font-size:1.1em;font-weight:bold;}
/* HEADER STYLES */
#navigation{font-size:1.2em;}
ul#navigation{float:right;width:300px;min-width:300px;}
ul#navigation li{list-style-type:none;display:block;width:25%;float:left;text-align:center;font-family:"Lucida Grande",sans-serif;height:2.5em;border-right:1px #818181 solid;-webkit-box-shadow:1px 1px 1px #bbb;box-shadow:1px 1px 1px #bbb;}
ul#navigation li a{display:block;padding:.6em .6em .5em .5em;text-decoration:none;color:35599f;text-shadow:1px 1px 0px #cccccc;}
ul#navigation li:first-child{-webkit-border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;border-top-left-radius:.5em;-webkit-border-bottom-left-radius:.5em;-moz-border-radius-bottomleft:.5em;border-bottom-left-radius:.5em;width:25%;margin-left:10%;}
ul#navigation li:last-child{-webkit-border-top-right-radius:.5em;-moz-border-radius-topright:.5em;border-top-right-radius:.5em;-webkit-border-bottom-right-radius:.5em;-moz-border-radius-bottomright:.5em;border-bottom-right-radius:.5em;width:35%;}
#navigation li{background-color:#9F9F9F;background-image:-webkit-gradient(linear,left top,left bottom,from(#BFBFBF),to(#6C6C6C),color-stop(0.5,#BFBFBF));}
#navigation li:hover{background-color:#7F7F7F;background-image:-webkit-gradient(linear,left top,left bottom,from(#B5B5B5),to(#6C6C6C),color-stop(0.5,#B5B5B5));}
#navigation li:hover a{color:#FC3;text-shadow:1px 1px 0px #353535;}
#navigation li{-webkit-transition:all 0.5s;}
#Logo{position:absolute;left:4%;top:0.4%;}

.limiter{margin-top: 10px;}
/* Lightbox Screenshot popup styles */
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11,2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{-webkit-border-radius:3em 3em 0em 0em;-moz-border-radius:3em 3em 0em 0em;border-radius:3em 3em 0em 0em;position:relative;/*background-color:#fff;*/
/* for non-css3 browsers */
background:#9F9F9F;/* for IE */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F',endColorstr='#6C6C6C');/* for webkit browsers */
background-image:-webkit-gradient(linear,left top,left bottom,from(#9F9F9F),to(#6C6C6C),color-stop(0.5,#9F9F9F));/* for firefox 3.6+ */
background:-moz-linear-gradient(top,#9F9F9F,#6C6C6C);width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

