/* midstreamCss.css 
 * New UI Styles for Midstream 
 * */

/* integrate iws.css */
body { 
	background-color : #fff; /*#f3fafe*/
	font-family : sans-serif;
	font-size : 10pt;
	border : 0px;
	margin : 0px;
}
div.header {
	/*width : 100%;*/
	/*background-color:#3366FF;*/
	/*text-align:center;
	background-color:#006633;
	padding:10px,0px,10px,0px;
	border-bottom : 2px solid green;
	font-family:sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14pt;*/
	width : 100%;
	background-color:#58A457;
	border-bottom : 2px;
}

div.header h2{
	font-size:28px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #FFF;
	padding:10px 10px;

}

div.header p{
	
}

a,a:visited,a:active {  
	text-decoration : none;
	color : navy;
}

a:hover {  
	color : red; 
} 

button { 
	cursor : pointer;
	font-size : 8pt;
	border : 1px solid gray; 
	width:120px;
}

input.navbtn { 
	width:25px; 
	border: 1px solid gray; 
	font-size: 8pt; 
	background: #999999;
}
button.navbtn { 
	width:25px; 
	border: 1px solid gray; 
	font-size: 8pt; 
	background: #999999;
}


input, select, option, label {  
	padding-left : 5px;
	font-family : sans-serif;
	font-size : 8pt;
	background-color : white;
	vertical-align : middle;
}
div.ttl { 
	width : 100%;
	vertical-align : middle;
	text-align : center;
	background-color : #006633;
	margin-bottom : 20px;
	font-weight : bold;
	font-size : 10pt; 
	color : #FFFFFF;
}
div.errSmall {
	color:#FF1A6A;
	margin:0px 0px 0px 9px;
	padding:0px 0px 0px 0px;
	display:block;
	font-size: 0.8em;
}
div.goodSave { 
	width : 100%;
	height : 50px;
	text-align : center;
	color : navy;
	font-size : 12pt;
	font-weight : bold;
	font-family : serif;
	padding-top : 10px;
 }

div.forms { 
	width : 100%;
	height: 200px;
	background-color : #FFFFFF;
	padding-left : 3px; 
	padding-bottom : 3px;
	font-family : sans-serif;
 }
 
div.clear {
	clear:both;
}
 
span.error input,
span.error input.textfield,
span.error textarea,
span.error select{
	border-right: 1px solid #f00;
	border-bottom: 1px solid #f00;
	border-left: 2px ridge #f00;
	border-top: 2px ridge #f00;
	background-color: #ffe066;
	margin-left: 0px !important;
}
span.error select option {
	border : 0px;
}

		
input[type="email"] {
	width:175px;
	transition: box-shadow 0.3s, border 0.3s;
	box-shadow: 0 0 5px 1px #969696;
}
input[type="text"] {
	width:175px;
	transition: box-shadow 0.3s, border 0.3s;
	box-shadow: 0 0 5px 1px #969696;
}

select {
	transition: box-shadow 0.3s, border 0.3s;
	/*box-shadow: 0 0 5px 1px #969696;*/
	width:100px;
}

input.nbr { 
 	text-align : right;
	padding-right : 5px;
	width : 70px; 
}

input.smallText{
	width:70px;
}


.rowColorOne{
	background-color:#e8e8e8 ! important;
}
.rowColorTwo{
	background-color:#ffffff ! important;
}
.colColorOne{
	/*background-color:#6699CC ! important;*/
	background-color:#ffffff! important;
}
.colColorThree{ 
	background-color:#99FFFF! important;
}
.colColorTwo{
	/*background-color:#99CCFF ! important;*/
	background-color:#B5CDE6! important;
}

.colBorderRight{
	border-right:1px solid black ! important;
}
.colBorderLeft{
	border-left:1px solid black ! important;
}

.rowBorder{
	border-top:1px solid black ! important;
}
.colBorderRightGray{
	border-right:1px solid gray ! important;
}
.colBorderLeftGray{
	border-left:1px solid gray ! important;
}

.rowBorderGray{
	border-top:1px solid gray ! important;
}

tr.rowHeight{
	height:25px;
}
.heightSmall{
	height:8px;
}

