/* New HFS Branding Elements Begin Here  */

/* Primary HFS color palette             */

.bg-hfsblue  {
	background-color: #1c4285;
	color: #000;
} 

.hfs-blue {
	color: #1c4285 !important;
}

.hfs-sky  {
	background-color: #73b8e3;
	color: #000;
} 

.hfs-violet  {
	background-color: #928cc3;
	color: #000;
} 

.hfs-spark  {
    color:  #f05e21;
} 
.bg-hfsspark  {
	background-color: #f05e21;
	color: #000; 
} 


/* Secondary HFS color palette             */
#ctl00_onetidHeadbnnr2 {
    height: 80px;
    padding-left: 20px;
}
.ms-signInLink {
	display:none !important;
}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, a.ms-tv-item:hover, a.ms-tv-header:hover {
  /*  color: #0072c6;*/
    color: #000;
}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
  /*  color: #0072c6;*/
    color:  #fff;
}
.google-translate .cmp-google-translate .skiptranslate {
    color: transparent !important;
}
.carousel-indicators [data-bs-target] {
    width: 10px; /* change width */
    height: 10px; /* change height */
    border-radius: 100%; /* add border-radius */
    margin-bottom: 1.8rem;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top:unset;
    z-index: 2;
    display: flex;
    margin-bottom: 0px;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    background: transparent;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    background-color: none;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 3%;
}
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: none;
    width: 3%;
}
input[type=button], input[type=reset], input[type=submit], button {
    min-width: 0; 
    padding: 7px 10px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    margin-left: 10px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 0 20px;
        border-left: 3px solid #ddd;
}
.ms-rtestate-field p, p.ms-rteElement-P {
    margin-top: 0px; 
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    line-height: 1.6;
    margin: 0px 10px 10px 0px;
/*    FONT-WEIGHT: 100; */
}
.ms-rtestate-field h4, h4.ms-rteElement-H4 {
    color: #555;
}
.soi-feedbackform
{
	background-color:white;
	width:auto;
	width:700px;
	border:none;
	margin:auto;
	
}

div.soi-feedbackform .form-group
{
	width:700px;
	height:100%;
	border-left:none;
	border-right:none;
	border-top:	1px gray dotted;
	padding-top: 5px;
	padding-left: 7px;
	padding-bottom: 5px;
	font-weight: bold;

	/*border-bottom:1px gray solid;*/
}
.soi-feedbackform .soifield .soiformlabel {
	width:290px;
}
div.soi-feedbackform #item0
{
	xdisplay:none;	/* hide title field since it is auto generated*/
}
div.soi-feedbackform .formsection
{
	background-color:#336699;
	font-weight:bold;
	color:#fff;
	padding-top:7px;
	padding-bottom:7px;
	border-left: none;
	border-right: none;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
	width:700px;
}
div.soi-feedbackform .formnotice
{
	border-top:none;
	font-weight:bold;
	color:red;
}
div.soi-feedbackform .formnote
{
	font-style:oblique;
	background-color:#cbdae6;
}

.form-control div.soi-feedbackform .soifield .Feedback, div.soi-feedbackform .soifield .soiformradio, div.soi-feedbackform .soifield .soiformchecklist {
    width: 380px;
    float: left;
    margin-bottom: 5px;
}
.form-group .col-sm-8{
	display:inline-block;
}

.col-sm-4.control-label{
	vertical-align: top;
} 
.col-sm-offset-4.col-sm-8 {
padding-left:250px;	

}
input[type=submit],input[type=reset]{
font-weight: bold;	
font-size:16px;
}

.col-sm-4{
	vertical-align: middle;
} 

span.col-sm-4{
	vertical-align: top;
} 
.radio ol{
padding-left: 120px;
padding-top: 5px;
}
.radio li{
padding-bottom: 5px;
}
.radio li label{
padding-left: 5px;
}
.soi-feedbackform .help-block {
	
	display:block;
	font-weight: normal;
	font-style:italic
}


.soi-feedbackform .glyphicon-asterisk::before {
color:red;
 /* padding-left: 32px; */
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 0;
  left: 3px;
  content: "\f069";

}

.formsection {
    background-color: #336699;
    font-weight: bold;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    border-left: none;
    border-right: none;
    border-top: 2px black solid;
    border-bottom: 2px black solid;
    width: 700px;
}
#pageTitle {
    font-size: 20px !important;
    font-weight: bold;
    margin: 50px 0px 0px 25px !important;
}
.ms-webpartzone-cell,
.ms-webpart-zone {
    border-collapse: collapse;
}
.ms-ToolPaneOuter {
    position: fixed;
    bottom: 10px;
    right: 35px;
    z-index: 100 !important;
}
p{
	margin-block-start:0;
	margin-block-end:0;
}
.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    line-height: 1.6;
 /*   color: #1c4285; */
    color: #555; 
}
s4.bodyContainer {
	padding-bottom: 0px;
}
a.disclaimer, a:link.disclaimer {
	color: white;
	font-size: 12px;
}
/*
.goog-logo-link {
	color: white !important ;
}
*/
.goog-logo-link{
	display:none;
}
.goog-te-gadget {
	color: transparent !important;
	margin: 5px 0;
	margin-left:25px;
}
.goog-te-combo {
	background-color: #1c4285;
	color: #fff;
}
.pageTitle {
    font-size: 20px !important;
    font-weight: bold;
    margin: 50px 0px 0px 10px !important;
}
#s4-bodyContainer {
	padding-bottom: 0px;
}
/*
h4,.h4{
	font-size: 18px !important;
}
*/
#status_2, #ctl00_ctl49_site_share_button, #site_follow_button{
	display:none;
}

#ctl00_ctl49_site_share_button{
	display:none !important;
}
#site_follow_button{
	display:none !important;
}
#news-item {
	color: #545556;
	text-align:left;
	}
#hfscorevalues {
color:#aa7f55;
font-size:xx-large;	
}
.py-5 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.button-round {
	border-radius: 100px 100px 100px 100px;
	border: none;
	color: white !important;
	font-size: .9rem;
	font-weight:bold;
	padding: 10px 50px;
}

.hero {
	color: #1c4285;
	background-color: #fff;
/*	font-family: "Bradley Hand ITC", sans-serif; */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	width: 100%;
	word-wrap: normal;
	padding-left: 15px;
	padding-right: 20px;

}
.hero2 {
	color: #fff;
	background-color: #1c4285;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 100%;
	word-wrap: normal;
	padding-left: 75px;

}
.breadcrumb {
 	margin-left: 25px;
 	margin-right: 25px;
    padding: 8px 10px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}


a:link {
	
	text-decoration: none;
}
.text-muted {
	color: #fff !important;
}

/*.container i{
	color: #fff !important;
}*/
.fa-clock {
	color: #fff !important;
	background-color: #005aac !important;
}
#icon-grid {
	color: #fff;
}
#icon-grid a {
	text-decoration: none;
}
#icon-gridalt {
	color: #545556;
}
#icon-gridalt a {
	text-decoration: none;
}
.h2-w {
	color: #fff;
}
/*
.container h2{
	color: #fff !important;
}
.container h4{
	color: #fff !important;
}
*/
.containerhfsblue i{
	color: #1c4285 !important;
}
.containerhfsblue h2, .containerhfsblue h2, .containerhfsblue h3, .containerhfsblue h4, .containerhfsblue h5 {
	color: #1c4285 !important;
}

