body {
	/*background-color: #fcfed7;*/
	background-image:url('./images_1024/bg.gif');
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*behavior: url("csshover3.htc");*/
	/*behavior: url("IEFixes.htc");*/
}

.loading{ color: #b3bc0f;font: bold 18px Arial, Helvetic a, sans-serif; text-align: center;}

/* ======================
   ====== LOGIN  ======
==================== */
.loginBox {
	font-size: 12px;
	color: #006600;
	font-weight: bold;
	z-index:2;
}
.alertBox {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-style:bold;
	padding: 10px 0px;
}
.regBox {
	font-size: 12px;
	color: #F4449F;
}
.regBox2 {
	font-size: 12px;
	color: #cc0000;
}



/* ==========================================
   ====== New member box on the right  ======
========================================= */
.mem_content_box {
    width: 166px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	background: #A4D01B;
	margin: 0px 5px;
    font-family: Arial, Helvetica, sans-serif; }
.mem_heading {
	padding: 2px;
	padding-left: 2px;
	background: #A4D01B;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.mem_text {background:#E1FA94;
       font-size: 12px;
	   font-family: Arial, Helvetica, sans-serif;
	   padding-right: 2px;
	   padding-bottom: 10px;}
.mem_item {padding: 0px;
line-height:110%;}
.mem_subhead {color: #4F7F07;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;}
.mem_name {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #003366;
padding: 0px;
}
.mem_school {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #008001;
padding: 0px;
}
object.mem_icon {float: left;
padding:4px;
padding-top:2px;
}

/* =============================
   ====== Highest Scorer  ======
============================= */

.sco_content_box {
    width: 166px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	margin: 0px 5px;
	background: #008001;
    font-family: Arial, Helvetica, sans-serif; }
.sco_heading {
	padding: 2px;
	padding-left: 2px;
	background: #008001;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.sco_subhead {
color: #1616BB;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;}

.sco_more_button{
width: 40px;
color:#FFF600;
text-align:center;
float:right;
padding:5px;}
a.score_more_button:link {
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	background:#4B7418;
	padding:2px;}
a.score_more_button:hover {
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	background:#2E490D;}
a.score_more_button:active {
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	background:#2E490D;}
a.score_more_button:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	background:#4B7418;}

.sco_more_content_box {
    width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	background: #008001;
    font-family: Arial, Helvetica, sans-serif; }
	
	
/* =============================
   ====== Latest comments  ======
================================ */
.front_comm_box {
    width: 575px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	background: #FFAD00;
    font-family: Arial, Helvetica, sans-serif; }
.front_comm_heading {
	padding: 2px;
	padding-left: 2px;
	background: #FFAD00;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.front_comm_text {background:#FFF2D7;
       font-size: 12px;
	   font-family: Arial, Helvetica, sans-serif;
	   padding-right: 2px;
	   padding-bottom: 0px;
	   margin-bottom:0px;}
.front_comm_item {
padding: 2px;
line-height:100%;
border-style:solid;
border-color:white;}
.front_comm_subhead {color: #FF5000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 18px;}

.front_comm_name {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #F98E11;
font-weight: bold;}
.front_comm_school {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #F98E11;
padding: 0px;
font-weight:bold;}
.front_comm_date {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px;
margin:0px;}

/* =============================
   ======  Creative Board ======
 ===========================*/
#creativeBoard form *{
	/*border: 1px solid RED;*/
}


#creativeBoard {	
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 4px;	
	width: 580px;
	background: #4fa7ff;	
	font-family: Arial, Helvetica, sans-serif;
}
#creative_header {
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	padding-left: 2px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}	

#creative_main {
	margin: 0px 4px 16px 4px;	
	background-color: #daedfe;	
}
.creative_field_name {
	float: left;
	color: #245588;
	font-weight: bold;
	font-size:12px;
}
#creative_info {
	float: left;
	width: 100%
}
#creative_icon, #creative_user_icon {
	float: left;
	padding: 4px;
	width: 60px;
	height: 60px;	
}
#creative_id, #creative_user_id {
	display: none;
}
#creative_name, #creative_school, #creative_user_name, #creative_user_school {
	float: left;
	padding: 10px 0px 0px 4px;
	font-size:12px;		
}
#creative_name, #creative_user_name {
	width: 150px;
}
#creative_school, #creative_user_school {
	width: 341px;
}
#creative_start_msg, #creative_user_start_msg {
	float: left;
	padding: 4px 0px 0px 4px;	
	width: 495px;
	font-size:12px;	
}
#creative_msg_row {	
	float: left;
	clear: both;
	width: 100%;	
}
#creative_msg {
	float: left;
	padding: 4px;
	/*width: 450px;*/
	font-size: 14px;	
}
#creative_next {	
	float: right;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius.htc);*/
	margin: 4px;
	padding: 0px 5px;
	/*background: #93c9ff;	*/
	background: #a0cffb;		
	font-weight: bold;
	font-size: 14px;
	color: #1662ad;		
}
#creative_next:hover, #creative_next.hover {
	cursor: pointer;
	background-color: #4fa7ff;	
}
#comment_button {	
	float: left;
	clear: both;
	width: 100%;
	padding: 6px 0px; 	
	background-color: #1e3e8b; 
	font-size: 16px; 
	font-weight: bold; 
	text-align: center;
	color: #FFF;
	behavior: url("IEFixes.htc");
}
#comment_button:hover, #comment_button.hover {
	cursor: pointer;
	background-color: #748ccd; 
}
#login_warning {	
	float: left;
	clear: both;	
	padding: 0px 4px;
	/*display: none;*/
}
#creative_panel {
	display:none;
	float: left;
	clear: both;
	width: 100%;
	/*background-color: #D3E7F5;*/	
}
.panel {
	display:none;	
	width: 100%;
	/*background-color: #D3E7F5;*/	
}
#creative_user_info, #creative_type, #creative_submit {
	float: left;
	clear: both;
	width: 100%;
} 
.creative_type_radio {
	float: left;
	padding-right: 4px;
} 
#creative_area {	
	width: 565px;	/* 8px for margin, 4px for border */	
	margin: 0px 4px;	
}
#comment_submit {
	float: left;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius.htc);*/
	margin: 4px;
	padding: 0px 5px;
	background: #93c9ff;		
	font-weight: bold;
	font-size: 14px;
	color: #FFF;	
	behavior: url("IEFixes.htc");
}
#comment_submit:hover, #comment_submit.hover {
	cursor: pointer;
	background: #4fa7ff;	
}
#comment_error {
	display: none;
	float: left;
	margin: 4px;	
	font-size: 12px;
	color:#D12F19;
}
#comment_success {
	display: none;
	float: left;
	margin: 4px;	
	font-size: 12px;
	color:#006600;
}
.error {
	display: none;	
	font-size: 12px;
	color:#D12F19;
}
.success {
	display: none;	
	font-size: 12px;
	color:#006600;
}
/* =====================
   ====== MENU  ======
==================== */
/*.aboutccBox {
	font-size: 14px;
	color: #669900;
}*/
.comicBox {
	padding: 2px 0px;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	color: #4FA546;
}
.comicBoxTitle {
	float: left;
}
.comicBoxDate {
	float: right;
}	
.fRoom {
	font-size: 14px;
	color: #f44ea4;
	padding: 10px;
}

