/*   
Custom CSS for PA Drive Clean
Parsons
Version: 1
*/

@charset "utf-8";

.styled_form button, .styled_form input.button {
	-webkit-box-align: center;
	text-align: center;
	cursor: pointer;
	color: #000000;
	padding: 2px 6px 3px;
	border: 2px solid #c7c7c7;
	border-image: initial;
	background-color: #edf3f3;
	box-sizing: border-box;
}

.styled_form input, .styled_form textarea, .styled_form keygen, .styled_form select, .styled_form isindex {
	background-color:#fcfcfc;
	border:1px solid #555555;
}

.styled_form input.file {
	border:none;
}

table.decorated {
	border-left:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}

table.decorated th {
	color: #000;
	font-size: 10px;
	font-weight: normal;
	background-color:#ece2d8;
	vertical-align: baseline;
	padding-top:.7em;
	padding-left:.5em;
	border-right:1px dotted #98938d;
	border-bottom:1px dotted #98938d;
}

table.decorated td {
	border:1px dotted #d0d0ce;
	border-left:none;
	border-top:none;
}

.grid_table_css th {
	background-color:#ebebeb;
	background-image:url(images/tab-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #999999;
	text-align:center;
	padding-top:0;
	padding:0;
	vertical-align:middle;
	font-weight:bold;
	line-height:1.4em;
}
	
.faux-th {
	padding-bottom:1.2em;
	padding-top:1.2em;
}


.vert-list td {
	padding-top:10px;
	padding-bottom:3px;
}


#wrapper {
	width: 96%;
	margin: 0 auto;
	padding:0;            
}

#shadow{-webkit-box-shadow:10px 14px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:10px 14px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:10px 14px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*  ------------------------------------------- Sub-navigation tab styling overrides ---------------------------------------------------------*/  

.lotusTitleBar {
	background-color:#34518b;
	height:2em;
	min-height:2em;
	top:-2px;
}

.lotusTitleBar .lotusTabs {
	padding-top:.5em;
}

.lotusTitleBar .lotusTabs li {
	background-color:#6889bf;
}

.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited {
	color:#f0fbdb !important;
}

.lotusTitleBar .lotusTabs li a:hover, .lotusTitleBar .lotusTabs li a:focus, .lotusTitleBar .lotusTabs li a:active  {
	color:#ebfec7 !important;
}

.lotusTitleBar .lotusTabs li.lotusSelected a, .lotusTitleBar .lotusTabs li.lotusSelected a:visited {
	color:#000000 !important;
}



