@import "listContainer.css";

@import "dtListWithDialog.css";

@import "index-mcq.css";

@import "index-wtc.css";

@import "index-stat.css";

@import "index-siteExam.css";

@import "index-siteMisc.css";

@import "index-info.css";





body, td, span, p, div, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; }

body { background-color: rgb(239,239,239);  padding: 0px; margin: 0px; }



a { text-decoration:none; color:#893041; font-weight: bold; }

a:hover { color:#999999; text-decoration: underline; }



.float_left { float: left; }

.clear_left { clear: left; }

.clear_both { clear: both; }



.gray { color: gray; }

.vertical {

	-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);

	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */

	-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;

	/* Should be unset in IE9+ I think. */

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	}



.bold { font-weight: bold; }

.small { word-wrap: break-word; font-size: 7pt; }



#header { margin: auto; width: 950px; height: 130px; margin-top: 0px; background-color: rgb(168,143,112); padding: 0px; background-image: url('../images/head_bgr.jpg'); background-repeat: no-repeat; }

#main { margin: auto; width: 950px; margin-top: 0px; background-color: white; padding: 0px; overflow: hidden; }

#footer { 

	margin: auto; width: 950px; margin-top: 0px; margin-bottom: 20px; padding: 0px; 

	background: repeat-x scroll 0 0 #7FB6CF; min-height: 2em; 

	}



#main_title { background: #fff;border-bottom: 1px solid #eee; }

#main_title h1 { font-size: 16pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;padding: 10px; margin: 40px 0px 0px 0px; color: #000066; }

#main_menu { width: 180px; max-width: 180px; float: left; padding: 10px; padding-top: 20px;}

#main_menu .menu_item {

	padding:4px 0 2px 0; height: 20px; float: none; font-size:11px; border-top: #fff 1px solid; color: #333333; background: #eee;	

	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;	

	}

#main_menu .menu_item a { padding-left: 11px; text-decoration:none; color: #6666ff; font-weight: normal; }

#main_menu .menu_item a:hover { color:#bfbfff; background: url('../images/menu_lead.gif') no-repeat; }

#main_content { width: 930px; padding: 20px 0px 40px 10px; }

#main_content.with_menu { width: 725px; float: left; position: relative; border-left: 1px solid #eee; }

#main_content .html_text,

#main_content .html_text p, 

#main_content .html_text span, 

#main_content .html_text td { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; }

#main_content .html_text h1 { font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 18px; color: #66f; padding-left: 1px; margin-bottom: 10px; }

#main_content .html_text h2 { font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #66f; padding-left: 1px; }

#main_content .html_text a { text-decoration:none; color:#ff6600; font-weight: normal; }

#main_content .html_text a:hover { text-decoration:underline; color:#aaa; }

#main_content .html_text .important { background-color: #EDEDED; padding: 10px; border: 1px #DDD solid; }

.tabpanel_inside .html_text .important { margin: 4px; }

.fc-1 { width: 714px; width: 610px; }

.fc-2 { width: 354px; width: 302px; }

.fc-3 { width: 234px; width: 199px; }

select.fc-2 { width: 355px; width: 302px; }





/* private tabbed part */

/* begin ---------------------------------------- */

