/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 150px;
padding-right: 150px;
}

.manualcontainer {
}

.row {
width: 100%;
max-width: 840px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body,input,select,textarea {
	background-color: #f2f2f3;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	p {
	padding-left: 10px; 
	padding-right: 10px;
	}
	
        h5 {
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 1.2em;	
	font-size:0.8em;
	font-weight: normal;
	}
	
	h4 {
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 1.2em;	
	font-size:0.8em;
	color: #a0101a;
	}
	
	h3 {
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 1.8em;	
	font-size:1.2em;
	color: #a0101a;
	}
	
	h2 {
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 2.1em;	
	font-size:1.5em;
	color: #a0101a;
	}
	
	h1 {
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 3em;	
	font-size: 2em;
	color: #a0101a;
	}
	
	b, strong, a {
	color: #a0101a;
	}
	
	a:hover, a:active {
	color: #000000;
	}
	
	ul {
	padding-left: 40px; 
	padding-right: 10px;
	line-height: 1.5em;	
	list-style-type: circle;
	}
	
	ol {
	padding-left: 40px; 
	padding-right: 10px;
	line-height: 1.5em;	
	}
	
	hr {color:#a0101a;}
	
	table { margin-left: 10px; border-collapse: collapse; }
	td, th { padding: 5px; border: 1px solid #a0101a; } 

	#manualheader h1 {
	padding-top:50px;
	}
	
	#footer {
	text-align: center;
	padding-top:24px;
	}

	#footer h3 {
	padding-top:0px;
	}
	
	#topmenu {
	padding-top: 24px;
	}
	
	.getresourcesmenu { position: fixed; visibility: visible; z-index:10; }

	
.form{
    background-color:#e9edf3;
    border-radius:5px;
    border:1px solid #c8d3e3;
    padding:10px;
    overflow:hidden;
    width:450px;
    color:#233156;
}
.form .formSegWrap{
    width:450px;
    overflow:auto;padding:0px 5px 5px 0px;
}
.form .formSegWrap>label{
    float:left;
    width:350px;
    display:block;
    padding:3px;
}
.form input[type="text"], .form textarea, .form input[type="password"]{
    width:300px;
}
.form input[type="text"], .form textarea, .form select, .form input[type="password"]{
    border:1px solid #a9bbd6;
    padding:3px;
    border-radius:3px;
    color:#233156;
}
.form input[type="text"]:focus, .form textarea:focus, .form select:focus, .form input[type="password"]:focus{
    background-color:#f4f7fb;
    border-color:#4586e7;
}
.form textarea{font-size:90%;}
  
.form textarea.required, .form input[type="text"].required, .form input[type="password"].required{
    /* installed by default as an example, replace with whatever */
    background-image:url('../components/formitbuilder/images/field_required.png');
    background-repeat:no-repeat;
    background-position:right 2px;
}
.form textarea.valid, .form input[type="text"].valid, .form input[type="password"].valid{
    /* installed by default as an example, replace with whatever */
    background-image:url('../components/formitbuilder/images/field_valid.png');
    background-repeat:no-repeat;
    background-position:right 2px;
}
.form textarea.error, .form input[type="text"].error, .form input[type="password"].error{
    background-color:#ffe8e8;
    border:1px solid #c04242;
    color:#c04242;
}
.form input[type="submit"], .form input[type="button"], .form input[type="reset"]{
    border:1px solid #a9bbd6;
    padding:2px;
    min-width:110px;
    border-radius:3px;
    background-color:#b0cde8;
    cursor:pointer;
}
.form input[type="submit"]:hover, .form input[type="button"]:hover ,.form input[type="reset"]:hover{
    background-color:#8ca2d9;
}
.form .formSegWrap_submit, .form .formSegWrap_reset{
    float:left;
    width:auto;
    margin:10px 10px 10px 0px;
}
.form label.mainLabelError{
    font-weight:bold;
    color:#990000;
}
 
.form .errorContainer{
    display:block; /* for Non jQuery Validate form errors with multiple warnings */
}
 
.form .errorContainer label{
    font-size:11px;
    display:block;
    color:#FF0000;
    clear:both;
}
.form .errorContainer label span{
    display:block;
}
  
.form hr.formSpltter{
    border-top:1px dashed #c8d3e3;
    border-bottom:none;
    height:1px;
    margin:5px 0px 5px 0px;
}
.form h2{
    font-size:16px;
    font-weight:bold;
    padding:2px 0px 5px 0px;
}
  
.form .checkboxes .formSegWrap{
    width:255px;
}
 
.form .process_errors_wrap{
    color:#FF0000;
}
.form .formSegWrap_staff_performance .radioGroupWrap{
    float:left;
}
.form .radioWrap{
    clear:both;
}
.form .radioWrap label{
    display:inline-block;
    padding:2px;
}
.form .radioWrap .radioEl{
    float:left;
    clear:both;
}
	

/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}