/* CONTENTS
BROWSER RESET STYLES            BRS
GENERIC STYLES                  GS
GENERAL LAYOUT                  GL
*/

/* =BRS
------------------------------------------------------------------------------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {border:none;}

legend {display:none;}
/* END =BRS
------------------------------------------------------------------------------*/

/* =GS
------------------------------------------------------------------------------*/
body, html {height:100%;}
body {margin:0 auto; width:100%;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 10px;}

.clear {clear:both; font-size:1px; height:1px; line-height:1px; margin-bottom:-1px; overflow:hidden; visibility:hidden;}
form .hidden {left:0; position:absolute; top:0; visibility:hidden;}
script, .absolute {left:0; position:absolute; top:0;}

/* END =GS
------------------------------------------------------------------------------*/

/* =GL
------------------------------------------------------------------------------*/

/* EYEBROW */
#eyebrow {border-bottom:1px solid #ddd;}
#eyebrow a:hover {text-decoration:none;}
#eyebrow div.wrap {height:21px; margin:0 auto; width:980px; overflow:hidden;}
#eyebrow dl.cne {height:11px; padding:5px 0;}
#eyebrow dt,
#eyebrow dd {float:left;}
#eyebrow dt {height:0px; margin:2px 0 0; overflow:hidden; padding:8px 0 0; width:168px;}
#eyebrow dd {border-right: 1px solid #ccc; padding: 0 3px 0 4px;}
#eyebrow dd.last {border:none;}

#bg_top {padding-top:19px;}
#container {margin:0 auto; width:981px;}

/* HEADER */
#header {border-bottom:3px solid #ddd; position:relative; width:100%;}
#header #masthead {clear:both; padding:50px 1px 0;}
#header #info_section {border:solid #29aae9; border-width:1px 0 0 1px; height:21px; overflow:hidden;}
#header #info_section dl {line-height:17px; overflow:hidden; padding:2px 0 2px 184px;}
#header #info_section dt,
#header #info_section dd {float:left; padding:0 5px;}
#header #info_section dt {border-right:1px solid #00598b;}
#header #info_section dd.first {border-left:1px solid #27a6e4;}

#header #region_flag {position:absolute; left:1px; top:1px;}

#header #logo {left:15px; position:absolute; top:0px;}
#header #logo a {display:block; height:0; overflow:hidden; padding-top:50px; width:112px;}
#header #logo2 {left:170px; position:absolute; top:10px;}

#header #global_nav_container {border:1px solid #00598b; height:35px;}
#global_nav {border-right:1px solid #29aae9; display:inline; float:left;}
#global_nav li {float:left; height:35px; position:relative; text-align:center;}
#global_nav li a {border:solid #29aae9; border-right:solid #00598b; border-width:1px 1px 0; float:left; line-height:14px; padding:10px 12px; text-decoration:none;}
#global_nav li a:hover {text-decoration:none;}
#global_nav .subnav {border:none; display:none; float:none; position:absolute; left:0; top:35px; width:140px; z-index:6667;}
#global_nav .subnav.on {display:block;}
#global_nav .subnav li {height:auto;}
#global_nav .subnav li a {text-align:left; width:115px; white-space:nowrap;}
#global_nav.js_on {left:1px; position:absolute; top:-39px; z-index:6666;}
#global_nav_shim {border:0; display:none; left:0; position:absolute; top:0; z-index:6665;}
#global_nav_shim.on {display:block;}

/* SEARCH BARS */
form.search_bar {float:right; height:26px; margin:-35px 1px 0 0; overflow:hidden; padding:4px 10px; width:347px;}
form.search_bar fieldset {margin:0 auto; padding:0 31px 0 32px;}
form.search_bar .wrap {height:20px; padding-top:5px; float:left; overflow:hidden; width:100%;}
form.search_bar input.text_field {border:0; line-height:12px; width:100%;}
form.search_bar button.submit {cursor:pointer; display:inline; float:right; height:25px; margin:0 -31px 0 0; padding:0; overflow:hidden; width:31px;}
form.search_bar button.submit span {display:none;}

