@import url("/site_js/template_css.css");
@import url("/site_js/highlighter.css");

BODY, DIV, P, A, TD, .multiselect_editlist, .multiselect_options, .multiselect_selected, .select, .multiselect_selected_vertical
{ 
    FONT-FAMILY:Arial; ;
    COLOR:black; ;
    FONT-SIZE:8pt; ;
    LINE-HEIGHT:1.6; ;
}

H1, H2, H3, H4, H5
{
    COLOR:black; ;
    LINE-HEIGHT: 120%;
}

SMALL, .SMALL, a.SMALL
{
    FONT-SIZE:8pt; ;
}

SMALLER, .SMALLER, a.SMALLER
{
    FONT-SIZE:7pt; ;
}

SMALLEST, .SMALLEST, a.SMALLEST
{
    FONT-SIZE:6pt; ;
}

BIG, .BIG, a.BIG
{
    FONT-SIZE:10pt; ;
}

BIGGER, .BIGGER, a.BIGGER
{
    FONT-SIZE:12pt; ;
}

BIGGEST, .BIGGEST, a.BIGGEST
{
    FONT-SIZE:14pt; ;
}

HUGE, .HUGE, a.HUGE
{
    FONT-SIZE:20pt; ;
}

A:link, a:active
{
    COLOR:#333399; ;
    TEXT-DECORATION:none; ;
    FONT-SIZE:8pt; ;
}

a:visited
{
    COLOR:#333399; ;
    TEXT-DECORATION:none; ;
    FONT-SIZE:8pt; ;
}

A:hover
{
    TEXT-DECORATION:underline; ;
    COLOR:#ff3333; ;
    FONT-SIZE:8pt; ;
}

A.title:link, a.title:visited, a.title:active
{
    COLOR: black;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
}

A.title:hover
{
    COLOR: green;
    TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}

a.navbar, a.navbar:visited, a.navbtn, a.navbtn:visited
{
    FONT-FAMILY:Arial; ;
    COLOR:#ffffff; ;
    FONT-SIZE:9pt; ;
    FONT-WEIGHT:normal; ;
    TEXT-DECORATION: none;
}

a.navbar:hover, a.navbtn:hover
{
    FONT-FAMILY:Arial; ;
    FONT-SIZE:9pt; ;
    FONT-WEIGHT:normal; ;
	COLOR:#0099cc; ;
    TEXT-DECORATION: none;
}

a.navbar_selected, a.navbar_selected:visited
{
    FONT-FAMILY:Arial; ;
    FONT-SIZE:9pt; ;
    FONT-WEIGHT:normal; ;
	COLOR:#0099cc; ;
    TEXT-DECORATION: none;
}

a.navbar_selected:hover
{
    FONT-FAMILY:Arial; ;
    FONT-SIZE:9pt; ;
    FONT-WEIGHT:normal; ;
	COLOR:#0099cc; ;
    TEXT-DECORATION: none;
}

a.control, a.control:visited
{
    COLOR:#333399; ;
    TEXT-DECORATION:none; ;
    FONT-SIZE:9pt; ;
	FONT-WEIGHT: bold;
}

a.control:hover
{
    COLOR:#ff6347; ;
    TEXT-DECORATION:none; ;
    FONT-SIZE:9pt; ;
	FONT-WEIGHT: bold;
}

.required_field
{
    FONT-FAMILY:Arial; ;
	FONT-WEIGHT: bold;
    COLOR:#cc3333; ;
}

.navigation_text
{
    FONT-FAMILY:Arial; ;
	font-weight: normal;
	font-size: 7pt;
	text-decoration: none;
}

a.navigation_control, a.navigation_control:visited, a.navigation_control:active
{
    FONT-FAMILY:Arial; ;
	font-weight: bold;
	text-decoration: none;
	font-size: 7.5pt;
}

a.navigation_control:hover
{
    FONT-FAMILY:Arial; ;
	font-weight: bold;
	text-decoration: none;
	color: #ff6347;
	font-size: 7.5pt;
}

a.menu:link, a.menu:visited, a.menu:active
{
	COLOR: black;
    TEXT-DECORATION: none;
    FONT-SIZE: 9pt;
}

a.menu:hover
{
	COLOR:#0099cc; 
    TEXT-DECORATION: none;
    FONT-SIZE: 9pt;
}

.datatable
{
    background: #cccccc;      
}