/*  -------------------------------------------START Content ---------------------------------------------------------*/  
#content {
	width: 96%;
	margin:auto;
	background-color:#d4d4d4;
	padding-top:20px;
	min-height: 860px;
}
.content_help {
	width:40px;
	float:right;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1f6db5;
	text-decoration:none;
	margin-left:635px;	
}
.content_help:hover {
	text-decoration:underline;
}
.content_help a{
	text-decoration: none;
	color: #1f6db5;
}
.content_help a:hover{	
	text-decoration: none;
}
.content_titles {
	width:680px;
	float:left;
	padding-top: 15px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.content_horiz_line {
	float:left;
	width:680px;
	height:2px;
	border-bottom:1px solid #999999;
	margin-top:15px;
	margin-bottom:15px;
}
.alert {
	float:left;
	background-color:#F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	color: #FFF;
	margin-right:5px;
	margin-top:3px;
}

/* -- page titles -- */

.page_title {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	/*font-weight: bold;*/
	padding-top: 3px;
	padding-bottom: 3px;
}

.page_subtitle {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* -- messages, instructions -- */

.error_message, #user.errors, .error-txt {
	color:red;
	font-weight:bold !important;
	font-size:1.1em !important;
	line-height:1.2em;
	padding-top:.3em;
	padding-bottom:.3em;
}

.confirmation_message {
	color:green;
	font-weight:bold !important;
	font-size:1.1em !important;
	line-height:1.2em;
	padding-top:.3em;
	padding-bottom:.3em;
}

.important_instruction {
	color:#dc8b17;
	font-weight:bold !important;
	font-size:1.1em !important;
	line-height:1.2em;
	padding-top:.4em;
	padding-bottom:.4em;
	
}

.important_information {
	color:#478D72;
	font-weight:bold !important;
	font-size:1.1em !important;
	line-height:1.2em;
	padding-top:.4em;
	padding-bottom:.4em;	
}

.important_instruction td, .Important-Information td {
	padding-top:.4em;
	padding-bottom:.7em;
}

.disclaimer {
	font-size:.8em;
	letter-spacing:1px;
}

.label_disabled_div {
	font:100%/1em Arial, Helvetica, sans-serif;
	background-color:#e8ebf0;
	color:#515151;
	padding:.3em;
}

/* -- tabs -- */
.tab_selected_css, .tab_disable_css {
	height:41px;
	width:112px;
	text-align:center;
	font-size:1.2em;
	padding:.2em;
	vertical-align:middle;
	color:#666;
	z-index:0;
	background-image:url(../images/inactive-tab-bg.gif);
	background-repeat:no-repeat;
	background-position:top center;
	border:none;
	/* zoom:1;  Disabled as testing PIE needed more time.
	border:1px solid #999;
	background-color:#CCC;
	position:relative;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
	display:block;
    behavior:url(PIE.htc); */
	
}

.tab_selected_css {
	color:#000;
	background-color:#fff;
	background-image:url(../images/active-tab-bg.jpg);	
}

/* -- progress bar -- */

.bgred {
	background-color:#9c3535;
}

.bggreen {
	background-color:#669966;
}

/* -- miscellaneous -- */

.image_small {
	width:164px;
	float:left;
	margin-right:8px;	
}

.image_small_end {
	width:164px;
	float:left;	
}

.image_small_caption {
	width:164px;
	float:left;
	padding-bottom:3px;	
}

.image_large {
	width:336px;
	float:left;
	margin-right:8px;	
}
.image_large_end {
	width:336px;
	float:left;		
}

img.shadow{-webkit-box-shadow:5px 7px 7px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:5px 7px 7px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:5px 7px 7px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

div#column_left {
	width:680px;
	float:left;
	padding-left:35px;
	padding-right:20px;
}
div#column_right {
	float:right;
	width:210px;
	border-left:1px solid #999999;
	padding-right:35px;
	padding-left:19px;
}
.column_right_h3 {
	float:left;
	width:210px;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
.column_right_body {
	color:#555;	
}
.column_right_viewall{
	float:right;
	width:100px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1f6db5;
	text-decoration: none;
	margin-left:110px;	
}
.column_right_viewall:hover {
	text-decoration:underline;
}
.column_right_viewall a{
	text-decoration: none;
	color: #1f6db5;
}
.column_right_viewall a:hover{	
	text-decoration: none;
}
/*  -------------------------------------------START FORMS Content -------*/ 

.field_label {
	font-size:1.2em;
	line-height:1.4em;
	color:#5e5e5e;
}

.field_read_only {
	background-color:#e8ebf0;
	color:#515151;
	padding:.3em;
	min-width: 120px;
	height: 1.3em;
	display: inline-block;
}

.field_read_only_bl {
	background-color:#dee9fb;
	color:#515151;
	padding:.3em;
}

/*-- input elements styling ---*/ 

.form_input {
	border: 1px solid #555555;
	width:250px;
}
.form_textbox {
	border: 1px solid #555555;
	width:456px;
}
.form_textbox_sm {
	border: 1px solid #555555;
	width:250px;
}
.form_dropdown {
	border: 1px solid #555555;
	width:253px;
}
.form_button {
	border: 1px solid #1f6db5;
	font-size:11px;
	background:#1f6db5;
	color:#FFF;
	margin-right:0;	
}
.form_button:hover {
	border: 1px solid #555555;
	font-size:11px;
	background:#b3cdec;
	color:#555555;
}
.form_calendar {
	background:none;
	border:none;
	vertical-align:middle;
	height:20px;
	padding-bottom:4px;	
}
.form_checkbox {
	color:#1f6db5;
}
.form_title {
	float:left
	width:250px;
	padding-top:15px;
}

.checkbox{
padding:10px;
margin:5px;
cursor:pointer;
color:#ffffff;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.checked{
background:#ff0000;
}
.unchecked{
background:#000000;
}

label.shadow{-webkit-box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/*  -------------------------------------------END FORMS Content -------*/ 
/*  -------------------------------------------START LANDING PAGE THREE COLUMNS Content -------*/ 
div#main-left {
	width:216px;
	float:right;
}
div#main-middle {
	width:216px;
	float:right;
	padding-left:16px;
}
div#main-right {
	width:216px;
	float:right;
	padding-left:16px;
}
div#box_content {
	width:214px;
	margin: 0px;
	border:solid 2px #898989;
	background-color:#f2f2f2;
	margin-bottom:10px;
}
div#box_content a {
	color:#5f88a7;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