h5.containerhfsblue {
	color: #1c4285 !important;
}
.hfscompbrown i{
color: #ac5a00 !important;
}
.hfscompteal i{
color: #00a8ac !important;
}
.hfscompred i{
color: #ac0400 !important;
}
.hfscompgreen i{
color: #00ac5a !important;
}
.hfscompgreen {
  color: #00A8AC !important; 
}

.bg-hfscompgreen {
/*	background-color: #00A8AC; */
	background-color: #ac00ff;
	color: #fff;

}
.hfscompmagenta {
color: #ac0052 !important;
}

.hfscompmagenta i{
color: #ac0052 !important;
}
.hfscomproyal i{
color: #0400ac !important;
}
.hfscomppurple i{
color: #5a00ac !important;
}
.bg-hfscompmagenta {
background-color: #ac0052 !important;
color: #fff;
}

.bg-hfsblue {
	background-color: #1c4285 !important;
}
.bg-hfslightblue {
	background-color: #ebf1f7 !important;
}
.bg-hfsbluecomp1 {
/*	background-color: #ccdcee; /*Sherwin Williams blue */
/*	background-color: #99b9dd; /*Pale Cerulean blue */
/*	background-color: #6697cd; /*Blue Grey blue */
	background-color: #737b84; /*Blue Grey blue */
			
	
}
.bg-hfsbluecomp2 {
/*	background-color: #ccdcee; /*Sherwin Williams blue */
/*	background-color: #99b9dd; /*Pale Cerulean blue */
/*	background-color: #6697cd; /*Blue Grey blue */
		background-color: #5582aa; /*Blue Grey blue */	 			
	
}
.htc-light-brown h4 {
	color: #E2B58B !important;
	font-size: 1.5rem;
}

.bg-hfsblue {
	background-color: #1c4285 !important;
	color: #fff;

}

.bg-htcgreen {
	background-color:#013220;
	color: #fff;
}
.bg-htcred {
	background-color:#D7634D;
	color: #fff;
}

.bg-hfsbluecomp1 {
/*	background-color: #ccdcee; /*Sherwin Williams blue */
/*	background-color: #99b9dd; /*Pale Cerulean blue */
/*	background-color: #6697cd; /*Blue Grey blue */
	background-color: #737b84; /*Blue Grey blue */
			
	
}
.bg-hfsbluecomp2 {
/*	background-color: #ccdcee; /*Sherwin Williams blue */
/*	background-color: #99b9dd; /*Pale Cerulean blue */
/*	background-color: #6697cd; /*Blue Grey blue */
		background-color: #5582aa; /*Blue Grey blue */
	 
			
	
}

.navbar-collapse {
	display: block !important;
	
}
/* Colors specific to Healthcare Transformation */
.htc-red {
color:#D7634D !important;
}
.htc-brown{
	color: #97614B !important;
}
.htc-light-brown {
	color: #E2B58B !important;
}
.htc-purple {
	color: #431ad2 !important;
}
.bg-htcpurple {
	/*background-color: #431ad2 !important; */
	background-color: #1569bf !important;

}

.htc-aqua {
	color: #55bce7 !important;
}

.bg-htcaqua {
	background-color: #55bce7 !important;
	color: #fff;
}

.htc-olive {
	color: #949671 !important;
}
.htc-rectangle{
/* Rectangle 8 */
position: absolute;
left: 0%;
right:67.66%;
background: #FFFFFF;
border: 0.786806px solid #F3F3F3;
box-sizing: border-box;
box-shadow: 0px 17.5743px 14.0595px rgba(0, 0, 0, 0.0417275), 0px 9.85203px 7.88162px rgba(0, 0, 0, 0.035), 0px 5.23234px 4.18587px rgba(0, 0, 0, 0.0282725), 0px 2.17729px 1.74183px rgba(0, 0, 0, 0.0196802);
border-radius: 15.7361px;
	
}
#htcnav a{
/*	color: #949671 !important; /* htc-olive */
	color: #000 !important; 
}
#icon-grid-htc, h2 h4{
	color: #000;	
}
.htc-icon{
	width:64px;	
	height:64px;
}
.carousel-caption h1{
color: #555;
	
}



.navbar-collapse {
	display: block !important;
	
}
/*.ms-cui-topBar1 {
	display: none;
}
.ms-cui-topBar2 {
	display: none;
}*/
#suiteBarLeft {
	display: none;
}
#globalNavBox {
	height: 0px;
}

/*#s4-ribbonrow {
	display:none;
}
*/
.alert {	
/*	margin-top: -50px; */
	margin-bottom: 0px;
	border-radius: 0rem;
	padding-top: 4px;
	padding-bottom:4px;
/*	line-height:1.2; */
}
.alert-info {	
	color: #000;
    background-color: #ffdf80;
	border-color: #ffdf80; 
	/*background-color: lightsteelblue;
	border-color: lightsteelblue;  */
}
.alert-info-lightblue {
/*	border-bottom-color: #1c4285;
/*	border-color: #bce8f1; */
    background-color: #ccdcee !important;
    color: #000;
    border: none;
}

.row {
	
	    margin-left: 0px;
	    margin-right: 0px;
}
p.ms-rteElement-P {
	margin-left: 0px;
	margin-right: 10px;

}

/*.ms-rtestate-field {
	
	margin-left: 10px;
	margin-right: 10px;
}
*/
.ms-core-listMenu {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}
.navbar-collapse.in {overflow:visible !important;}

