@import url('/_css/reset.css');
@import url('/_css/header.css');


body{color:#aeaeae;font-family:Arial,Helvetica,sans-serif;font-size:75%;line-height:1.5em}
#tabs{background:#223246 url('/_img/body-rpt.png') repeat-x}
#no-tabs{background:#223246 url('/_img/prestitial-rpt.png') repeat-x}
.clear:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clear{*display:inline-block}
.clear{*zoom:1;*display:block}


/********************
container styles 
********************/
#container{margin:0 auto 20px;width:970px}
#wrapper{background:#000;margin-top:10px}


/********************
header
********************/
.beta-header{height:90px;position:relative;width:970px}
.img-masthead-beta {background:url('/_img/masthead-logo.jpg') no-repeat 0 0;display:block;height:90px;left:-290px;margin:0;position:absolute;text-indent:-5000px;top:0;width:537px;z-index:100;*height:85px}
.img-masthead-beta a{display:block;float:right;height:52px;margin:18px 60px 0 0;width:177px;_margin-right:30px}
.logo-google {_background-image:url('/_img/logo-google-IE.png')}
ul.nav li.nav-channel, ul.nav .last, .left-corner-selected, .curve-selected, .rev .curve-selected, .right-corner-selected, .selected .bot-bub, ul.nav .hub-nav.guides, #masthead-login .left,#masthead-login .right,#masthead-login .curve {_background-image:url('/_img/nav-sprite-IE.png')}
ul.nav .hub-nav {_width:auto}
#masthead-login a:hover,#masthead-logout a:hover {_border-top:1px solid #000}
#masthead-login .container-sub-nav.selected .label-sub-nav {*height:18px}
#masthead-login .curve {_bottom:2px;_right:102px}
#masthead-login .right {_right:106px}
#masthead-login .sub-nav a,#masthead-login .sub-nav a:hover{_border:none}
#nav-global .first {_background-position:0 0}
#nav-global .guides.selected {_background-image:none}
#search-dropdown .input,#search-dropdown .label {_line-height:2.15em}
.selected .sub-nav-display{*margin-right:1px;*z-index:5}


/********************
typography
********************/
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */ 
h1{color:#3cf;font-size:3em;font-weight:bold;line-height:1.25em;margin-bottom:0.5em;*padding-top:5px}
h2{font-size:2em;font-weight:bold;/*letter-spacing:0.083em;*/line-height:1.325em;margin-bottom:1em}
h3{font-size:1.167em;font-weight:bold;margin-bottom:1em}
h4{font-size:1.083em;margin-bottom:1em}
h5{font-size:1.083em;font-style:italic;font-weight:bold;margin-bottom:1em}
h6{font-size:1em;font-style:italic;font-weight:bold}
p{font-size:1em;letter-spacing:0.042em; /*needed for legibility*/margin:0 0 1.5em}
a, a:link, a:visited{color:#fff;font-weight:bold;text-decoration:none}
a:active, a:hover{text-decoration:underline}
.smaller, a.smaller, a.smaller:link, a.smaller:visited{font-size:0.917em}
strong{font-weight:bolder}
ol{font-size:1.5em;font-weight:bold;list-style-type:decimal;padding:0 0 0 20px}
ol li{vertical-align:middle}
ol p{font-size:0.667em;vertical-align:baseline}


/******************** 
footer styles 
********************/
.footer-section{background:#030507;border:1px solid #393b41;clear:both;margin-top:10px;overflow:hidden;padding:35px;width:898px}
.footer-section a{font-size:0.833em;font-weight:normal}
.footer-section .first{border:none;padding:0 35px 0 0}
.footer-section .first .footer-head{margin-left:11px}
.footer-col{border-left:1px solid #262629;float:left;height:216px;padding:0 23px 0 10px}
.footer-disclaimer{color:#fff;float:right;font-size:0.833em;width:400px}
.footer-disclaimer a{font-size:1em}
.footer-head{font-size:1.083em;letter-spacing:normal}
.footer-logo{display:block;margin-bottom:2em}
.footer-network{float:left;width:445px}


/**
 * 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 CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/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:110;width:100%;height:500px;z-index:2000}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:2001;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;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}