/*________________________GROUND RULES__________________________________*/

html { height:100%; 
       font-size: 100.01%; /* prevent extreme font resizing in IE */
     }

body
{
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	/*height: 101%; The 101% vs. 100% causes a virtical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/
}
		
p, li, ul, h1, h2, h3, h4, h5, form, html, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0;
    border:none;
} 

 A.queryLink:link { text-decoration: none; color: blue;}
 A.queryLink:visited {text-decoration: none; color: blue;}
 A.queryLink:active {text-decoration: none}
 A.queryLink:link:hover {text-decoration: underline overline; color: blur;}
 A.queryLink:visited:hover {text-decoration: underline overline; color: blue;}
 
input[readonly] {
  background-color:#F2F2F2;
  border-width: 1px;
  border-color: #BDBDBD;
  border-style:solid;
}

input[disabled] {
  background-color: #F2F2F2;
  border-width: 1px;
  border-color: #BDBDBD;
  border-style:solid;

}

textarea[readonly] {
  background-color:#F2F2F2;
  border-width: 1px;
  border-color: #BDBDBD;
  border-style:solid;
}

textarea[disabled] {
  background-color: #F2F2F2;
  border-width: 1px;
  border-color: #BDBDBD;
  border-style:solid;
}

select[disabled] {
  background-color: #F2F2F2;
  border-width: 1px;
  border-color: #BDBDBD;
  border-style:solid;
}    

table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; font-family: helvetica,arial,sans-serif;

} /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */
  

td.aCenter {
		text-align:center;
	    }

td.aLeft {
		text-align:left;
	    }

td.aRight {
		text-align:right;
	    }

/* Default links */



/* NOTE IF YOU WANT THESE LINK colors to show up inside the tiny mce text editor IN FIREFOX, you must edit a tiny mce file editor_content.css in adv themes. */

a:link { color: #0063BE; text-decoration: none;}
a:visited { color: #0063BE; text-decoration: none;}
a:hover
a:visited:hover { color: #0063BE; text-decoration: underline;}

/* Default links 
a:link, a:visited { color: #D21C1B; text-decoration: none; border-bottom:1px solid #666;}
a:hover, a:visited:hover { color: #33ccff; text-decoration: none; border-bottom: none;}
*/

p {
    padding-bottom:5px;
    line-height:1.6em;
    }

ul {
    margin-left:16px;
    line-height:1.6em;
    }

ul li {
    padding-bottom:4px;
    }

/*________________________ PAGE STRUCTURE __________________________________*/

#horizontal_line
{
 width: 1.7em;
 border: 1px solid #C9C9C9; 
 margin: 10px 5px; 
}


.main_text td {
	font-family: "helvetica",arial,helvetica,sans-serif;
}

#main_div {
	margin:0 auto;
	width:90%;
	height:70%;
	}

#top_bar {
	margin-left:15px;
	margin-top:14px;
	height:50px;
	}

#top_bar img {
	margin-top:14px;
	}

.logoContainer{
	display:block;
	height:18.65px;
	background-repeat:no-repeat;
	max-width: 129.27px !important;
}

.caption{
		padding-left:10px;
		padding-top:5px;
		display: block;
	}


#section_header_blue {
	background-color:#7FA6E5; 
	color:white;
	font-weight:bold; 
	font-size:1.1em; 
	height:22px; 
	padding:5px 10px;
	}
	
#navigation {
	height:27px;
	position:relative;
	width:1107px;	
	}

#navigation_links {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	margin-top:3px;
}

#navigation_links a:link { color:#ffffff; text-decoration:none; }

#navigation_links a:visited { color:#ffffff; text-decoration:none; }

#navigation_links a:hover { color:#0000CC; text-decoration:none; }

#navigation_links a:visited:hover { color:#0000CC; text-decoration:none;} 

#login_as {
	width:1000px;
	height:22px;
	position:relative;
	}

#logged_in {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	text-align:right;
	padding:5px 46px 0 0;
	color:#000000;
	}

#log_name {
	color:#666666;
	}

#content_area {
	background:url(../images/fade_line.jpg) top right no-repeat;
	width:1000px;
	position:relative;
	min-height:390px;
	padding-left:10px;
}


#grey_bar {
	background:#a5b2b9;
	height:25px;
	width:100%;
	position:relative;
	}

#grey_bar2 {
	background:url(../images/grey_bar.jpg) repeat-x;
	height:15px;
	margin:10px 0;
	width:861px;
	position:relative;
	}
	