/*tr:nth-child(odd) {
    color: #000;
    background: #E8E8E8;
}

tr:nth-child(even) {
    color: #000;
    background: #ffffff;
}*/
	
td.ttl { 
	vertical-align : middle;
	text-align : center;
	background-color:#006633;
	margin-bottom : 20px;
	font-weight : bold;
	font-size : 10pt; 
	color : #FFFFFF; 
}
td.nbr { 
 	text-align : right;
	padding-right : 5px;
	width : 70px; 
	font-size : 8pt; 
}

.checkbox {
	border:none; 
	background:none; 
}

th.notice {background-color:#0000FF; 
	border:hidden; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#FFFFFF;
}

td.grid { 
	background-color:#FFFFCC; 
	border:hidden; 
	font-size:10px
}
td.goodSave { 
	width : 100%;
	height : 50px;
	text-align : center;
	color : green;
	font-size : 12pt;
	font-weight : bold;
	font-family : serif;
	padding-top : 10px;
 }

/*
add $(".tableStripe tr:nth-child(odd)").addClass("odd"); and class=tableStripe to stripe the table
*/
.odd {
   background-color: #E8E8E8;
}
.vertBottom {
	vertical-align: bottom;
}
.vertTop {
	vertical-align: top;
}
/*td.msg { 
	width : 100%;
	text-align : center;
	color : red;
	font-size : 12pt;
	font-weight : bold;
	font-family : serif;
	padding-bottom: 5px;
 }*/


/* integrate body.css */

div.mainUser {
	background-color : #FFFFFF;
	position : relative;
	float:left;
	margin-top : 20px;
	margin-left : 10px;
	width : 550px;
	height: 700px;
	border-style : solid;
	border-color : #006633;
	border-width : 1px;
	padding : 0px 0px 20px 0px;
}

div.mainWide {
	width : 790px;
}
div.mainExtraWide {
	width : 1000px ! important;
}
div.mainExtraExtraWide {
	width : 1040px ! important;
}
div.row {  
	vertical-align : middle;
	margin-top : 3px;
	width : 100%;
	height : 25px;
}
div.rowCenter { 
	text-align: center; 
}
div.rowHeightAuto { 
	height: auto; 
}
div.marginTen{
	margin: 10px;
}
/*div.month { 
	width : 100%;
	/margin : 20px,0px,20px,0px;
	text-align : center;
	font-size : 12pt;
	font-weight : bold;
	color : navy;
}*/

div.month {
	float:left;
	text-align : center;
	padding-left:33%;
	font-size : 12pt;
	font-weight : bold;
	color : navy;
}

div.es{
	text-align:center; 
	color: red;
}
div.cola {
	clear: both; 
	float: left; 
	display: block;
	vertical-align: top;
	width : 360px;

}
div.colb {
	display: block;
	float : right;
	width : 340px;
}
div.lcola {  
	float : left;
	vertical-align: top;
	width : 120px; 
	padding-left : 10px;
	color : black;
	padding-top : 2px;
  }
div.rcola { 
 	float : right; 
	width : 215px;
	padding-top : 2px;
}
div.lcolb {  
	float : left;
	width : 120px; 
	padding-left : 0px;
	color : black;
	padding-top : 2px;
  }
div.rcolb { 
 	float : right; 
	width : 210px;
	padding-top : 2px;
}
div.lcol {  
	float : left;
	width : 600px; 
	padding-left : 45px;
	color : black;
	padding-top : 2px;
  }
div.rcol { 
 	float : right; 
	width : 90px;
}
div.mdy {
	float : left;
	border-bottom : 1px solid gray;
	border-right : 1px solid gray;
	font-size : 7pt;
	width : 18px;
	text-align : center;
	margin : 0px;
	background-color : #EAEAEA;
	color : #484848;
	cursor : pointer;
}
div.dlyrow { 
	width : 100%;
	font-size : 8pt;
	color : #484848;
}

div.dlyRowMargins {
	margin:10px 0px;	
}
div.dlylcol {
	width : 25px;
	float : left;
}
div.dlyrcol {
	width : 40px;
	float : right;
	text-align : right;
	padding-right : 5px;
}
div.ct {
	text-align : center;
}
div.lf {
	text-align:left; 
	padding-left:10px; 
}



