﻿SPAN.searchword 
{ 
	background-color:yellow; 
}
TABLE.loader
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #0D3E78;
	left: 0px; 
	position: absolute; 
	top: 85px;	
	text-align: center;
}

TR.headertab-background
{
	font-size: 11px;
	font-family: Verdana;
	color: #FFFFFF;
}

TD.tabmenu
{
	color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	text-align: center;
}

TD.tabmenu-highlight
{
	color: #EEEEEE;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	text-align: center;
	background-image: url(../images/highlighttab.jpg);
	background-repeat: repeat-x;
}

body
{
    font-size: 8pt;	
    font-family: Arial,Verdana;	
    margin: 0px;
    scrollbar-3dlight-color: gainsboro;
	scrollbar-arrow-color:#98b1c4;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color:white;
    scrollbar-base-color: white;
    scrollbar-shadow-color: gainsboro;	   
}


a
{
	color: #0D3E78;
	text-decoration:none;
}

a:hover
{
	color: #ff9933;
	text-decoration: underline;
}

.maincontentplaceholder
{
	height: 400px;
	/*background-image: url(../images/bottombg.jpg); 
	background-attachment: scroll; 
	background-repeat: repeat-x; 
	background-color: #f8f8f8;
	background-position: left bottom; */	
}

input.obutton
{
	font-weight: bold;
	height: 20px;
	cursor: pointer;
	color: #eeeeee;
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 8pt;
	border-right: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-left: #ffffff 0px solid;
	border-bottom: #ffffff 0px solid;
}

.label
{
	font-size: 8pt;	
	color: #173059;
}

.fieldlabel
{
	font-size: 8pt;
	padding-right: 15px;
	padding-left: 5px;
	color: #414141;
	background-color: #f0f2f4;
	vertical-align: top;
	white-space: nowrap;	
}

.fieldlabelbold
{
	font-size: 8pt;
	padding-right: 15px;
	padding-left: 5px;
	color: #414141;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
}

.textbox
{
	font-size: 8pt;	
	color: black;
}

.textboxrtl
{
	font-size: 8pt;
	color: black;
	text-align: right;
}

.checkbox
{
	font-size: 8pt;
	color: black;
	margin-left: -4px;
}

.dropdown
{
	color: black;
	font-size: 8pt;
}

.listbox
{ 
	font-size: 8pt;	
	color: black;
}



/** Tab Control **/
a.tabctl
{
	color: #173059;
	font-family: Tahoma;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
}

span.tabctl
{
	color: white;
	font-family: Tahoma;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
}

a:hover.tabctl
{
	padding-bottom: 3px;
	padding-top: 3px;
	color: white;
	background-image:url(../images/selectedtabctl.gif);
}

td.tabctl
{
	text-align: center;		
	padding-bottom: 3px;
	padding-top: 3px;
	background-image:url(../images/tabctl.gif);
	border-top: #99afc4 1px solid; 
	border-left: #99afc4 1px solid; 
}

a.selectedtabctl
{
	color: white;
	font-family: Tahoma;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
}

td.selectedtabctl
{
	text-align: center;		
	padding-bottom: 3px;
	padding-top: 3px;
	background-image:url(../images/selectedtabctl.gif);
	border-top: black 1px solid; 	
}

table.tabctl
{
	margin-top: 2px;
	padding-top: 2px;
	border-bottom: #99afc4 1px solid;
}

TD.maintitle
{
	border-bottom: solid 1px orange;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	text-align: left;
}

TD.mainbody
{
	font-size: 12px;
	text-align: justify;
	font-family: Verdana;
	color: #323232;
}


a.leftbody
{
	padding-right: 4px;
	display: block;
	padding-left: 8px;
	padding-bottom: 1px;
	margin: 1px ;
	color: #323232;
	padding-top: 1px;
	text-decoration: none;
}

div.rightbody
{
	padding-right: 4px;
	display: block;
	padding-left: 8px;
	padding-bottom: 1px;
	margin: 1px ;
	color: #323232;
	padding-top: 1px;
	text-decoration: none;
	text-align: left;
}


a.leftselected
{
	display: block;
	padding-right: 4px;
	padding-left: 8px;
	padding-bottom: 1px;
	margin: 0px;
	padding-top: 1px;
	text-decoration: none;
	color: #323232;
	font-weight: bold;
}

a:hover.leftbody
{
	border: #c6c9cc 1px solid;
	background-color: #dcdfe3;
	padding-right: 4px;
	padding-left: 8px;
	padding-bottom: 1px;
	margin: 0px;
	padding-top: 1px;
	text-decoration: none;
	color: #333333;
}

/*** Start DataGrid ***/