/*.wishBox {
	font-size: 12px;
	color: #F1E189;
}
.review {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}
.comment {
	color: #666666; font-size: 12px; 
}
.commentComicTitle {
	color: #4FA546; font-size: 18px; 
}.commentGameTitle {
	color: #C25F06; font-size: 18px; 
}
.commentComic {
	color: #4FA546; font-size: 12px; 
}.commentGame {
	color: #C25F06; font-size: 12px; 
}
.scrollTitle {
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;	
}

.scrollText {
	font-size: 11px;
	color: #0066CC;
}

.dynNewsTitle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.dynNews {
	color: #330000;
	font-size: 11px;
}

.dynNews  a:link{
	color: #330000;
	font-size: 11px;
	text-decoration: none;
}

.dynNews a:visited{
	color: #330000;
	font-size: 11px;
}

.dynNews a:hover {
	text-decoration: underline;
	color: #3C3C3C;
}

.dynNews a:active {
	text-decoration: none;
}*/

.profileText {
	font-size: 12px;
	color: #FF0099;
	padding: 10px;
}
ol {
	font-size: 11px;
	color: #808080;
}
ol.inner1 {
	font-size: 11px;
	color: #808080;
	list-style-type: lower-alpha;
}

a:link {
	color: #0066CC;
	/*text-decoration: underline;*/
	text-decoration: none;
}
a:visited {
	color: #0066CC;
	/*text-decoration: underline;*/
	text-decoration: none;	
}
a:hover {
	color: #3399CC;
	/*text-decoration: underline;*/
	text-decoration: none;	
}
a:active {
	/*text-decoration: underline;*/
	text-decoration: none;	
}
.rightR {font-size: 11px; }
.bottomBtn {font-size: 13px}

.schoolTitle {
	font-size: 16px;
	color: #FFFF16;
	font-style: Italic;
}
.schoolList {
	font-size: 16px;
	color: #FFFF16;
}
.schoolList a:link {
	font-size: 16px;
	color: #FFFF16;
	text-decoration: underline;
}
.schoolList a:visited {
	font-size: 16px;
	color: #FFFF16;
	text-decoration: underline;
}
.schoolList a:hover {
	font-size: 16px;
	color: #3399CC;
	text-decoration: underline;
}

.gameIcon table{
	padding: 0px;
	border: 0px;
	width: 80px;
	margin: 0px;
	background-color: #FCFED8;
	text-align: center;
}

.gamePic table{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	width: 166px;
	height: 124px;
}

.orderTable.productTitle {
border-width: 1px;
color: #FFF;
font-size: 12px;
font-weight: bold;
font-family: arial;}
.orderTable.ccPts {
border-width: 1px;
color: #FFF;
font-size: 12px;
font-family: arial;
 }
.orderTable.textfield {
margin:1px;
height:20px;
width:20px;
}


