/* Generic Settings */

HTML, BODY, DIV, SPAN, FORM {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 12px;
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px;
	TEXT-DECORATION: none;}
	
TABLE, TR, TH, TD, THEAD, TFOOT, TBODY, COLGROUP, COL {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;}
	
P {
	margin: 0px 0px 15px 0px;}
	
H1, H2, H3, H4, H5, H6 {
	padding:0px 0px 15px 0px;
	margin:0px;}	
	
BODY {
	BACKGROUND-COLOR: #ffffff;}
	
IMG {
	BORDER: 0px solid black;}

TEXTAREA{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


/* STYLED BUTTONS */
.imagebutton_medium,{color: #ffffff;background-color: #006699;border: 0px;font-size: 11px;padding: 2px 6px 2px 6px;margin-left: 0px;margin-bottom:0px;margin-top: 0px;margin-right: 12px;height: 19px;cursor : pointer;letter-spacing:0px; }
.inputbutton_medium{color: #ffffff;background-color: #006699;border: 0px;font-size: 11px;height: 19px;padding:0px 3px 0px 3px;margin-left:0px;margin-right:12px;margin-top:0px;margin-bottom:0px;cursor : pointer;letter-spacing: 1px;}
.imagebutton_small,{color: #006699;background-color: #ffffff;border: 1px solid #006699;font-size: 9px;padding: 1px 4px 1px 4px;margin-left: 0px;margin-bottom:0px;margin-top: 0px;margin-right: 0px;height: 16px;cursor : pointer;}	
.inputbutton_small{color: #006699;background-color: #ffffff;border: 1px solid #006699;font-size: 9px;padding:0px 3px 0px 3px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;cursor : pointer;}

.imagebutton_x_medium,{color: #ffffff;background-color: #666666;border: 0px;font-size: 11px;padding: 2px 6px 2px 6px;margin-left: 0px;margin-bottom:0px;margin-top: 0px;margin-right: 12px;height: 19px;cursor : pointer;letter-spacing:0px;}
.inputbutton_x_medium{color: #ffffff;background-color: #666666;border: 0px;font-size: 11px;height: 19px;padding:0px 3px 0px 3px;margin-left:0px;margin-right:12px;margin-top:0px;margin-bottom:0px;cursor : pointer;letter-spacing:1px;}
.imagebutton_x_small,{color: #666666;background-color: #ffffff;border: 1px solid #666666;font-size: 9px;padding: 1px 4px 1px 4px;margin-left: 0px;margin-bottom:0px;margin-top: 0px;margin-right: 0px;height: 16px;cursor : pointer;}	
.inputbutton_x_small{color: #666666;background-color: #ffffff;border: 1px solid #666666;font-size: 9px;padding:0px 3px 0px 3px;;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;cursor : pointer;}

.imagebutton_medium,.inputbutton_medium,.imagebutton_x_medium,.inputbutton_x_medium{width:64px; vertical-align: top; text-align: center;border-right:1px solid #333333;border-bottom:1px solid #333333;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}

/* Table Layout */

.pageContainer{padding:0px 0px 0px 0px; height: 100%;}
/* No BGColors here, they should be set in the BODY tag instead. This Div is used to rectify an IE issue */

	.pageContent{}
	/*By default, this Div will stretch to 100% of the screen minus the padding applied by pageContainer and BODY */

		/* HEADER */
		td.headerContainer{background-color: #006699;padding:0px 0px 0px 0px;border-bottom: 1px solid #86b6bf;}
			.logo {padding: 20px 0px 20px 40px;}
			div.headerContainer{height:100;}
				.headerContent{}
					
					/* Toolbar */
					.toolbarContainer{}
					.toolbarbackground{background-color: #006699;border-top: 1px solid #86b6bf;}
					
					.toolbartextContainer{padding: 0px 5px 0px 5px;border-right:1px solid #eeeedd;}
					.toolbartextContainer_selected{padding: 0px 5px 0px 5px;border-right:1px solid #eeeedd;background-color: #eeeedd;}
						.toolbartextContainer_selected .toolbarText{color:#006699;}
					.toolbartextContainerStart_selected{padding: 0px 5px 0px 5px;width:150px;background-color: #eeeedd;border-right:1px solid #eeeedd;}
						.toolbartextContainerStart_selected .toolbarText{color:#006699;}
					.toolbartextContainerStart{padding: 0px 5px 0px 5px;width:150px;border-right:1px solid #eeeedd;}
					.toolbartextContainerEnd{padding: 0px 5px 0px 5px;}
					.toolbartextContainerEnd_selected{padding: 0px 5px 0px 5px;}

					.toolbarText{TEXT-DECORATION: none;font-size:11px;}
					.toolbarTextSelected{TEXT-DECORATION: none;font-size:11px;}

					/* BreadCrumb */					
					.breadcrumbbackground{padding: 3px 3px 3px 0px;background-color: #a8cbdc;border-bottom: 1px solid #86b6cf;}
					.breadcrumbImage{padding: 0px 0px 0px 0px;}
					.breadcrumb{FONT-SIZE:11px;TEXT-DECORATION: none;}			
					
					/* User Name */
					.currentusernamebackground{padding-right:15px;border-bottom: 1px solid #e1e1e1;background-color: #ffffff;}
					.currentusername{FONT-SIZE:9px;}

					/* Change User Mode */
					#optMode,#UserMode{FONT-SIZE:9px;border:0px;}
					.UserSelect{FONT-SIZE:9px;border:0px;padding:2px;}	
					
					/* Splash Image */
					.imagebanner{padding:0px 5px 5px 5px;background-color:#eeeedd;}						

		/* NAVIGATION */
		td.navigationContainer{ height: 100%;}
			div.navigationContainer{width:160px;}
				.navigationContent{}
				
					/* Navigation Links */
					.navigationContainer{background-color: #d9e7f0;}
					.contextuallinkbullet{width:18px;padding: 7px 0px 0px 0px;background-color: #d9e7f0;}
					.contextual-link-container{padding: 4px 2px 4px 0px;background-color: #d9e7f0;}
					.contextual-link{FONT-SIZE: 11px;TEXT-DECORATION: none;}
					.contextualsublinkbullet{width:18px;padding: 7px 0px 0px 0px;background-color: #d9e7f0;}
					.contextual-sublink-container{padding: 4px 2px 4px 0px;background-color: #d9e7f0;}
					.contextual-sublink{FONT-SIZE: 11px;TEXT-DECORATION: none;}					
					
					/* Login */
					.UserLogin{padding:35px 5px 5px 5px;}
					.UserLoginBox{FONT-SIZE: 9px;}
					.logintext{text-align:left;padding-right:0px;}					
					.LoginBG{}
					input.UserLoginBox{height:18px;width:130px;border:1px solid #006699;FONT-SIZE: 9px;}
					td.UserLoginBox{padding-right:0px;}
					.forgotpassword{padding-top:10px;}

		/* MAIN CONTENT */
		.mainContainer{padding: 0px 15px 0px 15px;}
				.mainContent{}
					.innerContent{margin: 0px;}					

		/* AUX (3rd Column) */ 
		td.auxContainer{}
			div.auxContainer{width:0px;padding:0px;margin:0px;}
				.auxContent{}

		/* FOOTER */
		td.footerContainer{}
			div.footerContainer{text-align:center;border-top: 1px solid #99c191}
				.footerContent{padding: 15px; 0px 15px 0px;}
				
				
/* DISPLAY TABLES */

/* Below there are 2 variations of classes, the new way that sets the tr, followed by the old way for compatibiltiy  */


.studyserve-table{align:center;text-align:left;empty-cells:show;border-collapse: collapse;background-color: #e5e5e5;}
	.studyserve-table .table-row th,.studyserve-table th.table-row{white-space: nowrap;background-color: #006699;padding:5px;border-top: 0px none;border-bottom: 0px solid #aaaa99;border-left: 0px none;border-right: 0px none;vertical-align: bottom;}
	.studyserve-table .table-row-alt th,.studyserve-table th.table-row-alt{white-space: nowrap;background-color: #eeeedd;padding:5px;border-top: 0px none;border-bottom: 0px solid #aaaa99;border-left: 0px none;border-right: 0px none;vertical-align: bottom;}
	.studyserve-table .table-row td,.studyserve-table td.table-row{background-color: #ffffff;padding:4px;border-top: 0px none;border-bottom: 0px solid #aaaa99;border-left: 0px none;border-right: 0px none;padding-right:10px;}
	.studyserve-table .table-row-alt td,.studyserve-table td.table-row-alt{background-color: #f0f0f0;padding:4px;border-top: 0px none;border-bottom: 0px solid #aaaa99;border-left: 0px none;border-right: 0px none;padding-right:10px;}

.studyserve-report{text-align:left;empty-cells:show;border-collapse: collapse;}


/* STYLING */

/* Tables */
/* TODO: REPLACE WITH f5f5f5 */
/* USE G_LNGGENERICCELLSPACING IN DECLARES.ASP TO SET CELLSPACING TO KEEP CROSS BROWSER SUPPORT */
/* f5f5f5 - dotted e4e4e4 */


/* Container Boxes */
.wizardContainer{background-color: #ffffff;padding:0px;margin:0px;border: 0px none;}
.tableContainer{background-color: #ffffff;padding:0px;margin:0px;border: 0px none;}
.Box{background-color: #eeeedd;padding:10px;margin:0px;border: 1px solid #eeeedd;}
.tabboxcontainer{border-collapse: collapse;border-top:0px;border-left:1px solid #aaa999;border-right:1px solid #aaa999;border-bottom:1px solid #aaa999;}
.tabbox{padding:10px;}

.tableContainerContent{margin:15px 0px 0px 0px;width:100%;}
.tableContainerTitle{font-weight:bold;font-size:14px;padding-bottom:10px;}
.BoxTitle{font-weight:bold;font-size:14px;padding-bottom:10px;}

/* Titles */
.TitleContainer{padding-bottom: 10px;padding-top:10px;border: 0px;}
.tableContainerTitle{font-weight: bold;}
.TitleText{FONT-SIZE: 20px;font-weight: normal;border-bottom: 1px solid #006699;padding:0px 0px 3px 0px;}
.TitleHR{FONT-SIZE: 0px;line-height: 0px;} /* ADD BACKGROUND-COLOR TO DISPLAY SINGLE PIXEL HR */

/* Tabs */
div.tabcontainer{height:27px;padding:5px 0px 0px 0px;}
table.tabcontainer{border-collapse: collapse;}
.TabsHR{color:#000000;background-color:#000000;height:1px;border: 0px;margin: 5px 0px 5px 0px;}
td.tabButton{padding:1px 4px 1px 4px;border:1px solid #aaa999;font-size:11px;background-color:#ffffff;}
td.tabButtonSelected{padding:1px 4px 1px 4px;font-weight:bold;border-left:1px solid #aaa999;border-right:1px solid #aaa999;border-top:2px solid #FCB916;border-bottom:1px solid #ffffff;background-color: #ffffff;font-size:11px;}
td.tabspacer{width:3px;border-bottom:1px solid #aaa999;}
td.tabspacerEnd{width:100%;border-bottom:1px solid #aaa999;}
.tabButton a{text-decoration: none;}
.tabButton a:hover{border-top: 1px solid #FCB916}


/* Terms of Service */
#termsofservice{width:100%;height:100px;background-color: #ffffff;}

/* KAS */
.KAS-TestQuestionSelection{border:1px solid #006699;width:591px;padding:5px 5px 5px 5px;}

/* REPORT */
.report-header1{background-color: #006699;padding: 2px 2px 2px 2px;color: #ffffff;}
.report-header2{background-color: #006699;padding: 2px 2px 2px 2px;color: #ffffff;}
.report-header3{background-color: #c3ccdd;padding: 2px 2px 2px 2px;color: #006699;}
.report-header4{background-color: #ccddee;padding: 2px 2px 2px 2px;color: #006699;}
.report-header-blank{}


/* COLOURS */

/* BLUE */
.TitleText,.tableContainerTitle,#tree A{color: #006699;}
 {color: #006699;}

/* BLACK */
TH.table-row-alt, .BoxTitle,.Box td,.logintext,.breadcrumb, H1, H2, H3, H4, H5, H6,.highlight,.searchbackground,A,TD.table-row,TD.table-row b,TD.table-row i,TD.table-row u,TD.table-row-alt,TD.table-row-alt b,TD.table-row-alt i,TD.table-row-alt u,.book-mark,.normal,.breadcrumb:hover,tabButtonSelected,.contextual-link,.contextual-sublink:hover{color: #000000;}

/* GREY */
.tabButton{color: #989898}

/* Dark Grey */
.contextual-link:hover{color: #999999;}
/* WHITE */
TR.table-row th b,TH.table-row .table-sort,TH.table-row,TH.table-row a,.toolbarText {color: #ffffff;}

/* RED */
.errorText{color: #ff0000;font-weight: bold;}



/* SITE SPECIFIC */
.RepeatingHeaderBG{background-image:url(/images/header/header_repeat.gif);background-repeat:repeat-x;height:0px;}
.display{width:40px;height:40px;}
table.userInput{padding:4px 4px 4px 4px;}
.OrganisationAdminBorder{border:1px solid #006699;}
.errortext{color: #ff0000;font-weight:bold;}
.drawBoxHeadTitle{}
.WizardStep{}
.wizardhead{height:330px;}
.WizardButtonContainer{vertical-align: bottom;}
.wizardFootSpacingP{font-size:0px;padding:0px;margin:0px;}
.boxText {} /* GENERALLY FOUND IN REPORTS */
.poweredby{vertical-align:bottom;text-align:center;padding-top:40px;}
.WizardButtonContainer{vertical-align:top;}


/* PADDING AROUND BODY OF CHILD */
.child {padding:10px;}

#tree{}

#tree A
{
    TEXT-DECORATION: underline;
}
#tree IMG
{
    padding: 0px 0px 0px 0px;
}

#objDiv_UserTab,#objDiv_OrgTab{padding:5px 5px 5px 5px;}
..searchbackground{background-color: #f5f5f5;padding:15px;}
.rightpadding{padding-right:10px;}
.UserInput{width:250px;}