div.rt { 
	text-align:right; 
	padding-right:10px; 
}
div.ttl2 {
	width : 100%;
	vertical-align : middle;
	text-align : center;
	background-color : #006633;
	/*padding : 3px,0px,3px,0px;*/
	margin-top : 20px;
	margin-bottom : 20px;
	font-weight : bold;
	font-size : 10pt; 
	color : #FFFFFF;
}
div.ratettl {
	width : 100%;
	vertical-align : middle;
	text-align : center;
	background-color : yellow;
	/*padding : 3px,0px,3px,0px;*/
	margin-top : 20px;
	margin-bottom : 20px;
	font-weight : bold;
	font-size : 8pt; 
	color : #FFFFFF;
}
div.contentArea{
   padding:0px 10px 0px 10px;
}
div.four-col-ab-a
{
	WIDTH: 190px; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:0px 0px 0px 0px;
}
div.two-col-ab-a
{
	WIDTH: 274px; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:0px 0px 0px 0px;
}
div.two-col-ab-b
{
	WIDTH: 274px; FLOAT:left; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; 
}
div.one-big-col
{
	WIDTH: 550px; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; TEXT-ALIGN:center;
}
div.one-med-col
{
	WIDTH: 450px; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; TEXT-ALIGN:center;
}
div.one-small-col
{
	WIDTH: 350px; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; TEXT-ALIGN:center;
}

div.form-label
{
	WIDTH:200px; TEXT-ALIGN:left; FLOAT:left; PADDING:0px; font-weight: bold;
}
div.form-label-big
{
	WIDTH:250px; TEXT-ALIGN:left; FLOAT:left; PADDING:0px;
}
div.form-label-med
{
	WIDTH:300px; TEXT-ALIGN:left; FLOAT:left; PADDING:0px;
}
div.form-field
{
	TEXT-ALIGN:right; FLOAT:left; PADDING-LEFT:4px;
}
div.two-col-ab-a div.form-label, div.two-col-ab-b div.form-label
{
	WIDTH:120px; TEXT-ALIGN:left; FLOAT:left; PADDING:0px;
}

select, input {
	font-size : 8pt;
	border : 1px solid gray;
}
select.pnt { 
	width : 155px;
}
select.shpr {
	width : 170px;
}
select.cnt {
	width : 170px;
}
select.multi {
	width : 220px;
}
select.rrcode {
	width : 55px;
}
input.ref { 
	width : 68px;
}
input.rnk {
	width : 50px;
	padding-right : 5px;
	text-align : right;	
}
select.YesNo {
	width : 50px;
}
input.dt {
	text-align : center;
	width : 110px;
}
input.tm {
	text-align : center;
	width : 60px;
}
input.nbr2 {
	width : 50px;
	text-align : right;
	padding-right : 5px;
}
input.diff { 
	background-color:yellow; 
	color:black; 
 	text-align : right;
	padding-right : 5px;
	width : 70px; 
}

input.pointDetailsBox {
	text-align:left;
	padding-left:5px;
	width:110px;
}

/*button { 
	width : 150px;
}*/

button.w { 
	width : 200px;
}
button.del {
	font-size : 6pt;
	border : 1px solid gray;
	height : 15px;
	width : 15px;
	vertical-align : middle;
}
button.add {
	font-size : 8pt;
	border : 1px solid gray;
}
button.dttm {
	font-size : 6pt;
	width : 15px;
	height : 12px;
	padding : 0px;
	/*margin : 0px,0px,0px,5px;*/
	border : 1px solid gray;
}
button.done {
	border : 1px solid gray;
	margin-top : 0px;
}
button.cal {
	border : 1px solid black ;
}
button.frm {
	border : 1px solid gray;
	width : 200px;
}
button.hide {
	display: none; 
}
button.all {
	vertical-align : top;
	margin-left : 5px;
}
table { 
	border-style : solid; 
	border-width : 1px; 
	border-color : gray;
}
table.noBorder { 
	border-width : 0px; 
}
table.marginTen{
	margin: 10px;
	width: 730px;
}
table.width750{
	width: 750px;
}