/*.ms-core-listMenu-horizontalBox li.static  > .ms-core-listMenu-item {font-size:12px !important; font-weight:bold; color:#999; text-transform:uppercase;} */
/*.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {color:#eee;} */
/*.ms-core-listMenu-horizontalBox li.selected a.selected {color:#fff;} */
ul.dynamic {border:0; background-color:#222; padding:0 !important; min-width: 400px;}
li.dynamic {list-style:none !important;}
ul.dynamic .ms-core-listMenu-item {padding:3px;color :#fff; }
ul.dynamic .ms-core-listMenu-item:hover {background-color:#fff;}


ul {	
	margin: 0 0 0 0;
/*margin: 0px; */
/*list-style: disc;
list-style-position:inside;*/
/*padding-left:0px; */
}
.s4-ql ul
{	
	margin: 0 0 0 0;
/*margin: 0px; */
/*list-style: disc;
list-style-position:inside;*/
padding-left: 0px; 
}

.ms-webpartzone-cell {
	margin: auto auto;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: Calibir, Helvetica, Arial,Verdana, sans-serif;
	color: #555;
/*	line-height: 1.6; */
}
.ms-webpart-titleText.ms-webpart-titleText {
	color: #fff !important;
	background-color: #1c4285;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	font-size: 14.4px;
	margin: 0;	
}
.ms-webpart-titleText {
	color: #fff !important;
	background-color: #1c4285;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	font-size: 14.4px;
	margin: 0;	
}
.ms-webpart-titleText > a {
	color: #fff !important;
	background-color: #1c4285;
	font-family: Arial, Helvetica, Verdana, sans-serif;
/*	font-weight:bold; */
/*	font-size: 14.4px;*/
	text-decoration:none;
/*	box-sizing: border-box; */
	border-spacing: 0px 0px;
/*	line-height: normal; */  
	margin: 0; 
	 
}

h2.ms-webpart-titleText.ms-webpart-titleText {
	font-size: 14.4px !important;
}

.ms-srch-sb {
	float: right;
	margin-top: 46px;
	background-color:white;
}
.ms-srch-sb > input {
	height: 24px;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	margin-right: 15px;
	padding-top: 4px;
	color: #fff;
}
.ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
	padding-right: 5px;
	background: none;
}
.navbar-collapse {
	padding-left: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0px;
	padding-left: 0px;
}

.ms-webpart-titleText.ms-webpart-titleText {
	color: #fff !important;
	background-color: #1c4285;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	overflow:visible;
	font-size: 14.4px;
	text-align: center;
	margin: 0;
}
h2.ms-webpart-titleText {
	font-size: 14.4px !important;
	text-align: center;
}
.ms-webpart-titleText {
	font-size: 14.4px !important;
	text-align: center !important;
}


body {
	/*background-color:#e4e4e4; */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color:#fff;
	font-size: 16px;
	color: #4d4d4d;
	line-height:1.6;
	margin: 0 0 0 0;
	
}
DIV.container-fluid {
	background-color:white;
}
textarea {
	outline: none;
}
.dfwp-column {
	margin-left: 0px;
	padding-left:0px;
}
.dfwp-item {
/*	background-image: url(/hfs/PublishingImages/nav_arrowV3.png); */
	background-image: none;

	background-repeat: no-repeat;
	background-position-y: center;
}

/*.item {
padding-left:15px;

}*/

.bullet {
/*	background-image: url(/hfs/PublishingImages/nav_arrowV3.png); */
	background-image: none;

/*	padding-left: 15px */
}
/* background-image: url(/_layouts/images/lstbulet.gif) */
	
.link-item A:link {
	font-family: Arial,Helvetica, Verdana, sans-serif;
	color: #1b4e81;
}
.row-fluid [class*='span']{
	min-height:2px;
}

.pageTitle {
	margin-left:25px !important;
}
td.soi-vb {
	font-size:0.8em;
	padding-left:10px;
}
#logo {
 z-index:2;
}
#ctl00_onetidHeadbnnr2 {
/*	height: 80px; */

}
#globalNav{
z-index:3;
}
.srch-Description2{
	max-width: 800px;
}
.group ul.soilinks {
  margin-left: 20px;
  font-size:.8em;	
}

.ms-rteTable-6 TH.ms-rteTableHeaderEvenCol-6 {
	background-color:#1c4285;
}
.ms-rteTable-6 TH.ms-rteTableHeaderOddCol-6 {
	background-color:#1c4285;
}
.ms-vb2 {
		font-family: Arial,Helvetica, Verdana, sans-serif;
}
.ms-WPHeader{
	background-color:#1c4285;
	color: #fff !important;
	text-align: center;
	font-weight:bold;
}
.ms-WPTitle A {
	color: #fff;
}
.ms-WPHeader A:hover {
	color: #fff;
	text-decoration:none
}
.ms-WPHeader A:visited {
	color: #fff;
}
.ms-WPTitle{
	background-color:#1c4285;
	color: #fff !important;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	text-align: center;
	font-weight:bold;
}

.s4-ca {	
	margin-left: 25px;
	margin-right:15px;
/*	margin-top: 40px; */
	min-height: 25px;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.ms-WPHeader TD {
border-bottom: none;
}
[class]#pageStatusBar {
	margin-bottom: 0px;
}
.ms-WPBody{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px; 
	color: #4d4d4d;
}

