@charset "UTF-8";
body  {
	font: 12px Trebuchet, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #ffffff;	
}



.headBKGD {
	width: 1000px;
	background-repeat:repeat-x;
	background-position:top;
}


.indent {
	margin-left:10px;
}
.input_small {
	font-size:10px;
	line-height:11px;
	vertical-align:top;
}
.header_valign {
	vertical-align:middle;
}
.header_himessage {
	margin-left:12px;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
}

.searchbox {
	background-repeat:no-repeat;
	height:67;
	vertical-align:top;
	text-align:center;
	padding-top:12px;
}
.header_himessage A{text-decoration:none;}
.header_himessage A:hover{text-decoration:underline;}

.loginerror {
	font-size:13px;
	text-align:center;
}

#container {
	width: 920px;  /* we are accomodating 1024x768 min */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#mainContent { 
	margin: 0px;/*  the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
} 


.footart { 
	vertical-align:middle;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	text-align:left;
	padding: 0px 10px;
}
.footart A{text-decoration:none;}
.footart A:hover{text-decoration:underline;}


.message{
	color:#000000;
	background-color: #ccff00;
	border:0px;
	font-weight:normal;
	font-size:12px;
	padding:3px;
	text-align:center;
	margin-bottom:3px;
}




/* Font */

.frame_main_tl {background-image:url(/img/frame/main_tl.gif);  background-repeat:no-repeat; width:10px; height:9px}
.frame_main_tm {background-image:url(/img/frame/main_tm.gif);  background-repeat: repeat-x;}
.frame_main_tr {background-image:url(/img/frame/main_tr.gif);  background-repeat:no-repeat; width:11px; height:9px}
.frame_main_ml {background-image:url(/img/frame/main_ml.gif);  background-repeat:repeat-y;width:10px;}
.frame_main_m {}
.frame_main_mr {background-image:url(/img/frame/main_mr.gif);  background-repeat:repeat-y; width:11px;}
.frame_main_bl {background-image:url(/img/frame/main_bl.gif);  background-repeat:no-repeat; width:10px; height:9px}
.frame_main_bm {background-image:url(/img/frame/main_bm.gif);  background-repeat: repeat-x;}
.frame_main_br {background-image:url(/img/frame/main_br.gif);  background-repeat:no-repeat; width:11px; height:9px}
.frame_main_tl {background-image:url(/img/frame/main_tl.gif);  background-repeat:no-repeat; width:10px; height:9px}

.error_message{
        color : red;
        font-family: "Arial", sans-serif; 
}
.error{
        color : red;
        font-family: "Arial", sans-serif; 
}



