/* CSS Document */
* {
	margin: 0;
	padding: 0;	
}
p {
	margin:1em;
}
ul{
	margin-left:15px;
}
ol { 
	list-style-type:decimal;
	margin-left: 15px; 
}
ol ol{
	list-style-type:lower-alpha;
}
ol ol ol{
	list-style-type:lower-roman;
}
ol li, ul li{
	line-height:125%;
}
html body {
	font-family: 'Molengo', Helvetica, sans-serif;
	font-weight:normal;
}
thead {
	color: #000;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #35CA35 0%, #09A409 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #35CA35 0%, #09A409 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #35CA35 0%, #09A409 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35CA35), color-stop(1, #09A409));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #35CA35 0%, #09A409 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #35CA35 0%, #09A409 100%);	
}
input.ui-input-text:-webkit-autofill {
	border-radius:1em;
	padding-left:6px!important;
	margin-left:-3px!important;
}
input.ui-input-textsm {
	border-radius:1em;
	padding-left:6px!important;
	margin-left:-3px!important;
	width:10%; background-color:yellow;
}
.bold{font-weight:bold;}

.alertLarge{
	margin: 1em;
}
.right{text-align:right;}
.center{margin:0 auto;}
.paddingL20{padding-left:20px;}
.rowA{background-color:#cedfcc}
.rowB{background-color:#f6f7f6}
.alertLarge .alertText{
	font-size:14px;
	text-indent:4em;
	margin-top:-5px;
	font-weight:bold;
	text-decoration:underline;
}
table.trackingItems {
	margin-top: 1em;
}
.trackingItemsIcons {
	height: 25px;
	width: auto;
}
td.trackingLeft {
	width: 3em;
}
td.trackingRight {
	width: 4em;
	text-align:right;
	font-weight: 700;
	font-size: 1.2em;
}
#dashboardInner {
	margin: 1em 2em 1em 2em;
	border-radius: 1em;
	-moz-box-shadow: inset 0 0 10px #888888;
	-webkit-box-shadow: inset 0 0 10px #888888;
	box-shadow: inset 0 0 10px #888888;
	padding: 1em 1em 1em 1em;
	text-align:center;
}
.ui-footer .ui-title {
	font-size:11px;
}
.ui-table-columntoggle-btn {
	display: none;	
}
.ui-btn-up-a .multiselect{
	background-color:#FFF;
}
#headerLogo {
	color: #003e9e;
	font-size: 1.5em;
	font-weight: 200;
}
#headerLogo img {
	max-height:60px;
}
.report tbody tr.odd, .odd {
	background-color: #fff;
}
.report tbody tr.even, .even {
	background-color: #FAFFEA;
}
.wizard {
	padding: 30px 20px 30px 20px;
}
.wizard-buttons {
	/*width: 185px;
	margin: auto;
	margin-top: 40px;*/
	text-align:center;
}
.wizard-button {
	/*width: 185px;
	margin: auto;
	margin-top: 40px;*/
}
.wizardStepDescription {
	padding:10px;
	margin-top:10px;
}
.subDataTable{
	margin-top:25px;
}


.inlineBlock{
	display:inline-block;
	vertical-align:top;
}
.message{
	width:75%;
	margin:20px auto;
	padding:5px;
	border-radius:4px 4px 4px;
	text-align:center;
	background-color:#35CA35;
	border:2px solid #000;
	font-weight:bold;
}
.message.error{
	background-color:#FFF;
	border-color:#C72222;
	color:#C72222;
}
.failedValidation{
	border-color:#C72222;
}
.longToggle .ui-slider-switch{
	width:10em !important;
}
.formControls {
	text-align:right;width:20%;margin-left:80%;
}
textarea.answer{
	height:150px;
}
.requiredFlag {
	font-size:12px;
	vertical-align:top;
	color:red;
}
.passed{
	color: #35CA35;
}
.failed{
	color: #C72222;
}
label.error {
	position:absolute;
	right:0px;
	bottom:-8px;
	z-index:100;
	background-color:#F00;
	color:#FFF;
	padding:3px 6px;
	font-size:11px;
	border-radius:5px;
	box-shadow:0px 0px 7px #333;
}
.reportSummary {
	background-color:#CCC;
	font-weight:bold;
}
#ChecklistContainer .ui-controlgroup-label{
	display:inline-block;
	vertical-align:top;
	width:87%;
}
#ChecklistContainer .ui-controlgroup-controls{
	width:11%;
}