.comicHLArea {	
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.errorText {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFC017;
}

.quiz{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.quizAns0{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
}

.quizAns1{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4FA546;
}

#marqueecontainer{
	position: relative;
	width: 120px; /*marquee width */
	height: 200px; /*marquee height */
	overflow: hidden;
	background-color: white;
	padding: 2px;
	padding-left: 4px;
}
.scroll_div {
	width: 141px;
	
}
.vmarquee_content {
	position:absolute;
	font-size:12px;
	
}
.eduCenter_box {
	/*position:absolute;
	left:312px;
	top:291px;
	width:292px;
	height:207px;*/
	/*background-color: #54AFC7;*/
	z-index:1;
	/*visibility: hidden;*/
	display:none;	
}
.edu_box {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0D84AD;
	font-weight: bold;
}
.edu_link{
	color:#7FDAF2;
	font-weight: bold;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
a.edu_link:link {
	color:#ffff13;
	font-weight: bold;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
a.edu_link:visited {
	color: #ffff13;
	font-size:13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.edu_link:hover {
	color: #ffffff;
	font-size:13px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ====== gift shop ====== */
.giftShopContent {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#giftContent .giftShop_button {
	float: right;
	/*clear: both;*/
	padding: 4px;
	margin: 8px 4px 4px 4px;
	line-height: 1;
	font-weight: bold;
	color: #FFF;	
	font-size:16px;	
	background: #865AC5;
	behavior: url("IEFixes.htc");
}
#giftContent .giftShop_button:hover, 
#giftContent .giftShop_button.hover {
	cursor: pointer;
	background: #743cc5;
}
/*giftShop_submit*/
/**************
       Star Rating
 **************/
ul.staticStar {
	LIST-STYLE: none;
	MARGIN: 0;
	PADDING: 0;
	WIDTH: 80px;
	HEIGHT: 16px;
	LEFT: 0px;
	TOP: 0px;
	POSITION: relative;
	FLOAT: left;
	BACKGROUND: url('images_1024/star.gif') left 48px;
}
ul.selectableStar {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
	WIDTH: 80px;
	HEIGHT: 16px;
	LEFT: 0px;
	TOP: 2px;
	POSITION: relative;
	FLOAT: left;
	BACKGROUND: url('images_1024/star.gif') left 48px;
	cursor:pointer;
	behavior: url("IEFixes.htc");
}

ul.staticStar li, ul.selectableStar li {
	PADDING: 0;
	MARGIN: 0;
	FLOAT: left;
	DISPLAY: block;
	WIDTH: 80px;
	HEIGHT: 16px;
	TEXT-DECORATION: none;
	text-indent: -9000px;
	Z-INDEX: 20;
	POSITION: relative;	
}
li.curr {
	BACKGROUND: url('images_1024/star.gif') left 16px;
	FONT-SIZE: 1px;	
}
ul.selectableStar:hover li.curr, ul.selectableStar.hover li.curr{
	BACKGROUND: url('images_1024/star.gif') left 32px;
	FONT-SIZE: 1px;
}
div.staticStarNum {
	display: none;
	FLOAT: left;
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial;
	COLOR: #888;	
}
div.user {
	FLOAT: left;
	padding-left: 5px;
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial;
	COLOR: #888;	
	cursor: pointer;
}
.rateString {
	float: left;
}

/**************
    menu button
 **************/
/*.menu_button{
width: 180px; 
}

.menu_button .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; 
text-transform: uppercase;
padding: 4px 0 4px 10px; 
}

.menu_button ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; 
}

.menu_button ul li{
padding-bottom: 2px; /
}

.menu_button ul li a{
color: #A70303;
/*background: url(images_1024/ab.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px; 
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.menu_button ul li a:visited{
color: #A70303;
}
.menu_button ul li a:hover{ 
color: #A70303;
background-color: #F3F3F3;
}
.menu_button img{ 
float: left;
}
*/
/**************
    TV Ad Box
 **************/
#tvAdBox {
	background-color: #fef101;
	margin-bottom: 8px;
	margin-top: 0px;
	width: 585px;
	height: 350px;
}



/* ====== MEMBER UPDATE AND HIGHEST SCORER ====== */
#halfColLeft, #halfColRight {
	margin-bottom: 8px;
	/*border: 1px solid #fef101;*/
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius.htc);
	border: 0px solid #FFF;*/
}
#halfColLeft {
	float: left;
	width: 585px;	
	background: #8080ff;
}
#halfColRight {
	float: left;
	width: 140px;	
	background: GREEN;
}
/*#halfColLeftHead .HeadLeft {	
	float: left;
	background: url('images_1024/corner/corner_a_01.gif') no-repeat top left;
}
#halfColLeftHead .HeadMiddle {
	float: left;
	background: #00ff00 url('images_1024/corner/corner_a_02.gif') repeat-x;
	width: 272px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#halfColLeftHead .HeadRight {
	float: right;
	background: url('images_1024/corner/corner_a_03.gif') no-repeat top right;
}*/
#halfColLeftHead .ColHeader {
/*	background:#FFFFFF url(images_1024/corner/corner.gif) no-repeat scroll left top;*/
	color: #FFF;
	font-weight: bold;
	text-align: center;
	/*width: 287px;
	height: 30px;*/
}
#halfColRightHead .ColHeader {
/*	background:#FFFFFF url(images_1024/corner/corner.gif) no-repeat scroll left top;*/
	color: #FFF;
	font-weight: bold;
	text-align: center;
	/*width: 287px;
	height: 30px;*/
}


/**********************
    Lastest Member Update
 ***********************/