.msg_action {
	font-size:14px;
	font-family:"Interstate-bold", arial, helvetica, sans-serif;
	font-weight:bold;
	color:#0000F0;
	height:25px;
	line-height:1.2em;
}

.title {
	font-size:16px;
	font-family:"Helvetica", arial, helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	height:22px;
	line-height:1.2em;
	}

.title_small {
	font-size:14px;
	font-family:"Interstate-bold", arial, helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	height:20px;
	line-height:1.2em;
	}

.subtitles {
	font-size:12px;
	font-weight:bold;	
	font-family:"Interstate-light", arial, helvetica, sans-serif;
	color:#393939;
	margin-top:10px;
	margin-bottom:3px;
	}
	
.subtitle_underline {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	font-family:"Interstate-light", arial, helvetica, sans-serif;
	color:#393939;
	margin-top:10px;
	margin-bottom:3px;
	}
	


.content {
	margin-bottom:30px;
	}

#button_area {
	height:54px;
	width:861px;
	padding-left:10px;
	}
	
#button_form {
	height:20px;
	width:870px;
	padding-left:10px;
	}

#footer_line {
	height:1px;
	width:907px;
	background:#CCCCCC;
	}

#buttons_grey_form {
	padding:9px 0px;
	float:left;
	width:851px;
	}

#buttons_grey_left {
	padding:9px 0px;
	float:left;
	width:560px;
	}

#buttons_grey_right {
	padding:9px 0px;
	float:right;
	width:300px;
	}

/*
Had to modify the given styles for this part of the reskin, they were rather...interesting 
*/
#footerX {
	font-family:arial, helvetica, sans-serif;
	clear: both;
    font-size: .775rem;
    padding:20px 14px 15px 14px;
    height: 20px;
    text-align:center;
	margin-bottom:20px;
	}

#footerX > a:link, #footerX > a:visited {
	color:#0075c9!important;
	text-decoration:none;
	}
	
#footerX > a:hover,#footerX > a:visited:hover {
	color:#0075c9;
	text-decoration:underline;
	}
	
#copyright {
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	float: right;
	padding:5px 0;
	letter-spacing:0px;

	}
	
	
	/*________________________ PAGE CONTENT________________________________________*/
.hr_line {
 	background:url(../images/hr_line.gif) repeat-x;
	height:1px;
	margin:10px 0;
	width:861px;
	}


.input_entry {
	font-family: arial,helvetica,sans-serif;
	color:#666666;
	letter-spacing: 0px;
	}

.input_entry ul {
	margin:0px;
	}

.input_entry li {
	list-style:none;
	}

.input_box {
	font-family:Arial, Verdana, "Trebuchet MS";
	font-size:12px;
	color:#333333;
	border:1px solid #393939;
	margin:0 4px 4px 0;
	padding:0 2px;
	letter-spacing:0px;
	}
	
.input_box_ro {
	font-family:Arial, Verdana, "Trebuchet MS";
	font-size:12px;
	color:#333333;
	background-color:#DFDFDF;
	border:1px solid #393939;
	margin:0 4px 4px 0;
	padding:0 2px;
	letter-spacing:0px;
	}

.blue_title {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	color:#5093AF;
	font-weight:bold;
	font-size:14px;
	}
.grey_subtitle {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	color:#505050;
	font-weight:bold;
	font-size:13px;
	}

	/*________________________ ACCOUNT AND AHC INFORMATION SECTION AT THE TOP__________________________________*/

.top_info {
	color:#000000;
	line-height:1.8em;
	height:68px;
	}
	
.top_transorder {
	color:#000000;
	line-height:1.8em;
}

.top_button_area {
	width:860px;
	height:35px;
	border-bottom:1px solid #393939;
	margin-bottom:5px;
	}

.page_on {
	color:#FF0000;
	}
	
.prev_next {
	margin-top:13px;
	color:#666666;
	width:500px;
	float:left;
	}
	
.prev_next a:link {
	color:#666666;
	text-decoration:none;
	}

.prev_next a:visited {
	color:#666666;
	text-decoration:none;
	}


.prev_next a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

.prev_next a:visited:hover {
	color:#FF0000;
	text-decoration:underline;
	}

	
/*________________________ SHARED STYLES FOR DATA TABLES __________________________________*/


.tech_specs {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	width:99.5%;
	color:#000000;
	line-height:1.4em;
	}

.tech_specs select {
	margin-bottom:5px;
	}

