/*#### DEFAULT HTML STYLES ####*/

.banner-left {
	background-image: url(usmbanner.jpg); 
	background-repeat: no-repeat; 
	background-color:#FECF3E;
	}
.banner-right {
	background-image: url(../images/tkctlogo.gif); 
	background-repeat: no-repeat; 
	background-color:#FFFFFF; 
	background-position: right;
	}

body {
	font-family: Arial, Helvetica, sans-serif; 
	 background-color:#FFFFFF; font-size: x-small;
	}

p, table, tr, th, td, a, select, input, textarea, a, li, ul, {
	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}

html>body> p, table, select, input, textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: small;}

html>body> td, {font-family: Arial, Helvetica, sans-serif; font-size: small;}

.smalldropdown {color: #000000; font-weight: normal; font-size: 90%;}

.smallinput {color: #000000; font-weight: normal; font-size: 90%;
BORDER-top: #FFFFFF 1px solid; BORDER-left: #FFFFFF 1px solid; BORDER-bottom: #7A7A7A 1px solid; BORDER-RIGHT: #7A7A7A 1px solid;  background-image: url(../images/buttonback.gif); font-family: Arial, Helvetica, sans-serif;}



INPUT, SELECT {}

TEXTAREA,  {width: 100%;}


TH {background-color: #666666; color: #FFFFFF;
}

.colheader, a.colheader {background-color: #666666; color: #FFFFFF;}

	
A {color: #134EFF}
	
TD { 
	}

.TableBG {background-color: #dddddd;
	}

HR {color: #000000;
	height: 1px;}

H1 {
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	margin-top: 6px; padding-top: 6px;
	}

H2 {
	font-weight: bold;
	font-size: 110%;
	}

H3 {
	font-weight: bold;
	padding: 12px 0px;
	}

H4 {
	font-weight: bold;
	}

.smalltext {	font-size: 90%;
	}
	
.whitetext {
	color:#FFFFFF;
	}

.whitetextbold {
	color:#FFFFFF; font-weight:bold;
	}

.redtextbold {
	color:#A50000; font-weight:bold;
	}

.textbold {
	font-weight:bold;
	font-size: 105%;
	}

.welcome {
	font-weight:bold;
	color:#446FC9;
	}

.Pending {	color: #000000;
font-weight:bold;
	}

.InProgress {
	color: #000000;
	font-style: italic;
	}
.Complete {	
	color: #000000;
	}

.wronganswer {
	color: #A50000;
	font-weight: bold;
	}

.rightanswer {
	color: green;
	font-style:italic;
	}

.locked {
	color: #606060;
	}

.SystemAlertText {
	text-decoration: blink;
	font-weight: bold;
	font-size: 115%;
	padding: 12px;
	line-height: 36px;
	background-color: #A50000;
	color: #FFFFFF;
	}


/*####PAGE HEADER - COMMON HEADER AND MAIN NAVIGATION####*/
.TabBase {
	background-color : #999999;
	color: #000000
	}
	
.TabOff, a.TabOff, a.TabOff:visited {
	font-weight: bold;
	background-color: #333333;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	vertical-align: middle;
	}
	
a.TabOff:active, a.TabOff:hover {
	background-color: #333333;
	color: #FFCC00;
	text-decoration: none;
	}


.TabOn, a.TabOn, a.TabOn:active, a.TabOn:hover, a.TabOn:visited {
	font-weight: bold;
	color: #000000;
	background-color: #F9FAFB;
	text-decoration: none;
	text-align: center;
	}
	
.TabBorder {
	background-color : #000000;
	}

.NavText, a.NavText {
	text-decoration: none;
	color: #000000;
	font-weight : bold;
	}

.NavTextbold, a.NavTextbold {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}

.LeftNavBorder {
	background-color : #FFF1B9;
	margin-top: 12px;

	}

.LeftNavVertDivider {
	background-color : #333333;
	}

.LeftNavBG {
	background-color : #FFF1B9;
	vertical-align : top;
	}

.LeftNavHeader, a.LeftNavHeader {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

.LeftNav, a.LeftNav {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	}

.LeftNavOn, a.LeftNavOn {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-style: none;
	}
	
.LeftNavSub, a.LeftNavSub {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 90%;
	}

.LeftNavSubOn, a.LeftNavSubOn {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-style: none;
	font-size: 90%;
	}

.LeftNavSubhead, a.LeftNavSubhead {
	font-style: italic;
	color: #000000;
	font-weight: normal;
	}

.LeftNavDivider {
	background-color:  #999999;
	}

.qheader {
  background-color: #F7E1B5; 
  color: #000000; 
  font-weight: NORMAL; 
}

/*####Colors####*/

.black {
	background-color : #000000;
	}

.white {
	background-color : #F9FAFB;
	color:#000000;
	}

.gray {
	background-color : #999999;
	color:#FFFFFF;
	}

.yellow {
	background-color : #F7E1B5;
	color:#FFFFFF;
	}


/*#### SUBTABS####*/


.SubTabOff, a.SubTabOff, a.SubTabOff:visited {
	background: #333333;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	}
	
a.SubTabOff:active, a.SubTabOff:hover {
	color: #FFCC00;
	text-decoration: none;
	text-align: center;
	}
.SubTabOn, a.SubTabOn, a.SubTabOn:active, a.SubTabOn:hover, a.SubTabOn:visited {
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	}
	
.SubTabBorder {
	background: #FFFFFF;
	}

.InactiveSubTabOn, a.InactiveSubTabOn, a.InactiveSubTabOn:active, a.InactiveSubTabOn:hover, a.InactiveSubTabOn:visited {
	font-weight: bold;
	color: #000000;
	background-color: #ECECEC;
	text-decoration: none;
	text-align: center;
	}

.InactiveSubTabOff, a.InactiveSubTabOff, a.InactiveSubTabOff:active, a.InactiveSubTabOff:hover, a.InactiveSubTabOff:visited {
	font-weight: bold;
	color: #F4EFE1;
	background-color: #3B3b3b;
	text-decoration: none;
	text-align: center;
	}

a.SubTabOff:active, a.SubTabOff:hover {
	color: #FFEBB5;
	text-decoration: none;
	text-align: center;
	}
.ViewBarOff, a.ViewBarOff, a.ViewBarOff:active, a.ViewBarOff:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	vertical-align: middle;
	}
	
.ViewBarOn, a.ViewBarOn, a.ViewBarOn:active, a.ViewBarOn:hover, a.ViewBarOn:visited {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #BBBBBB;
	text-decoration: none;
	vertical-align: middle;
	}
	
.ViewBarBorder {
	background-color: #B3BED0;
	}
	

/*####TABLES & FORMS####*/
	
/*@@ (App Pages) Default Data Tables @@*/

.TableBorder {
	background: #000000;}

.MainTableHead { 
	font-weight : bold; 
	color: #FFFFFF; 
	vertical-align: middle;
	text-decoration: none;
	background: #333333;
	}
a.MainTableHead, a.MainTableHead:visited {
	text-decoration: underline;
	}	
a.MainTableHead:hover, a.MainTableHead:active {
	color: #446194;
	text-decoration: underline;
	}	
.MainTableSubHead {
	color: #000000;
	font-weight: bold; 
	background-color: #F7E1B5; 
	}

.TableRowOdd {
	color: #000000; background: #ECECEC; vertical-align : top; text-align : left;
	}
.TableRowEven {
	color: #000000; background: #FFFBEE; vertical-align : top; text-align : left;
	}	
	
.TableRowOdd1 {
	color: #000000; background: #ECECEC; vertical-align : top; text-align : center;
	}
.TableRowEven1 {
	color: #000000; background: #FFFBEE; vertical-align : top; text-align : center;
	}		
	
	
/*@@ Forms (and surrounding table) @@*/


.FormLabel{
	font-weight: normal;
	background-color: #DADADA;
	vertical-align: top;
	}

.FormEntry{
	font-weight: normal;
	background-color: #ECECEC;
	vertical-align: top;
	}

.LoginSpace{
	color: #000000;
	font-weight: normal;
	background-color: #ECEFF4;
	vertical-align: top;
	}

	/*@@ WIZARDS @@*/

	.WizText1, a.WizText1 {
	text-decoration: none;
	color: #000000;
	font-size: 90%;
	}

	.WizTextBold1, a.WizTextBold1 {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-size: 90%;

	}

	.WizText0, a.WizText0 {
	text-decoration: none;
	color: #999999;
	font-size: 90%;

	}

	.WizTextBold0, a.WizTextBold0 {
	text-decoration: none;
	font-weight: bold;
	color: #999999;
	font-size: 90%;

	}