div.comment_box *{
	margin: 0px;
	padding: 0px;
	font-size: 11px;	
	line-height: 1;
}
div.comment_box {
	margin: 4px 4px 4px 4px;
	background-color: #FFF;
}
div.comment_row {
	float: left;
	clear: both;
}
div.comment_box_inner {
	float: left;
	clear: both;
	width: 100%;
	/*height: 129px;*/	
	margin-bottom: 4px;
}
div.comment_field_name {
	float: left;
	color: #ff5000;
	font-weight: bold;
}
div.comment_box_title {
	float: left;
	width: 68px;
	padding: 4px;
	color: #ff5000;
	font-weight: bold;
	font-size: 20px;
}
div.comment_box_icon {
	float: left;	
	padding: 4px;
	width: 60px;
	height: 60px;	
}
div.comment_box_date, div.comment_box_name, div.comment_box_school {
	float: left;
	padding: 6px 0px 0px 0px;
	height: 100%;
}
div.comment_box_date {
	width: 100px;
}
div.comment_box_name {
	width: 150px;
}
div.comment_box_school {
	width: 200px;
}
div.comment_box_comment {	
	padding: 6px 0px 4px 0px;
	/*border: 1px solid #00dada;*/
	width: 252px;	
}
div.comment_box_end {
	clear:both;
}
div.comment_box_form {
	float: left;
	clear: both;
	width: 100%;	
	margin-bottom: 4px;
}
#commentMsg {
	float: left;
	clear: both;	
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}


/*********************
    Highest Game Scorer
 **********************/
div.score_box *{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 1;
}
div.score_box {
	margin: 4px 4px 4px 4px;
}
div.score_box_index {
	float: left;
	clear: left;
	width: 20px;
	padding: 10px 10px;	
}
div.score_box_more {
	float: right;
	background: #0FF;
	color: #FFF;
	cursor: pointer;	
}
div.score_box_more:hover {
	background: #0EE;
}
div.score_box_inner {
	float: left;
	/*width: 100%;*/
	background-color: #FFF;
	margin-bottom: 4px;
}
div.score_field_name {
	float: left;
	color: #ff5000;
	font-weight: bold;
}
div.score_box_title {	
	/*float: left;
	width: 100px;*/
	padding: 4px 4px 0px 4px;
	color: #ff5000;
	font-weight: bold;
	font-size: 16px;
}
div.score_box_subtitle {	
	/*float: left;
	width: 100px;*/	
	padding: 4px 4px 0px 4px;
	color: #ff5000;
	font-weight: bold;
	font-size: 12px;
}
div.score_box_icon {	
	float: left;	
	padding: 4px;
	width: 40px;
	height: 40px;	
}
div.score_box_name, div.score_box_school, div.score_box_score {
	float: left;	
	padding: 4px 0px 0px 0px;
	/*width: 124px;*/
}
div.score_box_name {
	width: 80px;
}
div.score_box_school {
	width: 80px;
}
div.score_box_score {
	width: 80px;
}
div.clear_both {
	clear:both;
}

/*=======================
    ====== POLL BOX  ======
   ======================== */
   
#pollBox {
	float: left;
	width: 166px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	margin: 0px 5px;
	background: #F050DC;
    font-family: Arial, Helvetica, sans-serif;
}
#pollBox_header {	
	padding: 2px;
	padding-left: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


#pollBox_main {
	float: left;
	width: 154px;
	background: #FFE4E4;
	padding: 5px;
}
.pollBox_choice {
	float: left;
	clear: both;
	margin-top: 4px;
	line-height: 1;
	font-size:12px;
}
#pollBox_submit {
	float: right;
	clear: both;	
	padding: 4px;
	margin: 8px 4px 4px 4px;
	line-height: 1;
	font-weight: bold;
	color: #FFF;
	background: #F050DC;
	cursor: pointer;
	font-size:12px;	
}
#pollBox_submit:hover {
	background: #C232B0;
}
#pollBox_status {
	display: none;
	float: left;
	clear: both;
	padding: 4px;
	line-height: 1;
	font-size: 10px;
	color: #F00;
	
}
.pollBox_response_choice {
	float: left;
	clear: left;
}
.pollBox_response_choice_num {
	float: left;
}
#pollBox_table {	
	width: 132px;
	display:none;
}

/*==========================
    ====== COMPONENT  ======
   ========================== */
#com_main {
	float: left;
	width: 585px;		
	margin-bottom: 4px;
	/*border: 1px solid #fef101;*/
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius.htc);
	border: 0px solid #FFF;*/
}
#com_header {
	margin: 4px 20px 4px 20px;
	color: #FFF;
	font-weight: bold;	
}
#com_body {
	clear:both;
	background-color: #FFF;
	margin: 0px 4px 24px 4px;	
}
#com_slave {
	float: left;
	width: 585px;		
	margin-bottom: 8px;
}

