@charset "UTF-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	height:100%;
    background-image: linear-gradient(#fbfaf5,#a5a38d);
    background-repeat: no-repeat;
    background-attachment: fixed; /*prevent bg gradient repeat*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.3em;
}

/*change font size for bootstrap*/
html {
	height:100%;
    font-size:16px;
}

.hidediv {
    display:none;
}
.showdiv {
    display:block;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	color:#17236b;
	text-decoration: none;
}

a:hover {
	color:#212b51;
	text-decoration: underline;
}

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

#skip a,
#skip a:hover,
#skip a:visited 
{ 
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0;
    color: white;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1.5s ease-out, background 1.5s linear;
    z-index: 100;
    text-decoration: underline;
} 

#skip a:active,
#skip a:focus 
{ 
    position: absolute;
    left: 0;
    top: 0;
    background: #8a180e;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

#container {
	width:980px;
	height:auto;
	margin:0 auto;
	padding:0;
	
	background-image:url("./images/sidenav_color.gif"); /* --- makes the sidenav appear to stretch all the way to bottom of page ---- */
	background-position: left;
	background-repeat: repeat-y;
}

#banner 
{
    background-image:url("./images/trac_banner_production.jpg");
	width:955px;
	height:70px;
	margin:0;
}

/*change user info style*/
#bannerUserInfo
{
    
    padding-top:10px;
    margin-left:600px;
    text-align:right;
    color:#333;
    font-family:Arial;
    font-weight:normal;
    font-size:12.8px;
}

/*remove border bottom, add bg color*/
#content {
	width:980px;
	height:auto;
    min-height: 600px;
	padding:0 10px 10px;
    background-color:#FFFFFF;
    overflow:initial; /*create bfc*/
    box-sizing:border-box;
}

#sideNav {
	width:160px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}

#sideNav ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	display:block;	
}

#sideNav ul li {
	width:100%;
	margin:0;
	padding:0;
	border:1px;
}

#sideNav a.linkBorder {
	border-bottom-color:Silver;
    border-bottom-style:solid;
    border-bottom-width:.01px;
}

#textContent {
	width:790px;
	height:100%;
	margin:7px 0 0 170px;
	border:0;
	padding:0;
	background-color:#FFF;
}

.topBar {
    background-color: #8a180e;
    overflow: auto;
    color: #fff;
    width: 980px;
    padding: 10px 0;
    
}

.topBar .topTitle {
    float: left;
    padding: 0 10px;
}

.topBar .topHome {
    float: right;
    padding: 4px 10px;
}

.topBar .topTitle label {
    color: #fff;
    font: bold 16px Verdana;
}

.topBar .topHome a {
    color: #fff;
    margin-left: 5px;
    text-decoration: none;
    font-family: Verdana;
    font-weight: normal;
}

/*change header*/
#pageHeader {
	width:790px;

	margin:0;
	
	text-align:right;
	
	background-repeat:repeat-x;	
}

#pageHeaderTitle
{
    float:left;
}

#topImages {
	background-color:#3d648a;
	margin:0;
	padding:0;
	border-width:0;
	}

#menu {
	width:778px;
	height:37px;
	background-color:#043c6c;
	margin: 0;
	padding:0;
	font-size:1.2em;
}

#menu ul {
	height:37px;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	text-align:center;
}

#menu ul li {
	width:24.99% !important; 
	width:194px;
	padding:0;
	margin:0;
	float:left;
	border:0;
}


#menu a:link,
#menu a:visited,
#menu a:active {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:9px 10px 9px 10px;
	background-color:#043c6c;
	color:#FFFFFF;
}

#menu a:hover {
	color:#000033;
	text-decoration:none;
	background-color:#c1dede;
}


#text {
	width:670px; /* ---------- 778 width MINUS the padding to get this number ------------ */
	height:100%;
	margin:0;
	padding:10px 40px 20px 68px;
	background-color:#fff;
	font-size:1em;
	
}

