@charset "UTF-8";
/* This document contains the CSS for the global header, nav menu, and footer */

/* Default page specifications */
body {margin:0; padding:0; _text-align:center; font-family:Arial, Helvetica, sans-serif; color:black; font-size:11px} /* Default page font formatting. You may edit accordingly. DO NOT EDIT 'margin', 'padding', or '_text-align' properties */

body a:link {color:#0066CC; text-decoration:none} /* default page font link formatting. You may edit accordingly. */
body a:visited {color:#0066CC; text-decoration:none} /* default page font link formatting. You may edit accordingly. */
body a:active {color:red; text-decoration:underline} /* default page font link formatting. You may edit accordingly. */
body a:hover {color:#0066CC; text-decoration:underline} /* default page font link formatting. You may edit accordingly. */

form {padding:0; margin:0}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px} /* default input/select/textarea formatting. You may edit accordingly */
.submitButton {padding:2px 4px; font-size:12px; font-weight:normal; border-left:1px solid #FFCCCC; border-top:1px solid #FFCCCC; border-right:1px solid #990000; border-bottom:1px solid #990000; background:#CC0000; color:white} /* default submit input button. You may edit accordingly */
/* END Default page specifications */


#mainContainer {width:900px; _width:903px; margin:auto; _text-align:left} /* This element is the container for the entire page. DO NOT EDIT */


/*---- BEGIN MAIN LAYOUT SELECTORS ----*/
.header {background:#333333; color:#ffffff; font-weight:bold; height:38px; _height:33px; line-height:47px; _line-height:36px; _padding-top:8px; padding:0 10px} /* Default header class. This element is the "header" for all of the major containers such as 'Account Management', 'Message Center', etc. You may edit accordingly */
.header span {position:relative; left:10px; width:40px} /* This selector controls the 'view all' text in the '.header' element. You may edit accordingly.  */
.body {border:1px solid #ccc; border-top:none; padding:10px; overflow:hidden} /* Default body class. This element is the "body" for all major containers such as 'Account Management', 'Message Center', etc. You may edit accordingly. DO NOT EDIT 'overflow' property */
.lowerElement {margin-top:15px} /* Specifies space between major elements. (ex: the space between 'Account Management' element and 'Message Center' element) You may edit accordingly */
.clearFloat {clear:both} /* Default float clearer. DO NOT EDIT */
.subHeader {background:#eee; height:24px; line-height:24px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 0 0 10px; color:#666} /* Default subHeader class. This element displays directly beneath the '.header' element. You may edit accordingly.  */
.bgColorOn {background-color:#eee} /* This class applies a background color to list items. (ex: In the 'Recent Events' list, the first event has this bg color applied, and the one below it has the class '.bgColorOFF' applied. These classes will rotate with each list item. This helps the user differentiate between list items */
.bgColorOFF {background-color:#fff} /* This class applies a background color to list items. (ex: In the 'Recent Events' list, the first event has the '.bgColorON' class applied, and the one below it (this one) has the class '.bgColorOFF' applied. These classes will rotate with each list item. This helps the user differentiate between list items */
.alertBox {margin:15px; margin-top:5px; padding:10px; border:3px solid #FF0000; background:#fff}
.alertBox img {float:left}
.alertBox h1 {display:block; padding:0; margin:5px 10px 5px 50px; font-size:11px; font-weight:normal;}

.header a:link {color:#eee; text-decoration:underline; font-weight:normal} /* XXXXXXXXXXXXXXXX */
.header a:visited {color:#eee; text-decoration:underline; font-weight:normal} /* XXXXXXXXXXXXXXXX */
.header a:active {color:#fff} /* XXXXXXXXXXXXXXXX */
.header a:hover {color:#eee; text-decoration:none} /* XXXXXXXXXXXXXXXX */
/*---- END MAIN LAYOUT SELECTORS ----*/


/*---- BEGIN HEADER ----*/
#mainHdContainer img {margin:10px 0}
#mainHdContainer #mainHdBar {height:78px; width:900px; position:inherit; background:url(../images/mainHeaderMidSprite.png) 0 0 repeat-x}
#mainHdContainer #mainHdBar #lt {background:url(../images/mainHeaderSideSprite.png) 0 0 no-repeat; height:78px; width:10px; position:absolute;}
#mainHdContainer #mainHdBar #rt {background:url(../images/mainHeaderSideSprite.png) -15px 0 no-repeat; height:78px; width:10px; float:right}
#mainHdContainer #mainHdBar span {position:absolute; margin:21px 0 0 10px}
#mainHdContainer #mainHdBar span a {margin:0 10px 0 0; font-weight:bold}
#mainHdContainer #mainHdBar span a:link {color:#fff; text-decoration:none}
#mainHdContainer #mainHdBar span a:visited {color:#fff; text-decoration:none}
#mainHdContainer #mainHdBar span a:active {color:#eee; text-decoration:none}
#mainHdContainer #mainHdBar span a:hover {color:#eee; text-decoration:none}
#mainHdContainer #mainHdBar #mainHdSearchContainer {position:absolute; width:400px; height:29px; margin:13px 0 0 500px;}
#mainHdContainer #mainHdBar #mainSearchBtn {display:block; height:29px; width:85px; font-size:12px; margin-left:315px; _margin-left:300px}
#mainHdContainer #mainHdBar #mainSearchBtn span {margin:8px 0 0 26px}
#mainHdContainer #mainHdBar #mainSearchBtn:link {color:#669933; text-decoration:none; background:url(../images/mainSearchBtnSprite.png) 0 0 no-repeat}
#mainHdContainer #mainHdBar #mainSearchBtn:visited {color:#669933; text-decoration:none; background:url(../images/mainSearchBtnSprite.png) 0 0 no-repeat}
#mainHdContainer #mainHdBar #mainSearchBtn:active {color:#669933; text-decoration:none; background:url(../images/mainSearchBtnSprite.png) 0 -60px no-repeat}
#mainHdContainer #mainHdBar #mainSearchBtn:hover {color:#669933; text-decoration:none; background:url(../images/mainSearchBtnSprite.png) 0 -29px no-repeat}
#mainHdContainer #mainHdBar #searchInput {width:300px; float:left; border:1px solid #999; font-size:12px; padding:4px; margin:3px 0 0 0}
#mainHdContainer #mainHdBar #welcomeContainer {position:absolute; margin:53px 0 0 10px; font-size:14px}
#mainHdContainer #mainHdBar #welcomeContainer a {margin-left:10px; font-size:12px}
#mainHdContainer #mainHdBar #date {float:right; font-size:14px; font-weight:bold; margin:53px 0 0 0}

/*---- END HEADER ----*/


/*---- BEGIN TOP NAV ----*/
#topNavContainer ul {padding:0; margin:0; list-style:none; padding:9px 0 0 0}
#topNavContainer ul li {float:left; margin:0 7px}

#topNavContainer ul li a:link {color:#ffffff; text-decoration:none}
#topNavContainer ul li a:visited {color:#ffffff; text-decoration:none}
#topNavContainer ul li a:hover {color:#fff; text-decoration:underline}
#topNavContainer ul li a:active {color:#ccc; text-decoration:underline}
/*---- END TOP NAV ----*/


/*---- BEGIN TOP ADD ----*/
#topAdContainer {width:900px; text-align:center; margin:20px 0} /* DO NOT EDIT */
/*---- END TOP ADD ----*/

/*--------------------MAJOR DOC SPLIT-----------------------*/

/*---- BEGIN FOOTER CONTAINER ----*/
#footerContainer {height:100px; border-top:1px solid #999; margin-top:30px; color:#999}

#footerContainer ul {padding:0; margin:0; list-style:none; margin:4px 0 0 0}
#footerContainer ul li {float:right; margin-left:14px}
/*---- END FOOTER CONTAINER ----*/


/*---- BEGIN UPGRADE CONTAINER ----*/
#upgradeContainer {display:none; margin-bottom:6px; text-align:center}
/*---- END UPGRADE CONTAINER ----*/


/*---- BEGIN FRIENDS ONLINE CONTAINER ----*/
#mainFriendsOnlineContainer {width:160px}
#mainFriendsOnlineContainer .body {padding:5px; overflow:hidden}
#mainFriendsOnlineContainer ul {margin:0; padding:0}
#mainFriendsOnlineContainer ul li {margin:0; padding:5px; list-style:none}
#mainFriendsOnlineContainer ul li img {float:left}
#mainFriendsOnlineContainer ul li h1, #mainFriendsOnlineContainer ul li h2, #mainFriendsOnlineContainer ul li h3 {font-size:11px; font-weight:normal; padding:0; margin:0 0 0 45px}

.friendOnlineContainer {padding:5px}

#messageContainer {position:relative}


/*---- BEGIN ERROR CONSOLE AND BUTTON ----*/
.errorContainer {border:3px solid red; padding:10px; margin:0 0 15px 0}
.errorContainer img {float:left}
.errorContainer span {display:block; margin-left:10px; float:left}
.errorContainer ul {padding:0; margin:5px 0 0 20px}
.errorContainer ul li {padding:0; margin:0; list-style:none}
.errorContainer b {font-size:12px}
.flagField {color:red; font-weight:bold}

.btnMain {position:relative; transparent background:url(../images/buttonSprite.png) no-repeat; display:block; height:32px; line-height:32px; text-align:center; padding:0 3px}
.btnMain .btnBG {height:32px; background:url(../images/buttonSpriteCenters.png) repeat-x}
.btnMain b {display:block; float:left; width:18px; height:17px; margin:7px 0 0 5px}
.btnMain span {font-size:12px}
.btnMain .btnLeft {position:absolute; height:32px; width:4px; background:url(../images/buttonSpriteCorners.png); top:0; left:0}
.btnMain .btnRight {position:absolute; height:32px; width:4px; background:url(../images/buttonSpriteCorners.png) -11px 0; top:0; right:0px}

.btnMain:link {color:#009933; text-decoration:none}
.btnMain:visited {color:#009933; text-decoration:none}
.btnMain:active {color:#009933; text-decoration:none}
.btnMain:hover {color:#009933; text-decoration:none}