/* ======== SITE-WIDE STYLES ======== */

	BODY {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000063; margin: 0px; padding: 0px;}
	FORM {padding: 0px; margin: 0px;}
	H1 {font-size: 24px; margin: 0px; padding: 10px 0px 10px 0px;}
	H3 {background-color: #5D69B5; color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 5px 5px 5px 5px;}
	TH {text-align: left; vertical-align: top;}
	TD {vertical-align: top;}
	INPUT {font-size: 11px; font-family: Verdana, sans-serif; color: #000063;}
					
	A {color: #0000CE;}
			A:hover {color: #F00;}
			A:visited {}
			A.navigation  {font-size: 10px; color: #666; text-decoration: none;}
			A.navigation:hover {color: #F00; text-decoration: underline;}
			
			
	.link_next {color: #3C983C;}
	.shadow {float:left; background: url(images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 5px;}		


	
/* ======== HOMEPAGE STYLES ======== */

/* standard body class -- used on home pages and all pages that open in main window */
	.standard {margin: 15px 10px 10px 10px;}

/* header block, including logo, logout button, & admin nav */
	.appheader {display: block; padding: 10px 0px 0px 30px;}
	.utilnav {float: right; width: 550px; text-align: right;}

/* welcome message */
	.welcome {width: 230px;  line-height: 18px; padding: 0px 0px 30px 10px;}

/* KTO module styles */
	.mod_header {background-color: #5D69B5; border-bottom: 1px #666 solid; padding: 0px; margin: 0px;}
	.mod_topright { float: right; width: 300px; margin: 5px 3px 5px 0px; color: #fff; text-align: right;}
	.mod_main {margin: 5px; border-style: inset; border-width: 3px; background-color: #fff; overflow: auto;}	
	
	.employee, .manager, .sharee, .login {margin: 0px 0px 30px 0px; padding: 0px 0px 5px 0px; background-color: #EEEDEF; border: 1px #666 solid;}			
				.employee .mod_main {height: 40px; padding: 15px 20px 10px 20px;}
				.employee .secondarylinks {float: right; width: 200px; text-align: right; line-height: 16px;}
				
				.manager .mod_main {height: 200px; padding: 15px 20px 10px 20px;}
				.manager .mod_main TABLE {width: 97%;}
				.manager .mod_main TABLE TH {text-align: left; font-weight: bold;}
				.manager .mod_main TABLE TD {border-top: 2px #EEEDEF solid;}
						.manager .mod_main TABLE .sub1 {padding: 0px 0px 0px 10px;}
						.manager .mod_main TABLE .sub2 {padding: 0px 0px 0px 20px;}
				.manager .mod_bottomright {position: relative; display: block; height: 42px;}
				.manager .mod_bottomright .groupstatus {font-size: 10px; text-align: center;}
				.manager .mod_bottomright .groupstatus A {font-size: 11px; line-height: 18px; font-weight: bold;}
				.manager .mod_bottomright .select_reports {position: relative; top: 1px; height: 20px; background-color: #EEEDEF; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000063;}
				.manager .mod_bottomright #col1, #col2, #col3, #col4, #col5 {position: absolute;} 
						.manager .mod_bottomright #col1 {top: 4px; left: 2%; width: 58%;} 
						.manager .mod_bottomright #col2 {left: 52%; width: 12%;} 
						.manager .mod_bottomright #col3 {left: 64%; width: 12%;}
						.manager .mod_bottomright #col4 {left: 76%; width: 12%;}
						.manager .mod_bottomright #col5 {left: 88%; width: 12%;} 	
				
				
				.sharee .mod_main {height: 80px; padding: 15px 20px 10px 20px;}		
				.sharee .mod_main TABLE {margin: 0px 0px 10px 25px;}
				.sharee .mod_main TABLE TD {height: 25px; padding: 0px 35px 0px 0px;}	
				
				.login .controls {padding: 20px;}		
				.login .controls LABEL {float: left; width: 70px;}
				.login .controls .textbox {width: 150px; font-size: 11px; color: #000063; height: 15px;}

/* search box styles */
	.search {background-color: #EEEDEF; display: block; position: relative; margin: -4px 4px 4px -4px;}
	#search_collapsed {display: block;}
				#search_collapsed .search {padding: 5px 10px 5px 10px; width: 220px;}
	#search_expanded {display: none;}			
				#search_expanded .search {padding: 0px; width: 240px;}
				#search_expanded .search .header {background-color: #5D69B5; color: #fff; padding: 5px 10px 5px 10px;}
				#search_expanded .search .controls {padding: 10px;}		
				#search_expanded .search .controls .row {clear: both; padding: 0px; height: 0px;}
				#search_expanded .search .controls .row span.label {float: left; width: 70px; position: relative; top: 5px; text-align: left; font-weight: bold;}
				#search_expanded .search .controls .row span.control {float: right; width: 150px; text-align: left;}
  				.text_name {position: relative; left: 2px; width: 140px; height: 14px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000063;}
				#search_expanded .search .controls .leftcheck {float: left; width: 20px; padding: 0px 0px 10px 10px;}
				#search_expanded .search .controls .rightbutton {float: right; width: 148px; text-align: right;}
				#search_expanded .search .results {margin: 0px 10px 0px 10px; padding: 5px; border-style: inset; border-width: 3px; background-color: #fff; overflow: auto; height: 250px;}
				#search_expanded .search .results TABLE {font-size: 10px;}	
				#search_expanded .search .results TABLE TD {}	
				
				
/* ======== EMPLOYEE PAGE STYLES ======== */


	.reportchain {position:absolute; width: 177px; top: 0px; left: 310px; width: 177px; color: #fff; font-size: 10px; background: url(images/panel_bg.gif) repeat-y; margin:0px;z-index:1;}
		.reportchain .header {padding: 20px 10px 5px 10px; cursor: hand; font-weight: bold;}
		.reportchain .header A {color: #fff; text-decoration: none;}		
		.reportchain #people {display: none; padding: 10px 15px 5px 10px; line-height: 18px;}
		.reportchain #people A {color: #fff;}
		.reportchain #people .mgr {padding: 0px; background-color: none;}
		.reportchain #people .emp {padding: 0px 0px 0px 15px; font-weight: bold;}
		.reportchain #people .rpts {padding: 0px 0px 0px 30px;}	
		.reportchain #people .errorlink {line-height: 12px; padding: 20px 0px 0px 0px; text-align: right;}		
		.reportchain #people .errorlink A {color: #66CC66;}	
	
	.toparea {background-color: #5D69B5; height: 80px; color: #fff; padding: 0px 10px 0px 10px; border-bottom: 3px #CCC solid;}
		.toparea .title {float: left; width: 300px;}
		.toparea .title .empname {font-size: 14px; font-weight: bold;}
		.toparea .status {float: right; width: 170px;}
		.toparea .tab1 {vertical-align: bottom; background: url(images/tab_on.gif) no-repeat top left; clear: both; margin: 30px 0px 0px 0px; padding: 2px 4px 2px 4px; height: 20px; width: 62px; color: #000063; font-weight: bold; line-height: 8px; font-size: 10px;}
	
	#bottomarea {overflow: auto; height: expression(document.documentElement.clientHeight - 107 + "px"); padding: 10px 0px 10px 10px;}		
		#bottomarea .main {float: left; padding: 10px 30px 0px 10px;}
		#bottomarea .main .text {width: 310px; padding: 10px 0px 30px 0px; line-height: 16px; color: #000;}
		#bottomarea .main .text .markinactive {color: #000063; margin: 0px 0px 5px -4px; font-weight: bold;}
		#bottomarea .main .inactivetext {width: 310px; padding: 10px 0px 30px 0px; line-height: 16px; color: #999;}		
		#bottomarea .main .label {float: left; width: 70px; padding: 12px 0px 0px 5px; font-weight: bold;}
		#bottomarea .main .inactivelabel {float: left; width: 70px; padding: 12px 0px 0px 5px; font-weight: bold; color: #999;}		
		#bottomarea .main .instructions {margin: 0px 0px 20px 0px; padding: 0px 40px 10px 0px; width: 350px; border-bottom: 1px #999 dotted;}
		#bottomarea .main .instructions OL {margin: 15px 0px 10px 25px;}		
		#bottomarea .main .instructions UL {margin: 15px 0px 10px 25px;}				
		#bottomarea .main .instructions LI {margin: 0px 0px 10px 0px;}		
		#bottomarea .main #ktobox {width: 300px; height: 150px; border-style: inset; border-width: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; margin: 10px 0px 20px 0px; overflow: auto;}
		#bottomarea .main .confirmation {padding: 20px; font-size: 18px; width: 300px;}
		#bottomarea .main .comments {padding: 10px 0px 30px 75px;}
		#bottomarea .main .comments .textarea_comments {width: 305px; height: 200px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000;}
		
		#bottomarea .status {border-top: 1px #999 dotted;}
		#bottomarea .status .text {width: 310px; padding: 10px 0px 0px 0px; line-height: 16px; color: #999; font-size: 10px;}
		#bottomarea .status .label {float: left; width: 70px; padding: 12px 0px 0px 5px; font-size: 10px; font-weight: bold; color: #999;}	
					
		#bottomarea #sidebar {position: relative; text-align: left; width: 230px;}
		#bottomarea #sidebar .main {display: block; position: relative; margin: -4px 4px 4px -4px; padding: 14px 10px 0px 14px; background-color: #EEEDEF; width: 160px;}
		#bottomarea #sidebar .main .bigmessage {font-size: 18px; font-weight: bold; line-height: 24px;}
		#bottomarea #sidebar .main P {padding: 3px 0px 10px 0px; margin: 0px;}
		#bottomarea #sidebar .relateddocs {margin: 30px 0px 0px 5px; line-height: 18px;}
		
		#bottomarea #sidebar .help {clear: all; padding: 10px 10px 10px 10px;}
		#bottomarea #sidebar .help .header {font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; line-height: 24px;}		
		
		#instructions {display: none; position: absolute; top: 87px; left: 690px; line-height: 18px; padding: 10px; background-color: #FCFCE2; overflow: auto; height: expression(document.documentElement.clientHeight - 107 + "px"); width: expression(document.documentElement.clientWidth - 710 + "px"); filter:progid:DXImageTransform.Microsoft.Fade(duration=1);}
		.instructionsnav {text-align: right; padding: 0px 0px 10px 0px; font-size: 10px;}
		.instructionsnav A {font-weight: bold;}
		
		.iframe_sharektos {width: 180px; height: 180px;}
		.table_unshare {width: 400px;}
		.table_unshare TH {text-align: left;}
		.table_unshare TD {border-top: 2px #EEEDEF solid;}
		
		
/* ======== IFRAME STYLES ======== */
		
		.sharesearchresults {width: 175px;}
		.sharesearchresults TD {height: 15px; padding: 3px;}
		.table_userprofile {margin:5px;}
		.table_userprofile TH {font-size: 11px; padding: 5px 15px 5px 0px;}
		.table_userprofile TD {font-size: 11px; padding: 5px 0px 5px 0px;}
		.table_userprofile .button {height: 20px; width: 210px; font-family: Verdana, sans-serif; font-size: 10px; color: #fff; background-color: #999;}
		.table_userprofile .controls {color: #666; text-align: right; font-size: 10px; padding: 5px 0px 0px 0px;}
		.table_userprofile SELECT {color: #666; width: 55px; font-family: Verdana, sans-serif; font-size: 10px;}		
		.adminresults {height: 300px; width: 400px; overflow:auto; border: 1px #666 solid;}
		
		.table_people {font-size: 10px;}
		.table_people TD {padding: 3px;}	
		

		
/* ======== PRINTABLE PAGE STYLES ======== */		

		.print {font-family: Times Roman, Times New Roman, serif; font-size: 12pt; color: #000;}
		.print DIV {margin: 0 0.5in 0 0.5in; page-break-inside: avoid;}
		.print .header {font-size: 24pt;}
		.print .byline {font-size: 12pt; font-weight: bold; text-transform: uppercase;}		
		.print .status {font-size: 12pt; font-style: italic; padding: 0 0 .5in 0;}
		.print .label {padding: 0; font-weight: bold;}
		.print .text {padding: 0 0 .25in 0;}
			
		
/* ======== UTILITY PAGE STYLES (admin/run reports) ======== */		

		.utility {margin: 0px 0px 0px 30px;}
		.utility LABEL {float: left; width: 50px; padding: 0px 0px 0px 18px;}
		.utility .textbox {width: 146px; height: 16px; font-family: Verdana, sans-serif; font-size: 11px; color: #000063; padding: 0px; margin: 0px 0px 2px 0px;}
		.utility .dropdown {width: 150px; height: 18px; font-family: Verdana, sans-serif; font-size: 11px; color: #000063; margin: 0px 0px 2px 0px;}		
		.utility .table_results {width: 380px;}
		.utility .table_results TH {padding: 4px; font-size: 10px;}
		.utility .table_results TD {padding: 4px; border-top: 2px #EEEDEF solid; font-size: 10px;}
		.utility .table_results TD A {text-decoration: none;}
		.utility .table_results TD A:hover {color: #F00;}