/*#text.openingPage {
	background-color:#fbfaf5;
}*/


#footer {
	width:955px;
	height:75px;
	background-color:#fff;
	background-image:url("./images/bottm_grad1.gif");
	background-repeat:repeat-x;
	/*border-top:#FFF solid 7px;*/
	font-size:.8em;

}


#footer a:link,
#footer a:active,
#footer a:visited,
#footerHome a:link,
#footerHome a:active,
#footerHome a:visited {
	color:#212b51;
	text-decoration:none;
	padding:0 0 0 10px;
}

#footer a:hover
#footerHome a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	display: block;
	height: 0;
	width:955px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	}

/*change h1*/
h1 {
	color:#000;
	font-size:1.5em;
	text-align:left;
	font-weight:normal;	
    margin:10px 0;
}

h2 {
	color:#31417c;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	margin:.5em 0 -.4em 0;
}

h3 {
	color:#31417c;
	font-size:1.2em;
	text-align:left;
	font-weight:normal;
	margin:.5em 0 -.4em 0;
}

p {
	line-height:1.5em;
    margin:1em 0;
}

fieldset {                	
	border:1px solid #a5a38d !important;
	color:Black;
	background-color:#fbfaf5;
    padding:.35em .625em .75em;
}

legend {
	font-weight:bold;
	font-size:11px;
    border-bottom:none;
    width:auto;
    margin-bottom:10px;
}

.whiteText {
	color:#000;
	line-height:2.2em;
}

.buttonBlu {
	float:right;
	text-align:right;
}

.helpText {
	color:#000;
	text-align:center;
}

.helpText a,
.helpText a:link,
.helpText a:active,
.helpText a:visited,
.helpText a:hover {
	color:#000;
	text-decoration:underline;
}

.helpText2 {
	color:#000;
	text-align:center;
}

input, select, textarea{   
    height: 30px;
    border-radius: 3px;
    border:1px solid #a5a38d;
    vertical-align: middle;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="checkbox"],input[type="radio"] {
    border: none;
    height: auto;
}
textarea[rows] {
    height: auto;
}
.form-control {
    border:1px solid #a5a38d;
}
input, textarea{
    padding-left:5px;
}
input:focus, select:focus, textarea:focus{
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);

}
input[type="checkbox"]:focus, input[type="radio"]:focus{
    box-shadow: none;
}
input[type="radio"] {
    margin: 3px 3px 0 5px;
}
input[title="Select"]:first-child{
    margin-top: 5px;
}
input[title="Select"],input[title="Unselect"] {
    margin-right: 10px;
    width: 28px;
    min-height: 28px;
    height: 28px;
    padding: 4px 8px;
}
/*change form border and bg color*/
[readonly="readonly"],input[disabled="disabled"],select[disabled="disabled"],textarea[disabled="disabled"],input .aspNetDisabled, select .aspNetDisabled, textarea .aspNetDisabled{
    background-color: #D3D3D3;
}
input[disabled],select[disabled],textarea[disabled] {
    background-color: #D3D3D3;
}
    input[disabled], input[disabled]:hover {
        background-color: #D3D3D3;
        border: none;
       
    }
input[disabled][type="checkbox"], input[disabled][type="radio"]{
    background-color: transparent;
}
#CustomForm
{                	
	border:1px solid #a5a38d;
	color:Black;
	background-color:#fbfaf5;
    padding:.35em .625em .75em;
}
fieldset#CustomForm{
     width:100%;
}
#CustomForm legend
{
	font-weight:bold;
	font-size:11px;
    border-bottom:none;
    width:auto;
}

#CustomForm ol
{	
	margin:0;
	padding:5px 5px 5px 5px;
    overflow:auto;
}

#CustomForm li
{
	list-style:none;
	padding-top:5px;
    padding-bottom:5px;     
    overflow:auto;           	
}

#ProgramList li {
    display:inline-block;
    vertical-align:middle;
}