.bggreen{ background-color:#40c146;border: 2px solid #28632b;color:#000000;font-weight: bold;}
.bgred{background-color:#fe5e5e;border:2px solid #631a1f;color:#000000;font-weight: bold;}
.changes{
	background-color:#f96d6d;
	text-align:center;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	border:thin black solid;
	height:30px;
	font-weight:bold;
	padding-top:5px;
	display:none;
}

.buttonsm{
	font-size:10px;
	padding:8px 5px 8px 5px;
	border: 1px solid #cccccc ;
	background: #eeeeee ;
	
	display:block;
	text-align:center;
	margin-top:5px;
	text-decoration:  none;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-border-radius: 1em /*{global-radii-blocks}*/;
	border-radius: 1em /*{global-radii-blocks}*/;
	color: #2f3e46 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/);
	
}
.buttonsm:hover{
	color: #2f3e46;
	background: #dfdfdf ;
	border: 1px solid #bbbbbb;
}
.divcolL{
	display:inline-block;
	width:45%;
	padding:10px 5px 10px 5px;
	margin:10px 5px 10px 5px;
	vertical-align:top;
}
.divcolR{
	display:inline-block;
	width:45%;
	padding:10px 5px 10px 5px;
	margin:10px 5px 10px 5px;
	vertical-align:top;
}
.divinlineB{display:inline-block;}
.divpopup{
	position:absolute;
	display:none;
	border:black thin solid;
	background-color:#ffffff;
	border-radius:12px;
	padding:15px 20px 20px 20px;
	top:40px;
	z-index:90;
}
.divpopup0{
	position:absolute;
	display:none;
	border:black thin solid;
	background-color:#ffffff;
	border-radius:12px;
	padding:15px 20px 20px 20px;
	z-index:90;
}
.divbox{
	border:1px black solid;
	padding:5px 10px 10px 10px;
}
.divboxR{
	border:1px black solid;
	padding:5px 10px 10px 10px;
	border-radius:12px;
}
.divhide{display:none;}
.divtop{ vertical-align: top !important;}
.divpointer{cursor:pointer;}
.divwidth5{width:5%;}
.divwidth10{width:10%;}
.divwidth15{width:15%;}
.divwidth20{width:20%;}
.divwidth25{width:25%;}
.divwidth30{width:30%;}
.divwidth40{width:40%;}
.divwidth45{width:45%;}
.divwidth50{width:50%;}
.divwidth60{width:60%;}
.divwidth70{width:70%;}
.divwidth80{width:80%;}
.divwidth90{width:90%;}
.divwidth100{width:100%;}
.divtextalignR{text-align:right;}
.divvalignT{vertical-align:top;}
.divcentertext{text-align:center;}
.divdashboardblock{
	border:black thin solid;
	width:100%;
	padding:10px 5px 10px 5px;
	display:block;
	margin:5px 0px 10px 0px;
	vertical-align:top;
	border-radius:12px;
}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.divbggrey{background-color:#e4e5e2;}
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.warning, .warning a{
	color:#edb700 !important;
	font-weight:bold;
}
.expired, .expired a{
	color:#C72222 !important;
	font-weight:bold;
}
a.expired{color:#C72222 !important;}
a.warning{color:#fcdc06 !important;}
/**************************/
/***DESKTOP STYLES RULES***/
/**************************/
@media all and
	(min-width: 760px){
		table {
			margin-bottom: 40px;
		}
		table.trackingItems {
			margin-left: 20%;
		}
		.addEditButtons {
			margin-left: .5em;
			margin-top: 1em;
			margin-bottom: 1em;
			float: left;
		}
		.buttonControlGroup {
			text-align:center;
		}
		.content-secondary {
			display: block;
			text-align:left;
			float:left;
			width:25%;
		}
		.content-primary {
			width:70%;
			float:left;
			margin-left: 3.5%;
			overflow: hidden;
		}
		.goTo {
			display: none;
		}
		.top-link-text {
			margin-right: 20px;
			text-decoration: none;
			font-size: 1em;
			font-weight: normal;
			color: #333 !important;
		}
		.top-link {
			display: inline !important;
			position: absolute;
			right: 0;
			margin-top: -35px;
		}
		#headerLogo {
			margin-top: 10px;
			margin-left: 20px;
			text-align: left;
		}
		#headerSearch {
			display: inline !important;
			position: absolute;
			margin-top: -50px;
			margin-right: 40%;
			margin-left: 40%;	
		}
		#menuButton {
			display: none;
		}
		#primaryNavigation .ui-btn{
			max-width:75%;
			min-width: 130px;
			margin-left:auto;
			margin-right:auto;
		}
		#LoginContainer{
			width:400px;
			margin:auto;
		}
	}
/************************/
/***MOBILE STYLE RULES***/
/************************/
@media all and
	(max-width: 900px){
		.divcolL{display:block; width:90%;}
		.divcolR{display:block;width:90%;}
	}
@media all and
	(max-width: 759px){
		
		.buttonControlGroup {
			display: none;
		}
		.content-secondary {
			display: none;
		}
		.ui-collapsible-content ui-body-a {
			margin: 0;
			padding: 0;	
		}
		#dashboardInner {
			padding-bottom: 2em;
		}
		.goTo {
			float: right;
			margin-right: .5em;
		}
		.top-link {
			display: none;
		}
		#headerLogo {
			text-align: center;
			margin: 0;
			margin-top: 2em;
		}
		#headerSearch {
			display: none;
		}
		#menuButton{
			display: inline;
			margin-top: .5em;
			margin-left: .5em;
		}	
		#LoginContainer{
			width:100%;
		}
		#ChecklistContainer .ui-controlgroup-controls{
			display:block;
			width:100%;
		}
	}
/****************************************/
/***TABLE SHOW COLUMNS ON WIDTH EXPAND***/
/****************************************/

/* Show priority 1 columns at 320px (20em x 16px) */
	@media screen and (min-width: 24em) {
	   .ui-responsive.customDashboardTable th.ui-table-priority-1,
	   .ui-responsive.customDashboardTable td.ui-table-priority-1{
			display: table-cell;
	   }
	}  
	@media screen and (min-width: 28em) {   
	   .ui-responsive.customDashboardTable th.ui-table-priority-2,
	   .ui-responsive.customDashboardTable td.ui-table-priority-2{
			display: table-cell;
	   }
	}
	@media screen and (min-width: 32em) {
		.ui-responsive.customDashboardTable th.ui-table-priority-3,
		.ui-responsive.customDashboardTable td.ui-table-priority-3{
	    	 display: table-cell;
	   }	
	}
	@media screen and (min-width: 36em) {
		.ui-responsive.customDashboardTable th.ui-table-priority-4,
		.ui-responsive.customDashboardTable td.ui-table-priority-4{
			display: table-cell;
		 }	
	}
	@media screen and (min-width: 40em) {
		.ui-responsive.customDashboardTable th.ui-table-priority-5,
		.ui-responsive.customDashboardTable td.ui-table-priority-5{
			display: table-cell;
		}	
	}