th { 
	font-size : 8pt;
}

th.blockHeader {
	background-color:#d4e3e5;
	font-weight: bold;
	text-align:left;
}

th.hdr {
	text-align: center;
}

td {
	 font-family:sans-serif; 
	 font-size:8pt; 
	 text-align : center;
	 /*background-color:#FFFFFF;*/
	 margin : 0px;
	 padding : 0px;
 }

tr.pnt {
	height : 22px;
}
td.chdr {
	font-weight : bold;
	text-align : center; 
	border-bottom: 1px solid #999999;
}
td.phdr {
	font-weight : bold;
	text-align : center; 
	padding-left : 20px;
	border-bottom: 1px solid #999999;
}

tr.phdr {
	color : white;
	height : 20px;
	/*background-color : #525CBA;*/
	background-color:#006633;
}
tr.hide {
	 display: none; 
 }
 
tr.footerBackground {
	background-color:#FFFFCC;
} 

td.hdr {
	 border-top : 1px solid navy;
 	border-bottom : 1px solid navy;
	background-color : #BAC2E4;
	font-weight : bold;
	text-align : left;
	padding-left : 5px;	
 }

td.ttl {
	background-color : navy;
	color : white;
	/*padding : 3px,0px,3px,10px;*/
	font-weight : bold;
	text-align : left;
}
td.ttl2 {
	text-align : left;
	padding-left : 5px;
	background-color : #E0E0E0;
	font-weight : bold;
	vertical-align : bottom;
}
td.ttl3 {
	text-align : center;
	background-color : #E0E0E0;
	font-weight : bold;
	vertical-align : bottom;
}
td.lf {
	text-align:left; 
	padding-left:10px; 
}
td.rt { 
	text-align:right; 
	/*padding-right:5px;*/ 
}
td.ct { 
	text-align:center; 
}

th.ct { 
	text-align:center; 
}

th.rt { 
	text-align:right; 
}
th.lf { 
	text-align:left; 
}

td.a, td.b, td.c, td.d  { 
	width : 80px; 
	border : 1px solid gray; 
	margin : 0px; 
	padding : 0px; 
}
td.a { 
	background-color:#FFFFFF; 
}
td.b,td.e { 
	background-color:#99FF66; 
}
td.c,td.f { 
	background-color:#FFFF99; 
}
td.d,td.g { 
	background-color:#F5F5F5; 
}
td.e,td.f,td.g { 
	width:20px; 
	border : 1px solid gray; 
} 
td.h { 
	text-align:left; 
	padding-left:10px; 
}
td.bigFont { 
	 font-size:12pt; 
}

td.errMsg { 
	color:red; 
	text-align:left;
}

td.inactiveContract { 
	color:red; 
	text-align:center;
}

td.errorBackground { 
	background-color:#FF0000;
}

span.errMsg { 
	color:#FF0000; 
	font-size:10px;
	text-align:left;	
}

h2.errMsg { 
	color:#FF0000; 
	font-size:10px;
	text-align:left;
	font-weight:bold;	
}

span.superScript { 
	color:#FF0000; 
	font-size:16px;
	text-align:left;
}

td.displayMsg {
	color:#0000FF; 
	text-align:left;
}
td.confirmColor {
	background-color:#FFB6C1; 
}
td.schedColor {
	background-color:#FEEFB3; 
}

td.confirmLegend {
	width:20px; 
	border : 1px solid gray;
}
 
td.bgWhite {
	background-color:white; 
}
td.padTen {
	padding: 10px;
}

div.displayMsg { 
	color:#0000FF; 
	text-align:left;
	font-size : 9pt;
	font-family : Helvetica;
}


span.displayMsg { 
	color:#0000FF; 
	font-size:10px;
	text-align:left;
}

span.bold{
	font-weight: bold;
}

div.red, span.red, td.red{
	color: #FF0000;
}

span.lockedUser { 
color: #9F6000;
}

span.lf { 
	text-align:left; 
}
fieldset.fieldset{
	border-width:thin;
	vertical-align:middle;
	border-bottom-color:#000099;
	border-top-color:#000099;
	border-left:hidden;
	border-right:hidden
}
span.errors { 
	text-align:center; 
	color:#FF0000;
}