div#box_content a:hover {
	color:#1F6DB5;
	text-decoration:underline;
}
span.blue_header {
	background-color:#2e6294;
	width:214px;
	height:14px;
	text-align:right;
	float: left;
	padding-top:2px;
}
.app_links {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}
div#footer {
	height:40px;
	width: 100%;
	background-color:#bfbfbf;
	margin:auto;
	clear: both;
	font:8pt Helvetica, Arial, sans-serif;
	color:#6d6d6d;
	font-weight:bold;
	margin-top:1px;
	padding-top:10px;
}

#footer a {
	font-weight: bold;
	color:#6d6d6d;
	text-align:left;
	border-left:0px solid #334498;
	text-decoration:none;
	padding-left: 15px;
}
#footer a:hover {
	text-decoration:underline;
}
div.footer p {

}
p.footer-menu {
	width: 50%;
	float:left;
	font:11px Helvetica, Arial, sans-serif;
	text-transform: none;
	margin-bottom: 5px;
	padding-top:0px;
	padding-left:10px;
}
p.copyright {
	text-align:right;
	width: 40%;
	float:right;
	font:11px Helvetica, Arial, sans-serif;
	text-transform: none;
	margin-bottom: 5px;
	padding-top:0px;
	padding-right:20px;
}
/* --------------------------------*/

/*------------DATA Table Formatting -------------------------------------*/
table.data th{background-color:#1f6db5; color:#FFFFFF; text-align:center}
table.data{
	border: 1px solid #808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-color: #e5eaee;
	width: 680px;
}
table.data td{border: 1px solid #808080; padding:5px;}


.ontario2ColLeftMain {
	float: left;
	width: 75%;
	margin: 0 0 5px;
	overflow: hidden;
}

.ontario2ColLeftSide {
	float: left;
	width: 20%;
	margin: 0 0 5px .8%;
	overflow: hidden;
}

.lotus_rtl .ontario2ColLeftMain {
	float: right;
}

.lotus_rtl .ontario2ColLeftSide {
	margin: 0 .8% 5px 0;
	float: right;
}
.rolePageLegendd
		{
			font-size: 9pt;
			color: #DC8B17;
			margin: 6px;
		}

.userReadOnly {
    background-color: #DEE9FB;
    padding: 0.3em;
}

.userColumnWidth{
  width:240pt;s
}
.rolePageHeader
	{
		font-size: 12pt;
		font-weight: bold;
		padding: 2px;
	}
.rolePageSubheader
	{
		font-size: 10pt;
		color: #000066;
		font-weight: bold;
		padding: 4px;
	}
.rolePageLegend
	{
		font-size: 9pt;
		color: gray;
		margin: 6px;
	}
.centeredCol {
 	text-align  : center;
}