/* ======================
   ====== COMIC  ======
===================== */
.bgcolor_comic {
	background: GREEN;
}
#comicLB, .comicBlock {
	width: 553px;
	padding: 2px;
	border: 8px solid #BDDA1D;
	margin: 0px 2px 2px 2px;
	background-color: #F9FFDB;	
}
#comic_category {
	margin: 0px;
	padding: 4px 0px 0px 2px;
	background-color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
}
#comicCat1, #comicCat2, #comicCat3 {
	
}
#comicCat1:hover, #comicCat2:hover, #comicCat3:hover {
	/*background: url("images_1024/comic/upperbar_over.gif") repeat-x;
	color: #000;*/
}
.comicCat_student {	
	float: left;
	width: 114px;
}
.comicCat_teacher {	
	float: left;
	clear: both;
	width: 573px;
}
#comic_category .comicCat_inactive {	
	background: url("images_1024/comic/upperbar_normal.gif") repeat-x;	
	cursor:pointer;	
	color: #BBB;
	behavior: url("IEFixes.htc");
}
#comic_category .comicCat_inactive:hover, #comic_category .comicCat_inactive.hover {
	background: url("images_1024/comic/upperbar_over.gif") repeat-x;
	color: #000;
}
#comic_category .comicCat_active {	
	background: url("images_1024/comic/upperbar_over.gif") repeat-x;	
	cursor:pointer;
	color: #000;
	font-size:12px;
}

.comicSort_inactive {
	background: url("images_1024/comic/lowerbar_normal.gif") repeat-x;	
	color: #FFF;
	cursor:pointer;	
	font-size:12px;
}
.comicSort_active {
	background: url("images_1024/comic/lowerbar_over.gif") repeat-x;	
	color: #FFF;
	cursor:pointer;
	font-size:12px;
}
#comicSort1, #comicSort2, #comicSort3, #comicSort4 {
	behavior: url("IEFixes.htc");
}
#comicSort1:hover, #comicSort1.hover, 
#comicSort2:hover, #comicSort2.hover, 
#comicSort3:hover, #comicSort3.hover, 
#comicSort4:hover, #comicSort4.hover {
	background: url("images_1024/comic/lowerbar_over.gif") repeat-x;
	font-size:12px;
}
#comic_title .comic_list_row {
	behavior: url("IEFixes.htc");
}
#comic_title .comic_list_row:hover, #comic_title .comic_list_row.hover {
	cursor: pointer;
	background-color: #D9FF81;
}
.comicPreview {
	width: 75px;
	height: 75px;
	border: 4px solid #BDDA1D;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior:url(border-radius.htc);	*/	
}
.comicIssue {font-size:12px;
}
.comicTitle {
font-size:12px;
}
.comicDate {font-size:12px;
}
.comicRate {	
	height: 22px;
}
.comicCommentInfo, .comicComment{
	float: left;
	clear: both;
	text-align: left;
	font-size: 10px;
	line-height: 1;
}
.comicCommentIcon {
	float: left;
	width: 40px;
	height: 40px;
}
.comicCommentName, .comicCommentDate {
	float: left;
	width: 100px;
	margin-top: 5px;
	padding-left: 4px;
}
.comicComment {
	width: 170px;
}
.comicLine {	
	height: 0px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #BDDA1D;
}
.comicPage_active {
	cursor: pointer;
}
.comicPage_inactive {
	cursor: default;
	color: #AAC;
}
#comicPageBar {	
	background-color: #D9FF81;
	border: 1px solid #BDDA1D;
	padding: 0px 8px;
}
.blockHeader {
	float: left;
	clear: both;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
}
.blockInput {
	float: left;
	clear: both;
	padding: 0px 8px 8px 8px;
}
.blockInputString, .blockInputBox {
	float: left;
	padding-right: 8px;
	font-size:12px;
}
.blockInputSubmit {
	float: left;
	clear: both;
	padding: 5px 8px;
	background: #BBB;		
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	behavior:url(border-radius.htc);
	border: 0px solid #FFF;	
	font-size: 12px;
	font-weight: bold;	
	line-height: 1;
	color: #FFF;
	cursor: pointer;	
	margin-top: 5px;
}
.blockInputSubmit:hover {
	background: #AAA;
}
.blockComment {
	float: left;
	clear: both;
	padding: 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#comic_comment_content {
	float: left;
	clear: both;
}
#teacherSection {
	float: left;
	clear: both;
	padding: 0px 8px 8px 8px;
}
#teacherSection .msgHeader {
	text-decoration: underline;
}
#teacherSection .msg {
	margin-bottom: 12px;
}

/*=======================
    ====== ACTIVITY  ======
   ======================== */