span.success { 
	text-align:center; 
	color:#66CD00;
	font-weight:bold;
}
span.nbr {
	padding-right: 7px;
}
legend.legend{
	font:"sans-serif", Times, serif;
	font-size:12px;
	font-weight:400
}
.fieldSetClass
{
	border:1px solid navy; margin:0px 4px 0px 4px; PADDING:0px 0px 3px 0px;
}
.leftFloaterSmall{
	width:100px; float:left;
}	

div.lcol {width:135px;}

td { text-align:left; background-color:inherit;}

table.resultset {margin:10px; }

table.resultset td {
	padding:2px;
	text-align:right;
	/*border-left:1px solid #999999;
	border-top: 1px solid #999999;*/
}

table.resultset th { 
	font-weight:bold;
	padding:10px;
	/*border-left:1px solid #999999;
	border-top: 1px solid #999999;*/
	border-bottom: 1px solid #999999;
	/*background-color:#d4e3e5;*/
	text-align:center;
}

table.resultset td.hdr { font-weight:bold; padding:10px;}

table.resultset tr.hdr td {
	font-weight:bold; padding:5px;
	background-color:#DEDEDE;
	border-top:2px solid #777777;
	color:#000000
}

table.resultset td.ct {text-align:center;}

table.resultset td.lf {text-align:left;}

table.debugTable {margin:5px;}

table.debugTable  td {background-color:white;}

table.debugTable td.key { text-align:left; padding:5px;}

