/* Tabs ---------------------------------------------------------- */

.tabs {
  float:left;
  width:930px;
  line-height:20px;
  clear:both;
  position:absolute;
  top:79px;
  font-size:15px;
  }
  
.tabs ul {
  margin:0;
  padding:11px 10px 0 0;
  list-style:none;
  }
  
.tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
  
.tabs a {
  float:left;
  background:url("/images/ui/tabs/tab-black-left.gif") no-repeat left top;
  margin:0 6px 0 0;
  padding:0 0 0 8px;
  text-decoration:none;
  font-size:15px;
  }
  
.tabs a span {
  float:left;
  display:block;
  background:url("/images/ui/tabs/tab-black-right.gif") no-repeat right top;
  margin:0;
  padding:5px 15px 4px 6px;
  color:#F7F7F7;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
  color:#FFF;
  }

.tabs a:hover {
  background-position:0% -60px;
  }

.tabs a:hover span {
  background-position:100% -60px;
  }
 
.tabs .selected-green a {
  background:url("/images/ui/tabs/tab-green-left.gif") no-repeat left top;
  margin:0 6px 0 0;
  padding:0 0 0 8px;
  text-decoration:none;
  border-bottom:2px solid #a2f93b;
  cursor:pointer; /* IE Hack */
}
  