.fancy blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.fancy blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.fancy blockquote p {
  display: inline;
}
.list-group {
	margin-top: -1px;
	margin-bottom: 3px;
}
/*.list-group-item {
	COLOR: white !important; border-bottom: #dddddd 1px solid; POSITION: relative; BORDER-LEFT: #dddddd 1px solid; PADDING-BOTTOM: 11px; BACKGROUND-COLOR: #1c4285; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; MARGIN-BOTTOM: 0px; BORDER-TOP: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 13px
} */
/*
.fa.fa-ban:after {
  position: absolute;
  content: "/";
  color: red;
  font-weight: 700;
  font-size: 1.7em;
  left: 7px;
  top: -10px;
}
*/
.list-group-item-red {
	COLOR: white !important; border-bottom: #dddddd 1px solid; POSITION: relative; BORDER-LEFT: #dddddd 1px solid; PADDING-BOTTOM: 9px; BACKGROUND-COLOR: r; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; MARGIN-BOTTOM: -1px; BORDER-TOP: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 10px
}
.list-group-item-gray {
	COLOR: #4d4d4d !important; border-bottom: #dddddd 1px solid; POSITION: relative; BORDER-LEFT: #dddddd 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: white; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; MARGIN-BOTTOM: -1px; BORDER-TOP: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 5px
}
.list-group-item:first-child {
	border-top-right-radius: 4px; border-top-left-radius: 4px
}
.list-group-item > .badge {
	FLOAT: right
}
.list-group-item > .badge + .badge {
	MARGIN-RIGHT: 5px
}
A.list-group-item {
	COLOR: #555555
}
A.list-group-item .list-group-item-heading {
	COLOR: #333333
}
A.list-group-item:hover {
	COLOR: #555555; TEXT-DECORATION: none; background-color: #1c4285; filter: alpha(opacity=70);opacity: 0.7;
}
A.list-group-item:focus {
	COLOR: #555555; TEXT-DECORATION: none; background-color: #1c4285; filter: alpha(opacity=70);opacity: 0.7;
}
.disabled.list-group-item {
	BACKGROUND-COLOR: #eeeeee; COLOR: #777777
}
.disabled.list-group-item:hover {
	BACKGROUND-COLOR: #eeeeee; COLOR: #777777
}
.disabled.list-group-item:focus {
	BACKGROUND-COLOR: #eeeeee; COLOR: #777777
}
.disabled.list-group-item .list-group-item-heading {
	COLOR: inherit
}
.disabled.list-group-item:hover .list-group-item-heading {
	COLOR: inherit
}
.disabled.list-group-item:focus .list-group-item-heading {
	COLOR: inherit
}
.disabled.list-group-item .list-group-item-text {
	COLOR: #777777
}
.disabled.list-group-item:hover .list-group-item-text {
	COLOR: #777777
}
.disabled.list-group-item:focus .list-group-item-text {
	COLOR: #777777
}
.active.list-group-item {
	Z-INDEX: 2; BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #ffffff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
.active.list-group-item:hover {
	Z-INDEX: 2; BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #ffffff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
.active.list-group-item:focus {
	Z-INDEX: 2; BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #ffffff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
.active.list-group-item .list-group-item-heading {
	COLOR: inherit
}
.active.list-group-item:hover .list-group-item-heading {
	COLOR: inherit
}
.active.list-group-item:focus .list-group-item-heading {
	COLOR: inherit
}
.active.list-group-item .list-group-item-heading > SMALL {
	COLOR: inherit
}
.active.list-group-item:hover .list-group-item-heading > SMALL {
	COLOR: inherit
}
.active.list-group-item:focus .list-group-item-heading > SMALL {
	COLOR: inherit
}
.active.list-group-item .list-group-item-heading > .small {
	COLOR: inherit
}
.active.list-group-item:hover .list-group-item-heading > .small {
	COLOR: inherit
}
.active.list-group-item:focus .list-group-item-heading > .small {
	COLOR: inherit
}
.active.list-group-item .list-group-item-text {
	COLOR: #9aecd2
}
.active.list-group-item:hover .list-group-item-text {
	COLOR: #9aecd2
}
.active.list-group-item:focus .list-group-item-text {
	COLOR: #9aecd2
}
.list-group-item-success {
	BACKGROUND-COLOR: #f1f9f7; COLOR: #1d9d74
}
A.list-group-item-success {
	COLOR: #1d9d74
}
A.list-group-item-success .list-group-item-heading {
	COLOR: inherit
}
A.list-group-item-success:hover {
	BACKGROUND-COLOR: #e0f1ec; COLOR: #1d9d74
}
A.list-group-item-success:focus {
	BACKGROUND-COLOR: #e0f1ec; COLOR: #1d9d74
}
A.active.list-group-item-success {
	BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #fff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
A.active.list-group-item-success:hover {
	BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #fff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
A.active.list-group-item-success:focus {
	BORDER-BOTTOM-COLOR: #1d9d74; BACKGROUND-COLOR: #1d9d74; BORDER-TOP-COLOR: #1d9d74; COLOR: #fff; BORDER-RIGHT-COLOR: #1d9d74; BORDER-LEFT-COLOR: #1d9d74
}
.list-group-item-info {
	BACKGROUND-COLOR: #f0f9ff; COLOR: #007dbc
}
A.list-group-item-info {
	COLOR: #007dbc
}
A.list-group-item-info .list-group-item-heading {
	COLOR: inherit
}
A.list-group-item-info:hover {
	BACKGROUND-COLOR: #d7efff; COLOR: #007dbc
}
A.list-group-item-info:focus {
	BACKGROUND-COLOR: #d7efff; COLOR: #007dbc
}
A.active.list-group-item-info {
	BORDER-BOTTOM-COLOR: #007dbc; BACKGROUND-COLOR: #007dbc; BORDER-TOP-COLOR: #007dbc; COLOR: #fff; BORDER-RIGHT-COLOR: #007dbc; BORDER-LEFT-COLOR: #007dbc
}
A.active.list-group-item-info:hover {
	BORDER-BOTTOM-COLOR: #007dbc; BACKGROUND-COLOR: #007dbc; BORDER-TOP-COLOR: #007dbc; COLOR: #fff; BORDER-RIGHT-COLOR: #007dbc; BORDER-LEFT-COLOR: #007dbc
}
A.active.list-group-item-info:focus {
	BORDER-BOTTOM-COLOR: #007dbc; BACKGROUND-COLOR: #007dbc; BORDER-TOP-COLOR: #007dbc; COLOR: #fff; BORDER-RIGHT-COLOR: #007dbc; BORDER-LEFT-COLOR: #007dbc
}
.list-group-item-warning {
	BACKGROUND-COLOR: #fcf8e3; COLOR: #8a6d3b
}
A.list-group-item-warning {
	COLOR: #8a6d3b
}
A.list-group-item-warning .list-group-item-heading {
	COLOR: inherit
}
A.list-group-item-warning:hover {
	BACKGROUND-COLOR: #faf2cc; COLOR: #8a6d3b
}
A.list-group-item-warning:focus {
	BACKGROUND-COLOR: #faf2cc; COLOR: #8a6d3b
}
A.active.list-group-item-warning {
	BORDER-BOTTOM-COLOR: #8a6d3b; BACKGROUND-COLOR: #8a6d3b; BORDER-TOP-COLOR: #8a6d3b; COLOR: #fff; BORDER-RIGHT-COLOR: #8a6d3b; BORDER-LEFT-COLOR: #8a6d3b
}
A.active.list-group-item-warning:hover {
	BORDER-BOTTOM-COLOR: #8a6d3b; BACKGROUND-COLOR: #8a6d3b; BORDER-TOP-COLOR: #8a6d3b; COLOR: #fff; BORDER-RIGHT-COLOR: #8a6d3b; BORDER-LEFT-COLOR: #8a6d3b
}
A.active.list-group-item-warning:focus {
	BORDER-BOTTOM-COLOR: #8a6d3b; BACKGROUND-COLOR: #8a6d3b; BORDER-TOP-COLOR: #8a6d3b; COLOR: #fff; BORDER-RIGHT-COLOR: #8a6d3b; BORDER-LEFT-COLOR: #8a6d3b
}
.list-group-item-danger {
	BACKGROUND-COLOR: #f2dede; COLOR: #a94442
}
A.list-group-item-danger {
	COLOR: #a94442
}
A.list-group-item-danger .list-group-item-heading {
	COLOR: inherit
}
A.list-group-item-danger:hover {
	BACKGROUND-COLOR: #ebcccc; COLOR: #a94442
}
A.list-group-item-danger:focus {
	BACKGROUND-COLOR: #ebcccc; COLOR: #a94442
}
A.active.list-group-item-danger {
	BORDER-BOTTOM-COLOR: #a94442; BACKGROUND-COLOR: #a94442; BORDER-TOP-COLOR: #a94442; COLOR: #fff; BORDER-RIGHT-COLOR: #a94442; BORDER-LEFT-COLOR: #a94442
}
A.active.list-group-item-danger:hover {
	BORDER-BOTTOM-COLOR: #a94442; BACKGROUND-COLOR: #a94442; BORDER-TOP-COLOR: #a94442; COLOR: #fff; BORDER-RIGHT-COLOR: #a94442; BORDER-LEFT-COLOR: #a94442
}
A.active.list-group-item-danger:focus {
	BORDER-BOTTOM-COLOR: #a94442; BACKGROUND-COLOR: #a94442; BORDER-TOP-COLOR: #a94442; COLOR: #fff; BORDER-RIGHT-COLOR: #a94442; BORDER-LEFT-COLOR: #a94442
}
.list-group-item-heading {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px
}
.list-group-item-text {
	LINE-HEIGHT: 1.3; MARGIN-BOTTOM: 0px
}

/*=================================================================*/
/* Style List Webparts such as the one that displays DIS Standards */

.ms-vb2 {
font-size: 10pt;
color: #000;
}
.ms-gb2 {
font-size: 10pt;
color: #000;
}
.ms-gb {
font-size: 10pt;
color: #000;
}
.ms-rte-wpbox {
font-size: medium;
color: #183473;
}
/*=================================================================*/
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
/*.ms-WPTitle{
color: #183473 !important;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.25;
}
*/
.WebpartHeadline{
color: #183473 !important;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
line-height: 1.25;
font-weight: normal;
}
.boxin {
font-size: 16px;
}
h1.ms-rteElement-H1 {
	margin-left: 10px;
	margin-right: 10px;
	color: #555;
}
h2.ms-rteElement-H2 {
	margin-left: 0px;
	margin-right: 10px;
	color: #555;
}
h3.ms-rteElement-H3 {
	margin-left: 0px;
	margin-right: 10px;
	color: #555;
	font-weight: bold;
}

.ms-rteElement-H1 {
font-family: Arial, Helvetica, Verdana, sans-serif;
line-height: 1.25;
font-size: 150%;
color: #555;
}
.ms-rteElement-H2 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
line-height: 1.25;
font-size: 130%;
color: #555;
}
.ms-rteElement-H3 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
line-height: 1.25;
font-size: 125%;
color: #555
}
.ms-rteElement-H4 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
line-height: 1.25;
font-size: 110%;
color: #555;
}
p.ms-rteElement-P {
font-family: Arial, Helvetica, Verdana, sans-serif;
line-height: 1.6;
font-size: 16px;
color: #000
}

.ms-rteElement-P {
line-height: 1.6;
font-size: 16px;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
.ms-rteFontSize-2 {
font-size: 100%;
}
/* ===================================================================================
   Footer
   =================================================================================== */
.soilinks {
/* color: #4d4d4d; */
color: white;
}
/* -------------------------------------------------------
    Footer - Copyright
	------------------------------------------------------- */


div#footer
{
/*	border-top: 2px #9a0202 solid; */
	clear: both;
	background: transparent url(/PublishingImages/HFSLogoFooterV1.png) right bottom no-repeat; 
/*	background-color: white;   */
/*	background-color: #0078e7; */
	background-color: #1c4285;
/*	height: 240px; */
/*    border-top: 2px white solid;
	border-left: 2px white solid;
	border-right: 2px white solid;
	border-bottom: 2px white solid;*/
/*	width:982px;  */
/*	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding-bottom: 1.5em;
	*/
/*	color: #4d4d4d; */
    color: white;
  /*  margin: auto; */
    position:relative;
 /*   margin-top: -180px;
    height: 180px;
    display: block; */
    width:100%;
}
.footernew{

/*  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; 
   text-align: center;*/
  padding: 1rem;
  background-color: #efefef;

}

#footer-inner {
	position:relative;
	width:960px;
	margin:auto;
}

	/*
		Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
		http://www.tanfa.co.uk/archives/show.asp?var=300
	*/

	div#footer:after 
	{
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height:      0;
		line-height: 0;
		font-size:   1px;
	}

	div#footer { display: inline-block; }

	/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
	* html div#footer { height: 1%; }

	div#footer { display: block; }
	/**/ /* end hidden from IE 5 Mac */
	
	
	/* aria-label for the footer */
	div#footer h2
	{
		position: absolute; 
		left: -10000px;
	}

	div#footer div.group
	{
		float: left;
		display: inline; /* This helps IE with floated elements */
	}
	
		/* Properties for a 3-column footer */
		div#footer.three-column div.group
		{
			width: 22%; /* 17em / 77em = 22% */    
/*			margin-left: 9.0%; /* 5.1em / 77em = 6.6% */	
/*			margin-top: 3%;		*/

		}
	
		/* Properties, if need be, for a 4-column version */
		div#footer.four-column div.group
		{
			width: 16.5%; 
			margin-left: 6.75%;
		}
	

		div#footer div.group h2
		{
			/* Make sure that this header isn't hidden, like 
				the aria label is */
			position: static;
			font-weight: bold;
			color: #224477;
		}

		div#footer div.group a
		{
		/*	color: #224477; */
		/*     color: #4d4d4d;  */
		     color: white;

			/* This allows for a wider click area, putting 
				Fitts' Law to work for us. 
				http://particletree.com/features/visualizing-fittss-law/
			*/
			display: block;
		}
	
			/* Using the TripSwitch to trigger hasLayout for IE6
				http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
			* html div#footer div.SOISummaryLinks ul li a {display: inline-block;} /* trigger haslayout for IE>5.0 */
			* html div#footer div.SOISummaryLinks ul li a {display: block;} /* put it back to what it should be in separate rule */
			/* end TripSwitch */

	/* -------------------------------------------------------
	   Footer - Copyright White
	   ------------------------------------------------------- */

.copyright
		{
/*		padding-top: 10px;  */
		text-align: center; 
		clear: both;
		color: #FFF;
		}

.article-content{
color: #000;
margin-left: 35px;
margin-right: 20px;
}


/* h1 {
	font-size:150%;
    color: #183473;	
	line-height: 1.25;
	
}*/

#globalNav > UL.dynamic{
left: 0em;
}

/*.container-fluid {
	max-width: 1022px;
	min-width: 280px;
	}
*/
#content-area {
padding-top: 0px;
}