.bgcolor_activity {
	background: #FDB813;
}
#activityLB, .activityBlock {
	width: 553px;
	padding: 2px;
	border: 8px solid #CD9304;
	margin: 2px 2px 2px 2px;
	background-color: #FBF4CA;	
}
.activitySort_inactive {
	background: url("images_1024/activity/sortBtn_normal.gif") repeat-x;	
	color: #FFF;
	cursor:pointer;	
}
.activitySort_active {
	background: url("images_1024/activity/sortBtn_over.gif") repeat-x;	
	color: #FFF;
	cursor:pointer;
}
#activitySort1, #activitySort2, #activitySort3 {
	behavior: url("IEFixes.htc");
}
#activitySort1:hover, #activitySort1.hover, 
#activitySort2:hover, #activitySort2.hover, 
#activitySort3:hover, #activitySort3.hover {
	background: url("images_1024/activity/sortBtn_over.gif") repeat-x;
}
.activity_list_row {	
	behavior: url("IEFixes.htc");
}
.activity_list_row:hover, .activity_list_row.hover {
	cursor: pointer;
	background-color: #FEEB6E;			
}	
.activityPreview {
	width: 75px;
	height: 75px;
	border: 4px solid #FECB4E;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior:url(border-radius.htc);	*/	
}
.activityTitle {font-size:12px;}
.activityDate {font-size:12px;}
.activityDate {font-size:12px;}
.activityIssue{font-size:12px;}
.activityCommentInfo, .activityComment{
	float: left;
	clear: both;
	text-align: left;
	font-size: 10px;
	line-height: 1;
	font-size:12px;
}
.activityCommentIcon {
	float: left;
	width: 40px;
	height: 40px;
}
.activityCommentName, .activityCommentDate {
	float: left;
	width: 100px;
	margin-top: 5px;
	padding-left: 4px;
}
.activityComment {
	width: 170px;
}
.activityLine {	
	height: 0px;
	padding: 0px;
	margin: 0px;	
	border-bottom: 1px solid #FECB4E;
}
.activityPage_active {
	cursor: pointer;
}
.activityPage_inactive {
	cursor: default;
	color: #AAC;
}
#activityPageBar {	
	background-color: #FEEB6E;
	border: 1px solid #FECB4E;
	padding: 0px 8px;
}

#activityContentTitle, #activityContentDate {
	float: left;
	clear: both;
	padding: 4px;
	/*font-weight: bold;
	color: #FDB813;*/
}
#activityContentImage {
	width: 549px;
	float: left;
	clear: both;
	padding: 4px;
}
#activity_comment_content {
	float: left;
	clear: both;
}
#activityContentBack {
	float: left;
	clear: both;	
	padding: 4px;
	margin: 8px 4px 4px 4px;
	line-height: 1;
	font-weight: bold;
	color: #FFF;
	background: #CD9304;
	cursor: pointer;
	font-size:12px;	
	behavior: url("IEFixes.htc");
}
#activityContentBack:hover, 
#activityContentBack.hover {
	background: #A47503;
}


/*====================
    ====== GAME  ======
   ==================== */
.bgcolor_game {
	background-color: #A16834;
}
.bgcolor_game_slave {
	/*background-color: #FFAE00;*/
}
#gameLB, .gameBlock {
	width: 553px;
	padding: 2px;
	border: 8px solid #CD9304;
	margin: 0px 2px 2px 2px;
	background-color: #FBF4CA;
}
#game_category {
	margin: 0px;
	padding: 4px 0px 0px 2px;
	background-color: #FFF;
}
#game_category #gameCat0,
#game_category #gameCat1, 
#game_category #gameCat2, 
#game_category #gameCat3, 
#game_category #gameCat4 {
	float: left;
	width: 115px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	behavior: url("IEFixes.htc");
}
#game_category #gameCat0:hover, #game_category #gameCat0.hover, 
#game_category #gameCat1:hover, #game_category #gameCat1.hover, 
#game_category #gameCat2:hover, #game_category #gameCat2.hover, 
#game_category #gameCat3:hover, #game_category #gameCat3.hover, 
#game_category #gameCat4:hover, #game_category #gameCat4.hover {
	background: url("images_1024/comic/upperbar_over.gif") repeat-x;
	color: #000;
}
.gameCat_inactive {
	background: url("images_1024/comic/upperbar_normal.gif") repeat-x;	
	cursor:pointer;	
	color: #BBB;	
}
.gameCat_active {
	background: url("images_1024/comic/upperbar_over.gif") repeat-x;	
	cursor:pointer;
	color: #000;
}
#game_cat_detail {
	float: left;	
}
#game_cat_member {
	float: left;	
	clear: both;
	width: 150px;
}
#game_cat_member_icon {	
	float: left;	
	padding: 4px 0px;
}
#game_cat_member_icon_msg {
	float: left;
	line-height: 1;
	padding: 7px 4px;
	width: 100px;
}
.game_cat_row {
	float: left;
	clear: both;
	width: 585px;
	margin-bottom: 5px;
}
.game_cat_block {
	float: left;	
	width: 290px;	
	margin-right: 5px;
}
.last_block {
	margin-right: 0px;
}
#game_cat_detail .game_cat_header {
	float: left;
	width: 290px;	
	background-color: #A85F01;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;
	behavior:url(border-radius.htc);*/
	behavior: url("IEFixes.htc");
}
#game_cat_detail .game_cat_header:hover, 
#game_cat_detail .game_cat_header.hover {
	cursor: pointer;
}
#game_cat_detail .game_cat_header_more {
	float: right;
	padding: 2px 8px;
	font-weight: bold;
	color: YELLOW;	
}
#game_cat_detail .game_cat_header:hover .game_cat_header_more, 
#game_cat_detail .game_cat_header.hover .game_cat_header_more {
	color: #EE3;	
}
.game_cat_header_title {
	float: left;
	padding: 2px 8px;
	font-weight: bold;
	color: #FFF;
}