/* LAYOUT */
#content_wrap {float:left; position:relative; width:980px;}
#content {height:1%; overflow:auto; padding:16px 10px 10px;}
#content.mini {padding-left:180px;}
#content .col {float:left; display:inline;}
#content .col_wrap {width:100%;}
#content #mini {margin:0 10px 0 -170px; width:160px;}
#content #side {float:right;}
#content #bottom {clear:both; display:block; float:none;}
/* Used when testing whether a module is breaking out of bounds.
#content #main {background:orange;}
#content #side {background:red;}
#content #top {background:yellow;}
#content #bottom {background:green;}*/


/* LAYOUT: FRONTDOOR */
#mpu_layout .fd #main {width:650px;}
#mpu_layout .fd #mini {width:181px; float:right;}
#mpu_layout .fd #side {width:300px;}
#mpu_layout .fd #top {width:769px;}

/* LAYOUT: MPU */
#mpu_layout #main {width:650px;}
#mpu_layout #side {width:300px;}
#mpu_layout #top,
#mpu_layout #bottom {width:960px;}

/* LAYOUT: SKY */
#sky_layout #main {width:785px;}
#sky_layout #side {width:165px;}
#sky_layout #top,
#sky_layout #bottom {width:960px;}

/* LAYOUT: HALF */
#half_layout #top {width:960px;}
#half_layout #main,
#half_layout #side {width:475px;}

/* LAYOUT: FULL */
#full_layout #top,
#full_layout #main,
#full_layout #bottom {width:960px;}

/* LAYOUT: MPU+MINI */
#mpu_layout .mini #main {width:480px;}
#mpu_layout .mini #side {width:300px;}
#mpu_layout .mini #top {width:790px;}

/* LAYOUT: SKY+MINI */
#sky_layout .mini #main {width:615px;}
#sky_layout .mini #side {width:165px;}
#sky_layout .mini #top {width:790px;}

/* LAYOUT: FULL+MINI */
#full_layout .mini #top {width:790px;}
#full_layout .mini #main {width:790px;}

/* LAYOUT: LEGACY+MINI */
#legacy_layout .mini #top {width:760px;border:1px solid #C7C7C7;border-bottom-width:0;}
#legacy_layout .mini #main {width:760px;border:1px solid #C7C7C7;border-top-width:0;}

/* FOOTER */
#footer {border:1px solid #00598b; clear:both; height:1%; overflow:hidden;}
#footer .search_bar_container {border-top:1px solid #29aae9; border-bottom:1px solid #00598B;}
#footer .search_bar_container form.search_bar {float:none; margin:0 auto; width:388px;}
#popular_links, #infoline, #cnet_footer {height:1%; overflow:hidden; padding:5px 20px; clear:both;}

#popular_links {border-top:1px solid #29AAE9; float:left; clear:both; overflow:hidden; padding:0; position:relative; width:100%;}
#popular_links .wrap {height:1%; margin:16px 0; overflow:hidden;}
#popular_links dl {border-right:1px solid #ddd; display:inline; float:left; line-height:13px; margin:0 -2px -400px; padding-bottom:400px; width:25%;}
#popular_links dt,
#popular_links dt {margin-bottom:4px; padding:0 30px;}
#popular_links dd {padding:0 30px 5px;}
#popular_links dl.pop_celebs_list.last {border:none;}

#infoline {border-top:1px solid #29aae9; border-left:1px solid #29aae9; border-bottom:1px solid #00598b;}
#infoline dt {float:left;}
#infoline dd {border-right:1px solid #ccc; float:right; padding:0 6px;}
#infoline dd .xml {display:block; height:0; overflow:hidden; padding-top:14px; width:36px;}

/* CNET FOOTER */
#cnet_footer {border-top:1px solid #29aae9; border-left:1px solid #29aae9; padding:10px 20px;}
#cnet_footer ul {margin:0 0 7px; text-align:left;}
#cnet_footer ul ul {border-left:1px solid; display:inline; margin:0 0 0 3px; padding:0 0 0 4px;}
#cnet_footer li {border-right:1px solid; display:inline; margin:0 4px 0 0; padding:0 3px 0 0;}
#infoline dd.last, #cnet_footer li.last {border:none; margin:0; padding:0;}
#cnet_footer #cnet_sites em {display:none;}
#cnet_footer.js_on #cnet_sites {display:inline; float:right; margin-top:-24px;}
#cnet_footer.js_on #cnet_sites em {display:inline;}
#cnet_footer.js_on #cnet_sites select {vertical-align:middle;}

