/* ======================================================================
ALL NEW CUSTOM STYLES SHOULD BE ADDED TO THE BOTTOM OF STYLE SHEET 
====================================================================== */

/* ===== BEGIN BASIC STYLES ===== */
/* Begin General Styles */
body {font-size:13px;font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;*font-size:small;*font:x-small;}
html,body {margin:0;padding:0;}
body {margin-top:10px; background-color:#CCC;}
.inv { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* hide from visual browsers but still available to screen readers */
.closed { display:none; } /* for submenus */
.open { display:block; } /* for submenus */
h1, h2, h3, h4, h5, h6, p { margin:0 10px 10px 10px; }
h1 { font-size:30px; }
h2 { font-size:20px; color:#666; }
h3 { font-size:16px; color:#666; }
h4, h5, h6 { font-size:13px; }
a { color:#069; }
a:hover {text-decoration:underline;}
.fancy { font-style: italic; text-align: center; }
/* End General Styles */

/* Begin Form Styles */
form { display:inline; }
fieldset { border:none; }
.btn { background:#069; color:#fff; border:solid 1px #000; font-weight:bold; font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;}
a.btn { padding: 1px 10px; text-decoration:none; font-weight:bold; margin: 10px 0;}
/* End Form Styles */
/* ===== END BASIC STYLES ===== */

/* ===== BEGIN LAYOUT ===== */
div#masthead { background:#fff; }
div#masthead h1 { height:60px; line-height:60px; margin:0; background:url('../images/tgbr-public-mast.gif') no-repeat #fff; border-top:solid 5px #0066A8; border-bottom:solid 2px #999; margin-bottom:2px; }
div#masthead form { width:200px; text-align:right; float:right; margin-top:-50px; }
div#masthead form fieldset { margin:0px; padding:0px; float:right;}
div#masthead form fieldset label { color:#069; font-weight:bold; }
div#masthead form fieldset label span { color:#999; font-size:16px; padding-top:2px; float:left; }

div#sec-title { margin-left:200px; padding-bottom:2px; margin-bottom:2px; margin-top:-2px; border-bottom:solid 2px #999; border-top:solid 2px #fff; }
div#sec-title h1 { margin:0; padding:40px 0 0 20px; color:#fff; }
.sec-title-bkgrnd-tgbr { background:url('../images/TGBR_760x98.jpg') no-repeat #fff; }

div#container { text-align:left; }
div#nav { margin-top:-2px; }
div#nav, div#extra { float:left; border-top:solid 2px #fff; }
div#extra {overflow-x:hidden;}
div#footer { color:#666; }
div#footer p { padding:5px 10px; line-height:1.5em; text-align:center; border-top:solid 1px #999; background:#fff; }
div#footer p a { color:#666; text-decoration:none; }

div#container { width:960px; margin:0 auto; } 
div#wrapper { float:left; width:100%; }
div#footer { clear:left; width:100%; }

/* Begin Home Page Layout - 
On internal pages, <div id="container" class="page-home">
Adjusts widths and background to allow for wide extra column */
div.page-col0home div#sec-title { height:230px;width:760px; background:url('../images/readerschoice.gif') no-repeat #fff; } /* image: 760x230 static version  */
div.page-col0home div#sec-title.full { height:230px; width:760px; background:url('../images/readerschoice.gif') no-repeat #fff; } /* image: 760x230 big animated version  */

div.page-col0home { background:url('../images/faux-columns-home.gif'); } 
div.page-col0home div#content { margin:10px 275px 0px 195px; color:#666; font-size:15px; }
div.page-col0home div#nav { width:190px; margin-left:-960px; }
div.page-col0home div#extra { width:270px; margin-left:-270px; margin-top:234px; }
div.page-col0home div#footer p { margin:0 275px 0 0px; }
div.page-col0home div#content img { float:left; margin:5px 10px 10px 10px; }

/* Begin Internal Page Layout - 
On internal pages, <div id="container" class="page-col02">
Adjusts widths and background to allow for no extra column */
div.page-col02 div#sec-title { height:98px; } /* image: 760x98 */
div.page-col02 { background:url('../images/faux-columns-page-col02.gif'); } 
div.page-col02 div#content { margin:10px 0px 0px 195px; }
div.page-col02 div#nav { width:190px; margin-left:-960px; }
div.page-col02 div#extra { width:0px; margin-left:0px; margin-top:102px; }
div.page-col02 div#footer p { margin:0 0px 0 0px; }

/* Begin Internal Page Layout - 
On internal pages, <div id="container" class="page-col03">
Adjusts widths and background to allow for narrow extra column */
div.page-col03 div#sec-title { height:98px; } /* image: 760x98 */
div.page-col03 { background:url('../images/faux-columns-page-col03.gif'); } 
div.page-col03 div#content { margin:10px 195px 0px 195px; }
div.page-col03 div#nav { width:190px; margin-left:-960px; }
div.page-col03 div#extra { width:190px; margin-left:-190px; margin-top:102px; }
div.page-col03 div#footer p { margin:0 195px 0 0px; }
/* ===== END LAYOUT ===== */

/* ===== BEGIN NAV ===== */
/* All Levels */
#nav a { display:block; text-decoration:none; font-weight:bold; height:20px; border-top:dotted 1px #ccc; padding:3px 0px 1px 5px; }
#nav ul li>a { height:auto; } /* Firefox Fix */
#nav ul { list-style:none; margin:0; padding:0; }

/*subnav magic*/
#subnav-about {display:none;}
#page-about #subnav-about, #page-benefits #subnav-about, #page-features #subnav-about, #page-faq #subnav-about {display:block;}

/* Level 01 */
#nav ul { background:#069; }
#nav ul li { text-transform:uppercase; }
#nav ul li a { background:#069; color:#fff; }
/* change the color of the next statement for a "you are here" look */
#page-home a#nav-home, #page-about a#nav-about, #page-update a#nav-update, #page-advertise a#nav-advertise { color:#fff; cursor: text;}
#nav .home { border:none; }


/* Level 02 */
#nav ul li ul { background:#9cf; }
#nav ul li ul li { text-transform:none; }
#nav ul li ul li a { background:#9cf; color:#fff; }
#nav ul li ul li a.on, 
#page-benefits a#nav-benefits, #page-features a#nav-features, #page-faq a#nav-faq { color:#069; cursor: text; }

/* Level 03 */
#nav ul li ul li ul { background:#d1e8ff; }
#nav ul li ul li ul li { text-transform:none; }
#nav ul li ul li ul li a { background:#d1e8ff; color:#666; }
#nav ul li ul li ul li a.on { color:#069; }

/* Nav Extras */
#nav-extras { background:#ccc; padding:4px; }
#nav-extras div { background:#fff; color:#ccc; font-weight:bold; margin:10px 0px; border-left:solid 5px #069; }
#nav-extras div a { background:#fff; color:#069; text-decoration:none; font-size:10px; border:none; }

#nav .product-login { background:#d1e8ff; color:#666; font-weight:bold; font-size:10px; padding:10px; }
#nav .product-login a { text-decoration:none; border:none; }

#nav .nav-ad { text-align:center; margin-top:10px; }
#nav .nav-ad a { height:auto; border: none; }

/* to style the nav items in the right column -- back to database, logout -- use id #right-special-nav which is applied on the UL surrounding the links */

/* ===== END NAV ===== */

/* ===== Begin Custom Styles - any new styles should be added to this section ===== */
#content h2 { background:url('../images/arrow_lightbkgd.gif') 5px 5px no-repeat; padding-left:25px; margin:0 5px 5px 5px; }
#content h2.home { background:none; margin:0 5px 0 5px; }
#content h2.home span { color:#069; }

#content #tip { margin:0px 5px; border-top:solid 2px #999; }
#content #tip div, #content #tip .news-tip { background:#d1e8ff; margin-top:2px; padding:3px; }
#content #tip h2 { text-transform:uppercase; color:#069; }
#content #tip h3 { color:#069; margin:0 0 0 10px; }
#content #tip ul { margin:0 5px 0 40px; padding:0; }
#content #tip ul li { list-style-image:url('../images/999-gt-on-d1e8ff.gif'); font-size:90%; }

#content p { line-height:1.4; margin:0 10px 10px 20px;  }
#content ul { margin-left:50px; }
#content ul li { list-style-image:url('../images/ccc-gt-on-fff.gif'); }
#content .more { text-decoration:none; white-space:no-wrap; }
#content table { margin-left:20px; }
#content table table { margin-left:0px; }

#extra {color: #fff;}
#extra h2 { font-size:16px; color:#fff; text-transform:uppercase; background:url('../images/arrow_666666.gif') 5px 5px no-repeat; padding-left:25px; margin:8px 5px 5px 5px; }
#extra h2.middle {margin-top:20px;}
#extra img { margin-left:15px; }
#extra p {margin:0 10px 10px 20px;}
#extra ul { margin-top:3px; background:#666; margin-right:10px; }
#wide #extra ul { margin:0; }
#extra ul li { color:#fff; list-style-image:url('../images/fff-gt-on-8C8C8C-matte.gif'); }
#extra a { color:#d1e8ff; text-decoration:none; }
#extra a:hover, #extra a.on { color:#d1e8ff; text-decoration:underline; }
#extra .right-ad { text-align:center; margin-top:10px; }

form#login p {margin-bottom:5px;}
#search-ipr { background:#9cf; } /* added 05/22/08 */

.rt-ad-col { float:right; width:125px; }
.rt-ad-col img, .rt-ad-col iframe { margin-top:5px; }
.ad-lead { text-align:center; margin:0px 0px 5px 0px; }
/* ===== End Custom Styles ===== */

ul#lang-pref { list-style:none; padding:0; margin:0 0 0 25px;}
ul#lang-pref a{ padding:15px 5px; display:block; text-decoration: none; }
ul#lang-pref a span {float:left; display:block; padding-top:35px; padding-left:5px;height:50px; width:150px;  font-size: 140%; white-space:normal; }
ul#lang-pref a:hover {background:url(../images/lang-pref-background.gif) 0 50% no-repeat;}