.datatable_label
{
    background: #eeeeee;
}

.datatable_data
{
    background: #ffffff;
}

.datatable_data_selected
{
    background: #eeeeee;    
}

.datatable_header
{	
    background: #eeeeee;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;    
}

.datatable_header_selected
{
    background: #BBCBFF;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
}

.datatable_row0
{
    background: #eeeeee;
}

.datatable_row1
{
    background: #ffffff;
}

.cancel_button
{
	background-color: #ffffff;
	border-bottom: #000000 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #000000 1px solid;
	border-top: #cccccc 1px solid;
	color: #333333;
	FONT-FAMILY:Arial; 
	font-weight:bold;
	FONT-SIZE: 9pt;
}

.action_button
{
	padding: 3px;
	background-color: #ED6363;
	border-bottom: #000000 1px solid;
	border-left: #80A0B0 1px solid;
	border-right: #000000 1px solid;
	border-top: #80A0B0 1px solid;
	color: #FFFFFE;
	FONT-FAMILY:Arial; 
	font-weight:bold;
	FONT-SIZE: 9pt;
}

.button
{
	padding: 0px;
	background-color: #eeeeff;
	border-bottom: #000000 1px solid;
	border-left: #80A0B0 1px solid;
	border-right: #000000 1px solid;
	border-top: #80A0B0 1px solid;
	color: #333366;
	FONT-FAMILY:Arial; 
	font-weight:bold;
	FONT-SIZE: 9pt;
}

.menu_button
{
	padding: 0px;
	padding-left: 8px;
	background-image: url(images/nav_button.jpg);
	background-color: #C5AE9E;	
/*	
	.1border-top: #E5D9CD 2px solid;
	.1border-bottom: #E5D9CD 3px solid;
	.1border-left: #B2A499  3px solid;
	.1border-right: #B3A298 4px solid;
*/
	border: 0px solid white;
	color: #000;
	FONT-FAMILY:Arial; 
	font-weight:normal;
	TEXT-ALIGN: left;
	FONT-SIZE: 9pt;
	width:138px;
	height:24px;
}

.edit, .text_edit, .num_edit, .file_edit, .img_edit, .email_edit, .date_edit, .password_edit, .textarea_edit, .select_edit, .select
{
    FONT-FAMILY:Arial; 
	border:1px solid #ff6347; 
	background:#ffffff; 
}

.multiselect_selected
{
	background:#ffffff;
	font-weight:bold;
	width:300px;
}

.multiselect_options
{
	background:#eeeeee;
	width:300px;
}

.multiselect_selected_vertical
{
	background:#ffffff;
	width:100%;
}

.multiselect_options_vertical
{
	background:#eeeeee;
	width:100%;
}

.navlabel
{
     ;
}

.section_menu_heading
{
     ;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    FONT-SIZE: 11pt;
}

.PageTitle
{
    FONT-FAMILY:Arial; ;
    COLOR:#333366; ;
    FONT-SIZE:15pt; ;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.3;
}

.SectionTitle
{
    FONT-FAMILY:Arial; ;
    FONT-WEIGHT: bold;
    COLOR:#333399; ;
    FONT-SIZE:12pt; ;
    LINE-HEIGHT: 1.3;
}

.SubSectionTitle
{
    FONT-FAMILY:Arial; ;
    FONT-WEIGHT: bold;
    COLOR:#666699; ;
    FONT-SIZE:10pt; ;
    LINE-HEIGHT: 1.3;
}

.Section, P
{
    FONT-FAMILY:Arial; ;
    TEXT-DECORATION: none;
    COLOR:black; ;
    LINE-HEIGHT:1.6; ;
    FONT-SIZE:9pt; ;
}

.HomeSectionTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-FAMILY:Arial; ;
    LINE-HEIGHT: 1.3;
    FONT-SIZE: 12pt;
     ;
}

.HomeSection
{
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify;
    FONT-FAMILY:Arial; ;
    LINE-HEIGHT: 1.3;
    FONT-SIZE: 9pt;
     ;
}

.special
{
    FONT-FAMILY:Arial; ;
    LINE-HEIGHT: 1.3;
    FONT-SIZE: 8pt;
    COLOR: #6666cc;
}

.highlight
{
    FONT-WEIGHT: bold;
    FONT-FAMILY:Arial; 
    LINE-HEIGHT: 1.3;
    COLOR: #ff6666;
}