TR.footer
{
	background-color: #ffffff;
	color: #173059; 
}

TR.footer TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

TR.footerTotal
{
	background-color: #ffffff;
	color: #173059;	
}

TR.footerTotal TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-color : #dddddd;
	border-style: solid;
	border-width: 1px;	 		
}

TR.normalitem
{
	background-color: #ffffff;
	color: #173059; 
}

TR.normalitem TD
{
	white-space: nowrap;
	padding: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

TR.normalitem INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}

TR.alternatingitem INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}

TR.selectednormalitem INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}

TR.selectedalternatingitem INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}

TR.header INPUT
{
	margin-top: -2px;
	margin-bottom: -2px;
}

TR.footer INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}

TR.pager INPUT
{
	margin-top: -4px;
	margin-bottom: -4px;
}



TR.alternatingitem
{
	color: #173059;
	background-color: #f0f2f4;
}

TR.alternatingitem TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

TR.selectednormalitem
{
	color: black;
	background-color: #fdf5e6;
}

TR.selectednormalitem TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}


TR.selectedalternatingitem
{
	color: black;
	background-color: #fdf5e6;
}


TR.selectedalternatingitem TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

TR.selecteditem
{
	color: black;
	background-color: #ffefef;
}


TR.selecteditem TD
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}


TR.header
{
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	height: 16px;
	background-repeat: repeat-x;
	background-color: #a9a9a9;
}

TR.rheader
{
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	height: 14px;

}

TR.rheader TH
{
	border-bottom: solid 1px #dddddd;
}

TR.headerTall
{
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	height: 16px;
	background-image: url(../images/headerbg-tall.png);
	background-repeat: repeat-x;
}

TR.header A
{
	color: white;
	text-decoration: none;
}

TR.header A:hover
{
	color: white;
	text-decoration: underline;
}

TR.headerTall A
{
	color: white;
	text-decoration: none;
}

TR.headerTall A:hover
{
	color: white;
	text-decoration: underline;
}


TR.header TH
{
	color: #ffffff;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 1px #777777;
}