.options {
	color:#000000;
	line-height:1.4em;
	}
	
.options_button {
	height:40px;
	width:861px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	}


.options_table td {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	background:url(../images/vr_line.gif) right repeat-y;
	padding:0 5px 0 5px;
	}

tr.table_empty td {
	background:none;
	}

tr.table_fields td{
	color:#000000;
	line-height:1.4em;
	height:18px;
	border-bottom:1px solid #cccccc;

	}

tr.table_data td{
	font-family: arial,helvetica,sans-serif;
	color:#333333;
	height:15px;
	letter-spacing:0;
	line-height:1em;
	border-bottom:1px solid #D5E2F3;
	}
	
tr.table_data th{
	font-family: arial,helvetica,sans-serif;
	color:#333333;
	height:29px;
	letter-spacing:0;
	line-height:1em;
	align:left;
	border-bottom:2px solid #5B6F89;
	border-top:2px solid #5B6F89;
	
	}
	
tr.table_fields_tall td{
	font-family: arial,helvetica,sans-serif;
	color:#000000;
	height:50px;
	letter-spacing:0;
	line-height:1.4em;			
	}
    
tr.table_fields_medium td{
    font-family: arial,helvetica,sans-serif;
    color:#000000;
    height:35px;
    letter-spacing:0;
    line-height:1.2em;  
    }

tr.table_fields_normal td{
    font-family: arial,helvetica,sans-serif;
    color:#000000;    
    letter-spacing:0;
    line-height:1.2em;  
    }
TR.table_fields_medium_hover td {
	font-family: arial,helvetica,sans-serif;
    color:#000000;
    height:35px;
    letter-spacing:0;
    line-height:1.2em;
}

TR.table_fields_medium_hover:hover {      
    background-color: #F2F2F2;
    }
        
tr.print_table_data td{
	font-family: arial,helvetica,sans-serif;
	color:#333333;
	height:29px;
	letter-spacing:0;
	line-height:1em;
	}

tr.table_data img{
	padding-top:3px;
	}

tr.table_bottom td {
	background:url(../images/vr_line.gif) right repeat-y;
	padding-left:3px;
	}

.amount {
	text-align:right;
	background:url(../images/dollar_sign.gif) no-repeat top left;
	width:105px;
	height:15px;
	vertical-align:middle;
	}
.fieldLabel {
	color:#000000;
	font-weight:normal;
	font-size:1.2em;	
	}
	
/*________________________ LOGIN AND AHC PAGE STYLES __________________________________*/

	
#image_area {
	width:100%;
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}


#below_image {
	height:275px;
	width:906px;
	margin: 0 auto;
	}

#login_box {
	width:236px;
	height:300px;
	float:left;
	}

#login_holder {
	width:220px;
	padding-top:15px;
	text-decoration:none;
	}

#login_holder a:visited{
	color:#666666!important;
	text-decoration:none;
}


#forgot {
	font-family: arial,helvetica,sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#595959;
	padding-top:15px;
	float:left;
	}

#forgot a:visited {
	color:#0075c9!important;
	text-decoration:none;
	}

#forgot a:link{
	color:#0075c9!important;
	text-decoration:none;
	}

#forgot a:hover {
	text-decoration:underline;
	}

#forgot a:visited:hover {
	color:#0075c9;
	text-decoration:underline;
	}

#cookieNote {
	font-family: arial,helvetica,sans-serif;
	font-size:10px;
	color:#595959;
	padding-top:8px;
	float:left;
	width:250px;
	}

#message {
	font-family: arial,helvetica,sans-serif;
	font-size:10px;
	color:RED;
	padding-top:4px;
	float:left;
	width:236px;
	}

#login_btn {
	visibility:hidden;
	width:100px;
	}
	
	/*Homepage button reskin*/
#login_btn input:focus{
  border: none;
  border-color: transparent;
}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:-1px; 
	margin-bottom: -1px;
}
		
input.button {
  position: relative;
  text-align: right;
  color:#0075c9;
  font-size: 12px;
  padding-left:31px!important;
  padding-top: 5px!important;
  padding-right: 31px!important;
  padding-bottom: 5px!important;
  border: none;
  border-color: transparent;
}
div.button{
  position: relative;
  text-align: right;
  color:white;
}
div.forgot{
	margin-top:10px;
}
.button.sky {
  background-color: #3ea1da;
}