.light, a.light
{
    COLOR: #efefef;
}

.comment, a.comment
{
    COLOR: maroon;
    FONT-SIZE: 8pt;
}

.warning
{
    COLOR: red;
    FONT-SIZE: 120%;
    FONT-WEIGHT: bold;
}

.timestamp, a.timestamp
{
    COLOR:white; 
    FONT-STYLE: italic;
    FONT-SIZE: 7pt;
}

.page_location, a.page_location, a.page_location:visited
{
     
    FONT-STYLE: italic;
    FONT-SIZE: 8pt;
}

.location_topic, a.location_topic, a.location_topic:visited
{
    COLOR: #000000; 
    TEXT-DECORATION: none;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
}

a.location_topic:hover
{
    COLOR:#003399; 
    TEXT-DECORATION: underline;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
}

.location_section, a.location_section, a.location_section:visited
{
    COLOR: #000000; 
    TEXT-DECORATION: none;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
}

a.location_section:hover
{
    COLOR:#003399; 
    TEXT-DECORATION: underline;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: bold;
}

.location_subsection, a.location_subsection, a.location_subsection:visited
{
    COLOR: #000000; 
    TEXT-DECORATION: none;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: bold;
}

a.location_subsection:hover
{
    COLOR:#003399; 
    TEXT-DECORATION: underline;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: bold;
}

.public_event, a.public_event, a.public_event:visited
{
    COLOR: #ff8040; 
    TEXT-DECORATION: none;
}

a.public_event:hover
{
    COLOR:#003399; 
    TEXT-DECORATION: none;
}

.corporate_event, a.corporate_event, a.corporate_event:visited
{
    COLOR: #008000; 
    TEXT-DECORATION: none;
}

a.corporate_event:hover
{
    COLOR:#003399; 
    TEXT-DECORATION: none;
}