.game_cat_list {
	float: left;
	clear: both;
	width: 280px;	
	background-color: #FFF;
	border: 5px solid #E59F0A;
}
#game_cat_detail .game_cat_list .game_cat_item {
	float: left;
	width: 280px;
	behavior: url("IEFixes.htc");
}
#game_cat_detail .game_cat_list .game_cat_item:hover, 
#game_cat_detail .game_cat_list .game_cat_item.hover {	
	background-color: #FF5;
	cursor: pointer;
}
.game_cat_list .game_cat_item_preview {
	float: left;
	width: 83px;	
	height: 62px;
	margin: 5px;
	display:inline;

}
.game_cat_list .game_member_icon {
	position: relative;
	left: 2px;
	top: -60px;
	/*filter:alpha(opacity=60);   /* Internet Explorer       */
    /*-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
    /*opacity: 0.6;               /* newer Mozilla and CSS-3 */			
}
.game_cat_list .game_cat_item_title {
	float: left;
	width: 187px;
	margin-top: 4px;
	line-height: 1;
	font-size:12px;
}
.game_cat_list .game_cat_item_rate {
	float: left;
	width: 187px;	
	margin-top: 4px;
}
.game_cat_list .game_cat_item_date {
	float: left;
	width: 187px;
	margin-top: 4px;
	line-height: 1;
	font-size:12px;
}

.game_cat_header_all {
	float: left;
	width: 585px;	
	background-color: #A85F01;
}
.game_cat_list_all {
	float: left;
	clear: both;
	width: 575px;
	background-color: #FFF;
	border: 5px solid #E59F0A;
}
.game_cat_list_all .new_row {
	float: left;
	clear: both;	
}
#game_cat_detail .game_cat_list_all .game_cat_item {
	float: left;
	width: 143.75px;
	height: 180px;
	behavior: url("IEFixes.htc");
}
#game_cat_detail .game_cat_list_all .game_cat_item:hover, 
#game_cat_detail .game_cat_list_all .game_cat_item.hover {	
	background-color: #FF5;
	cursor: pointer;
}
.game_cat_list_all .game_cat_item_preview {
	float: left;
	width: 133.75px;	
	height: 100px;
	margin: 5px;
}
.game_cat_list_all .game_member_icon {
	position: relative;
	left: 2px;
	top: -96px;
	filter:alpha(opacity=60);   /* Internet Explorer       */
    -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
    opacity: 0.6;               /* newer Mozilla and CSS-3 */			
}
.game_cat_list_all .game_cat_item_title {
	float: left;
	padding: 0px 5px 5px 5px;
	line-height: 1;
	font-size:12px;
}
.game_cat_list_all .game_cat_item_rate {
	float: left;
	width: 133.75px;
	padding: 0px 5px 5px 5px;	
}
.game_cat_list_all .game_cat_item_date {
	float: left;
	padding: 0px 5px 5px 5px;
	line-height: 1;
	font-size:12px;
}

#gameArea .gameTitlePage { 
	behavior: url("IEFixes.htc");
}
#gameArea .gameTitlePage:hover, 
#gameArea .gameTitlePage.hover {
	cursor: pointer;			
	background: #FF5;
}


#game_play_id {
	display:none;
}
#game_play_title {
	float: left;
	padding: 2px 4px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #B47B07;	
}
#game_play_rate {
	float: left;
	width: 150px;
	padding: 2px 4px;
}
#game_play_date {
	float: right;
	padding: 2px 4px;	
	color: #B47B07;	
}
#game_play_gameBox {
	float: left;
	clear: both;
	width: 560px;
}
#game_play_description {
	float: left;
	clear: both;
	padding: 0px 4px;
	font-size:12px;
	width: 560px;
}
#game_play_back {
	float: left;
	clear: both;
	margin: 6px 4px;
}
#game_play_submitRate {
	float: left;
	width: 230px;
	margin: 6px 4px 0px 250px;
	display:inline;
}
#game_play_warning {
	float: left;
	clear: both;
	width: 300px;
	margin: 2px 4px;
	display: inline;
}

.gamePage {
	color: #FFFFFF;
	font-size: 12px;
}
#gameCategoryTitle {
	color: #000;
	font-size: 32px;
	font-weight: bold;
}
#miniGameTitle {
	color: #000;
}
#miniMemberGame {
	color: #4B9598;
	font-weight: bold;		
}
#miniGameDesc {
	color: #000;
}
.playGamePage {
	color: #C25F06;
	font-size: 12px;
	font-weight: bold;
}
#game_comment_content {
	float: left;
	clear: both;
}


/*============================
    ====== CONTACT US  ======
   ============================ */
/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(images_1024/contactUs/input.png) repeat-x 0 0; padding: 3px 0; #padding: 1px 0; _padding: 1px 0;margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(images_1024/contactUs/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(images_1024/contactUs/input-right.png) no-repeat 0 0;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(images_1024/contactUs/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px; margin-left:7px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}

p.must{
}

/******************* Email Us**********************/
.email_content_box {
    width: 565px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: #67C6DD;
    font-family: Arial, Helvetica, sans-serif; }