.button.sky:after{
  border-top: 8px solid transparent;
  border-top: 0.57143rem solid transparent;
  border-bottom: 8px solid transparent;
  border-bottom: 0.57143rem solid transparent;
  border-right: 8px solid #3387b7;
  border-right: 0.57143rem solid #3387b7;
  width: 0;
  width: 0;
  height: 0;
  height: 0;
  position: absolute;
  content: "";
  bottom: -35px;
  right: 4px;
  right: 0.28571rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  /* IE8 */
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')";
  /* IE8 */
}
.button.sky:hover, .button.sky.hover {
  background-color: #3387b7;
}
/*Homepage reskin*/

#disclaimer_box {
	margin: -335px 0px 0px 16px;
	width:600px;
	float:right;
	}	
	
#disclaimer_box_password {
	width:600px;
	float:right;
	}

.disclaimer {
	font-size:9px;
	color:#393939;
	width:600px;
	margin: 0 10px 15px 10px;
	line-height:2em;
	text-align:justify;
	}
	
/*________________________ PROFILE PAGE STYLES __________________________________*/
	
.profile {
	color:#000000;
	line-height:1.8em;
	}
	
	
/*________________________ WELCOME & NEWS PAGE STYLES __________________________________*/
	
.welcome {
	color:#666666;
	line-height:1.5em;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	font-size:16px;
	background-image:url(../images/vr_line.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:15px;
	}	
	
.welcome a:link {
	color:#FF0000;
	text-decoration:none;
	}

.welcome a:visited {
	color:#FF0000;
	text-decoration:none;
	}
	
.welcome a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

.welcome a:visited:hover {
	color:#FF0000;
	text-decoration:underline;
	}
 

.news {
	padding-left:15px;
	}

.news_title {
	font-weight:bold;
	color:#333333;
	font-size:13px;
	padding-left:15px;
	padding-bottom:3px;
	background-image: url(../images/news_img.jpg);
	background-repeat:no-repeat;
	}

.news_content  {
	margin-left:15px;
	color:#666666;
	line-height:1.5em;
	}
	
.news_content a:link {
	color:#FF0000;
	text-decoration:none;
	}

.news_content a:visited {
	color:#FF0000;
	text-decoration:none;
	}
	
.news_content a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

.news_content a:visited:hover {
	color:#FF0000;
	text-decoration:underline;
	}
	
.footnote {
	color:#666666;
	font-size:10px;
	padding-top:25px;
	font-family:Arial, Verdana, "Trebuchet MS" ;
	font-style:italic;
	}

/*________________________ AHC STYLES __________________________________*/
.ahc_name {
	font-size:16px;
	font-family:"Interstate-light", arial, helvetica, sans-serif;
	color:#393939;
	font-weight:100;
	}
#ahc_submit_btn {
	float:right;
	width:120px;
	padding:42px 25px 0 0;
	}

/*________________________ USER ADMINISTRATION STYLES __________________________________*/
.or_separator {
	text-align:center;
	padding-top:12px;
	color:#666666;
	}

.warning {
    color:#FF0000;
    }
    
#f2 {
  position:absolute;
  top:96px;
  left:10px;
  width:320px;
  height:20px;
  line-height:20px;
  border:none;
  background-color:#ee0000;
  text-align:center;
}

#f3 {
  filter:alpha(opacity=60);   
  -moz-opacity: 0.6;   
  opacity: 0.6;
  position:absolute;
  top:96px;
  left:10px;
  width:320px;
  height:20px;
  line-height:20px;
  border:none;
  text-align:center;
}

#portalName {
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 21px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: right;
	text-indent: 0ex;
	position: relative;
	width: 450px;
	height: 25px;
	vertical-align: top;
}

A.lookUpLink:link { text-decoration: none; color: blue;}
A.lookUpLink:visited {text-decoration: none; color: blue;}
A.lookUpLink:active {text-decoration: none}
A.lookUpLink:link:hover {text-decoration: underline overline; color: red;}
A.lookUpLink:visited:hover {text-decoration: underline overline; color: red;}

.input_number {
	text-align:center;
}

.spacer_short {
	height:0.2em;
}

.chi-divider{
    border:0;
    border-top:.0625rem solid rgba(0,0,0,.12);
    margin:.5rem 0
}
.chi-card__content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:.875rem;
    line-height:1.25rem;
    padding:1rem
}
.chi-card{
    background-color:#f5f5f5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    position:relative;
    word-wrap:break-word;
    max-width:280px;
    border-radius:5px
}