.tabs .selected-green a span {
  float:left;
  display:block;
  background:url("/images/ui/tabs/tab-green-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#256125;
}


.tabs .selected-blue a {
  background: #2fa9ef url("/images/ui/tabs/tab-blue-left.gif") no-repeat left top;
	border-bottom:2px solid #2fa9ef;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-blue a span {
  background:url("/images/ui/tabs/tab-blue-right.gif") no-repeat right top;
  color:#ffffff;
}

.tabs .selected-redorange a {
  background: #fe823c url("/images/ui/tabs/tab-redorange-left.gif") no-repeat left top;
  border-bottom:2px solid #fe823c;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-redorange a span {
  background:url("/images/ui/tabs/tab-redorange-right.gif") no-repeat right top;
  color:#ffffff;
}

.tabs .selected-teal a {
  background: #00d3c4 url("/images/ui/tabs/tab-teal-left.gif") no-repeat left top;
	border-bottom:2px solid #00d3c4;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-teal a span {
  background:url("/images/ui/tabs/tab-teal-right.gif") no-repeat right top;
  color:#ffffff;
}


.tabs .selected-purple a {
  background: #9f76ba url("/images/ui/tabs/tab-purple-left.gif") no-repeat left top;
	border-bottom:2px solid #9f76ba;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-purple a span {
  background:url("/images/ui/tabs/tab-purple-right.gif") no-repeat right top;
  color:#ffffff;
}


.tabs .selected-red a {
  background:url("/images/ui/tabs/tab-red-left.gif") no-repeat left top;
	border-bottom:2px solid #ff313c;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-red a span {
  background:url("/images/ui/tabs/tab-red-right.gif") no-repeat right top;
  color:#ffffff;
}


.tabs .selected-medgray a {
  background: #828283 url("/images/ui/tabs/tab-medgray-left.gif") no-repeat left top;
	border-bottom:2px solid #828283;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-medgray a span {
  background:url("/images/ui/tabs/tab-medgray-right.gif") no-repeat right top;
  color:#ffffff;
}


.tabs .selected-orange a {
  background: #ffd100 url("/images/ui/tabs/tab-orange-left.gif") no-repeat left top;
	border-bottom:2px solid #ffd100;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-orange a span {
  background:url("/images/ui/tabs/tab-orange-right.gif") no-repeat right top;
  color:#604d00;
}

.tabs .selected-kfblue a {
  background:url("/images/ui/tabs/tab-kfblue-left.gif") no-repeat left top;
  border-bottom:2px solid #8e81dd;
  cursor:pointer; /* IE Hack */
 }
  
.tabs .selected-kfblue a span {
  background:url("/images/ui/tabs/tab-kfblue-right.gif") no-repeat right top;
  color:white;
}


/* Banner Bottom Edge ----------------------------------------------------------------- */

.banner-bottom {
	background-image:url("/images/ui/topbackgrounds/bottom_border.gif");
 	background-repeat:repeat-x;
 	height:2px;
}


/* Box Components ---------------------------------------------------------- */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.mixbox {
	width: 195px;
	background: url(/images/ui/boxes/mix-br.gif) no-repeat bottom right;
	margin-bottom:16px;
}

.mixboxhead {
	background: url(/images/ui/boxes/mix-tr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}

.mixboxhead h4 {
	background: url(/images/ui/boxes/mix-tr2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}


.mixboxhead h5 {
	background: url(/images/ui/boxes/mix-tl.gif) no-repeat top left;
	margin: 0px;
	padding: 10px;
}


.mixboxbody {
	background: url(/images/ui/boxes/mix-bl.gif) no-repeat bottom left;
	margin: 0px;
	padding: 4px 0 16px 4px;
}

.blankbox {
	width:176px;
	margin-bottom:30px;
	background-color:transparent;
}

.graybox {
	margin-bottom:16px;
}

.graybox div.topleft {
	display: block;
	background: url(/images/ui/boxes/gray-tl.gif) top left no-repeat;
	padding-left:5px;
}

.graybox div.topright {
	display: block;
	background: url(/images/ui/boxes/gray-tr.gif) top right no-repeat;
	padding-top:5px;
}

.graybox div.bottomleft {
	display: block;
	background: url(/images/ui/boxes/gray-bl.gif) bottom left no-repeat;
	padding-left:5px;
}

.graybox div.bottomright {
	display: block;
	background: url(/images/ui/boxes/gray-br.gif) bottom right;
	padding:0px 10px 5px 10px;
}

.purplebox {
	margin-bottom:16px;
}

.purplebox div.topleft {
	display: block;
	background: url(/images/ui/boxes/purple-tl.gif) top left no-repeat;
	padding-left:5px;
}

.purplebox div.topright {
	display: block;
	background: url(/images/ui/boxes/purple-tr.gif) top right no-repeat;
	padding-top:5px;
}

.purplebox div.bottomleft {
	display: block;
	background: url(/images/ui/boxes/purple-bl.gif) bottom left no-repeat;
	padding-left:5px;
}

.purplebox div.bottomright {
	display: block;
	background: url(/images/ui/boxes/purple-br.gif) bottom right;
	padding:0px 10px 5px 10px;
}




/* Left Subnav ------------------------------------------------------------ */

.subnav a {
	text-decoration:none;
	color:#505050;
	font-size:13px;
	margin:0px;
	padding:0 6px 0 0;
}

.subnav a:hover {
	text-decoration:underline;
}

.subnav .selected {
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:black;
}

ul.level-2, ul.level-3, ul.level-4{
	margin:10px 0 -10px -3px;
	padding:0px 0 0px 16px;
}

ul.level-2 li, ul.level-3 li, ul.level-4 li {
  	margin:0px;
	padding:0 10px 12px 0;
	font-weight:normal;
	line-height:16px;

}


/* Dunno what the following stuff is for 

ul.level-2{ 
	color:#FF0055;
}

.navblock-2
{
	background-color:#00578D;
	color:#ffffff;
	padding:9px 4px 9px 0;
}

.topNav .on { 
	font-weight:bold;
} 

a.stronger {
	font-weight:bold;
	color:green;
}



*/

/* Breadcrumbs ----------------------------------------------------------- */

.breadcrumbs {
	color:#B8B8B8;
	font-size:11px;
	line-height:24px;
	clear:both;
	display:block;
}

.breadcrumbs li {
	display:inline;
	margin-right:3px;
}

.breadcrumbs a {
	background: url('/images/ui/breadcrumb-slash.gif') top right no-repeat; 
	padding-right: 8px; 
	text-decoration: none;
	color:#B8B8B8;
}

.breadcrumbs a:hover {
	text-decoration:underline;
}


/* Footer Links ----------------------------------------------------------------- */

.footerlinks {
	margin-bottom:6px;
	float:none;
}

.footerlinks li {
	display:inline;
	margin-right:2px;
}

.footerlinks a {
	background: url('/images/ui/footerlinks-pipe.gif') top right no-repeat; 
	padding-right: 10px; 
	text-decoration: none;
}

.footerlinks a:hover {
	text-decoration:underline;
	color:#727272;
}

/* Intro Blocks ----------------------------------------------------------------- */


h1.pagetitle{
 	top:0px;

	width: auto;
 	line-height:auto;
 	padding:0 14px 0 0;
       display:inline;
}

h1.doubleline {
	width: 480px;
}

.h1_subtext-green, .h1_subtext-red, .h1_subtext-redorange, .h1_subtext-blue, .h1_subtext-purple, .h1_subtext-orange, .h1_subtext-teal, .h1_subtext-medgray, .h1_subtext-kfblue {
	line-height:1.2;
	font-size:21px;
	font-weight:bold;
	font-style:normal;
}

.h1_subtext-green {color:#4cb911;}
.h1_subtext-blue {	color:#008bc0;}
.h1_subtext-red { color:#ce0a0c;	}
.h1_subtext-redorange { color:#fe823c;	}
.h1_subtext-purple { color:#813aa4; } 
.h1_subtext-orange { color:#ffa900; }
.h1_subtext-teal { color:#008f84; }
.h1_subtext-medgray { color:#59595a ; }
.h1_subtext-kfblue { color:#7166b5 ; }

/* Banner Text ----------------------------------------------------------------- */

.bannertext {
	position:absolute;
	top:-140px; 
	left:0px; 
	color:white; 
	font-size:48px; 
	font-weight:bold; 
	line-height:42px
}


/* Search ----------------------------------------------------------------- */

.tf-search{ width:140px }
.tf-search-inactive { color:#cccccc }

/* Login box ----------------------------------------------------------------- */

.tf-login{ width:159px }
.tf-login-inactive { color:#cccccc }

/* Forms ------------------------------------------------------------------ */

.l { 
	font-size:11px; 
	margin:0;
	font-weight:normal;
}

.input input {
	font-size:11px; 
	padding:0; 
	margin:0; 
	width:160px;
}

.input select { 
	font-size:11px; 
	padding:0; 
	margin:0; 
	width:163px;
}

.input_sm input {
	font-size:11px; 
	padding:0; 
	margin:0; 
	width:71px;
}

.input_sm select { 
	font-size:11px; 
	padding:0; 
	margin:0; 
	width:74px;
}
.formTable  input, .formTable textarea , .formTable select { width:210px }

/* Text Buttons ---------------------------- */

.buttoncontainer {
	width:100%;
	border-top:solid 1px #D9D9D9;
	margin-top:6px;
	position:relative;
	height: 2em;
}
.buttonset ul {
	margin-top:4px;
	padding:0px;
	float:right;
}
.buttonset ul li { 
	display: inline; 
	line-height: 2em;
}
.buttonset ul li {
	padding-right: 0px;
	float: left;
	margin-left:22px;
	font-weight:bold;
}


.hidden { 
  display:none;
}