.LI-static > A {
color: #000a3d;
}
li.static {
	list-style-type: none;
}
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    padding-left: 20px;
}
menu-horizontal li.static > .selected,
.menu-horizontal li.static > a:hover,
.menu-horizontal li.static > a:focus,
.menu-horizontal li.static > a:active {
	background-color: #fff;
	border-top: #ff4f4f 2px solid;
	color: black;
}

.description {
padding-top: 0px;
}

.ms-PartSpacingVertical {
margin-top:0px;
}
	/* -------------------------------------------------------
	   Page Layouts - Breadcrumbs
	   ------------------------------------------------------- */

.soi-pagebreadcrumb
{
	color: #183473;
	text-decoration: none;
	line-height: 2em;
	margin-top:50px;
/*	margin-left: 140px;
	padding-left: 156px;
	*/
}
body #pageStatusBar{
padding-left: 140px;
}
.soi-pagebreadcrumb ol
{
	margin: 0;
	padding: 0 0 0 3em;
}

.soi-pagebreadcrumb li
{
	display: inline;
}

.soi-pagebreadcrumb a
{
	color: #183473;
	text-decoration: none;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 13px;
	background: transparent url('/Style Library/images/arrow.png') right center no-repeat;
}

.soi-pagebreadcrumb a:hover
{
	color: #000000;
	text-decoration: underline;
}

#SOIWelcomeSplashBreadCrumb
{
	display: none;
}

/* ===================================================================================
   Local navigation
   =================================================================================== */
.s4-ql A.selected 
	{
	border-style: solid;
	border-width: 1px;
	border-bottom-color: #dddddd !important;
	border-top-color: #dddddd !important;
	border-left-color: #dddddd !important;
	border-right-color: #dddddd !important;
	margin: 0px 0px 0px 0px; 
	/* background-color: #CBDBE6; */
}