a.tabitem { color: #6078C4; text-decoration: none; font-weight: normal; }

a.tabitem_selected { color: #303C62; text-decoration: none; font-weight: normal; }

a:hover.tabitem { color: #303C62; }



div.tabitem {

	-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;

	border: 1px solid #AED0EA; background: #D7EBF9 url('cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #2779AA;

	}

div.tabitem, div.tabitem.selected {

	position: relative; display: inline; margin: 0px 2px 0px 2px; padding: 5px; z-index: 1; border-bottom: 0px none;

	}

div.tabitem.selected { border: 1px solid #c0c0c0; border-bottom: 1px solid #f0f0f0; background: #f0f0f0; }

div.tabpanel {

	position: relative; border: 0px solid #f0f0f0; border-top: 1px solid #c0c0c0;  

	top: 0px; /* firefox -1px */

	margin: 5px; padding: 2px 0px 0px 0px; /*z-index: 0;*/ background-color: #f0f0f0;

	}

div.tabpanel_inside {

	background-image: url('../images/tabbar-top.jpg'); background-repeat: repeat-x; background-color: #ffffff; 

	padding: 12px; 

	}

div.tabpanel_inside .messageContainer { padding: 10px; color: #444; margin: 20px; background: #ededed; }

div.tabpanel_inside .messageContainer .error { margin-top: 1em; color: red; }

/* end ---------------------------------------- */



div.tabpanel_inside a { color: #6078C4; text-decoration: none; font-weight: bold; }

div.tabpanel_inside a:hover { text-decoration: none; color: rgb(51,51,153); }

div.tabpanel_inside iframe { border: 0px none; height: 32px; max-width: 720px; width: 720px; }



table.data_form { width: 100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 4px; margin-bottom: 4px; }

.data_group_title { font-size: 12pt; font-weight: bold; border-bottom: 0px solid #f0f0f0; padding: 15px 0px 1px 0px; }

.data_row_item_title { font-size: 9pt; padding: 5px 4px 0px 4px; color: #404080; }

.data_row_item { font-size: 9pt; }

td.data_row_item { padding-right: 2px; padding-bottom: 6px; }

input.data_row_item, textarea.data_row_item { border: 1px solid #808080; margin: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

input[type="radio"].data_row_item { position: relative; top: 2.5pt; margin-left: 2em; border:none;}

select.data_row_item { border: 1px solid #808080; margin: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.data_group_info { vertical-align: bottom; color: #c0c0c0; font-size: 7pt; padding-left: 20px; }

input[type="button"] { background:url('../images/button_bgr.gif') repeat-x scroll left center #EEEEEE; border:1px solid #597AA2; color:#893041; cursor:pointer; cursor: hand; font-size:92%; height:21px; margin-top:10px;}

#data_form_submit { width:5.64em; }                                                                                                                                                                                      





/* -------------------------------------------- */

.userform_title { font-size: 12pt; font-weight: bold; border-bottom: 0px solid #f0f0f0; padding: 5px 0px 1px 0px; }

.userform_label { width: 160px; }

.userform_submit div { border-top: 1px solid #f0f0f0; padding-top: 4px; margin-top: 14px; }

input.userform_input { border: 1px solid #808080; width: 150px; margin: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#captcha_container { border: 1px solid #808080; width: 150px; margin: 1px; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }



.data_list { width: 100%; }

.data_list caption { font-size: 11pt; padding: 1px; font-weight: bold; background-color: #808080; color: #f0f0f0; }

.data_list_head_item { border-bottom: 1px solid #f0f0f0; background-color: #f0f0f0; padding: 2px; color: #404040; }

.data_list_row_item { border-bottom: 1px solid #f0f0f0;  padding: 2px; }



#signup_container { padding: 8px; }

#signup_container select { border: 1px solid #808080;}

#signup_container .signUp_title { font-weight: bold; color: #808080; }





.highlightMessage { color: green; margin: 10px 0px 10px 0px; }



/* personal form */

.account_help {width:290px; float:left; margin-right:20px;padding:10px;background-color:#f1f1f1; border-top:1px solid #B69CD2;border-bottom:1px solid #B69CD2;margin-bottom:20px;}





.system_important_alert { background: red; font-weight: bold; color: white; margin-bottom: 2em; padding: 1em; border: 4px solid #d00; border-radius: 8px; font-size: 1.2em; }

.system_important_alert a { color: #f88; padding: 1px 0.25em; background: #a00; border-radius: 3px; }

.system_important_alert a:hover { color: white; background: #a00; }

.ic-target-element {margin-bottom:10px;}
.ic-target-element > input[type="checkbox"] + label {vertical-align: top;display:inline-block;}