/* CSS Document */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}

img {border: none;}

a, a:hover, a:link{	color:#36C;}

input:focus,textarea:focus,input[type=password]{outline:none;}

ul,ol{list-style:none;}


	#overlay{
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
    background-color: #000; 
    opacity: 0.7;
    filter: alpha(opacity = 70) !important;
    z-index: 100;
	display:none;
    
}

#overlayContent{
    position: fixed; 
    width: 100%;
    top: 100px;
    text-align: center;
    overflow: hidden;
    z-index: 100;
	display:none;
}

#contentGallery{
    margin: 0px auto;
}

#imgBig, #imgSmall{
    cursor: pointer;
}

#base {
	margin:auto;
	width:1024px;
	height:100%;
	background-color:#FFF;
}

.cu_header{	height:360px;}
.cu_headerLogo{float:left; width:175px; height:150px;}
.cu_headerLogo img{ width:175px; float:left; position:absolute;  height:247px;}
.cu_headerTitle{
	float:left; 
	text-align:center; 
	width:841px; 
	height:240px; margin-left:8px;
	/*background:url(../images/elements/style/background-header.png);*/
	background:#FFF;
}
.cu_headerTitle p{ text-align:center; padding-left:15px;font-family:"Arial Black", Gadget, sans-serif;}
.titleP1{ font-weight:bolder; margin-top:40px; font-size:62px; margin-bottom:0px; color:#C00; }
.titleP2{ margin-top:10px; font-size:18px; color:#000; }
.cu_headerLine{ height:3px; width:100%; clear:both; padding-top:3px; padding-bottom:3px; }
.cu_headerLine p {background:#600; height:4px; margin:0px; padding:0px; margin-left:183px;}
.cu_headerClear{ clear:both;}


.cu_content{
	height:100%;
	min-height:600px;
}

.cu_leftPanel{
	float:left;
	width:170px;
	padding:5px 5px 5px 5px;
	margin-top:-110px;
	background:#DDF;
	min-height:735px;
}

.cu_middlePanel{
	float:left;
	width:654px;
	padding:5px 5px 5px 5px;
	background:#FFF;
}

.cu_rightPanel{
	width:170px;
	float:right;
	padding:5px 5px 5px 5px;
	background:#DDF;
	min-height:715px;
}


.cu_footer{	clear:both;	margin-bottom:5px;}
.cu_footerLine{ background:url(../images/elements/style/footerLine.png); height:4px;}
.cu_footerCopy{ padding-top:10px; color:#036; font-weight:bolder;}
.cu_footerCopy p{ padding:0px; margin:0px; text-align:center;}
.cu_footerNavigation{ margin-top:10px; text-align:center;}
.cu_footerNavigation a{ color:#036; padding:0px 5px 0px 5px;}

.cu_clear{ clear:both; min-height:1px;}

.BoxOverLay{ 
	margin:auto;
	margin-top:20px;
	text-align:center;
	font-weight:bolder;
	width:680px;
}

/* Menu Left */
.menuPanel{}
.menuPanelList{ padding:0; width:150px; margin:auto; margin-top:20px; margin-bottom:20px;}
.menuPanel ol li a{ text-decoration:none;}

.menuPanelList li{
	font-weight:bolder;
	margin:2px 0px 2px 0px; 
	text-align:left; 
	padding:5px 0px 5px 0px;
	text-decoration:none;  font-size:14px;
	cursor:pointer;
	color:#36C;
}

.menuPanelList li a{
	color:#36C; 
}

.menuPanelList li:hover{ background:#e8e8ff;  padding:10px 0px 10px 0px; color:#036;}
.menuPanelList li:hover a{color:#036;}

.cu_headerPanel{ background:#FFF;}

.menuBrowserIndex{ padding:10px 10px 10px 10px; color:#444;}
.menuBrowserIndex p{ padding-top:10px; margin-left:20px; margin-right:20px;}

/* Menu Title */
.menuTitleHeader h3{ font-size:20px;}
.menuTitleHeader p img{ cursor:pointer; margin:0px 5px 0px 5px;}
.MBTHOpt{ font-size:10px; float:right; padding-right:50px;}
.MBTHOpt a{ color:#000; text-decoration:none;}
.MBTHOpt a, .MBTHOpt b{ cursor:pointer; padding:0px 3px 0px 3px;}
.MBTHOpt a:hover, .MBTHOpt b:hover{ text-decoration:underline; color:#36C; }

.showReportList{ width:310px; height:200px; list-style:none; margin:auto; padding-top:70px; text-align:center;}
.showReportList li{ width:100px; float:left; padding:5px 0px 5px 0px; border:#CCC 1px solid;}

/* Menu Browser */
.menuBrowserHeader{ background:#FFF; padding:8px 3px 8px 3px;}
.menuBrowserHeaderUser label{ text-align:right;}
.menuBrowserHeaderUser select{ margin-right: 10px;}
.menuBrowserSearch{ border:#DDD 1px solid; height:26px; padding-bottom:2px;}
.menuBrowserSearch input{ width:600px; height:18px; margin:1px 1px 0px 1px; border:none;}
.menuBrowserSearch b { cursor:pointer;}
.menuBrowserSearch img{ text-align:center; vertical-align:bottom; margin-top:2px; margin-right:0px;}
.menuBrowserContent{ margin-top:45px;}
.menuTitleInfo ol li{ min-height:30px;}
.menuTitleInfo input, .menuTitleInfo select{ border:none; border-bottom:#000 1px solid; text-align:center;}

/* List table*/
.menuBrowserContent table{ border-collapse:collapse; margin-left:20px;}
.menuBrowserContent table thead tr th{ font-size:14px; padding-left:0px; text-align:left; padding-bottom:10px;}
.menuBrowserContent table tbody tr:hover .listBrowserRow{ color:#36C;}
.menuBrowserContent table tbody tr:hover{ background:#DDF;}
.listBrowserRow{ cursor:pointer;}
.listBrowserRow:hover{ text-decoration:underline;}
.listBrowserImg{ cursor:pointer;}

/* Login */
.errorLogin{ color:#F00;}
.cu_session{ margin-bottom:5px;}
.cu_session ul{ list-style:none; padding:5px; margin:auto; margin-top:5px;}
.cu_session a, .cu_session a:hover, .cu_session a:link{ 
	text-decoration:none; 
	border:0;
	outline:0px;
}
#cu_login_button { width:150px; margin:10px 0px 5px 0px;}
.loginExtra input{ width:150px; margin:0px 0px 10px 0px;}
.loginExtra{ padding-top:5px;}

.cu_logged{background:#e8e8ff;}
.cu_logged ul{ list-style:none; padding:5px; margin:auto; margin-top:5px;}

.cu_loggedLogout{ padding:15px 0px 15px 0px; vertical-align:middle; font-size:14px;}
.cu_loggedPanel{ 
	font-size:20px;
	font-weight:bolder;
	padding:5px 5px 5px 5px;
	margin-right:20px;
	border:#FFF 2px solid;
}
.cu_loggedPanel:hover{ background:#36C; color:#FFF;}
.cu_logged span{ cursor:pointer; color:#36C;}
.cu_loggedCustom{text-align:left; padding:0px; margin:0px; margin-top:3px;}
.cu_loggedCustom a{color:#36C; font-weight:100; text-decoration:underline; font-size:12px; }
.cu_loggedCustom a:hover{ background:#36C; color:#FFF;}

.cu_chat{ margin-bottom:20px; text-align:center; cursor:pointer;}
.cu_chat img{ width:80px; }
	
/* Registry */
.cu_registry{ margin:auto;}
.confirmRegistry, .confirmRecovery{ 
	margin:auto; 
	font-size:15px; 
	font-weight:bolder; 
	color:#36C;
	margin-top:60px; 
	text-align:center; 
	padding:0px 30px 0px 30px;
}
.submitButton{ clear:both;}

/* Newsletter */
.cu_news, .profileSearch, .cu_advertise,.cu_advertiseHeader, .cu_facebook,.cu_adsense{ background:#e8e8ff; color:#036;}
.cu_adsense{ margin-top:15px; clear:both;}
.mid_adsense{ margin-top:15px; clear:both;}/*.cu_advertiseHeader*/
.cu_infoList{ 
	border-top:#CCC 3px solid;
	border-right:#CCC 3px solid; 
	padding:5px 5px 5px 5px; 
}
.cu_infoList h3{ text-align:center; margin:auto; font-weight:bolder; font-size:14px; }
.cu_infoList ol{ padding:0; margin:0; margin:10px 5px 10px 5px; }
.cu_infoList ol li{ cursor:pointer; margin-bottom:5px; }
.cu_infoList ol li span{background:#DDF;}
.cu_infoList ol li:hover span{ text-decoration:underline; color:#0063C6;}
.news_display{ padding-bottom:40px;}
.new_news ul, .adminProfile ul{ list-style:outside;}
.new_news ol. adminProfile ol{ list-style:decimal;}
.new_principal{ border:#999 1px solid; margin:10px 10px 30px 10px; padding:10px 10px 10px 10px;}
/*.new_principal:hover{ background:#e8e8ff;}*/
.new_principalH2{ font-size:26px; margin-bottom:0px; margin:0px;}
.new_principalSpan{ color:#AAA; font-weight:bolder;}
.new_principalP{ border-top:#999 1px solid; padding:20px 15px 20px 15px;}

.new_list{ margin:10px 10px 10px 10px; padding-left:10px; padding-bottom:10px; border-left:#999 2px solid;background:#e8e8ff; }
.new_list:hover{ background:#FFF; border-bottom:#999 1px solid;}
.new_listH3{ margin:0px;}

.new_button{ cursor:pointer; width:300px; height:40px; background:#CCC; text-align:center; margin:auto; padding-top:5px; margin-top:30px; }
.new_button:hover{ background:#EEE;}
.noMoreNews{ margin:auto; width:200px; text-align:center;}
.cu_facebook{ margin-top:10px;}


/* Form */
.selectLine{ border:none; outline:none; text-align:left; margin:1px 0px 1px 0px;}
.selectLine option { padding:1px 5px 1px 5px;}
.resultFound{ color:#999; margin-left:35px;}
.resultFound b { color:#000; font-size:15px;}
.buttonSave{margin:auto; margin-top:10px;}
/* Paginator */
.resultPage{ margin:40px 0px 20px 0px;}
.jcarousel_skin-tango{ padding-left:50px; margin-left:60px; text-align:center;} 
.disabled-paginator{ color:#999;}
.enable-paginator, .enable-paginatorSub{ color:#36C; font-size:14px; font-weight:bolder; cursor:pointer;}

/* User */
.menuBrowserHeader label{ margin-right:30px; border-bottom:#DDD 1px solid; padding-bottom:4px;}
.userEditForm ul{ width:600px;}
.userEditForm ul li {float:left; padding-top:2px; padding-bottom:2px;}
.userEditForm ul li input[type=text], .userEditForm ul li textarea, .userEditForm ul li select{ width:260px;}
.userEditForm .leftSide{ text-align:right; padding-right:10px; width:20%; font-weight:bold;}
.userEditForm .rightSide{ text-align:left; padding-left:10px; width:70%;}
.userEditForm .clearSide{ display:inline; height:20px;}
.userEditForm ul li input[type=radio]{ margin-right:20px;}
.editError{ margin:auto; text-align:center; margin-top:30px; color:#F00; font-weight:bolder;}
.selectSubjectListDiv{ display:none;}

/* Question */
.questionEditForm { margin-left:30px; margin-top:30px;} 
.questionEditForm table { margin-left:30px;}
.foundQuestionTR{ cursor:pointer; color:#099; font-size:10px; text-decoration:underline;}
.questionDescription textarea{ width:450px; height:70px; margin:10px 0px 10px 0px;}
.editQuestionImages p{
	background:url(../images/elements/icons/Delete-icon48.png);
	background-repeat:no-repeat;
	background-position:center;
	max-width:120px;
	max-height:80px;
	text-align:center;
	margin-bottom:0px;
}

.editQuestionImages img:hover{
	opacity:.4;
	max-width:120px;
	max-height:80px;
}
.CLDImg{ width:680px;}
.CLDImg li{ margin:0px 15px 15px 0px; float:left; text-align:center;}
.CLDImg input[type=text]{ width:118px; font-size:12px; margin-bottom:5px;}
.CLDImg img{ max-width:120px; font-size:12px; max-height:80px; cursor:pointer; margin-bottom:15px;}
.clearImg{ clear:both;}

#filelist ul{ list-style:none; padding:0px; background:#036;}
#filelist ul li{ margin-left:10px; width:auto; padding:1px 0px 1px 0px; background:#036;}
#pickfiles:hover, #uploadfiles:hover{ cursor:pointer; background:#CFC;}
.deleteImgQue{ cursor:pointer;}

/* Subject */
.selectedUserList{ padding-top:40px; padding-bottom:20px; clear:both;}
.selectedUserList p{ margin-left:15px;}
.selectedUserList i{ font-size:12px; color:#AAA;}
.selectedUserList ol{ margin:0px; margin-left:15px; padding:5px 0px 5px 5px; border:#CCC 1px solid; width:495px;}
.selectedUserList ol li img{ cursor:pointer; width:16px; height:16px; margin-left:5px;}
.selectUserList{ 
	background:#DFF4FF; 
	border-top:#999 2px solid; 
	border-right:#999 1px solid; 
	min-height:100px; 
	max-height:200px;
	overflow:auto; 
	width:500px;
	margin-left:15px;
}
.selectUserList ol{ margin:5px 5px 5px 5px;}
.selectUserList ol span:hover{ text-decoration:underline; font-weight:bolder; cursor:pointer;}

/* Comment */
.listInfoCom{ color:#666; font-size:10px;}
.showHideQuestion{ color:#CCC; text-decoration:underline; font-size:10px; cursor:pointer;}
.showHideQuestion:hover{ color:#36C;}
.showHideQuestionDiv{ margin: 0px 40px 0px 40px; font-size:11px; color:#666; max-height:300px; overflow:auto; display:none;}
.menuTitleInfoComment{ margin-top:30px; font-size:14; margin-bottom:80px;}
.MTICspa{ color:#000; margin-left:20px; margin-right:20px; font-weight:bolder;}
.menuTitleInfoComment b{font-weight:bolder; padding-top:15px;}
.menuTitleInfoComment i{ padding-left:15px;}
.menuTitleInfoComment textarea{ width:500px; height:80px;}
.CTICAns{ margin-top:15px;}
.commentAnswerList{ margin:5px 5px 5px 5px; color:#999; font-size:11px; padding-left:15px;}
.commentAnswerList p{ margin-top:0px; padding-top:0px; margin-left:15px;}
.commentAnsweredList{ color:#666; font-size:11px; margin-left:30px; margin-right:30px; display:none}
.commentAnsweredList p{ font-weight:bolder;}
.commentAnsweredList p span{ color:#333;}
.commentAnsweredList ol li{ margin-bottom:5px; color:#999;}
.commentAnsweredList ol li b{font-weight:bolder; text-decoration:underline;}

/* University */
.universityEditForm ul li {float:left; padding-top:2px; padding-bottom:2px;}
.universityEditForm ul li input[type=text]{ width:400px;}
.universityEditForm .leftSide{ text-align:right; padding-right:10px; width:20%; font-weight:bold;}
.universityEditForm .rightSide{ text-align:left; padding-left:10px; width:70%;}
.addUniversityList { padding-top:40px; clear:both; margin-left:30px;}
.addUniversityList p{ font-weight:bolder;}
.addUniversityList ol { width:550px; min-height:30px; padding:0px;}
.addUniversityList ol li{ margin:4px 1px 4px 1px; width:530px; min-height:25px; }
.addUniversityList ol li input{ width:500px; height:25px; font-size:13px;}
.addUniversityList ol li img{ display:none; cursor:pointer;}

/* News */
.newsListDel tr td{ height:25px; }
.newsListDel tbody tr:hover img, .questionListDel tr:hover img, .commentListDel tr:hover img{ display:block;}
.newsListDel tbody tr td img, .questionDelete, .commentDelete{ display:none; cursor:pointer; width:16px;}
.newsAddForm ol{ margin-top:30px; clear:both; padding:0px; margin-left:20px;}
.newsAddForm ol{ padding-top:30px;}

/* Button */
.buttonSend{ 
	width:120px; 
	height:30px; 
	text-align:center; 
	padding:12px 5px 0px 5px; 
	cursor:pointer;
	border-top:#036 4px solid;
	border-bottom:#036 4px solid;
	border-left:#036 4px solid;
	border-right:#036 4px solid;
	background:#DDF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.buttonSend span{ color:#036; font-size:15px; font-weight:bolder; padding: 5px 0px 0px 0px;}
.buttonSend:hover{ background:#FFF;}



/* Diagnostic */
.MBTCP{ text-align:center;}
.diagnosticSubjectList{ 
	width:auto; 
	margin:auto; 
	margin-top:20px; 
	border:#CCC 1px solid; 
	padding:20px 20px 20px 20px; 
	border-collapse:collapse;
}
.diagnosticSubjectList thead tr th{ font-weight:bolder; text-align:left; padding:20px 20px 20px 20px;}
.diagnosticSubjectList tbody tr td{ padding:5px 20px 5px 20px; cursor:pointer;}
.diagnosticSubjectList tbody tr:hover{ text-decoration:underline; color:#36C; background:#DDF;}
.MTIsubject{ font-size:20px; color:#36C; font-weight:bolder;}
.MTIquestion{ font-weight:bolder;}
.menuBlockInfo ol li{ 
	width:70px; 
	padding:10px 10px 10px 10px; 
	background:#EEE; 
	margin:2px 2px 2px 2px; 
	float:left;
	text-align:center;
	color:#36C;
	cursor:pointer;
	font-weight:bolder;
}
.menuBrowserTestContent, menuBrowserTestContentExam{ clear:both;}

.reviewDescription{ color:#666; font-size:10px;}
.tableAnswer{ text-align:right; font-weight:bolder; color:#36C;}
.tableQuestion, .tableQuestionExam{ background:#DDD; padding:3px 3px 3px 3px; border:#000 1px solid;}
.tableQuestionRow{ border-bottom:#000 1px solid;}
.tableQuestionRow span{ padding-left:40px; font-size:14px; font-weight:bolder;}
.tableQuestionRow img{ cursor:pointer; margin:0px 2px 0px 2px;}
.correctAnswer{ color:#090; }
.correctRowAnswer{ background-color:#6FFF6F}
/*.correctRowAnswer>:first-child{ background:url(../images/elements/icons/just-acceptC16.png); background-repeat:no-repeat;}*/
.incorrectAnswer{ color:#F00; }
.incorrectRowAnswer{ background:#FFA4A4;}
.tableExplanation{ margin-top:10px; padding:15px 15px 15px 15px; color:#555; border:#CCC 1px solid; font-size:10px; display:none;}
.A, .B, .C, .D, .E{ color:#36C;}
.diaQuestion{ padding-top:20px;}
.diagnosticAnswer{ padding:3px 3px 3px 3px;  border-bottom:#36C 2px solid;}
.diagnosticAnswer .questionDescription{ padding:5px 15px 15px 15px; color:#000; font-weight:bold; }
.questionDescription h4{ font-size:10px; color:#AAA;  width:100px;}
.showImagesQuestion:hover{ text-decoration:underline;}
.showImagesQuestion{cursor:pointer;}
.questionImage, questionImageExp{ padding-bottom:10px; display:none; width:650px;}
.questionImage p, .questionImageExp p { float:left; text-align:center; margin:0px 10px 0px 10px; max-width:300px;}
.questionImage p label, .questionImageExp p label{ 	font-size:10px; font-weight:bolder; border:#063 1px solid; 
													padding: 2px 2px 2px 2px; margin-bottom:2px;}
.questionImage p img, .questionImageExp p img{ max-height:140px; max-width:300px;}
.diagnosticAnswer table{ border-collapse:collapse; width:100%;}
.diagnosticAnswer table tbody tr td{ padding:5px 0px 5px 0px;}
.diagnosticPreAnswer table tbody tr{ cursor:pointer;}
.diagnosticPreAnswer table tbody tr:hover{ background:#EEE; font-size:13px;}

.menuBrowserTestComment{ margin-top:40px; display:none;}
.menuBrowserTestComment p{
	background:#DDF;
	padding:5px 5px 5px 5px;
	float:left; 
	margin:12px 15px 15px 15px; 
	text-align:center; 
	color:#000; 
	font-weight:bolder; 
	width:150px;
}
.menuBrowserTestComment textarea{
	width:300px; 
	float:left; 
	margin-top:13px;	
	height:60px; 
	border-bottom:#666 1px solid;
	border-right:#666 1px solid;
}
.menuBrowserTestComment h3{ 
	width:100px; 
	float:right; 
	margin:40px 40px 0px 0px; 
	text-align:center;
	color:#36C;
	cursor:pointer;
	border:#36C 3px solid;
	padding:2px 0px 2px 0px;
}
.menuBrowserTestComment h3:hover{ background:#DDF;}
.menuBrowserTestComment div{ 
	clear:both; 
	height:40px; 
	padding-top:10px; 
	margin:auto; 
	text-align:center; 
	font-size:15px; 
	font-weight:bolder;
	color:#F00;
}

/* EXAM */
.rulesExam{ width:80%; margin:auto; margin-bottom:20px; margin-top:20px; padding:0px;}
.rulesExam li{ padding:4px 2px 4px 2px; color:#36C; font-weight:bolder;}
.legendExam{ width:80%; margin:auto; margin-bottom:30px; text-align:center; margin-top:20px; font-weight:bold;}
.selectExam{ margin:auto; border:#CCC 1px solid;text-align:center; width:150px; padding:15px 10px 15px 10px;}
.selectExam:hover{ border-top:#CCC 3px solid; border-right:#CCC 3px solid;}
.makeExam{ width:auto; padding:5px 0px 5px 0px; margin-top:25px;}
.makeExam a{ color:#FFF; font-weight:bolder; font-size:14px; padding-left:10px; padding-right:10px;  background:#36C; border:#CCC 1px solid;}
.makeExam a:hover{ color:#000; background:#FFF; }
.myExamResults ol{ margin:0px; padding:0px; margin-top:20px; margin-left:15px;}
.myExamResults ol li { padding:2px 0px 2px 0px;}
.myExamResults ol li b{ padding-right:10px;}
.myExamResults ol li i{ font-size:12px; color:#999;}

.menuBlockInfoExa{ clear:both;}
.selectedRow{ background:#CCC;}
.examAnswer{ padding:3px 3px 3px 3px;  border-bottom:#36C 2px solid;}
.examAnswer .questionDescription{ padding:5px 15px 15px 15px; color:#000; font-weight:bold; }
.examAnswer table{ border-collapse:collapse; width:100%;}
.examAnswer table tbody tr td{ padding:5px 0px 5px 0px;}
.examAnswer table tbody tr{ cursor:pointer;}
.examAnswer table tbody tr:hover{ background:#EEE; font-size:13px;}
.examAnswer table tbody tr:active{ background:#CCC;}

.showImagesQuestionExam:hover{ text-decoration:underline;}
.showImagesQuestionExam{cursor:pointer;}
.questionImageExam { padding-bottom:10px; display:none; width:650px;}
.questionImageExam p { float:left; text-align:center; margin:0px 10px 0px 10px; max-width:300px;}
.questionImageExam p label{ font-size:10px; font-weight:bolder; border:#063 1px solid; padding: 2px 2px 2px 2px; margin-bottom:2px;}
.questionImageExam p img{ max-height:140px; max-width:300px;}

.examPercent{ width:200px; height:14px; float:left; margin-left:40px; border:#CCC 1px solid;}
.examPercent p{width:0%; height:14px; background:#066; padding:0px; margin:0px;}
.examPercent div{ float:left;}
.examPercentNum{ margin-left:10px;}
.menuExamTitle{ height:60px;}
.endExam{ float:right; margin-left:10px; padding:3px 5px 3px 5px; color:#033; cursor:pointer; text-decoration:underline; width:100px;}
.timer{ background:#FFF; width:100px; height:20px;  padding:5px 5px 5px 5px; border:#999 1px solid; float:right;}

/* result */
.examResult{ text-align:center;}
.examResult h2{ margin-bottom:25px; color:#36C;}

.examResultInfo{ margin-top:40px;}
.examResultInfo ul{
	margin:auto; 
	width:500px; 
	padding:10px 5px 10px 5px; 
	font-weight:bold; 
	border-top:#CCC 3px solid; 
	border-right:#CCC 3px solid;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
.examResultInfo ul li{ padding:2px 0px 2px 0px;}
.examResultInfo ul li b{ color:#36C; font-size:15px;}
.examResultInfoClear{ display:inline-block;}

.examResultClose{ text-decoration:underline; font-weight:bolder; font-size:14px; cursor:pointer; margin-top:30px;}


/* Statistics */
.menuTitleInfoSta table{ border-collapse:collapse; width:90%; margin:auto; font-weight:bold;}
.firstTR td{padding-bottom:3px; font-size:14px;}
.secondTR td{ padding-bottom:15px; }
.secondTRtd{color:#36C;font-size:14px;}
.secondTRMore{ font-size:10px; color:#CCC;}
.secondTRMore span{ cursor:pointer; text-decoration:underline;}
.secondTRMore span:hover{ color:#36C;}
.statisticsContent{ padding:15px 20px 20px 20px;}

.statisticsDetails{ margin-top:20px; border-top:#CCC 3px solid; padding-top:15px;}
.statisticsMyExamDetails p, .statisticsSchoolDetails p{ font-weight:bolder;}
.statisticsMyExamDetails table thead tr th{ padding-bottom:10px; padding-top:10px;}
.statisticsMyExamDetails table tbody{ border-bottom:#999 1px solid; vertical-align:middle;}
.statisticsMyExamDetails table tbody tr td{ height:30px;}

.statisticsInfo li{ height:30px; font-weight:bolder;}
.statisticsInfo li b{ color:#36C;}

.examTabStatistic{ text-align:right; margin-bottom:10px;}
.examTabStatistic span{ padding:0px 10px 0px 10px; font-size:10px; }
.ETSactivateS, .ETSactivateE{ color:#36C; cursor:pointer; text-decoration:underline;}
.ETSNoactivate{ color:#666;}

/* Suggest */
.questionSuggest{ height:30px; width:200px; text-align:right;margin:auto; color:#999; font-weight:bolder;}
.questionSuggest h3{ width:auto; float:left; margin-top:0px;}

.suggestContent{ margin:10px;}
.suggestDiv{ margin-bottom:20px;}
.suggestDiv label{ font-weight:bolder;}
.suggestDiv textarea{ width:320px; height:65px;}
.suggestDiv i{ font-size:10px; color:#666; padding-left:20px;}
.sugError{ color:#F00;}

/* Profile */
.profileUsername{ font-size:24px; color:#36C;}
.profileUsername img{ margin:0px 10px 0px 10px;}
.profileTable{ height:100px;}
.profileTable table{ margin-left:40px; margin-top:20px; border:#999 2px solid; padding:5px; float:left;}
.profileTable table span{ color:#aaa; cursor:pointer; text-decoration:underline; padding-left:5px;}
.profileTable  p{ float:left; margin-top:40px; margin-left:60px; cursor:pointer; text-decoration:underline;}
.profileQuestion{ margin-top:20px; margin-left:40px; display:none;}
.profileQuestion ol{ margin:0px; padding:0px; list-style:circle;}
.profileQuestion ol li{ padding:3px 0px 3px 0px; color:#666; font-size:10px;}
.profileQuestion p{ color:#36C; cursor:pointer; padding:2px 2px 2px 2px; text-align:center; width:100px;}
.profileSearch{ height:80px;}
.profileSearch h3{ margin-left:20px;}
.profileSearch ol{ margin:0px 5px 0px 5px; padding:0px; float:left; width:150px; background:#FFF;}
.profileRanking{ margin:30px 0px 0px 30px;}
.profileRanking table { display:none; text-align:center;}
.profileRanking table thead tr td { display:none; text-align:center; padding-bottom:10px;}
.profileRanking table tbody tr td{ padding:2px 5px 2px 5px;}

.profileSearch ol li{ color:#666; cursor:pointer; padding:0px 2px 0px 2px; margin:2px 0px 2px 0px;}
.PSOL{ background:#CCC;}

/* Form */
.empBlue{ color:#36C; font-weight:bolder;}

/* Contact */
.cu_contact{ margin:5px 0px 45px 0px;}
.advertise_title{ margin-left:40px; }
.paypalForm {text-align:center; margin:auto; margin-bottom:30px;}
.paypalForm form{ }
.paypalForm form table{ text-align:center; margin:auto;}

/* Advertise */



.cu_advertiseHeader{ width:841px; clear:both; height:140px; margin-left:183px; padding-top:6px; color#36C; }
.cu_advertiseHeaderField{margin:0px 0px 5px 4px; padding:0px; width:833px; height:38px;}
.cu_advertiseHeaderFieldActive{width:825px;padding-bottom:0px; text-align:center; margin:0px;}
.cu_advertiseHeaderFieldActive img{max-width:700px; max-height:95px;}
.cu_advertiseHeaderFieldNoActive{width:818px; height:40px; padding-top:44px; padding-bottom:0px; text-align:center; 
	background:#EEF;
	margin:0px;
	border-bottom:#DDD 4px solid;
	border-right:#DDD 4px solid;
	border-top:#DDD 4px solid;
	border-left:#DDD 4px solid;
	font-size:24px;}
.cu_advertiseHeaderFieldNoActive:hover{
	border-bottom:#CCC 4px solid;
	border-right:#CCC 4px solid;
	border-top:#CCC 4px solid;
	border-left:#CCC 4px solid;
	font-size:26px;
	font-weight:bolder;
	font-size:26px;
	font-weight:bolder;
}


.cu_advertise{ width:170px; background:#DDF;}
.cu_advertiseField{ margin:5px 0px 5px 0px; width:170px; height:240px; }
.cu_advertiseFieldNoActive{width:162px; height:108px; padding-top:40px; padding-bottom:40px; text-align:center; background:#EEF;
	border-bottom:#DDD 4px solid;
	border-right:#DDD 4px solid;
	border-top:#DDD 4px solid;
	border-left:#DDD 4px solid;
	font-size:24px;
}

.cu_advertiseFieldActive{width:162px; height:108px; text-align:center; margin:auto;}
.cu_advertiseFieldActive:hover{
	border-bottom:#CCC 4px solid;
	border-right:#CCC 4px solid;
	border-top:#CCC 4px solid;
	border-left:#CCC 4px solid;
	font-size:26px;
	font-weight:bolder;
}

/* ADV */
.adv_slider{
 width:122px; height:240px; margin:auto; margin-top:10px; margin-bottom:10px;
}

/* Podcast */

.cu_podcast{ padding:5px 0px; text-align:center; color:#FFF; font-weight:bolder; font-size:16px; background-color:#FFF; margin-top:10px; clear:both;
background-image:url(../images/elements/icons/podcast_24.png); background-repeat:no-repeat; background-position:5% 45%; margin-bottom:10px;}


/* tablesorter */
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	text-align:left;
}
table.tablesorter thead tr .header {
	background-image: url(/images/elements/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody{ margin-top:40px; overflow:auto; overflow-x:hidden;}
.tablesorterbodyscroll{ height:200px;}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/elements/table/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/elements/table/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* Custom */
.customInfo{ margin-bottom:12px;}
.customInfo h3{ padding-left:40px;}

.customAction{ width:100%; height:94px; padding-top:5px; background:#DDDDFF;}
.customAction ol{ margin:0px; padding:0px; }
.customAction ol li{float:left;  margin:0px 20px 0px 20px; text-align:center;}
.customAction ol li img{margin:0px 10px 0px 10px;}
.customActive{ cursor:default;} .customActive b{color:#AAA;}
.customNoActive{ cursor:pointer;}

.editCustomProfile{ width:100%; height:34px; text-align:right;}
.editCustomProfile img{margin-right:45px; width:24px; cursor:pointer;}
.customProfileEdit ul {width:100%;}
.customProfileEdit ul li{float:left; padding:5px 3px 5px 3px;}
.customProfileEdit ul li input[type=text], .customProfileEdit ol li input[type=password]{width:400px;}
.customProfileEdit ul li select{ width:400px; max-width:400px;}
.cpLeft{ text-align:right;  width:150px; font-weight:bolder;}
.cpRight{ text-align:left; width:450px;}
.disableForm{ border:none; background:none; color:#000; margin:1px 0px 2px 0px;}
.editSaveProfile{ clear:both; text-align:center; padding:35px 0px 15px 0px; display:none;}
.editSaveProfile p{ margin:auto;}

.customError{ padding-bottom:10px; color:#F00;}

.colorSelector{ width:94px; height:94px; padding:2px;background:#CCC; margin:0px;}
.colorSelector li{ float:left; width:25px; height:25px; margin:1px 1px 1px 1px; padding:0px; cursor:pointer; border-width:2px; 
					border-style:solid; }

.isnColorSelect{ border-color:#CCC; }
.isColorSelect{ border-color:#000;}

/* Color Background */
.fFF0000{ background:#FF0000;}
.fFFFFFF{ background:#FFFFFF;}
.f000000{ background:#000000;}
.fFF6600{ background:#FF6600;}
.f0099FF{ background:#0099FF;}
.fFF00FF{ background:#FF00FF;}
.f3366CC{ background:#3366CC;}
.f006600{ background:#006600;}
.f993300{ background:#993300;}
.f666666{ background:#666666;}