.CurrentNavTitle {
	color: #fff;
	font-weight: bold;
	/* background: transparent url('/hfs/PublishingImages/bluarrow_icon.png') left center no-repeat;   */
	background-color: #1c4285; 
	padding-left: 5px;
}
.s4-ql UL.root
{
	xborder-bottom: 3px #232228 solid !important;
}
.s4-ql UL.root ul
{
	background-color:#fff;
	text-transform: none;
	font-weight:normal;
	color:#232228;
	border-style: solid;
	border-width: 1px;	
	border-color: #dddddd #dddddd #dddddd #dddddd;
	border-top: none;
	margin: 2px 0px 2px 0px; 
	margin-bottom: -1px;
	padding-left: 0;
}

.s4-ql UL.root > LI > .menu-item
{
	background-color:#fff;
	text-transform: none;
	font-weight:normal;
	color:#232228;
	border-style: solid;
	border-width: 1px;	
	border-color: #dddddd #dddddd #dddddd #dddddd;
	border-top: none;
	margin: 2px 0px 2px 0px; 
	/*margin-bottom: -1px;*/
	padding-left: 6px;
}

/* .menu-vertical
{

	border-style: solid;
	border-width: 1px;
	border-color: #91cdf2 #91cdf2 #91cdf2 #91cdf2;
}
*/
.s4-ql ul.root ul > li > a, a.soi-bullet
{
/*	color:#303636;
	padding-left:20px;
	background-image:url('../HFSHome/img/GreenArrow.png');
	background-repeat:no-repeat; */
	background-position:5px 10px;
}
/* Current Navigation Styling Elements */

/*.additional-background > .menu-item-text:before {
    content: "\f0a9";
    font-family: "FontAwesome";
    font-variant: normal;
    text-transform: none;
    padding-right:3px; 
}
*/
.s4-ql li.static > a:active
{
	background-color: #8FBEE0;
    background-image: url("/hfs/Style%20Library/StateHome/images/ArrowSelected.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
   
}

.s4-ql li.static > a:focus
{
	background-color: #8FBEE0;
    background-image: url("/hfs/Style%20Library/StateHome/images/ArrowSelected.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
   
}

.s4-ql li.static > a:hover
{
	background-color: #8FBEE0;
    background-image: url("/hfs/Style%20Library/StateHome/images/ArrowSelected.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
   
}

.s4-ql li.static > .selected
{
	background-color: #8FBEE0;
    background-image: url("/hfs/Style%20Library/StateHome/images/ArrowSelected.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
   
}

.s4-ql UL.root > LI > .menu.item {
 	 color: #1B4E81;
	font-weight: bold;
	font-size:80%;
	padding-left: 0px !important;    
}
.menu-item-text {
	padding-right:8px;
/*	text-transform: uppercase;  */
	font-size: 14px;
}
.s4-ql .menu-item-text {
	color: #1B4E81;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
	font-weight: normal;
/*	font-size:80%;  */
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
    padding-right: 0px;	
	vertical-align: middle;
}
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

/* search */
.srch-Title2 a:link{
	color: #1659d8 !important;

}
.s4-search .srch-gosearchimg .s4-search .ms-sbgo span{display:none;} 
.s4-search .ms-sbgo a
{
    background: url('/hfs/Style Library/HFSHome/CIC-search-btn.png') transparent no-repeat;
    border-width:0;
    display:block;
	margin-right:-34px;
	height:25px;
}
		   
.srch-gosearchimg
		    {
				display:none;
			}
img{
	
	border:medium none;
}
.s4-search table {
	width: 105px;
	
}
#search {
	position:relative;
    margin-right:15px;  
	float: right;
/*	margin-top: -29px;
	margin-left: 1139px;
*/	
}
#search-inner {
	background:url('/Style%20Library/HFSHome/CIC-search-mid.png') repeat-x;
	height:41px;
	position:relative;
}
#search .s4-search {
	height:37px;
}
#search-left {
	height:41px;
    background:url('/hfs/Style Library/HFSHome/CIC-search-left.png') no-repeat;
	position:absolute;
	left:-15px;
	width:15px;
}
.s4-search INPUT.ms-sbplain {
	background:none;
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	border-bottom:none !important;
	font-size:10px;
	padding:0 0 0 0;
	width:100px !important;
/*	width:165px !important;*/
	height: 17px;
}
.s4-search .srch-gosearchimg {
  /*  background:url('/Style Library/HFSHome/CIC-search-btn.png') no-repeat;
	height:auto;
	width:auto; */
}
.ms-sbgo a {
	display:block;
	margin-right:-34px;
	height:25px;
}
INPUT.s4-searchbox-QueryPrompt {
	background:none;
	border:none;

	color:#b6b7b9;
	font-size:10px;
	width:140px !important;
}
.s4-search INPUT {
    border-left:none;
	border-right:none;
	background:none;
	border:none;
	font-size:12px;
	width:300px !important;
}

td.ms-sbgo {
}


#header-inner {
	position:relative;
	width:960px;
	margin:auto;
}
#logo {
	position:absolute;
	width:170px;
	height:93px;
/*	z-index:9990; */
	top:97px;  
}
#topMenu{
	background-color:white;
	color:#97928d;
/*	position:absolute; */
	height:100px;
	color:#fff;
	font-size:11pt;
	width:100%;
	
}
#topMenu .list-group3 {
	z-index: 4;
	float:left;
	padding-top:50px;
	margin-left:460px;
	margin-right:50px;
	position: absolute;
}
#topMenu .list-group3 > A {
font-size: .9em;
/* color: 	#97928d !important; */

	
}
.list-group-item3 {
	color:#97928d;
	font-size: 1em;
	margin-right: 3px;	
}
.list-group-item2 {
	margin-right:15px;
}

#topMenu .list-group2 {
	z-index: 4;
	float:left;
	padding-top:50px;
	margin-left:460px;
	margin-right:50px;
	position: absolute;
}
#topMenu .list-group2 > A {
font-size: .9em;
color: 	#97928d !important;

	
}
#utility-links  {
 
	position:relative;
	left:500px;
	top:10px;
	 
}
.utility-link-item, span.utility-link-item a 
 {
	float:left;
	color:#97928d !important;
}
.ms-welcomeMenu > a {
	padding-right:3px;
}
.s4-signInLink {
	margin:0;
}
.utility-link-item:hover {
	color:#fff;
	text-decoration:none;
}
.divider {
	float:left;
	margin:0 7px;
}

/* -------------------------------------------------------
	Site banner
	------------------------------------------------------- */

div#header
{
	clear: both;
/*	background: transparent url("/Style Library/HFSHome/header-bg.png") left top repeat-x;  */
/*	background-color: #10286b;  */
/*	background-color: #0078e7;  */
	background-color: #1c4285;
	height: 135px;

}
div#header-inner
{
	margin:auto;
	width:960px;
	position:relative;

}


body #s4-workspace{
	overflow:hidden;
	overflow-y:auto;

}

.ms-searchref-filterlink {
color: none !important;
}


/* -------------------------------------------------------
	Body Background
	------------------------------------------------------- */