table.debugTable td.key-object { text-align:left; padding:5px; color:#06F;}

table.debugTable td.value { text-align:left;padding:5px; }

tr.header {font-weight: bold;}

tr.header td { color:white; background-color:navy;}

tr.blockHeader {
	background-color:#d4e3e5;
	font-weight: bold;
}

td.blockHeader {
	background-color:#d4e3e5;
	font-weight: bold;
}

tr.reportTotalBackground {
	background-color:#708090 !important;/*FFFFCC*/
	font-weight: bold;
	color:#fff;
}

tr.noEmailUserBackground {
	background-color:#FEEFB3 !important;/*FFFFCC*/
	font-weight: bold;
	color:#000;
}

tr.lockedUserBackground {
	background-color:#d29c98 !important;
	font-weight: bold;
	color:#D8000C;
}

tr.subTotalBackground { 
	background-color:#F0F8FF; /*E8E8E8*/
	font-weight: bold;
	color:#9F6000;
}
tr.subTotalBackground {
	background-color:#E8E8E8;
}

td.errorMsg { 
	width : 100%;
	/*text-align : left;*/
	color : #FF0000;
	font-size : 8pt;
	font-weight : bold;
	font-family : Helvetica;
	padding-bottom: 5px;
 }

td.pntErrors { 
	text-align : left;
	padding-left : 20px;
	color : red;
}

div.row {
	height:auto;	
}

div.printHide {float:left;} 

div.main {
	position:relative;
	width:auto;
	background-color : #FFFFFF;
	float:left;
	margin-top : 20px;
	margin-left : 10px;
	width : auto;
	border-style : solid;
	border-color : #000000;
	border-width : 1px;
	padding : 0px 0px 20px 0px;
}

div.minwidth { 
	min-width:100px; 
	width: auto !important; 
	width: 100px; 
}

div.printIcon {
	float:right;
	padding-right:5px;
	padding-bottom:10px;
}

div.innerBlock {
	margin-left:10px;
	margin-right:10px;
	background-color : #FFFFFF;
	border-style : solid;
	border-color : #000000;
	border-width : 1px;
	padding : 10px 0px 10px 0px;
	width: 650px;
	
}
div.blockHeader {
	background-color:#d4e3e5;
	font-weight: bold;
}

input[type="date"]{
  box-shadow: 0 0 5px 1px #969696;
} 

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.button:visited {
   color: white;
   }
   
div.vmain  { 
	width : 175px;
	background-color : #FFFFFF;
	border-style : solid;
	border-width : 1px;
	border-color : #000; 
	position : relative;
	margin-left : 15px;
	margin-top : 20px;
	padding-left : 3px; 
	padding-bottom : 20px;
	font-family : sans-serif;
	float:left;

	/*MSD-61 Fix for some pages (imbalances.cfm, etc)*/
	text-align: left;
 }
div.vnavt { 
	font-weight : bold;
	font-size : 10pt;		
	padding : 10px 0px 0px 5px;	
	/*MSD-61 Fix for some pages (imbalances.cfm, etc)*/
	color:black;
}
div.vnavd { 
	font-family : sans-serif;
	font-weight : normal;
	font-size : 8pt;
	padding : 2px 0px 2px 10px;	
}   

button.vnav { 
	width : 90px;
}
button.wide { 
	width:110px;
}
button.wide160 { 
	width:160px;
}
button.wide140 { 
	width:140px;
}
button.smallButton { 
	width:60px;
}
button.tall { 
	height:34px;
}
button.small { 
	width:20px;
	padding: 3px 3px;
}
.trash {
	cursor:pointer;
	background-color: transparent;
	border: none;
}
div.buttonFloatLeft {
 	float:left;
	padding-left:10px;
}

div.buttonFloatRight {
 	float:right;
	padding-right:10px;
}
 
div.buttonFloatCenter {
	float:left;
	text-align : center;
	padding-left:140px;
	font-size : 12pt;
	font-weight : bold;
	color : navy;
}
 
 div.tableFloatCenter {
 	float:center;
	padding-left:10px;
	padding-right:10px;
 }
 
div.errorMsg { 
	width : 600px;
	color : #ff0000;
	font-size : 8pt;
	font-weight : bold;
	font-family : Helvetica;
	padding-bottom: 5px;
}
 

input[type="file"]{
   -webkit-appearance: none;
   text-align: center;
   -webkit-rtl-ordering:  left;
   border:none;
}

input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: left;
   /*margin: 0 10 00 20px;*/
   border: 1px solid #aaaaaa;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}

div.successMsg { 
	color:#006633; 
	text-align:left;
	font-size : 9pt;
	font-family : Helvetica;
}
 
.hiddenText {
	visibility: hidden;
}

div.textFloatCenter {
	text-align : center;
	font-size : 12pt;
	font-weight : bold;
	color : navy;
}

div.iconTopPadding {
	padding-top:2px;
}

div.buttonTopMargin {
	margin-top:10px;
}

div.cashoutSetupSpacer {
	text-align : center;
	float:left;
}
div.calLegend {
	width: 100%;
	float:left;
}
div.errorCal { 
	width: 590 !important; 
	margin:10px 12px 0px 10px;
	color:#ff0000; 
	word-wrap: break-word;
}

div.swingGroupTable {
 	margin:20px auto; 
	width:400px;
 }

div.footer {
	position:absolute;
	bottom:0; 
	left:0; 
	width:100%; 
	height:40px; 
	background-color:#f6f5f5; 
	border-top:1px solid #444; 
	text-align:center;
}
/* MSD-294*/
/*Invoice View Tables*/
/*Tables */
table.viewInvoice  { 
	border : 1px solid #000000; 
}
.viewInvoice td {
	 font-family:sans-serif; 
	 font-size:8pt; 
}
.viewInvoice td.hdr {
	border-top : 1px solid #000000;
 	border-bottom : 1px solid #000000;
	background-color : #BAC2E4;
	font-weight : bold;
}
.viewInvoice td.ttl {
	background-color : #000000;
	color : white;
	font-weight : bold;
	font-size : 11pt; 
}
.viewInvoice td.centeredTtl{
	background-color : #333399;
	color : white;
	font-weight : bold;
	font-size : 11pt; 
	text-align:center;
}

.viewInvoice td.ttl2 {
	background-color : #E0E0E0;
	font-weight : bold;
}

.viewInvoice td.ttl3{
	background-color : #FFFFCC;
}
.viewInvoice td.a, td.b, td.c, td.d { 
	border : 1px solid gray; 
}
.viewInvoice td.a { 
	background-color:#FFFFFF; 
}
.viewInvoice td.b,td.e { 
	background-color:#99FF66; 
}
.viewInvoice td.c,td.f { 
	background-color:#FFFF99; 
}
.viewInvoice td.d,td.g { 
	background-color:#F5F5F5; 
}

.viewInvoice td.e,td.f,td.g { 
	border : 1px solid gray; 
}  
.viewInvoice th { 
	font-size : 8pt; 
	font-weight : bold;
}

.viewInvoice td.row1{
	background-color: #FFFF00; 
	border:none;
}
.viewInvoice td.row2{
	background-color: #FF9900; 
	border:none;
}
.viewInvoice td.strong{
	font-weight:500;
}
.viewInvoice .rowColorOne{
	background-color:#B5CDE6;
}
.viewInvoice .rowColorTwo{
	background-color:#ffffff;
}
.viewInvoice .colColorOne{
	/*background-color:#6699CC ! important;*/
	background-color:#ffffff! important;
}
.viewInvoice .colColorTwo{
	/*background-color:#99CCFF ! important;*/
	background-color:#B5CDE6! important;
}

.viewInvoice .colBorderRight{
	border-right:1px solid #000000 ! important;
}

.viewInvoice .rowBorder{
	border-top:1px solid #000000 ! important;
}

.viewInvoice div.form-label-big, div.form-label-med, div.form-label
{
	color : #000000;
}

.viewInvoice .boxBorderBottom {
	border-bottom:1px solid #000000 ! important;
}

.viewInvoice .boxBorderLeft {
	border-left:1px solid #000000 ! important;
}
.viewInvoice .boxBorderTop {
	border-top:1px solid #000000 ! important;
}
.viewInvoice .boxBorderRight {
	border-right:1px solid #000000 ! important;
}

table.displayNoBorderTables {
	border:none;	
}

/* Added 08/25/2015 */
.floatRightIcon{
	float:right;
	padding-right:15px;
}

td.formLabel {
	font-weight: bold;
}

div.formLabel {
	font-weight: bold;
}
span.formLabel {
	font-weight: bold;
}

div.borderLine {
 	border:1px 
	solid #000000;
	padding-right:4px;
	padding-bottom:4px;
}

table.innerTable {
	border:1px solid;
	width:100%;
}

table.percentGroupInnerTable {
	 border:1px solid navy; 
	 margin:20px auto;	
}

/*MSD-297, MSD-298 input fields */
input.inputWidth, select.inputWidth{
	width:100px !important;
	padding-right: 8px;
}

input.lf {
	text-align: left;
}

input.rt {
	text-align: right;
}
/* MSD-125 notification update*/
input.chosenInput {
	width:300px;
	height:29px;
	font-size: 8pt;
	padding-left: 5px;
}
/* MSD-396 notices redesign*/
input.chosenInput200 {
	width:200px;
	height:29px;
	font-size: 8pt;
	padding-left: 5px;
}
input.chosenInput100 {
	width:100px;
	height:29px;
	font-size: 8pt;
	padding-left: 5px;
}
	
/*MSD-298 password rules */
ul.passwordRule{
	margin: 0;
	padding-left: 40px;
	list-style-type: disc;
}

/*MSD-298 password rules reasoning */
span.redTextBold{
	color:#FF0000;
	font-weight:bold;
}

.noborder{
	border:none !important;
}

tr.highlightNewUser{
	background-color:#DFF2BF  !important; /*#ffff00*/
	height:30px;
}

.marginZero{
	margin:0 !important;
}

.fullWidth{
	width:100% !important;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/info.png');
/*color:#000;*/
font-weight:bold;
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/success.png');
/*color:#000;*/
font-weight:bold;
}

.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/error.png');
/*color:#000;*/
font-weight:bold;
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/warning.png');
/*color:#000;*/
font-weight:bold;
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../img/validation.png');
/*color:#000;*/
font-weight:bold;
}