/*change for bootstrap*/
#CustomForm li label {
    font-weight:normal;
}
#CustomForm li input:not([value="Cancel"]), #CustomForm li select{
    /*border:1px solid #a5a38d;
    border-style:solid;*/
}
#CustomForm li input[value="Update"] {
    border: none;
}

#AGBUnlockCell label {
    vertical-align: top;
    margin-bottom:15px;
}
/*button color*/
.btn {
    margin-bottom: 2px;
    min-width: 81px;
    font-weight: 700;
}
.btn[title="Select"], .btn[title="Unselect"], .dropdown-toggle {
    min-width: 25px;
}
.btn-success {
    background-color: #009444;
}
.btn.btn-success:hover {
    background-color: #8DC63F;
}
.btn.btn-success[disabled]:hover {
    background-color: #D3D3D3;
}
.btn-primary {
    background-color: #327ab7;
}
.btn.btn-primary:hover {
    background-color: #54A4D1;
}
.btn.btn-primary[disabled]:hover {
    background-color: #D3D3D3;
}
/*.btn-primary {
    background-color:#064771;    
}*/

#CustomForm2
{                	
	border:1px solid #a5a38d;
	color:Black;
	background-color:#fbfaf5;
}

#CustomForm2 legend
{
	font-weight:bold;
	font-size:11px;
}


#CustomForm2 ol
{	
	margin:0;
	padding:5px 5px 5px 5px;
}

#CustomForm2 li
{
	list-style:none;
	padding:2px;                	
}

#DisapproveForm
{                	
	border:1px;
	color:Black;
	background-color:#e4f2f5;
}


#DisapproveForm legend
{
	font-weight:bold;
	font-size:11px;
}


#DisapproveForm ol
{	
	margin:0;
	padding:5px 5px 5px 5px;
}

#DisapproveForm li
{
	list-style:none;
	padding:2px;                	
}

#DECustomForm
{                	
	border:1px solid #a5a38d !important;
	color:Black;
	background-color:#fbfaf5;
    margin-top:10px;
	padding-left:10px;
    padding-bottom:10px;
}

#DECustomForm legend
{
	font-weight:bold;
	font-size:11px;
    border-bottom:none;
    width:auto;
}

#DECustomForm ol
{	
	margin:0;
	padding:5px 5px 5px 5px;
}


#DECustomForm ol.sectionH {
    padding: 5px 20px;
}

#DECustomForm li
{
	list-style:none;
	padding:2px;               	
	font-weight:normal;
    overflow:hidden;
}

#DECustomForm label
{
    display:inline-block;
    /*width:350px;*/
    font-weight:normal;
    margin:5px 0;
}



#DECustomForm input,select
{
    display:inline-block;
    margin:2px 5px 2px 0;
    vertical-align:middle;
    /*min-width:60px;*/
}

#AnnounceForm
{                	
	border:1px solid #a5a38d;
	color:Black;
	background-color:#fbfaf5;
	padding-left:10px;
    padding-bottom:10px;
}

#AnnounceForm ol
{	
	margin:0;
	padding:5px 5px 5px 5px;
}

#AnnounceForm li
{
	padding:2px;                	
}

#DataForm
{                	
	border:1px;
	color:Black;
	background-color:#fbfaf5;
	padding-left:0;
	padding-right:0;
    padding-bottom:0;
	padding-top:0;
}

ol.defaultLbl label
{
    width:450px;
    padding-bottom:2px;
} 

ol.SmLbl label
{
    width:420px;
} 

ol.SmlrLbl label
{
    width:300px;
}

ol.LgLbl label
{
    width:530px;
}

ol.MedLgLbl label
{
    width:490px;
}

ol.VSmlLbl label
{
    width:275px;
} 

li.LgrSelect select
{
    width:600px;
}

li.LgSelect select
{
    width:500px;
}

li.MedSelect select
{
    width:350px;
}
li.MedSelect label
{
    width:348px;
}

li.SmSelect select
{
    width:140px;
}

li.SmFont 
{
    font-size:9px;
}

