/**********************************************************************************

attribute adjustment classes

IMPORTANT - These need to come last so they will overwrite base attrubutes
***********************************************************************************/
.rowDivOdd:nth-child(odd) {background-color:#b8d6f1}

.filter-option select{
   -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    line-height:1.5em;
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
 font-size:14px;
}
.outlineblue {
	color: #0000CC;
}

input.compact {
/*	padding: 0.1em 0.2em 0.1em 0.2em; 
	padding: 0em 0.1em 0em 0.1em; 
/*	padding: 0; 
    margin: 0;*/
}
input.compact:required{
	background-color:#E1DEDE;
}
img.compact{
	padding:0;
	margin:0;
	width:2em;
	height:1.4em;
}

select.compact{
	padding: 0em 0.1em 0em 0.1em;
	margin: 0;
} 
.vltblue {
/*	color: #000099; */
	color: #E6E6FF;
}	
.ltblue {
/*	color: #000099; */
	color: #B3B3FF;
}	
.blue {
	color: #0000FF;
}	
.hblue {
	color: #0000CC;
}	
.dkblue {
	color: #000099;
}	
.dkred{
	color: #990000;
}	
.white {
	color: #FFFFFF;
}	
.black {
	color: #000000;
}	
.outlineblue {
	color: #0000CC;
}
.border-blue{
	border: 1px solid #473C8B;
}

.gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e5e5ff));
	background: -o-linear-gradient(#FFFFFF, #e5e5ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #e5e5ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #e5e5ff);     /*background-color: #473C8B;*/
}

.select-checkbox{  
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #FFFFFF;
	padding: 0.2em;
	border: 2px solid #8080FF;
    border-radius: 4px;
    margin: 0.1em 0em 0.5em 0em;
}

.select-checkbox label{
	display: block;
}

.select-checkbox label:hover {
	background-color: #B3B3FF;
}


/*HELM*/
input[type=checkbox] {
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
    appearance: checkbox; 

	/* The transforms scale the boxes up */
	-ms-transform: scale(1.4); /* IE */
	-moz-transform: scale(1.4); /* FF */
	-webkit-transform: scale(1.4); /* Safari and Chrome */
	-o-transform: scale(1.4); /* Opera */
	
	margin: 0em 0.2em 0em 0.2em; 
	border: 2px solid #8080FF;
}

input[type=radio] {
	-webkit-appearance:radio;
	-moz-appearance: radio; 
    appearance: radio; 
	
	/* The transforms scale the boxes up */
	-ms-transform: scale(1.4); /* IE */
	-moz-transform: scale(1.4); /* FF */
	-webkit-transform: scale(1.4); /* Safari and Chrome */
	-o-transform: scale(1.4); /* Opera */
	
	margin: 0em 0.2em 0em 0.2em; 
	border: 2px solid #8080FF;
}
input:focus,input[type]:focus, textarea:focus, .uneditable-input:focus {   
    outline: 0 none; /* disable default outline */
    border: 2px solid #0000CC; 
    box-shadow: 0 0 4px #0000CC;
}
input:focus.red{   
    outline: 0 none; /* disable default outline */
    border: 2px solid #990000; 
    box-shadow: 0 0 4px #990000;
}

input[type=text]:required,textarea:required{
	background-color:#E1DEDE;
}
/**********************************************************************************

ALL TIF view classes

**********************************************************************************/

.error {
	color: #CC0000;
    font-style: italic;
	background:#fff;
	border:0px;
}

/*Frame Controller*/
textarea.compact,select.compact{
	padding: 0em 0.1em 0em 0.1em;
	margin: 0;	
}
.small{
	border: 2px solid #000099;
    border-radius: 4px;
	padding: 0.2em 1em 0.2em 1em;
	color: #FFFFFF;
	background-color: #000099;
}
.small:hover{
	border: 2px solid #0000CC;
	background-color: #0000FF;
}
.green{
	color:#61CD44;
}

/**********************************************************************************

Button Classes

**********************************************************************************/	
	
.red {
	border: 2px solid #CC4444;
	background-color: #CC4444;
}
.red:hover {
	border: 2px solid #990000;
	background-color: #CC0000;
}

	
.button-compact{
  background:#0D4F8B;
  transition: opacity 0.2s linear;
  text-shadow:0 1px rgba(0, 0, 0, 0.4);
  color:#FFF;
  font-weight:700;
  letter-spacing:1px;
  line-height:100%;
  box-shadow:inset 0 0 1px rgba(0,0,0,.8);
  transition: color .2s linear;
  padding:14px 24px;
  font-size:12px;
  box-sizing:border-box;
  transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
  border:0;
  margin-top:1em;
}

.button-compact-cell{
	border: 2px solid #000099;
    border-radius: 4px;
	font-size:16px;
/*	font-family:arial, helvetica, sans-serif; */
	padding: 0em 1em 0em 1em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000099;
}

.compact-lookup{
	font-size:16px;
/*	font-family:arial, helvetica, sans-serif; */
	vertical-align:middle;
	padding: 0em 0.5em 0em 0.5em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
}

.button-compact:hover,.button-compact:active{
 background-color: #1477d1;
 color:#FFF;
}
.button-compact:focus{
	border:0;
}

/**********************************************************************************

LIST View classes

**********************************************************************************/	



.containerDiv {
/*  border: 1px solid #FF0000; */
/*	border: 0; */
/*	width:962px; */
	/*width: 100%;*/
        width:auto;
	display:table;
        table-layout:fixed;
        width:70em;
	font-size: 0.8em;
	overflow: auto;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);margin-bottom:2px;
}

.link-sort{
  color:#000;
}
.rowDivHeader {
/*	border: 1px solid #ffffff; */
/*  background-color: #996799; */        
	background-color: #fff;
	color: #000;
	font-weight: bold; 
	display:table-row;
	overflow: auto;
}
.rowDivOdd {
/*	border: 1px solid #990000; */
	background-color: #FFFFFF;
	display:table-row;
	overflow: auto;        
}
.rowDivEven {
/*	border: 1px solid #990000; */
/*	background-color: #D5F0F2; */
	background-color: #FFF;
	display:table-row;
	overflow: auto;
}
.cellDivHeaderLeft {
/*  border-right: 1px solid white; */
     border-bottom:1px dashed rgba(0,0,0,0.3);
  display: table-cell;
/*  width:12%; */
  padding: 0.5em;
  text-align: left; 
}
.cellDivHeaderRight {
/*  border-right: 1px solid white; */
 border-bottom:1px dashed rgba(0,0,0,0.3);
  display: table-cell;
/*  width:12%; */
  padding: 0.5em;
  text-align: right; 
}
.cellDivHeaderLeft:first-child{
  width:38em;
}

.cellDivHeaderLeft:nth-child(2){
  width:12em;
}

.cellDivHeaderLeft{
  width:5em;
  white-space:normal;
}
.cellDivLeft.firstCell{
  white-space: normal;
}
.cellDivLeft{
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 1.5em 0.2em 0.5em;
  text-align: left;
   border:none;
}
.cellDivRight {
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: right;
  white-space: nowrap;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

.firstCell {
   border:none;
}
.wdf-sub {
	width: 100%;
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-bottom: 1em;
}	
	
.wdf-sub-third {
	width: 100%;
	padding: 1em;
}	

.wdf-sub-half {
	width: 45%;
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-right: 1em;
}	

/*HELM*/

.stacked-header {
	display: table-cell;
	padding: 0.2em 0.6em 0.2em 0.8em ;
	background-color: #990000;
	color: white;
}
.data {
	color: #0000CC;
}