.hidecurrentnode{
	
	display:none;
}
body.soi-body
{ 
/*	background-color: #428cc0; */
    background-color: #00286b;
}


/* -------------------------------------------------------
	Site banner
	------------------------------------------------------- */

div#masthead div#banner
{
	clear: both;
	background: transparent url("/Master/PublishingImages/hfsportalbanner.png") left top no-repeat; 
	background-color: white;
	height: 188px;
					
}


/* -------------------------------------------------------
    Global Navigation
	------------------------------------------------------- */
#globalNav
{
	
/*	margin-top: 5px;   */
	margin-left: 290px;
	position:absolute;
/*	width:100%;
	z-index:9999;
	*/
}
.s4-tn ul.root > li.static > a {
    display:none;
}
.nav ul.root > li.static > a {
    display:none;
}
.nav {	
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.s4-tn UL.root > li.static > .menu-item
{
	/* Hide root site link */
	display:none;
}
    
div#globalNav .s4-tn
{
	border-top: 1px black solid;
	border-right: 1px black solid;	
	border-left: 1px black solid;	
	border-bottom: 1px black solid;
	background-color:#08184a;
/*	background-image: url(/Style%20Library/HFSHome/header-bg.png);
*/	
}


.s4-tn li.static > a:active
{
	background-color:#CBDBE6;
	color:#000000;
	font-weight:bold;
	border-top: #ff4f4f 2px solid;

}


.s4-tn li.static > a:focus
{
	background-color:#CBDBE6;
	color:black;
	font-weight:bold;
	border-top: #ff4f4f 2px solid;

}

.s4-tn li.static > a:hover
{
	background-color:#000a3d;
	color: black;
	font-weight:bold
}

.s4-tn li.static > .selected
{
	background-color:#CBDBE6;
	color:#000000;
	font-weight:bold;
	border-top: #ff4f4f 2px solid;

}
.s4-tn li.dynamic> .menu-item
{
	background-color:#000a3d;
	color: white;
	font-weight:normal;
	border-bottom:thin #369 solid;
	border-color: #000;
	text-decoration: none
}
	.s4-tn li.dynamic > a:active
{
	background-color:#8fbee0;
	color:#000000;
	font-weight:bold;
	border-bottom:thin #369 solid;
	border-color: #000
}

	.s4-tn li.dynamic > a:focus
{
	background-color:#8fbee0;
	color:#000000;
	font-weight:bold;
	border-bottom:thin #369 solid;
	border-color: #000
}

	.s4-tn li.dynamic > a:hover
{
	background-color:#000a3d;
	color: white;
	font-weight:bold
}

/* -------------------------------------------------------
    Page Content
	------------------------------------------------------- */

.content hr{ border: #003366 1px solid; color:#9a0202; height:5px;}

div.rotator ol.thumbnails li a
{
	color:white;		
	background-color:#369;
}
div.rotator ol.thumbnails li.current a
{
	color:#000;
	background-color:#ffcc66;
}


div.rotator ol.thumbnails li a:hover
{
	color:#000;
	background-color:#ffcc66;
}



/* ===================================================================================
   Feedback Forms
   =================================================================================== */

div.soi-feedbackform
{
	overflow: hidden;
/*	background-color: #e4e4e4; */
    background-color: white; 
	border: 1px #666 solid;
	width: 700px;
}

div.soi-feedbackform .soifield
{
	border-top: 1px #666 solid;
	padding: 5px;
	clear: left;
}

div.soi-feedbackform .soifield .soiformlabel
{
	width: 190px;
	font-weight: bold;
	vertical-align: top;
	float: left;
	margin-bottom: 5px;
}

div.soi-feedbackform .soifield .Feedback,
div.soi-feedbackform .soifield .soiformradio,
div.soi-feedbackform .soifield .soiformchecklist
{
	width: 380px;
	float: left;
	margin-bottom: 5px;
}

div.soi-feedbackform .soifield .soiformdropdown,
div.soi-feedbackform .soifield .DateOnlyCssClass,
div.soi-feedbackform .soifield .soiformcheckbox
{
	width: auto;
}

div.soi-feedbackform .soifield fieldset
{
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
}

div.soi-feedbackform .soifield fieldset ol
{
	list-style: none;
	padding: 0;
	float: left;
	margin-left: 0px;
	font-weight: bold;
}

div.soi-feedbackform .soifield fieldset legend
{
	position: absolute;
	left: -10000px;
	height: 1px;
	width: 1px;
}

div.soi-feedbackform .soifield .soiformdesc
{
	display: block;
	font-style: italic;
	font-weight: normal;
}

div.soi-feedbackform .feedbackButtons
{
	padding: .5em;
	text-align: center;
	border-top: 1px #666 solid;
	margin-top: 5px;
	clear: left;
}

div.soi-feedbackform .feedbackButtons input
{
	padding-bottom: .4em;
	width: 7.5em;
	height: 2.1em;
	padding-top: .1em;
	margin: 5px;
}

/* /End of Feedback Forms */
.ms-rte-wpbox
{
    font-family: Arial, Helvetica, Verdana, sans-serif;   
    font-size: 1em;   
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal;
    /* [ReplaceColor(themeColor: "Dark2-Darker")] */ color: #676767;
    word-spacing: normal;
    letter-spacing: normal;  
    text-transform: none;
    text-align: left;
    text-indent: 0px;
    text-decoration: none;
    line-height: normal;
    white-space: normal;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}

/* -------------------------------------------------------
    Summary Link Groups
	------------------------------------------------------- */

div.OnlineServices h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/OnlineServices.gif');
}
div.YourGovernment h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/YourGovernment.gif');
}
div.HowDoI h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/HowDoI.gif');
}
div.Multimedia h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/Multimedia.gif');
}
div.QuickLinks h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/QuickLinks.gif');
}
div.GovernorPatQuinn h2
{
	background-image:url('../../../../../../../../../../Style%20Library/StateHome/Images/Governor.gif');
}
/* Footer */


/* ===================================================================================
   Global navigation
   =================================================================================== */
.navbar-inner {
  background-color: #007799; /*#0C95C9;*/
  background-image:none;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/
  filter: none;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
   

.nav li.static > .menu-item
{
/*	color: #000000;/*#232228;*//*#e4e4e4;*/
	color: white;
	padding-right:8px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 1em;
}

.navv li.static > .selected.menu-item
{

	color: white;
	border-top: #ff4f4f 2px solid;

	
}
li.static > .dynamic-children.selected {
	
	color: white;
	border-top: #ff4f4f 2px solid;
}
.nav li.static li.static:hover > .menu-item,
.nav li.static li.static:focus > .menu-item,
.nav li.static li.static:active > .menu-item {

	background-color:#000a3d;
	color: white;
}
.nav li.static > .selected, 
	.nav li.static > a:hover, 
	.nav li.static > a:focus, 
	.nav li.static > a:active
{
	background-color:#000a3d;
	color: white;
}

/* tg custom global nav */
/* No arrows applies two levels */
.menu-horizontal a.dynamic-children span.additional-background, 
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background { background-image:none; 
} 

ul.dynamic { /* UL wrap */ background-image:none; border-top:0px #ccc solid;  border-right:1px transparent solid ; border-bottom:1px #ccc solid; border-left:1px #ccc solid ; margin:0px; padding:0px; 
} /* LIs */
li.dynamic  { background-image:none; border-top:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #fff solid; border-left:1px #fff solid; 
} /* LI menu items */
li.dynamic > .menu-item { padding:4px 4px 4px 4px; height:30px; color:#333; background-color:#f7f7f7;
} /* LI menu items hover */
/*li.dynamic-children > a:hover { color:black; background-color:#000a3d;
} 
*/
@media print {

/* Remove unwanted elements */
 #header, #nav, .noprint {
  display: none;
 }

 /* Ensure the content spans the full width */
 #container, #container2, #content .article-content, .body, #body
 {
 width: 100%; float: none; margin-left:100px; padding-left:100px;

 }

 /* Change text colour to black (useful for light text on a dark background) */
 .lighttext
 {
 color: #000 
 }

 /* Improve colour contrast of links */
 a:link, a:visited
 {
 color: #781351
 }
}