li.CType
{
    margin-left:270px;
}
#DECustomForm hr {
    border:1px solid #cccccc;
    margin:15px;
    clear:both;
}

.headerUserInfo {
    color: #000099;
    /*font-size: .8em;*/
}

#DECustomForm div.subq {

    padding-left:45px;

}
#DECustomForm div.clearfix {
    margin-bottom:15px;
}#RcdMgmt1 label
{
    text-align:left;
    width:350px;
    
}
#RcdMgmt1 select {
    width: 165px;
}

#FuncFeel label 
{
    width: 530px;
}

#FuncFeel select
{
    width:135px;
}

#FuncOHR label
{
    width:420px;
}

#FuncOHR select
{
    width:135px;
}

#CEduLbl label
{
    width:475px;
}

#CEduLbl1 label
{
    width:330px;
    
} 
#CEduLbl1 li
{
    display:inline;
}

#CFuncInfoLbl label
{
    width:580px;
} 

#cfuncGaf label
{
    width:310px;
}

#funcGaf label
{
    width:310px;
}

#CFunc3SubQ1 label
{
    padding-left:10px;
    width:490px;
    vertical-align:middle;
} 

#CFunc3SubQ2 label
{
    padding-left:10px;
    width:485px;
}

#AFunc3SubQ1 label
{
    padding-left:10px;
} 

#AFunc3SubQ2 label
{
    padding-left:10px;
    width:525px;
}

#CFunc3Other label
{
    width:200px;
} 

#CFunc3Other input
{
    width:271px;
}

#AFunc3Other label
{
    width:200px;
} 

#AFunc3Other input
{
    width:311px;
}

#SInH input
{
    width:50px;
} 

#SInH label
{
    width:510px;
}


#EnE label
{
    width:280px;
}

#LivSat label 
{
    width:510px;
}

#LivSat select
{
    width:135px;
}

#FuncMHC label 
{
    width:420px;
}

#FuncMHC select
{
    width:135px;
}

#Func label
{
    width:420px;
} 

/*#Func select
{
    width:135px;
}*/

#AgreeDisagreeLbl label
{
    width:580px;
} 

#PercpCare label
{
    width:575px;
} 

#PercpCare select
{
    width:140px;
} 

#LblReassessment label
{
    width:450px;
}

#Ethnicity label
{
    width:200px;
}

#Ethnicity div.subq label, #race div.subq label {
    width: 100%;
    display: inline;
}

#Race label
{
    width:200px;
    vertical-align:middle;
}

#BirthDate input
{
    width:40px;
}

#BirthDate label
{
    width:370px;
}

#SvcsRcvdLabel li
{
    display:inline;
}

#SvcsRcvdLabel1 li
{
    display:inline;
}

#SvcsRcvdLabel2 li
{
    display:inline;
}

#SvcsRcvdMAITCELabel li
{
    display:inline;
}

#SvcsRecd label
{
    width:250px;
}

#SvcsRecd1 label
{
    width:300px;
}

#SvcsRecd2 label
{
    width:300px;
}

#SvcsRecd1 h5, #SvcsRecd2 h5 {
    font-size: .9em;
    font-weight: bold;
}

#SvcsRecd input
{
    width:50px;
}

#SvcsRecd1 input
{
    width:150px;
}

#SvcsRecd2 input
{
    width:150px;
}

#errorSummary
{
    display: none;
    margin-top:7px;
    background-color:#FFFF99;
    width:100%;
    text-align:center; /*center error message*/
}

strong.newnote {
    color: #C00000;
    font-size:1.05em;
}

/*change error bg color*/
/*#errorSummary span, #errorSummary div {
    background-color:#FFFF99;
}*/

/*move breadcrumb*/
#breadCrumbHeader, #pageHeaderTitle {
    float: left;
    margin-left: -177px;
    max-width: 450px;
}

.GridHeader
{
    background-color:#0E628C; /*change table bg color*/
}