p.contentCopy{
	font-size:11px;
}

div.suppress { 
	display: none;
}

span.assocOBAFlowNomDisplayMsg {
 	padding-left:5px; 
	color:#666666; 
	font-size:10px; 
	display:block;
 }

span.assocOBAFlowNomClearMsg {
	float:left; display:block; width:120px; font-size:11px;
}

span.ct {
	text-align:center;
}

button.obaFlowNomClearButton {
	width:70px ! important; float:right;
}

.centeredElement{
	margin:0 auto !important;
}

.labelPaddingLeft{
	padding-left:2px !important;
}

.extendedTranslatedButton{
	width:auto !important; 
	min-width:140px !important;
}

/*MSD-341*/
.paddingFourteenPixels{
	padding:14px !important;
}

/* MSD-347 */
.twoPixelPadding{
	padding:2px !important;
}

.wrap {
	/* force the div to properly contain the floated images: */
	position:relative;
	float:left;
	clear:none;
	overflow:hidden;
}
	
.wrap img {
		position:relative;
		z-index:1;
	}
	
.wrap .desc {
  	/*display:inline;*/
	position:absolute;
	width:100%;
	top:1%;
	/*left:10;*/
	z-index:2;
	text-align:right;
	/*vertical-align:top;*/
}


/* MSD-365 Changes */

	/* Basic page-wide styles */