.item0 { background-color: #ffffff; }
.item1 { background-color: #eeeeff; }

.multiselect_options_vertical_invisible 
{
	display: none;
	width:10%;
}

@media print 
{ 
	DIV.PAGEBREAK, P.PAGEBREAK
	{
		page-break-before: always;
	}
	
	.SCREENONLY, DIV.SCREENONLY, P.SCREENONLY, .PRINT_PREVIEW_ONLY
	{
		display: none;
	}	
}

@media screen
{ 
	.PRINTONLY, DIV.PRINTONLY, P.PRINTONLY
	{
		display: none;
	}
}
.publication_heading{
	width: 100%;
	font-size:18px !important;
	text-decoration: underline;
	color: #000000;
	text-align: left;
	padding: 0;
	font-weight: bold;
	margin: 0;
	vertical-align: top;

}

td.contentheading{
	width: 100%;
	font-size:18px !important;
}




.PageTitle
{
    FONT-FAMILY:Arial; ;
    COLOR:#333366; ;
    FONT-SIZE:15pt; ;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.3;
}


.inputbox {
	border: 1px solid #CCCCCC;
	padding: 2px 0px 0px 3px;
	font-size: 19px;
	height: 11px;
	width: 220px; 	
}

.button
{
	padding: 0px;
	background-color: #eeeeff;
	border-bottom: #000000 1px solid;
	border-left: #80A0B0 1px solid;
	border-right: #000000 1px solid;
	border-top: #80A0B0 1px solid;
	color: #333366;
	FONT-FAMILY:Arial; 
	font-weight:bold;
	FONT-SIZE: 9pt;
}


a.langlink:link, a.langlink:visited {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a.langlink:hover {
	color: #990033;
}

a.langlink_chi:link, a.langlink_chi:visited {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

a.langlink_chi:hover {
	color: #990033;
}





a.sublevel:link, a.sublevel:visited {
	display: block;
	background: url("/pub/images/layout/mainmenu_bg.gif") no-repeat;
	background-position: 200px 0px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding: 3px 27px 0 0;
	height: 41px;
	margin: 0px;
	text-decoration: none;
}

a.sublevel:hover {
	background-position: 200px -35px;
	text-decoration: none;
	color: #990033;
}





.contentheading , .componentheading{
	color: #000000;
	text-align: left;
	padding: 0;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	vertical-align: top;
}





#div_subscribe, #div_thankyou{
	padding-left: 10px;
	padding-top: 10px;
}

.PageTitle_location{
	font-family: arial, Verdana, sans-serif;
	font-size: 14pt;	
	color: #7ACC48;
	font-weight:bold;
}

.PageTitle_location_chi{
	font-family: arial, Verdana, sans-serif;
	font-size: 15pt;
	color: #7ACC48;
	font-weight:bold;
}

.Pagetitle_prod {
	font-family: arial, Verdana, sans-serif;
	font-size: 14pt;	
	color: #3386B3;
	font-weight:bold;
}

.Pagetitle_prod_chi {
	font-family: arial, Verdana, sans-serif;
	font-size: 15pt;	
	color: #3386B3;
	font-weight:bold;
}

.Pagetitle_prod_jp, .pagetitle_prod_kr {
	font-family: arial, Verdana, sans-serif;
	font-size: 14pt;
	color: #3386B3;
	font-weight:bold;
}

.location_links, a.location_links:link, a.location_links:visited, a.location_links:active {
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;		
	text-indent: 0px;		
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.location_links:hover {
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;		
	text-indent: 0px;		
	color: blue;
	text-decoration: underline;
}


/* For the location menu */
.map_container_big
{
	background:url(/pub/inter_layout/inter_06/location.jpg) no-repeat top left ;		
	height: 120px;	
	width: 224px;
}

div.map_container_first
{	
	height:20px;
}

div.map_container
{	
	padding: 0px 0px 0px 29px;	
	width: 219px;
	height:10px;
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;	
}

div.map_container div.left_col
{	
	width: 83px;
	height:10px;	
	float:left;	
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;
	line-height: 8pt;
}

div.map_container div.right_col
{
	width: 90px;
	height: 13px;
	float:left;
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;
	line-height: 8pt;
}



div.map_container div.left_col a
{	
	
}

div.map_container div.right_col a
{
	width: 90px;
	height: 13px;
	float:left;
	font-family: arial, Verdana, sans-serif;
	font-size: 7.5pt;
	line-height: 8pt;
}

.button
{
	padding: 0px;
	background-color: #FFEEEE;
	border-bottom: #990033 1px solid;
	border-left: #990033 1px solid;
	border-right: #990033 1px solid;
	border-top: #990033 1px solid;
	color: #6F0024;
	FONT-FAMILY:Arial; 
	font-weight:bold;
	FONT-SIZE: 9pt;
}

.inputbox {

	border: 1px solid #CCCCCC;
	padding: 2px 0px 0px 3px;
	font-size: 11px;
	height: 19px;
	width: 120px;

}

.inputbox_publish {

	border: 1px solid #CCCCCC;
	padding: 2px 0px 0px 3px;
	font-size: 11px;
	height: 19px;
	width: 230px;

}

strong {
	font-weight:bold;
	font-size:11pt;
}

a:link, a:visited, a:active {
	FONT-FAMILY:Arial; 
	font-size: 14px;
	line-height: 16px;
	color: #3333ff;
	font-weight: normal;
}

a:hover {
	font-size: 14px;
	line-height: 16px;
	color: #ff3333;
}

#onlinetestlogin{
	float:none;
	text-align: center;
	font-size: 14px;
}

#test_div_super_wrapper{
	margin: 0px;
	padding:0px;
	text-align: center;
	overflow: auto; 
	height:100%;
}

#test_div_wrapper{
	text-align: left;
	width:900px;
	margin:0 auto; 	
}

#test_div{
	text-align:left;
	width: 800px;
	/*height: 100%;*/
	font-size: 14px; 
	font-family: Arial;
}

#test_banner_1{
	text-align:left;
	float: left;	
	font-size: 14px; 
	font-family: Arial;
	width: 100%;
}

#test_banner_2{
	text-align:left;
	float: left;	
	display: block;
	font-size: 14px; 
	font-family: Arial;
	width: 240px;
}

#test_introduction{
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
	font-size: 14px;
	font-family: Arial;
}

#test_title{
	color:#333366;
	font-family: Arial;
	font-size: 20pt;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	width: 800px;
	text-align: center;	
	padding-bottom: 20px;
}

#test_summary_title{	
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	float: left;
	padding-bottom: 5px;
	display: block;
}

#test_summary_text{
	width: 100%;
	float: left;
	font-family: Arial;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
}

#test_instructions_title{	
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	float: left;
	padding-bottom: 5px;
	display: block;
}

#test_instructions_text{
	width: 100%;
	float: left;
	font-family: Arial;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;	
	text-align: justify;
}