.email_heading {
	padding: 2px;
	padding-left: 2px;
	background: #67C6DD;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.email_subheading {
	padding: 2px;
	padding-left: 8px;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #2B6F7F;}
.email_p {
	padding: 2px;
	padding-left: 8px;
    font-size: 12px;}
.email_text {
	background:#D5F7FF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 1px;
	padding-bottom: 40px;
}
ul.email_list{padding-left: 22px;}	   
.email_item {clear: left;}
ul.email_none {list-style-type:none;
padding:1px;
margin:1px;
}

.cssform p{
width: 400px;
clear: left;
margin: 0;
padding-left: 20px; /*width of left column containing the label elements*/
padding-bottom: 7px; 
padding-top: 7px; 
}
.cssform label{
font-weight: bold;
float: left;
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform textarea{
width: 300px;
height: 80px;
}
/*
.cssform p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 3px 0;
padding-left: 130px; 
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -120px;
width: 90px; 
}
.cssform textarea{
width: 250px;
height: 150px;
}*/
.email_button{
width: 100px;
text-align:center;
float:right;
margin-right: 150px;
margin-bottom: 2px}
a.email_submit:link {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#2F879C;
	padding:2px;}
a.email_submit:hover {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#135261;}
a.email_submit:active {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#135261;}
a.email_submit:visited {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#2F879C;}
	
	
/*************Foget password and registrar*****************/
.red_content_box {
    width: 565px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: #FF0000;
    font-family: Arial, Helvetica, sans-serif; }
.red_heading {
	padding: 2px;
	padding-left: 2px;
	background: #FF0000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFffff;}
.red_subheading {
	padding: 2px;
	padding-left: 20px;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;}
.red_text {background:#FFE8E8;
       font-size: 12px;
	   font-family: Arial, Helvetica, sans-serif;
	   padding-right: 124px;
	   padding-bottom: 40px;
	   padding-top: 15px;}

.form_text{
width: 300px;
}
.red_button{
width: 100px;
text-align:center;
float:right;
margin-left: 160px;
margin-bottom: 30px;
padding-bottom:40px;
}

a.red_submit:link {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#FF0000;
	padding:2px;}
a.red_submit:hover {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#C71453;}
a.red_submit:active {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#C71453;}
a.red_submit:visited {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#FF0000;}
	
a.reg_privacy:link {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#FF0000;
	padding:2px;}
a.reg_privacy:hover {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#871313;}
a.reg_privacy:active {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#871313;}
a.reg_privacy:visited {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#FF0000;}
p.disclaim1
{color: #990000;
font-size: 12px;
font-weight: bold;
}
p.disclaim2
{color: #990000;
font-size: 12px;
}

.magenta_content_box {
    width: 565px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: #FF0099;
    font-family: Arial, Helvetica, sans-serif; }
.magenta_heading {
	padding: 2px;
	padding-left: 2px;
	background: #FF0099;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFffff;}
.magenta_text {
	background:#FFEBEB;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 15px 30px;
}   
	   
.magenta_button{
	width: 100px;
	text-align:center;
	float:right;		
}
.magenta_submit {
	width: 60px;
	text-align:center;	
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#FF0099;
	/*padding:2px;*/
	font-weight: bold;
	padding: 3px 4px;
	float:right;
	margin-right: 40px;
}
.magenta_submit:hover {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#A20E42;
	cursor: pointer;
}

	

/************* Contact Us *****************/
.contact_content_box {
    width: 586px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: #44C7F4;
	font-family: Arial, Helvetica, sans-serif; }
.contact_heading {
	padding-left: 2px;
	margin:0px;
	background: #44C7F4;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.contact_subheading {
	padding: 8px;
	padding-left: 8px;
    font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0D84AD;
	}
.contact_text {
	padding: 9px;
	padding-left: 8px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;}
.contact_uploadtext {
	padding: 9px;
	padding-left: 8px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0618;}
.contact_must {
	padding: 11px;
	padding-left: 8px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0618;}
.contact_text {
	background:#ffffff;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   padding-right: 1px;
   padding-bottom: 4px;
   padding-top:5px;
}

.learn_button{
width: 80px;
text-align: left;
padding-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
padding: 2px;
}	   
.contact_button{
width: 27px;
text-align: left;
padding-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
padding: 2px;
}
.upload_button{
width: 100px;
text-align: left;
padding-top: 5px;
margin-left: 10px;
margin-bottom: 4px;
padding: 2px;
}
a.contact_submit:link {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#5E5E9B;
	padding:2px;}
a.contact_submit {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#5E5E9B;
	padding:2px;}
a.contact_submit:hover {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#2B2B5A;
	padding:2px;}
a.contact_submit:active {
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#2B2B5A;
	padding:2px;}
a.contact_submit:visited {
	/*color: #ffffff;
	text-decoration: none;
	text-align:center;
	background:#5E5E9B;
	padding:2px;*/}

.contact_cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 3px 0;
padding-left: 130px; /*width of left column containing the label elements*/
height: 1%;
}
.contact_cssform label{
font-weight: bold;
float: left;
margin-left: -120px; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.contact_cssform label2{
font-weight: bold;
float: left;
margin-left: -20px; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.no_contact {
	color:#7FDAF2;
	font-weight: bold;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
a.schoolList {
	margin-left: 1em;
}
a.contact {
	color: #4A56CE;
	text-decoration: none;
}
a.contact:link {
	color: #4A56CE;
	text-decoration: none;
}
a.contact:hover {
	color: #252D84;
	text-decoration: underline;
	}
a.contact:active {
	color: #252D84;
	text-decoration: underline;
	}
a.contact:visited {
	/*color: #4A56CE;*/
	/*text-decoration: none;*/
}
.star_red {color: #FF0000}

#fbstyle {
	margin: 4px;
	padding: 0px 5px;
	background: ##FFFFFF;	
}