/*-- #doc4 = 974px width, centered */
#doc4
{	
	margin: auto;
	text-align: left;
	width: 74.923em; *width:73.05em;
}
#hd
{
	background: url('../images/slc-banner.gif') no-repeat;
	/* background: url('../images/slcgov-app-header.png') no-repeat; */
	min-height:75px;
}

#slcgov-app-header {
	background-image: url('../images/slcgov-app-header.png');
	width: 974px;
	height: 180px;
	position: relative;
}

h1#page-title {
	margin: 0;
	font-size: 2em;
	color: #FFF;
	position: absolute;
	right: 40px;
	bottom: 60px;
	text-shadow: 3px 3px 6px #000;
}

#app-title
{
	font-size:24px;
	float:right;
	width:320px;
	margin-top:35px;
}

#hd
{
	border-bottom:solid 1px gray;
	margin-bottom:1.30769em;
}

.clear
{
	clear:both;
}

#content
{
	width:100%;
	position:inherit;
}

fieldset
{
	border: 1;
}

legend
{
	/*font: bold 11px verdana, arial, sans-serif;
	color: #437FDC;*/
	font: italic bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6fff;/*#4f6b72;*/
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding:5px;
}

.instructiontext, .labeltext
{
	/*font: bold 11px verdana, arial, sans-serif;
	color: #546E95;*/
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}

.tableheadertext
{
	/*font: bold 12px verdana, arial, sans-serif;
	color: #546E95;*/
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.ErrorMessage
{
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: red;
}

.fieldsetContent
{
	padding:20px;
}

.RequiredFieldIndicator
{
	font: bold 12px verdana, arial, sans-serif;
	color: Red;
}

.tab1, .tab2
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6fff;/*#4f6b72;*/
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* tab navigation css */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #ABB4CC; /* #6c6 set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* #fff set border color to page background color */
background-color: #fff; /* #fff set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #437FDC; /* #000 set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ABB4CC; /* #6c6 set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #D1D9E5; /* #cfc set unselected tab background color as desired */
color: #546E95; /* #666 set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* ------------------ */

#ft
{
	 clear: both;
	 text-align:center;
	 margin-top:1.30769em;
	 border-top:solid 1px gray;
	 padding-top:0.30769em;
	 color:#ABB4CC;
	 font-size:12px;
}

#feedback
{
	float:right;
}

/* Ajax Element style */

.progress
{
    display: block;
    position:absolute;
    padding: 2px 3px;
    z-index: 5000;
}

.progBg
{
	background-image:url(../images/prog-bg.png);
}

.progress-container
{
	border: solid 1px #808080;
    border-width: 1px 0px;
}

.progress-header
{
	background: url(../images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}

.progress-body
{
	background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}


.alert-transparent
{
	background-image:url(../images/error-bg.png);
	visibility: hidden;
}

.error-container
{
	position: absolute; 
	width: 500px;
	padding: 0; 
	text-align: left;
	text-indent:5px;
	border: #000000 1px solid;
	background-color: white; 
	
}

#AlertMessage
{
	padding-top:5px;
	width: 450px;
}
#AlertButtons
{
	text-align:right;
	padding:5px;
}
#error-header
{
	background-color: red; 
	font-weight: bold; 
	color: white; 
	padding:5px;
}
.divResult
{
	width:20em;
	height:5em;
	border:outset 1px #ccc;
	padding:5px 0px 5px 5px;
	position: absolute; 
	right: 10px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#cccccc', EndColorStr='#FFFFFF');
	background-color:#cccccc;
}

#divResultHeader
{ 
	position:absolute;
	color:#6b696b;
	left:2px;
	top:2px; 
	width:99%;
	height:20px;
	font:bold 12px arial,sans-serif;
	margin:0px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#cccccc', EndColorStr='#FFFFFF');
	background-color:#cccccc;
}
#divResultMsg
{
	position:relative;
	margin:1px;
	padding:10px 5px;
	text-align:left;
	margin-top:5px;
}

.updateProgress {
    border-width:1px; 
    border-style:solid; 
    background-color:#E0FFFF; 
    position:absolute; 
    width:180px; 
    height:30px;  
    text-align:center;
    padding:13px; 
    filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
    
}
.updateProgressMessage {
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:medium;
    vertical-align: middle;
}