/*
	This file defines all block level layout elements size, positioning, backgrounds
 */

html, body {
	margin: 0px;
	background: #FFFFFF;
	width: 968px;
	height:100%;
}


#headerH1 {
	text-transform:uppercase;
	}
div.layout{
	width:968px;	
	height:auto;
	min-height:100%; /* real browsers */
	background: transparent url( ../../Images/Layout/LeftnavBackground1.gif ) repeat-y;
}
div.layout-body{
	width:968px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 85px;
	/*margin-bottom: 50px;*/
	margin-bottom: 0px;
	float:left;
}

div.banner {
position:relative;
width:968px;
height:183px;
top:17px;
left:0;
z-index:0;
}
body.tools div.banner{ background: url( /Images/HeaderPhoto/ov-banner_tools.jpg ) no-repeat; }
body.accounts div.banner{ background: url( /Images/HeaderPhoto/ov-banner_accounts.jpg ) no-repeat; }
body.faqs div.banner{ background: url( /Images/HeaderPhoto/ov-banner_faq.jpg ) no-repeat; }
div.banner{ background: url( /Images/HeaderPhoto/ov-banner_privacy.jpg ) no-repeat; }

div.layout-body-main {position:relative;
	width: 680px;
	height:auto;
	float:left;
	top:125px;
	left:248px;
	z-index:2;	
}
div.layout-body-main div.tools  {
	background: transparent  url(/Images/Layout/tools_bg.jpg)  no-repeat;
	width:663px;
	height:auto;
	font-size:11px;
	margin-bottom:20px;
height:auto !important; /* real browsers */
	height:97px !important; /* IE6: treated as min-height*/
	min-height:84px; /* real browsers */
}

div.layout-body-main div.tools div.tool-header h2 {
font-size:14px;
color: #3399CC;
font-weight:bold;
margin-bottom:5px;
margin-top:15px;
}

div.layout-body-main div.tools div.toolicon {
width:80px;
height:81px;
float:left;
background-color:Transparent;
}
div.layout-body-main div.tools .tool-header {
width:555px;
height:auto;
float:left;
background-color:Transparent;
}
div.layout-body-main div.tools .tool-header ul
{padding:0;margin:0; list-style-type:none; list-style-image:none;}
div.layout-body-main div.tools .tool-header li 
{margin-left:20px;display:inline;}
div.toolicon div.pdf
{width:80px;
height:81px;background:transparent url(/Images/icon_pdf.png) no-repeat center center;}
div.toolicon .presentation
{width:80px;
height:81px;background:transparent url(/Images/icon_presentation.png) no-repeat center center;}
div.toolicon .proposal
{width:80px;
height:81px;background:transparent url(/Images/icon_proposal.jpg) no-repeat center center;}
div.toolicon .request
{width:80px;
height:81px;background:transparent url(/Images/icon_request.png) no-repeat center center;}
div.toolicon .curriculum
{width:80px;
height:81px;background:transparent url(/Images/icon_curriculum.jpg) no-repeat center center;}
div.toolicon .manager
{width:80px;
height:81px;background:transparent url(/Images/icon_manager.jpg) no-repeat center center;}
div.toolicon .brochure
{width:80px;
height:81px;background:transparent url(/Images/icon_brochure.jpg) no-repeat center center;}
div.toolicon .logos
{width:80px;
height:81px;background:transparent url(/Images/icon_KIN.png) no-repeat center center;}
div.toolicon .request
{width:80px;
height:81px;background:transparent url(/Images/icon_request.png) no-repeat center center;}
div.toolicon .process
{width:80px;
height:81px;background:transparent url(/Images/icon_process.jpg) no-repeat center center;}
div.toolicon .screenshot
{width:80px;
height:81px;background:transparent url(/Images/icon_screenshot.jpg) no-repeat center center;}
div.toolicon .wilson
{width:80px;
height:81px;background:transparent url(/Images/icon_wilson.jpg) no-repeat center center;}
div.toolicon .KINPS
{width:80px;
height:81px;background:transparent url(/Images/icon_KINPS.jpg) no-repeat center center;}





div.layout-footer{
width:680px;
height:80px;
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom:20px;
}



div.layout-left {
	width: 220px;
	height: 100%;
	top:105px;
	left:0;
float: left;
}


div.layout-top{
	position:absolute;
	top: 0px;
	left: 22px;
	background: url( /Images/Layout/nav_end-spacer.gif) no-repeat right 83px;
	width: 968px;
	height: 185px;
	background-color:White;
}
div.layout-top div.logo div.LogOutBtn {
position:relative;
width:113px;
height:22px;
top:-50px;
left:855px;}

.align-right {
	float:right;
	margin:0 0 10px 15px;
}


.clear {
	display:block;
	height:1px;
	overflow:hidden;
	clear:both;
}






div.layout-body-right p {
	padding:0;
	margin:0 0 10px 0;
}
form ol {
	list-style-type:none;
	margin:0;
	padding:0;
	
}
form ol li {
	float:left;
	display:inline;

}
form ol li input[type=text] {
}
form ol li input[type=image] {
	margin-left:10px;
}

form ol li select {
}
form ol li.fullwidth {
	width:100% !important;

}
form ol li textarea{
	width:95%;

}
form ol li.columntwo {
	padding:0 0 0 20px;
}
form ol li label {
	margin:0 10px 0 0;
}


.eedgeright {
	float:left;
	margin:0 1em 1em 0;
}

/* modal dialog flash popup */
#simplemodal-overlay {
  background-color:#000;
  cursor:pointer;
}

#simplemodal-container {
  height:500px;
  width:950px;
  background-color:#fff;
 
}

#simplemodal-container a.modalCloseImg {
  background:url(/exc/Images/Layout/CloseFlashPopup.gif) no-repeat;
  width:69px;
  height:21px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-25px;
  right:0px;
  cursor:pointer;
}
#simplemodal-container a.modalCloseImg:hover{
	background-position:0 -21px;
}