﻿/* CSS For HEAS Application Web App */

ins {text-decoration: none;}

del {text-decoration: line-through;}

#HEASMain fieldset {
    position: relative;
    max-width: 100%;
    width: auto;
    padding: 10px;
    margin-bottom: 1.625em;
    background: #dddddd; 
    text-align:left;
}

ul, ol 
{
    margin: 0 0 1.625em 1.625em;
    text-align:left;
}

ul {list-style: square; padding: 0 0 0 1em;}

#HEASMain p 
{
    padding:0px 10px;
    margin-bottom: 1.625em;
}

#HEASMain legend {
    font-weight: bold;
    padding: 20px 0px 0px 0px;
}

#marital 
{
    padding:0px 10px;  
    text-align:left;
}

#HEASMain 
{
    background-color:White;
    padding: 10px 30px;
    line-height:1.625em;
}

#HEASMain p 
{
    line-height:1.625em;
    text-align:left;
}

#HEASMain label 
{
    float:none;
    width:auto;
    text-align:right;
    font-weight:normal;
}

#HEASMain span
{
    text-align:left;
}
    

/* Tabular Display */

table {border-collapse: collapse; border-spacing: 0;}

table{margin-bottom: 1.625em; width: auto;}

table table,table table table{margin-bottom: 0; width: auto;}

th {
    padding: 10px 5px;
    background:#D3D3D3;
    color:black;
    text-align: left;
}

th a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5px;  
}

th a:hover{text-decoration: underline;}

tr.alt,tr.alt td{background: #dddddd;}

#HEASMain td
{
    text-align:left;
    padding: 5px 5px 5px 5px;
}

#HEASMain .form-table{}

#HEASMain .form-table input[type="text"],.form-table input.text{margin: 0;}

#HEASMain .questionaire td {padding:  0.825em 0.3;}

#HEASMain td.number {padding: 0 1.625em;}

td.bitradio {width:100px; vertical-align: top;}

td.bitradio-required {width:200px; vertical-align: top;}

td.indent 
{
    padding-left: 10px;
}

#HEASMain td.applicantInfo
{
    padding-left: 10px;
}


#HEASMain input[type=text]
{
}


/*=Global Classes
************************************************************/

/* Next Button */

.button-next {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e1a301), color-stop(1, #fbbd1b) );
	background:-moz-linear-gradient( center top, #e1a301 5%, #fbbd1b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a301', endColorstr='#fbbd1b');
	background-color:#e1a301;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	padding: 0px 10px;
	min-width:86px;
	
}
.button-next:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbbd1b), color-stop(1, #e1a301) );
	background:-moz-linear-gradient( center top, #fbbd1b 5%, #e1a301 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbd1b', endColorstr='#e1a301');
	background-color:#fbbd1b;
}.button-next:active {
	position:relative;
	top:1px;
}


/* Back Button */

.button-previous {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e1a301), color-stop(1, #fbbd1b) );
	background:-moz-linear-gradient( center top, #e1a301 5%, #fbbd1b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a301', endColorstr='#fbbd1b');
	background-color:#e1a301;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	padding: 0px 10px;
	min-width:86px;
}
.button-previous:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbbd1b), color-stop(1, #e1a301) );
	background:-moz-linear-gradient( center top, #fbbd1b 5%, #e1a301 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbd1b', endColorstr='#e1a301');
	background-color:#fbbd1b;
}.button-previous:active {
	position:relative;
	top:1px;
}
    
/*
.button-next,
.button-previous {
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    height: 32px;
    padding: 0;
    line-height: 32px;
    width: 55px;
    overflow: visible;
    display: block;
    zoom: 1; 
}
*/

.notice {
    width: auto;
    padding: 10px;
    border: solid 1px #f4db1a;
    background: #fffed0;
    margin-bottom: 1.625em;
}

.error {
    width: 100%;
    clear: both;
    padding: 10px;
    border: solid 1px #ff5656;
    background: #ffaaaa;
    color: #ff0000;
    margin-bottom: 1.625em;
    
}

.error ul {
    padding: 0 1.625em;
    margin: 0;
}

.error-text{color: #ff0000;}

.strong{font-weight: bold;}

.mb
{
    margin-bottom: 1.625em;
    text-align:left;
    padding: 0px 10px;
}

.mb0{margin-bottom: 0;}

.alignleft{clear: none; float: left;}

.alignright{clear: none;float: right;}

.clear {
    clear: both;
    display: block;
    float: none;
    height: 0;
    width: 0;    
}

.hidden{display:none;}
.FilingPeriodMessage{text-align:left;font-size:1em;}

.gridview caption {
	text-align: left;
	font-weight: bold;
	font-size: larger;
	padding: 2px;
	background-color: green;
}
