/* =THE BIG GUYS */
html {margin:0;padding:0;}
body {background-color: Silver;margin:0;padding:0;color:#0B3668;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* =LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 


/* =GENERAL */
form {margin:0}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
input.f-submit {padding: 1px 3px;font-weight:bold;margin-bottom:1px}
img {border:none} 
hr {margin: 1em 0;background:#E3E8EE;height:1px;color:#E3E8EE}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* =HEADINGS */
h1, h2, h3, h4, h5, h6 {letter-spacing: 1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 196%}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* =TYPOGRAPHY */
p {margin: 0 0 1.5em}
ul, ol {margin-top:0}

/* =LAYOUT =HEADER */
#header {background: silver url("../images/KFI_banner.gif") no-repeat center;padding: 100px 0 0 0;border-bottom: 0px solid #000}
	#header h1 {margin: 0 0 0 0;padding:0;color:#fff;border:none}

	#nav, #nav ul {padding: 0;margin: 0;list-style: none;line-height: 1}
	#nav {height: 1.6em;font-weight:bold;padding-left:20px}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer} 
	#nav a:link {color:#fff} 
	#nav a:visited {color:#fff} 
	#nav a:hover,a:active {color:#FFC600} 
	#nav a {display: block;background:#143B82;padding: 4px 10px}
	#nav li {float: left;width: 8em;display:block;margin: 0 1px}
	#nav li li {float: none;border-bottom:1px solid #3F6AB7}
	#nav li ul {position: absolute;background: #000;font-weight:normal;width: 10em;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: auto}
	#nav li.active a {background:#000}
	#nav li.active li {border-bottom:1px solid #333}
	
	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	#search {float:right;width:18em;padding: 5px 10px;margin-top:-4.2em;font-size:86%}
	#search input {width:10em;margin-right:5px}
	#search input.f-submit {width:auto;font-size:96%}
	#search h5 {color:#fff;margin:0;padding:0;border:none}
	
	/* hide from IE mac \*/
	#search {width:auto}
	/* end hiding from IE5 mac */

/* =LAYOUT GENERAL */
#contentWrap {background: silver url("../wsimages/content_bg.gif") center;border-top: 0px solid silver;background-repeat: repeat-y;}
#content {margin: 0 30px;width: 798px;}

/* =LAYOUT TYPE B */

#typeB #utility {float:left;width:165px;margin-top:0px}
#typeB #content {margin: 0 30px 0 190px}

/* =LAYOUT TYPE C */

#typeC #utility {inherit:left;width:165px;margin-top:0px}
#typeC #content {inherit:left;margin: 0 0 0 20px;width:40%;display:inline}
#typeC #contentSecondary {width:32%;float:right;margin: 0 20px 0 0;display:inline;margin-top:34px}

/* =SECONDARY NAVIGATION */
#navSecondary, #navSecondary li {list-style: none;margin:0;padding:0}
#navSecondary {padding-top:0}
#navSecondary a {line-height:1.8;padding: 5px 0 5px 31px;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px 2px;font: bold 86% arial;display:block;width:130px}
#navSecondary a, #navSecondary a:link, #navSecondary a:visited, #navSecondary a:hover, #navSecondary a:active {text-decoration:none;cursor:pointer} 
#navSecondary a:link {color:#000} 
#navSecondary a:visited {color:#000} 
#navSecondary a:hover, #navSecondary a:active, #navSecondary li.active a:link, #navSecondary li.active a:visited {color:#E17000;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px -48px} 
#navSecondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* =SECONDARY NAVIGATION - 2nd TIER */
#navSecondary ul {margin: -4px 0 1em 32px}
#navSecondary li.active li a, #navSecondary li.active li a:link, #navSecondary li.active li a:visited {line-height:1.5;background:transparent;padding:0;font-weight:normal;width:auto;display:inline;color:#000}
#navSecondary li.active li a:hover, #navSecondary li.active li a:active {background:transparent;color: #E17000}
#navSecondary li.active li {border: none}

#navSecondary li.active li.active a:link, 
#navSecondary li.active li.active a:visited, 
#navSecondary li.active li.active a:hover, 
#navSecondary li.active li.active a:active {font-weight:bold}

/* =SECONDARY NAVIGATION - 3rd TIER */
#navSecondary ul ul {margin: 0 0 1em 15px}
#navSecondary li.active li.active li a:link, 
#navSecondary li.active li.active li a:visited, 
#navSecondary li.active li.active li a:hover, 
#navSecondary li.active li.active li a:active {font-weight:normal}

/* =LAYOUT =FOOTER */
#footer {clear:both;font-size:86%;color:#999;text-align:center;background: silver url("../wsimages/footer.gif") center no-repeat;text-align:center;padding: 0 0 0 0}
	#footer p {margin:0}



/* additional Custom Styles*/
	.KFISideNav{
		FONT: bold 10px Verdana, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px 1px 1px 0px;
		text-align:left;
		background-color: #ffffff;
		text-decoration: none;
		border: 0px solid #CCCCCC;
		color: #5362AB;
		border-bottom:0 px;
		border-left:0 px;
		border-right:0 px;
		border-top:0 px;

		}
	.KFISideNav a:hover{
		FONT: bold 10px Verdana, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px 1px 1px 0px;
		text-align:left;
		background-color: #ffffff;
		text-decoration: none;
		border: 0px solid #CCCCCC;
		color: #000000;
		border-bottom:0 px;
		border-left:0 px;
		border-right:0 px;
		border-top:0 px;
		}		
	.KFISideNav a:active{
		FONT: bold 10px Verdana, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px 1px 1px 0px;
		text-align:left;
		background-color: #ffffff;
		text-decoration: none;
		border: 0px solid #CCCCCC;
		color: #000000;
		border-bottom:0 px;
		border-left:0 px;
		border-right:0 px;
		border-top:0 px;
		}		

		

/* This is the stylesheet used by the FarCry admin area*/

body {
		
		/* scrollbars for IE 5.5+ browsers */		
		scrollbar-arrow-color: #999;
		scrollbar-face-color:  #FAFAFA;
		scrollbar-base-color:  #DDD;
		scrollbar-3dlight-color: #BBB;
		scrollbar-darkshadow-color: #BBB;
		scrollbar-shadow-color: #E9E9E9;
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

}

table, td, div {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

br {
	line-height: 50%;
}

form {
	margin: 0px;
}



.title {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#F96;
		font-size:18px;
		font-weight:bold;
		letter-spacing: .1em;
}

.description {
		font-family:verdana, arial, sans-serif;
		color:#CCC;
		font-size:10px;
		font-weight:bold;
		letter-spacing:.2em;
  		background:#789;
  		text-transform: uppercase;	
		}	

.BorderTable {
	border-collapse : collapse;
	border: #FFF 1px solid;
}

.BorderTable TD, .BorderTable TH {
	border-color: black;
	padding: 3px;
}

TH {
	 font-weight : bold;	
}

TD {
	 font-weight : normal;	
}

.thColumn {
	 text-align : right;
	 vertical-align : top;
	 padding-right : 10px;
}

.thRow {
	 text-align : center;
	 vertical-align : top;
}

/* begin: TABLE classes (data related table layout) */
.dataTable {
	border: 0px;
}

.dataHeader {
	background-color : #666;
	color: #ededed;
}

.dataOddRow {
	background-color : #ccc;
	color: #333;
}

.dataEvenRow {
	background-color : #ededed;
	color: #333;
}
/* end: TABLE classes (data related table layout) */

		.buttn {font-size: 10px; width: 60px; }
		.normalbttnstyle {background-color: EeEeE5; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: black; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; }
		.overbttnstyle {background-color: 999995; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: fffff5; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; }
		.unavailablebttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.unavailablepressedbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.pressedbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.downbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }	

.OpenLayerFieldSet {

}

.OpenLayerDIV {
	text-align : left;
}

.OpenLayerDIVAlt {
	text-align : left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 798px;	
	height: 0px;
}

.OpenLayerDIV OL {
	margin-top : 5px;
}

.OpenLayerDIV OL UL {
	list-style-type : disc;
}

/* New classes added by Brendan */

.FormTitle {
		font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666;
  		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 0px 0px 15px 0px;
}	

.FormTitleLarge {
		font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666;
  		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 0px 0px 15px 0px;
}	

.FormSubTitle {
		font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#000;
		text-transform: uppercase;
		padding: 0px 0px 10px 0px;
}	

.FormTable {
	background-color : #EEE;
	padding : 5px 5px 5px 5px;
	margin: 0px 0px 20px 30px;
	border : 1px solid #666;
	width : 420px;
}

.FormTableClear {
	padding : 5px 5px 5px 5px;
	margin: 0px 0px 10px 30px;
	width : 420px;
}

.FormLabel {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.FormField {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormTextBox {
	width : 250;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.FormTextBoxSm {
	width : 80px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormSelectList {
	width : 250px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.FormSelectListSmall {
	width : 150px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormTextArea {
	width: 250px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormFileBox {
	width: 250px;	
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormSubHeading {
	font-weight: bold;
}

.LeftFrame {
	border-right-style:outset;
	border-right-width : thin;
}

.TopFrame {
	border-bottom-style:outset;
	border-bottom-width : thin;
}
.frameMenuBullet {
	color: #FF6600;
	font-weight: bold;
}

a.frameMenuItem {
	color: blue;
}

input, select {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* styles from dynamic_data.css */
.HEADER {background-color: #ddddD0; color: #000000; font-family: arial,sans-serif; font-size: 11px; }
.text-cellheader {font-size: 11px; }
td.rows {background-color : #FFFFF9;font-size: 11px; }

td.tableheader{background-color:#999999;font-size:11px;}

td.rowsheader{background-color:#DFDFDF;font-size:11px;}

.BorderTable TD, .BorderTable TH {border-color: black;padding: 3px;}

.normalbttnstyle{background-color: EeEeE5; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: black; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0;  }

.overbttnstyle {background-color: 999995; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: fffff5; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0;  }

div.countDown {
	background-color:#789;
	font-size: 10px;
	border : none;
	color:#F96;
	text-align : right;
	width:250px;
	position : absolute;
	right:8px;
	top:8px;
	height:50px;
}

.counter {
	background-color:#789;
	font-size: 10px;
	border : none;
	color:#F96;
	text-align: right;
}

.overviewdraft {
	background-color:#FFCCCC;
}

.overviewpending {
	background-color:#99CCFF;
}

.overviewapproved {
	background-color:#99CCCC;
}

.error {
	color:red;
}

a.referer {
	text-decoration:none;
	color:#333;
}

a.referer:hover {
	text-decoration:underline;
	color:#333;

}