/*  
 *	Reuse Framework
 *	Created by: Grant Fowler
 *	Created on: 12/11/08
 *	Last Modified by: Grant Fowler
 *	Modified on: 27/10/11
 *	
 *	client styles css
 *
 *  Copyright (c) 2008-2011 Grant Fowler (1grantfowler@gmail.com)
 *
 *
 **/	

/*---------------------------------- header ----------------------------------*/


html
{
	height:100%;
	/*border:1px red solid;*/
	background: #C4CCD4 url(../images/kyb_header.png) no-repeat center top;
	background: url(../images/kyb_header.png) no-repeat center top, ##C4CCD4;
	background: url(../images/kyb_header.png) no-repeat center top, #C4CCD4;
	color:black;
	display:block;
}

body
{
	visibility:hidden;	
}


#signIn{
	float:right;	
}
#signIn .userName{
	/*color:#ACAEAF;*/
	visibility: visible;
	display:inline;
}

#header-logos
{
	/*border-bottom:green 1px solid;*/
	display:block;
	width:100%;
	height:108px; /*todo: may need changes....*/
}

#header-logos #logoanchor
{
	margin-top:35px;
	float:left;
	/*logo achor tag is the same dimensions as logo.jpg*/
	width:261px;
	height:54px;
}

#header-logos #logintitleblock
{
	margin-top:35px;
	float:right;
}
#header-logos #logintitleblock h1
{
	color:#ACAEAF;	
	text-align:right;
}

#header-logos #logintitleblock .p1{
	color:#ACAEAF;
	padding:0px;
}

.pageheadingextra{
	text-align:right;	
}




/*---------------------------------- navigation items ----------------------------------*/

/* navi per user type */
#navi.menu1 ul{
	/*border:1px blue solid;*/
	left:60px;
}
#navi.menu2 ul{
	/*border:1px blue solid;*/
}
#navi.menu3 ul{
	/*border:1px blue solid;*/
}

/*-------------------------------- navigation butons ------------------------------------*/

/* To use the below template copy Item1 with the id for you menu button */

/* Item1 */
#navItem1Li_sel, #navItem1Li, #navi #navItem1{
	width:98px !important;
	height:31px; 
}

#navi #navItem1{
	
}
#navi #navItem1Li_sel #navItem1 {
	
}
#navi #navItem1Li_sel span{
	color:#B50C2A;
	font-weight:bold;
}



/*---------------------------------- PAGE CONTENT ----------------------------------*/

#pageContent
{
	padding-top:20px;
	display:block;
	/*border:1px red solid;	*/
}

#pageContent a{
	color:#DA0032;
	text-decoration:underline;
}
#pageContent a:active,#pageContent a:hover,#pageContent a:focus{
	color:red;
	text-decoration:underline;
}

h1,h2,h3{
	color:#0CF !important;
	margin-top:15px;
	font-size:18px;
	margin-bottom:10px;
}


/*---------------------------------- MORE KYB SPEC. STUFF ----------------------------------*/


p{
	/*font-size:14px;	*/
	color:black;
}

#kybheader2
{
	height:190px;
	display:block;
	width:inherit;
}

#kybheader
{
	height:290px;
	display:block;
	width:inherit;
	/*border:1px red solid;	*/
	background: url(../images/course_thumb.png) 515px 110px no-repeat;
}

#welcomeImg{
	margin-top:100px;	
}

.colA, .colB
{
	display:block;
	/*border: 1px yellow solid;*/
	width:333px;
		
	float:left;	

}
.colA{
	
	padding-right:30px;
}
.colB{
	border-left:1px #808080 solid;
	padding-left:30px;
	float:left;	
	
}

.mytextinput{
	width:98%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	behavior: url(/PIE.php);
	float:none;
	display:block;
	background:#ADB5BD;
	/*border:1px red solid;*/
		
}


.mytextinputlabel{
	position:relative;
	display:block;
	/*border:1px red solid;*/
	float:none;
	margin-top:10px;
	width:200px;
}

.mytextinputp
{
	height:56px;
}	


.mySubmitBtn
{	
	width:110px;
	height:27px;
	
	margin-left:0px;
	margin-top:10px;		
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	behavior: url(/PIE.php);
	
	cursor:pointer;
	
	background: #BC091B;
	background: -webkit-gradient(linear, center bottom, center top, from(#BC091B), to(#D6031A));
	/*border:1px #ACAEAF solid;*/
	border:none;
	color:white;
	
}	

.mySubmitBtn:active, .mySubmitBtn:focus, .mySubmitBtn:hover  
{	
	background: #666666;
	border:1px white solid;
	/*color:#0CF;*/
	color:white;
}

#btnEdit{
	float:right;
	background:url(../images/btnEdit.png);
	width:60px;
	height:27px;
	display:block;
}

#footerContainer{

	border-top:1px grey solid;
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background: none;
}



#footer
{
	background: none;
	clear:both;	
}

#feedbackText1, #feedbackText2
{
	margin-top:10px;
	background:#636467;
	background:#BC091B;
	border:1px white solid;
}

.instructionBox #feedbackText1 .p1, .instructionBox #feedbackText2 .p1
{
	padding:0px;
	text-align:center;
	line-height:30px;
	color:white;
}

.instructionBox #pageInstruction1
{
	font-weight:normal;
}

#fieldLoginBtn .p1{
	float:left;
	display:block;
	width:100%;
	clear:both;
}
#fieldLoginBtn #btnLogin{
	float:left;
	display:block;
	clear:both;
}


/* registration form update */

.fs1, .fs2, .fs3, .fs4, .fs5{
	padding-top:0px;	
	padding-bottom:0px;
	border:none;
}

.fs2, .fs4 {
	position:relative;
	height: 80px;
	/*
	border:1px red solid;*/
	margin-left:10px;
}
.fs2 *, .fs4 * {
	position:absolute;
	float:none;
	clear:none;
	left:0px;
	top:0px;	
}
.fs2 .p1{
	width:100px;
}
.fs2 .p2{
	position:absolute;
	width:60px;		
	left:115px;
}
.fs2 .inp3{
	left:65px;
}
.fs2 .inp4{
	left:130px;		
}
.fs2 input{
	margin-top:40px;	
}
.fs4 {
	height:80px;	
}
.fs4 .p1 {
	position:absolute;
	width:60px;
}
.fs4 .inp2{
	width:140px;
}
.fs4 .inp3{
	left:150px;
}
.fs4 .inp4{	
	left:220px;
}
.fs4 input{
	margin-top:40px;	
}
.fs4 .lb1
{
	
}
.fs4 .lb2
{
	left:155px;
}
.fs4 .lb3
{
	left:225px;
}

/* add ie style overwrites to fix pie errors in ie8*/
.ie8 .mytextinput{
	behavior: none;
}

.ie8 .mySubmitBtn {
	behavior: none;
}

.ie7 .fs2, .ie8 .fs2, #editPageContent .fs2{
	margin-left:0px;
}
#editPageContent .fs2 {
	margin-left:3px;
}
#editPageContent.iefix .fs2 {
	margin-left:0px;
	padding-left:0px;
}