TR.headerTall TH
{
	color: #ffffff;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

TR.header TD
{
	color: #ffffff;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

TR.pager
{

	color: black;	 
	text-align: center;
}

TR.footer TD
{
	padding: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

TR.pager TD
{
	padding: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
TR.pager a
{
	color: orange;
}

TABLE.table
{
	border: #999999 1px solid; 
	border-collapse: collapse;
}

DIV.header
{
	font-weight: bold;
	background-image:url(../images/tableheader.gif);
	color:#293d6b;
	padding:3px;
    vertical-align:middle;
    font-size:11px;
    font-weight:bold;  
    font-family: Tahoma;
}

TD.tableheader
{ 
	height: 16px;
	background: #a9a9a9;
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana;
	vertical-align: middle; 
	padding-left: 5px;
	padding-right: 5px;	
 }
 
 TD.tablebody
{ 
	background: #ffffff;
	padding: 5px;
}
 
TD.oheader
{ 
	height: 16px;
	background-image: url(../images/headerbg.jpg);	
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana;
	vertical-align: middle; 
	padding-left: 5px;
	padding-right: 5px;	
 }

/*** End DataGrid ***/


ul.squaredbullet 
{
	list-style-type: square;
	padding: 0px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #ff0000;
}

div.squaredbullet ul
{
	list-style-type: square;
	padding: 0px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

/*** Start RMS Form **/

.bigtitle
{
	font-weight: bold;
	font-size: 14px;
	color: #173059;
}

.title
{
	font-weight: bold;
	font-size: 11px;
	color: #173059;
}

.pagetitle
{
	font-weight: bold;
	font-size: 14px;
	color: #173059;
	padding-bottom: 7px;
}

.smalltitle
{
	font-size: 11px;
	color: #173059;
}

.bigerror
{
	font-weight: bold;
	font-size: 14px;
	color: #ff0000;
}

.error
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
}

.required
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
}

.smallerror
{
	font-size: 11px;
	color: #ff0000;
}

a.squarebutton
{
	background: transparent url('../images/lbutton.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Arial; /* Change 12px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 10px; /* Width of left menu image */
	text-decoration: none;
	text-align: center;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton
{
	color: #555555; /*button text color*/
	font-weight: bold; 
}

a.squarebutton span
{
	background: transparent url('../images/rbutton.png') no-repeat top right;
	display: block;
	padding: 3px 10px 4px 0px; /*Set 9px below to match value of 'padding-left' value above* top right bottom left */ 
}

a.squarebutton:hover
{ /* Hover state CSS */
	background-position: bottom left;
}

a.squarebutton:hover span
{ /* Hover state CSS */
	background-position: bottom right;
	color: #ffffff;	
}

.buttonwrapper
{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.applicanttable
{
	width: 100%;
}
/*questionnaire*/

table.questionnaire
{
	width: 800px;
	font-family: Arial;
	font-size: 14px;
	color: black;
}

table.questionnairelang
{
	width: 400px;
	font-family: Arial;
	font-size: 14px;
	color: black;
	margin-top: 150px;
}

td.questionnairetitle
{
	text-align: left;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;	
	border-bottom: solid 1px orange;
}

td.questionnaireopening
{
	padding-top: 15px;
	text-align: justify;
	color: gray;
}

td.questionnairelang
{
	padding-top: 15px;
	text-align: right;
	color: gray;
	font-size: 18px;
	font-family: Verdana;
	cursor: pointer;
}

td.questionnairename
{
	padding-top: 15px;
	text-align: right;
	color: gray;
	font-size: 18px;
	font-family: Verdana;
	cursor: pointer;
}

td.questionnaireclosing
{
	padding-top: 20px;	
	text-align: justify;
	color: gray;
}

td.questionnaireinstruction
{
	padding-top: 15px;		
	text-align: justify;
}

input.questionnairebutton
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	height: 25px;
	margin-bottom: 50px;
}


td.section
{
	font-family: Arial;
	font-size: 12px;
	color: black;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	width: 800px;
}

div.sectionerror
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: red;
	margin-top: 20px;
	text-align: left;
}

div.sectiontitle
{
	color: black;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	border-bottom: solid 1px orange;
	width: 100%;
	text-align: left;
}

div.sectiondescription
{
	margin-top: 10px;
	color: gray;
	text-align: justify;
}

div.sectioninstruction
{
	margin-top: 10px;
	color: #555555;
	text-align: justify;
}

div.sectiongroup
{
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 30px;
	text-align: justify;
}

div.sectiongrouptitle
{
	color: black;
	font-weight: bold;
	font-family: Verdana;
	font-size: 14px;
}

div.sectiongroupdescription
{
	margin-top: 10px;
	color: #555555;
	text-align: justify;
}

div.sectiongroupinstruction
{
	margin-top: 10px;
	color: #555555;
	text-align: justify;
}

input.sectionbutton
{
	background-image: url(../images/datatableheader.jpg);
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	width: 90px;
	margin-bottom: 50px;
	margin-right: 10px;
	height: 25px;
}

table.matrix
{
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
	border: solid 1px gray;
	font-size: 12px;
	font-family: Tahoma;
}

tr.matrixheader
{
	background-image: url(../images/datatableheader.jpg);
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}

tr.matrixheader td
{
	border-bottom: solid 1px gray;
}

table.rank
{
	margin-top: 10px;
	font-size: 12px;
	font-family: Tahoma;
}

select.rank
{
	font-size: 12px;
	font-family: Tahoma;
}

table.standard
{
	margin-top: 10px;
	font-size: 12px;
	font-family: Tahoma;
}

div.choice
{
	margin-bottom: 15px;
}

div.choice input
{
	margin-bottom: 5px;
	margin-top: 5px;	
}

div.choice label
{
	margin-right: 20px;
	vertical-align: middle;	
	white-space: nowrap;
}

div.otherchoice
{
	white-space: nowrap;
}

input.otherchoice
{
	margin-left: -15px;
	width: 712px;
}

textarea.longtext
{
	margin-bottom: 20px;
	margin-top: 5px;	
	height: 130px;
	width: 778px;
}

table.shorttext
{
	margin-bottom: 10px;
	width: 100%;	
}

table.shorttext input
{
	margin-bottom: 5px;
	margin-top: 5px;	
	width: 750px;
	margin-right: 12px;
}

input.shorttext
{
	margin-bottom: 20px;
	margin-top: 5px;	
	width: 778px;
}

input.hiddenbutton
{
	display: none;	
}

TD.sidebar 
{
	vertical-align: top;
	font-family: Tahoma;
	font-size: 12px;
	padding-right: 15px;
}

a.normalsidebar
{
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 8px;
	padding-bottom: 1px;
	display: block;		
	margin: 1px;
	color: black;	
	text-decoration: none;		
	font-weight: bold;
}

a.normalsidebar:hover
{
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 8px;
	padding-bottom: 1px;	
	margin: 0px;
	color: black;	
	text-decoration: underline;		
	background: #ccff00;
	border: #000000 1px solid;
}

a.selectedsidebar
{
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 8px;
	padding-bottom: 1px;
	display: block;
	margin: 0px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	background: #ccff00;
	border: #000000 1px solid;
}


/* another version of tab */