/* GENERIC MODULES */
.module {border:1px solid #c7c7c7; margin-bottom:10px;}
.module .header {border-bottom:1px solid #c7c7c7; margin:1px; padding-bottom:1px;}
.module .header .wrap {height:12px; padding:10px; position:relative;}
.module .header span {float:right;}
.module .header .icon {display:inline; float:left;}
.module .subheader {border-bottom:1px solid #c7c7c7; height:auto;/*height:10px;*/ overflow:hidden; padding:10px;}
.module .body,
.module .footer {height:1%; overflow:hidden; padding:0 10px;}
.module .body ul {height:1%; overflow:hidden; width:100%;}
.module .body li {border-bottom:1px solid #c7c7c7; padding:10px 0; overflow:hidden; width:100%;}
.module .body .details {display:inline;}
.module .body .title, .module .body .info {display:inline; float:left; width:100%;}
.module .footer {padding:10px; text-align:right;}
.with_community, .has_action {margin-top:10px;}

/* SPONSORED MODULES
.module.sponsored {border-width: 1px 0;}
.module.sponsored .header {border:none; margin:0; padding:0;}
.module.sponsored .header .wrap {background:url(bg_modules.gif) repeat-x left -89px; border-bottom:1px solid #3da2d7; height:24px; line-height:24px; padding:0 10px;}
.module.sponsored .header, .module.sponsored .header a {color:#fff;}
.module.sponsored .body {background-color:#fff; border:solid #ddd; border-width:0 1px;}
.module.sponsored .footer {background-color:#fff;}
*/

/* COMMUNITY MODULES */
.module.community {border:0;}
.module.community .header {border:0; margin:0; padding:0;}
.module.community .header .wrap {height:36px; line-height:36px; padding:0 10px; position:relative;}
.module.community .header .icon {height:26px; margin-top:7px; margin-right:7px; width:49px;}
/*.module.community.has_action .header .icon {margin-top:6px;}*/
.module.community .subheader {border:1px solid #c7c7c7; border-top:0;}
.module.community .body {border:solid #c7c7c7; border-width:0 1px 1px;}


/* ACTION DIALOG BUBBLE */
.module .header .wrap .action_box {height:34px; right:10px; padding-left:3px; position:absolute; top:-12px; z-index:10;}
.module .header .wrap .action_box .wrap {border:none; float:left; height:43px; overflow:visible; padding:0 25px 0 0;}
.module .header .wrap .action_box .wrap .wrap {border:solid #0085ca; border-width:2px 0; height:30px; padding:0;}
.module .header .wrap .action_box .wrap .wrap span {display:inline; float:left; height:30px; letter-spacing:-.05em; line-height:30px; margin-right:-23px; overflow:hidden; padding:0 10px; position:relative;}

/* MINI COL SPONSORED MODULES
#content.mini #mini .module.community .has_action {margin-top:27px;}
*/
.module.green .header .module_title, .module.green .header .module_title a {line-height:10px;}
/*
#content.mini #mini .module.community .header .wrap .action_box {background:url(bg_modules.gif) no-repeat left -260px; top:-28px;}
#content.mini #mini .module.community .header .wrap .action_box .wrap {background:url(bg_modules.gif) no-repeat right -303px; height:43px;}
#content.mini #mini .module.community .header .wrap .action_box .wrap .wrap {background:#fff none; border:solid #15a61d; border-width:2px 0; height:30px;}
#content.mini #mini .module.community .header .wrap .action_box .wrap .wrap span, #content.mini #mini .module.community .header .wrap .action_box .wrap .wrap span a {color:#15a61d;}
*/

#content #top .content_title {margin-bottom:4px;}
#content #top .content_title p {margin:0;}

/* USER PROFILE/CONSOLE */
#user_console {border-top:1px solid #2badec; border-left:1px solid #2badec; border-bottom:1px solid #00598b; border-right:1px solid #00598b; position:absolute; right:10px; top:6px; width:220px;}
#user_console .header {border:0; margin:0; padding:0;}
#user_console .header .wrap {height:19px; line-height:18px; padding:0 6px;}
#user_console .header #expand_link{line-height:18px;}
#user_console .header span.join_text {float:none;}
#user_console .header .icon {height:14px; width:15px; margin-top:2px; margin-right:5px;}
#user_console .body {height:32px; padding:5px 6px 3px;}
#user_console .body .basic_info {height:31px; margin-bottom:4px; overflow:hidden; padding:0 92px 0 36px;}
#user_console .body .basic_info .avatar {display:inline; border:2px solid #ddd; float:left; margin-left:-36px; height:0; overflow:hidden; padding-top:26px; width:26px;}
#user_console .body .basic_info .info {float:left; width:100%;}
#user_console .body .basic_info .info .user_name{margin:-1px 0 3px 0;}
#user_console .body .basic_info .info form fieldset select{/*border:1px solid #c7c7c7; border-right:0; border-bottom:1px solid #E9E9E9; */width:150px; margin-top:2px;}
#user_console .body .basic_info .status {display:inline; float:right; margin-right:-92px; padding:0px; width:92px;}
#user_console .body .basic_info .status ul li{border:0; display:block; height:11px; line-height:13px; margin-bottom:3px; padding:1px 0 1px 7px; width:auto;}
#user_console .body .basic_info .status ul li.msgs{line-height:10px;}
#user_console .header .module_title{display:inline; width:160px; overflow:hidden;}
#user_console .header .module_title a.queue_link{border:1px solid #2BADEC;display:inline; height:auto; margin-left:8px; padding:1px 4px 2px;}
#user_console .header .module_title a.queue_link.pending{border:1px solid #C85E5E;}

#online_friends {border:0; margin-bottom:0;}
#online_friends .body{height:auto; padding:6px 0 0;}
#online_friends ul{height:auto;}
#online_friends ul li{border:0; padding:0; display:inline; line-height:18px; padding:0px 20px 0 0; width:91px;}

#tracked_item {border:0; margin-bottom:0;}
#tracked_item .body{height:auto; padding:6px 5px 6px 0;}
#tracked_item .body .wrap {padding: 0 0 0 80px; overflow:hidden; height:50px;}
#tracked_item .body .title{margin-bottom:3px;}
#tracked_item .body .title,
#tracked_item .body .info {display:inline; float:right; width:100%;}
#tracked_item .body .details{display:inline;}
#tracked_item .body .info ul li{border:0; padding:0 0 3px; }
#tracked_item .body .thumb {display:inline; float:left; margin:0 8px 0 -80px; width:72px;}
#tracked_item .body .thumb img {border:1px solid #ccc; display:block; height:53px; width:70px;}
#tracked_item .body .thumb:hover img {border:1px solid #0085ca;}


/* LOGIN */
#user_console .body #login {margin:1px 0 0 -6px; padding:7px 0;}
#user_console .body #login .hidden {left:0; position:absolute; top:0; visibility:hidden;}
#user_console .body #login fieldset {float:left;}
#user_console .body #login fieldset.details input, #user_console .body #login .wrap {border:1px solid #999;}
#user_console .body #login fieldset.details input {display:inline; float:left; height:13px; margin-left:6px; padding:1px 2px; width:149px;}
#user_console .body #login fieldset.details input.password {width:85px;}
#user_console .body #login fieldset.submit_button {float:right; margin-top:-4px;}
#user_console .body #login .wrap {float:right;}
#user_console .body #login .wrap button {cursor:pointer; height:15px; width:58px;}

#user_console.js_on {right:9px; top:-106px;}

/* ERROR PAGE */
#error_message {padding:18px 0 0 11px;}
#error_message .error h2 {font-size:24px; font-weight:bold; padding-bottom:10px;}

/* ABOUT US */
.aboutus h2,
.aboutus h3 {padding:7px 0;}

/* END =GL
------------------------------------------------------------------------------*/