/*
Site Colors
Blue:  #007799 /#0095c7 / 0C95C9
Links: #006699
Green: #669933 / #85c446
Orange:#CD481F
Black: #232228?
*/
.ms-vh2-nofilter {
        font-size: 1rem;
        color: #1c4285;
        font-weight: 600;
        }
.ms-vb2 {
        font-size: 11pt;
        color: #1c4285;
}     
.radio li {
background-image: none !important;	
}

.ms-rtestate-field li {
/*	margin-left:10px;  */
	list-style-type:disc;
	list-style-image:none;
/*	background-image:url(/hfs//PublishingImages/nav_arrowV3.png); */
	background-image:none;
	background-repeat: no-repeat;	
/*	background-position-y: center; */
	background-position: 2px 7px; 
/*	padding-left:15px; */
	padding-right:20px;

}
.span6 .boxin li {
	margin-left:0px;
	list-style-type:none;
	list-style-image:none;
	background-image:url(/hfs/PublishingImages/nav_arrowV3.png);
	background-repeat: no-repeat;	
	background-position-y: center;
/*	background-position: 2px 5px;  */
	padding-left:15px;
	padding-right:20px;

}

div.container-fluid {
	background-color:white;	
}
a, a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
.content a, .content a:link {
	color: #006699;
}
.content a:visited {
	color: #006699;
}
.soi-footer-links a, .soi-footer-links a:link {
	color:#0C95C9;
}
.soi-footer-links a:visited {
	color:#0C95C9;
}
.soi-motto {
	font-style:italic;
	font-size:16px;	
	color:#CD481F;
}
.search {
	padding-top:20px;
	padding-bottom:10px;
}
/* ===================================================================================
   Global navigation
   =================================================================================== */
.navbar-inner {
  background-color: #1c4285; /*#0C95C9;*/
  background-image:none;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/
  filter: none;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
   

.nav li.static > .menu-item
{
	color: white;/*#232228;*//*#e4e4e4;*/
	font-size:16px;	
}
.nav li.static > .selected.menu-item
{
	background-color:#cd481f;
	
}
.nav li.static > .menu-item.selected {
	background-color:#cd481f;
}
.nav li.static li.static:hover > .menu-item,
.nav li.static li.static:focus > .menu-item,
.nav li.static li.static:active > .menu-item {
	background-color:#cd481f;
}
.nav li.static > .selected, 
	.nav li.static > a:hover, 
	.nav li.static > a:focus, 
	.nav li.static > a:active
{
	background-color:#cd481f;
}
/* ===================================================================================
   Local navigation
   =================================================================================== */

.s4-ql UL.root
{
	xborder-bottom: 3px #232228 solid !important;
}
/*.s4-ql UL.root > LI > .menu-item
{
 	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;  
	
}
/*.s4-ql ul.root ul > li > a, a.soi-bullet
{
	color:#303636;
	padding-left:20px;
	background-image:url('../HFSHome/img/GreenArrow.png');
	background-repeat:no-repeat;
	background-position:5px 10px;
}
*/
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

.soi-sidebar h2 {
	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	font-size:1.2em;
	padding:3px 4px 3px 10px;
	
}
div.soi-footer-inner {
	background-color: #232228;/*#cccccc;#c0c0b8;*/
	color:white;
}
div.soi-footer-inner ul {
	margin-left:0px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
@media(max-width:768px) {
	.soi-banner-inner {
		height:70px;
	}
	.soi-site-logo
	{
		height:65px;
	}
	.soi-searchResults .ms-sbtable-ex input.ms-sbplain {
		width:140px !important;
}
}

ul.soilinks {
	list-style: disc;
}
/*
h5 {
	font-weight: bold;
}
*/
.hero a {
	 color: red;
	 text-align:center;
}
.hero h2 {
	 color: #1c4285;
}
.hero2 a {
	 color: red;
	 text-align:left;
}
.hero2 h2 {
	 color: #fff;
	 background-color:#1c4285;
     font-size: 2.25rem;
}

.hero p {
padding: 30px;
margin-left:15px;
	
}
.hero2 p {
padding: 30px;
margin-left:15px;
	
}

.hero2 li {
font-family: Arial, Helvetica, Verdana, sans-serif;;
font-size:large;
font-weight:bold;
background-image: none;
color: red;
background-color:#1c4285;
}

.section-title:after, .info-block__title:after, .section-nav .nav-title:after {
    content: "";
    color: #fff;
    display: block;
 /*   background-color: #092940; */
    background-color: #fff;
    height: 4px;
    height: .25rem;
    margin-top: 10px;
    margin-top: .625rem;
 }
 input[type=button].button.ghost.inverted, input[type=submit].button.ghost.inverted, button.button.ghost.inverted, a.button.ghost.inverted, .ui-widget-content a.button.ghost.inverted, input[type=button].gsc-search-button.ghost.inverted {
    color: white;
    border-color: #fff;
    background: transparent;
    min-width: 10px;
}
 .card-header {
	
	color:#000 !important;
}
a.footerfontgray{
	color: #8b8b8b;
	font-size:.8rem;
}
/*ol, ul {	
	padding-left: 0px;
} */
/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../JavaScript/DataTables/images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../JavaScript/DataTables/images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../JavaScript/DataTables/images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../JavaScript/DataTables/images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../JavaScript/DataTables/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../JavaScript/DataTables/images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../JavaScript/DataTables/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../JavaScript/DataTables/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../JavaScript/DataTables/images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.dataTables_wrapper .top, .dataTables_wrapper .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	/*background-color: #D3D6FF;*/
}

tr.odd td.sorting_2 {
	/*background-color: #DADCFF;*/
}

tr.odd td.sorting_3 {
	/*background-color: #E0E2FF;*/
}

tr.even td.sorting_1 {
	/*background-color: #EAEBFF;*/
}

tr.even td.sorting_2 {
	/*background-color: #F2F3FF;*/
}

tr.even td.sorting_3 {
	/*background-color: #F9F9FF;*/
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}