.GridHeader a
{
    color:White;
}
.GridHeader th
{
    text-align:left;
    color:White;
}
/*change table border*/
.GridItem
{
    background-color: white;
    overflow:auto;    
    border:1px solid #B3B3B3;
    border-collapse:collapse;
    width:790px;
    font-family:Arial;
}

.GridItem td
{
    padding:0 3px 0 3px;   
}

.GridItem th {
    color:white;
    background-color:#0E628C;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #B3B3B3;
    vertical-align:middle;
}
table th,table td {
    border:1px solid #B3B3B3;
}
.LongWord
{
    word-wrap:break-word;
    word-break:break-all;
}

/*change alt row bg color*/
.GridAltItem
{
    background-color:#BDCCD4;        
}
.GridAltItem:not(.removeHover):hover {
    background-color: #D5DEE2;
}
.GridHeaderLabel
{
    color:#31417c;
    font-size:1.5em;
    text-align:left;
    font-weight:normal;
}
.required 
{
    background-color: #ffff99;
}

.error 
{
    background-color : #f2dede;
    border: 2px solid #a94442;
}
.alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.errorTitle {
    margin-bottom: 5px;
}

.ro {
  background-color : #e3e3e3;
  }
 
  .default
{
    background-color:#FFFFFF;
}

.smallBR 
{
	line-height:0;
}

#context
{
    width:778px;
    text-align:left;
    font-size:0.8em;
    margin:5px 0;
}

#contextIPP
{
    display:inline-block;
    width:778px;
    text-align:left;
    font-size:0.8em;
}

.GridHeaderInd
{
    background-color:#a5a38d;
}

.GridHeaderInd a
{
    color:White;
}
.GridHeaderInd th
{
    color:White;
}

.BlackLnkBtn 
 { 
    color:Black; 
    text-decoration:none; 
    cursor:default; 
 }

.YearMoverList
{
    position:relative;
    font-size:1.1em;
    font-weight:bold;
    list-style: none;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}
    .YearMoverList li {
        display: inline-block;
        padding: 6px 12px;
        text-align: center;
        font-weight: bold;
    }

        .YearMoverList li:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
            cursor: pointer;
        }

    .YearMoverList li:nth-child(1), .YearMoverList li:nth-child(2) {
        width: 33%;
        border-right: 1px solid #ccc;
    }
    .YearMoverList li:nth-child(3) {
        width: 34%;
    }

.addUnderline {
    text-decoration: underline;
}

/*change button style*/
input[value="Print"], input[value="Cancel"], input[value="Finish"], input[value='Submit'], input[value='Update'] {
    border: none;
    background: none;
    color: #000000;
    padding-left: 6px;
    padding-right: 6px;
    min-width: 25px;
    font-weight: normal;
}
input[value="Print"]:hover, input[value="Cancel"]:hover, input[value="Finish"]:hover, input[value='Submit']:hover, input[value='Update']:hover {
    text-decoration: underline;
    border: none;
    background: none;
    color: #000000;
}
input[value="Print"].disabled:hover, input[value="Cancel"].disabled:hover, input[value="Finish"].disabled:hover, input[value='Submit'].disabled:hover, input[value='Update'].disabled:hover {
    border: none;
    background: none;
}
.pipeDivider {
    margin-right: 11px;
}
.fa-print, .fa-times, .fa-check {
    font-size: 20px;
}

.fa-info-circle, .fa-times-circle, .fa-home {
    margin-right: 5px;
}

/*style form print page*/
@media print {
    #sideNav, #pageHeader, #breadCrumbHeader, #validationMessage, #color_blocks, #newBanner, .topBar {
        display: none;
    }

    #textContent {
        margin-left: 85px;
    }
}
/*landing page*/
.cmhsLanding {
    width: 90%;
    padding: 5px 20px;
}
.cmhsLanding a {
    color: #4169e1;
}

.landingPadding {
    margin-top: 50px;
}

.fa-info-circle {
    font-size: 16px;
}