/*h1 {
	margin:0;
	padding:10px 0;
	font-size:24px; 
	text-align:center;
	background:#eff4f7;
	border-bottom:1px solid #dde0e7;
	box-shadow:0 -1px 0 #fff inset;
	border-radius:5px 5px 0 0;  
	text-shadow:1px 1px 0 #fff;
}*/


/* Styles for verification */
#pass1_info {
	position:absolute;
	bottom:355px;
	bottom: -200px\9;
	left:690px;
	width:250px;
	padding:15px;
	background:#fefefe; 
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	display:none;
}
#pass1_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}

#pass1_info h4 {
	margin:0 0 10px 0; 
	padding:0;
	font-weight:normal;
}

/* Styles for verification */
#pass2_info {
	position:absolute;
	bottom:270px;
	bottom: -115px\9;
	left:690px;
	width:250px;
	padding:15px;
	background:#fefefe; 
	/*background-color: rgba(255,255,255,0.0);*/
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	display:none;
}

#pass2_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}
#pass2_info h4 {
	margin:0 0 10px 0; 
	padding:0;
	font-weight:normal;
}

.invalid {
	background:url(../img/invalid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.valid {
	background:url(../img/valid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

div.menuFooter {
	text-align:left; 
	font-size:9px;
}

tr.exceptionHandlerBackground {
	background-color:#FFBABA;
}	


/* different containers */
.iContainer {
    width:798px;
    border:1px solid #FFBABA; /*#f6e9a8;*/
}


.iContainer div {
    width:98%;
}


.iContainer .header {
    background-color:#FFBABA;/*fffae2*/
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}


.iContainer .content {
    display: none;
    padding : 5px;
}

/* home page settings */

.cContainer {
   border:1px solid #FFf; /*#f6e9a8;*/
}


.cContainer div {
    width:98%;
}


.cContainer .header  {
    background-color:#FFBABA; /*fffae2 FFBABA 30aa4c*/
	/*height: 25px;*/
    padding: 2px;
	width:98%;
	vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
}


.headerNoFuel  {
    background-color:#FFBABA; /*fffae2 FFBABA*/
	height: 25px;
    padding: 2px;
	text-align:center;
	vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
}
.cContainer .content {
    display: none;
    padding : 5px;
}

div.noOverFlow {
	width:1875px;
	overflow:auto;
}

.hide-calendar .ui-datepicker-calendar {
    display: none;
}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignTop {vertical-align: top;}

.wraptext{
	word-wrap: break-word;
	width: 50;
}

input.textfieldLong {width:200px;}

input.textfieldextraLong {width:300px;}
/*MSD-396 Notice redesign email text display*/
.emailAddressDisplay{
	display: table-cell;
	vertical-align: bottom;
    width: 293px;
	min-height: 29px;
	font-size: 8pt;
	padding-left: 5px;
	border: 1px solid gray;
	transition: box-shadow 0.3s, border 0.3s;
	box-shadow: 0 0 5px 1px #969696;

}

/*MSD-442: Dashboard request*/
@media print
{
	.noPrint, .noPrint *
	{
		display: none !important;
	}
	.printWidth, .printWidth *
    {
		
		
    }
}