/* THESE ARE TEMPORARY UNTIL WE FINALIZE THEM -- LCHEONG 8/24/07 */
.txt_heading_2 {font-size: 18px; color: #ff7777; font-weight:bold;}
.txt_label_2 {font-size: 24px; color: #ff7777; font-weight:bold;}
.txt_pink_label_2 {font-size: 24px; color: #eb008b; font-weight:bold;}

.backnextdiv {
	font-family: "Arial", sans-serif; 
	font-size: 24px;
	font-weight:bold;
	color:#fea2e1;
	background-color: #bbe0e3;
	width: 100%;
	height: 30px;
}

.titlediv {
	font-family: "Arial", sans-serif; 
	font-size: 24px;
	font-weight:bold;
	color:#000000;
	background-color: #bbe0e3;
	width: 100%;
	height: 30px;
} 

/* Global Modules Settings */
div.plain_bar {height:17px; padding:4px 15px 0px 15px; background-repeat:repeat-x; font-weight:bold}
DIV.headline {padding:9px 15px 0px 15px; height:28px;} /*This is used for dive whith just a headline*/
.headline {background-repeat:repeat-x; height:46px;  font-size:16px; font-weight:bold; }/*This is for used with other block elements besids div like tables.*/

/* Spotlight Area*/
.image_rating_side {width:84px; float:left; height:230px; padding:10px; text-align:center}
.image_rating_flash {width:400px; float:left; text-align:center; ; height:250px}
.spotlight_info_title {padding:10px 15px; font-size:16px; font-weight:bold}
.spotlight_info {padding:10px 15px; font-size:14px}

/*Form Formats*/
form {padding:0; margin:0}
.header_signin {font-size:10px; vertical-align:top}

/*Links*/
.link_main_nav {text-decoration:none; font-weight:bold}
.link_main_nav:hover {text-decoration:underline;}
.link_page_title {font-size:19px; text-transform:lowercase} 
.pagenation_selected {font-size:14px; font-weight:bold}
.txt_homepage, .homepage_link {color:#f33082; font-size:16px; font-weight:bold}
.homepage_link:hover{color:#ff82cd; font-size:16px; font-weight:bold}
.homepage_title{font-size:20px; font-weight:bold}


/* Text */
.txt_page_title {font-size:19px; text-transform:lowercase} /*Color is controled in the color styles*/
.txt_page_heading {font-size:16px; text-transform:lowercase} /*Color is controled in the color styles*/
.txt_pink {color:#eb008b}/*This one is not color scheme specific. will always be pink*/

/*Special Formats*/
A[resize="smaller"] {font-size: .8em} /*if tha <A> has this exact attribute*/
A[resize="larger"] {font-size: 1.2em} /*if tha <A> has this exact attribute*/
A[resize="largest"] {font-size: 1.4em} /*if tha <A> has this exact attribute*/
SPAN[resize="smaller"] {font-size:.8em} /*if tha <SPAN> has this exact attribute*/
SPAN[resize="larger"] {font-size:1.2em} /*if tha <SPAN> has this exact attribute*/
SPAN[resize="largest"] {font-size: 1.4em} /*if tha <SPAN> has this exact attribute*/
DIV[resize="smaller"] {font-size:.8em} /*if tha <DIV> has this exact attribute*/
DIV[resize="larger"] {font-size:1.2em} /*if tha <DIV> has this exact attribute*/
DIV[resize="largest"] {font-size:1.4em} /*if tha <DIV> has this exact attribute*/
HR[resize="thicker"] {height:3px} /*if tha <DIV> has this exact attribute*/
HR[resize="thickest"] {height:5px} /*if tha <DIV> has this exact attribute*/


/*Misc*/
DIV.xsmBR {padding:1px 0px}
DIV.smBR {padding:2px 0px}
DIV.rgBR {padding:4px 0px}
DIV.lgBR {padding:5px 0px}
DIV.smVPAD {padding:1px 0px}
DIV.rgVPAD {padding:2px 0px} 
DIV.lgVPAD {padding:5px 0px}
DIV.lgerVPAD {padding:7px 0px}
DIV.smINDENT {padding-left:5px}
DIV.rgINDENT {padding-left:10px} 
DIV.lgINDENT {padding-left:15px}

HR {margin:20px 0px; height:1px; border:0}
IMG {vertical-align:middle}
.manageUL {padding-top:2px; margin-top:2px}
.report_abuse {text-align:left; position:absolute; width:332px; height:160px; visibility:hidden; padding:20px; border: 2px dashed}/*Report Abuse of items*/
li.profileManage {list-style-image: url(/img/ast/icons/profile_arrows.gif); list-style-type:none} /*li on the profile manage page*/
.box_emphasize {font-weight:bold} /*to emphasize*/
.vertical_line {width:2px;}
.item_reported {border:1px solid; font-weight:bold; font-size:10px; text-align:center}


/*** Slide Show ***/
.slideshowStyleSelected {border:4px solid;}
.slideshowStyleNormal{border:4px solid ; cursor:pointer;}
.slideshowStyleHover{border:4px dashed; cursor:pointer;}

.normalImage {border:2px solid ; cursor:pointer}
.hoverImage {border:2px dashed ; cursor:pointer}
.hoverSlideshowImage {border:2px dashed ; cursor:pointer; }
.selectedImage { border:3px double ; }
.slideshowImage { border:2px solid ; }

/**** Line Box Module ****/
DIV.line_box_top {border:1px solid; padding:15px; background-color:#000;}

/**** Quote Box Module ****/
TD.quote_box_lt {border-left:1px solid; border-bottom:1px solid; text-align:center;}
TD.quote_box_btm {border-bottom:1px solid; text-align:center; padding:5px 0px 10px 0px; }
TD.quote_box_rt {border-right:1px solid; border-bottom:1px solid; text-align:center;}

/**** Headline Module ****/
.headline A {font-size:12px;}

/**** Two Links Bar Module ****/
.two_links_bar_link A{text-decoration:none;} 
.two_links_bar_link A:hover{text-decoration:none;}

/**** Plain Bar ****/
div.plain_bar, div.plain_bar A {text-transform:lowercase}
div.plain_bar A {text-decoration:none}
div.plain_bar A:hover {text-decoration:underline}
div.plain_bar .selected {text-transform:uppercase; text-decoration:none}

/**** Crumb Nav Bar ****/
.crumb_info, .crumb_info A {font-weight:bold; font-size:11px;}

/**** Plain bordered Box ****/
.plain_bordered_box {border:2px solid; padding:10px}

/**** Plain Box ****/
.plain_box {padding:10px}

/*** Two Column Table ***/
.two_column_table {width:920px; border-width: 1px; border-style: solid; background-color:#000; }
.two_column_table td {width:50%; padding:15px;}
.two_column_table .leftcol {border-right: 1px solid}


/*** Drop Down Menu **/
DIV.dropdown {float:left}
UL.dropdown {position:absolute}
UL.dropdown, UL.dropdown ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

UL.dropdown a {
	display: block;
	width: 10em;
}

UL.dropdown li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

UL.dropdown li ul { /* second-level lists */
	position: absolute;
	background-color: #004080;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

UL.dropdown li:hover ul { /* lists nested under hovered list items (NOT for IE7!) */
	left: auto; 
}

UL.dropdown li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

li.menu {border:1px solid ; border-bottom:0px;  padding:5px;}


/*** Drop Down Menu for NAVBAR **/
DIV.nbdropdown {float:left;}
UL.nbdropdown {position:absolute}
UL.nbdropdown, UL.nbdropdown ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	text-decoration:none;
}

UL.nbdropdown a {
	display: block;
	width: 10em;
	color:#ffffff;
	text-decoration:none;
}

UL.nbdropdown li { /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
}

UL.nbdropdown li ul { /* second-level lists */
	position: absolute;
	background-color: #004080;
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

UL.nbdropdown li:hover ul { /* lists nested under hovered list items (NOT for IE7!) */
	left: auto; 
	color:#ffffff;
}

UL.nbdropdown li.nbsfhover ul { /* lists nested under hovered list items */
	left: auto; 
	color:#ffffff;
}

li.nbmenu {border:1px solid ; border-bottom:0px;  padding:5px;}


/*** Misc ***/
.important_notice {border:1px solid;}
.hiddenInfo {visibility:hidden; position: absolute; border:2px; border-style: dashed ; font-size:10px; padding:5px; font-weight:normal; text-align:left; line-height:normal; }
.searchFriends {position:absolute; margin-left:0px; visibility:hidden;z-index:3000;}
.searchFriendOptions {overflow:auto;text-align:left; border:1px solid;}
.profile_notice {background-color:#c72f00; border:2px solid #ffffff; color:#FFFFFF; padding:10px}
.profile_notice A {color:#FFFFFF};
.profile_notice A:hover {color:#fea68a};

/*rss table**/
.rss_table {background-color:#c7c7c7; width:100%}
.rss_head {background-color:#000000; padding:5px;}
.rss_body {background-color:#000000}


/*** Member Frame ***/
.member_frame_table {width:175px}
.member_frame_title {font-weight:bold; text-align:center; height:35px; line-height:14px}
.member_frame_info {text-align:center; vertical-align:top}
.member_frame_image {text-align:center;  background-repeat:no-repeat; background-position:center; height:120px; padding-top:3px}

/*** List Frame ***/
.list_frame_table {width:175px}
.list_frame_title {font-weight:bold; text-align:center; height:35px;}
.list_frame_info {text-align:center; vertical-align:top}
.list_frame_image {text-align:center; background-repeat:no-repeat; height:125px; padding-top:10px; padding-right:3px; background-position:center}

/*** Item Frame ***/
.item_frame_table {width:175px;}
.item_frame_title {font-weight:bold; text-align:center; height:35px;}
.item_frame_info {text-align:center; vertical-align:top}
.item_frame_image {text-align:center;  background-repeat:no-repeat; background-position:center; height:120px; padding-top:4px}

/** Flash **/
#flash_div {background-color:#000}


/** Homepage Layout **/
.home_left_column, .home_right_column {width:166px; float:left; }
.home_left_column { margin-right:6px}
.home_right_column { margin-left:6px}
.home_mid_column {width:576px; float:left;}
.home_mid_column_half_section_1, .home_mid_column_half_section_2 {
	width:285px; 
	border: 1px solid #737373; 
	vertical-align:top;	
}
/* background-color:#282828;  */
.home_mid_column_half_section_1 {
	background-color:#ffffff;
	color:#000000;
	height: 445px;
}
.home_mid_column_half_section_2 {
	height:180px;
	background-color:#3d3d3d
}
.home_mid_column_full_section {width:576px; height:135px; border: 1px solid #737373; padding:10px; vertical-align:top; background-color:#3d3d3d}
.home_bordered {border:1px solid #737373; padding:10px; background-color:#3d3d3d}
.home_content_padding {padding:10px;}