#test_instructions_text_ul{	
	LIST-STYLE-TYPE: disc;
	list-style-position: outside;	
	margin-left: 20px;
}

#test_instruction_div, #test_instruction_panel_element{
	font-size: 14px;
	font-family: Arial;
}

.test_button{
	width: 100%;
	float: left;
}

#notsupportjs{
	width: 700px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;	
}

#test_form{
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	display: block;
	width: 900px;
}

#test_form_table{
	border: #FF3333 1px solid;
	margin-bottom: 5px;
	width:900px;
}

#onlinetest_timer{
	font-size: 14px;
	font-family: Arial;
	float: left;
	display: block;
	text-align: left;
}

.login_label{
	padding: 4px;
	font-size: 14px;
}

#LeftTestNavigation{	
	vertical-align: top;
	border-right: #FF3333 1px solid;
}

#LeftTestNavigation table tr td, #LeftTestNavigation table tr td a
{	
	font-size: 14px;
	font-family: Arial;
	padding-bottom: 3px;
	float:left;
}

.testpagediv_show{
	display: block;
}

.testpagediv_hidden{
	display: none;
}

.check_answer_show{
	width: 90px;
	font-size: 14px;
	font-family: Arial;
	color: red;
}

#RightTestQuestion{
	vertical-align: top;
}

.test_questions_div_show{
	display: block;
}

#test_questions_table tr td{
	font-size: 14px;
	font-family: Arial;
}
	

.test_questions_div_hidden{
	display: none;
}

.test_questions_div_show table tr td textarea, .test_questions_div_hidden table tr td textarea{
	font-size: 14px;
	font-family: Arial;
}

#test_complete{
	font-size: 14px;
	font-family: Arial;
	width: 900px;
	float: left;
	display: block;
	padding-top: 20px;
}

#test_answers_table{
	border-collapse: collapse;
	empty-cells: show;
	border-color: #FF3333;
}

#test_answers_table *{
	font-size: 14px;
	font-family: Arial;
}

#test_result_div ul{
	float: left;
	width: 800px;
	display: block;
	font-size: 14px;
	padding-bottom: 20px !important;
	list-style-type: none !important;
	list-style-position: inside;
	border-bottom: #990033 1px solid;
}

#test_result_div ul li
{	
	float: left;
	width: 95%;
	list-style-type: none !important;
}

.test_textbox
{	
	background-image: none !important;
	float: left;
	padding-left: 28px;
	list-style-type: none !important;
}

#admin_showtest{
	border-collapse: collapse;
	empty-cells: show;
	/*border-color: #FF3333;*/
}

#test_candidateresult_div
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: Arial;	
}

#test_candidateresult_div ul
{
	float: left;
	width: 100%;
	display: block;	
	margin-top: 20px;	
}

#test_candidateresult_div ul li
{
	width: 100%;
	float:left;
	display: block;	
	background-image:url(/images/point.png);
	background-position:13px 9px;
	background-repeat:no-repeat;
	clear:both;
	font-size:14px;
	line-height:25px;
	padding-left:28px;
	padding-top:0;
}

#test_candidate_info
{
	/*text-align: left;*/
	display: block;
	float: right;
	font-size: 14px; 
	font-family: Arial;
	width: 480px;
	/*width: 600px;
	margin-top: 15px;
	margin-left:60px;*/
}

.candidateinfo_div
{	
	width: 160px;
	float: left;
}

.candidateinfolabeldiv
{
	font-size: 14px; 
	font-family: Arial;
	width: 100%;
	float: left;
	display: block;
	color: blue;
}

.candidateinfofielddiv
{
	font-size: 14px; 
	font-family: Arial;
	float: left;
	display: block;
	width: 100%;
}

.candidateinfofielddiv input
{
	float: left;
	display: block;
	font-size:16px;
}

#submit_button_div
{
	float:left;
	display: block;
}

.test_textarea_width{
	width: 600px;
	height: 250px;
	/*margin: auto;*/
	padding: 1px 1px 1px 1px;
}

#error_message
{
	padding-left: 20px;
	padding-top: 40px;
	font-size: 14px;
	font-family: Arial;
	float: left;
	display: block;
	width: 100%;
	text-align: left;
}

#publication_div{
	width: 100%;
	float: left;
	display: block;
}

#publication_div p{
	padding-bottom: 20px;
	margin: 0;
}

@media print {
	#print_close_me{
		display:none;
	}
}