/*
    Document   : ie
    Created on : Feb 13, 2009, 11:24:34 AM
    Author     : israeljernigan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@charset "UTF-8";
.subpage_title{
    margin:8px 0 0 -20px;
}
a.button-submit_assessment {
background:transparent url(/dev/hra/images/pieces/button_assessment.png) no-repeat scroll left top;
display:block;
height:65px;
margin:0 0px 0 auto;
position:relative;
width:160px;
}
a.button-submit_assessment:hover {
background:transparent url(/dev/hra/images/pieces/button_assessment.png) no-repeat scroll left top;
background-position:0 -73px;
}
/*
HRA Choice home navigation
*/
.hra_choice{
position:relative;
width:100%;
height:71px;
}
.hra_choice.top{
border-top:1px solid #ece6d3;
}

.hra_choice img{
vertical-align:middle
}
.hra_choice .link{
float:left;
width:68%;
height:100%;
border-right:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #ece6d3;
background:#faf8f0 url(/hra/images/pieces/choice_link_bg.png) top right no-repeat;
}
.hra_choice .status{
float:left;
width:163px;
height:100%;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #ece6d3;
background:#f7f4e9 url(/hra/images/pieces/choice_status_bg.png) top right no-repeat;
}

.hra_choice a{
color:#471412;
text-decoration:none;
padding-bottom:4px;
line-height:64px;
font-size:14px;
border-bottom:1px solid #9f1c28;
}
.hra_choice .link img{
float:left;
padding:0 26px 0 12px;

}
.hra_choice .link .l_img{
float:none;
position:relative;
height:auto;
width:auto;
display: table-cell;
    vertical-align: middle;
}
.hra_choice .link a img{
padding:0px;
float:none;
vertical-align:middle;
margin-left:-18px;
}
.link .vert_mid{
position:relative;
height:64px;
width:auto;
display: table-cell;
    vertical-align: middle;

}
.link .vert_mid a{
line-height:26px;
}
.status {
position:relative;
}
.status .vert_mid{
position:relative;
height:71px;
width:163px;
display: table-cell;
    vertical-align: middle;
}

.status img{
display:block;
position:absolute;
left:12px;
top:25px;
}
.status .text{
font-size:12px;
display:block;
margin-left:auto;
margin-right:auto;
height:auto;
width:90px;
}

/*
Status messages box
*/
.status_mes{
display:block;
padding:6px 9px;
font-size:12px;
margin:12px 0;
line-height:21px;
}
.status_mes.green{
color:#255409;
border:1px solid #76a955;
background:#aee28e url(/hra/images/pieces/status_mes_green.png) bottom left repeat-x;
}
.status_mes.red{
color:#fff;
border:1px solid #a97155;
background:#a90000 url(/hra/images/pieces/status_mes_red.png?1) bottom left repeat-x;
}
.status_mes ul{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}

/*Assessment navigation*/
#assess_nav{
position:relative;
float:left;
height:100%;
width:193px;
}
#assess_nav ul,#assess_nav li{
padding:0;
margin:0;
list-style:none;
list-style-image:none;
}
#assess_nav ul{
width:174px;
}
/*vertical-alignment might not work in ie*/
#assess_nav li{
display:block;
float:left;
height:44px;
width:174px;
}

#assess_nav a{
display:table-cell;
height:100%;
width:163px;
height:44px;
padding-left:11px;
vertical-align:middle;
font-size:12px;
color:#410a10;
text-decoration:none;
border-top:1px solid #ccc3a6;
border-bottom:1px solid #fff;
background:#ece6d3 url(/hra/images/pieces/assess_nav_brown_bg.png) bottom right no-repeat;
}
#assess_nav a:hover{
color:#000;
}

#assess_nav .ass_nav_green{
color:#fff;
background:#7cbd55 url(/hra/images/pieces/assess_nav_green_bg.png) bottom right no-repeat;
}

#assess_nav .ass_nav_incomplete{
    color:#410A10 !important;
background:#faf8f0 url(/hra/images/pieces/assess_nav_incomplete_bg.png) bottom right no-repeat !important;
}

#assess_nav .ass_nav_current{
    color:#410A10 !important;
background:#faf8f0 url(/hra/images/pieces/assess_nav_current_bg.png) bottom right no-repeat !important;
}


#assess_nav .last{
border-bottom:1px solid #ccc3a6;
}

/*Progreess bar stuffs*/
#progress{
position:relative;
border-top:1px solid #ece6d3;
border-bottom:1px solid #ece6d3;
}
#progress .progress_title{
float:left;
}
#progress .indicator_container{
    float:left;
    position:relative;
    width:293px;
    margin:6px;
    padding:0px;
    border:1px solid #696969;
}
#progress .indicator{
display:block;
float:left;
margin:0px;
padding:0px;
width:16px;
height:16px;

background:transparent url(/hra/images/pieces/progress_bg_long.png) bottom left no-repeat;
}
#progress .indicator.green{
border:1px solid #65a140;
background:transparent url(/hra/images/pieces/progress_bg.png) bottom left no-repeat;
}


/*Override some main site css*/
#content.full_width{
margin-top:0px;
padding:0 40px 0 0;
background:transparent url(/hra/images/pieces/full_width2_bg.png) top left repeat-y;
float:left;
}
.content{
position:relative;
float:left;
width:425px;
background:#fff;
color:#410a10;
}
.content.auto{
    width:auto;
}
h4{
margin:12px 0;
}

.no_border{
    border:none;
}

.top_border{
   border-top:1px solid #ece6d3;
}

table td{
vertical-align:middle;
font-size:11px;
border-bottom:1px solid #d4d4d4;
padding:4px 0 4px 12px;
}

/*Won't work in ie6*/
table tr:hover{
background-color:#e0e7ef;
}

table tr tr:hover,table tr.no_hover{
background:none !important;
}

table tr.clean_hover:hover{
background:#e0e7ef !important;
}

table tr tr td{
border:none;
}

table.ex-rows thead,table.ex-rows tfoot{
background:#faf8f0;
font-size:9.5px;
}
table thead tr th,table tfoot tr th{
text-align:center;
padding:4px;
}

table.ex-rows td + td{
padding:4px;
}

/*
Form CSS
*/
form{
    color:#333;

}
form fieldset{
padding:0;
margin:4px 0 2em;
border:none;
border-top:1px solid #ECE6D3;
}
label
{
width: 4em;
float: left;
text-align: left;
padding:4px 0 4px 12px;
display: block
}
.full label{
font-size:12px;
width: 150px;
text-align:right;
clear:left;
padding:0 12px 0 0;
}
.full input[type=text],.full input[type=password]{
font-size:12px;
margin:0;
}
.full p{
    clear:left;
}
#content .nofloat{
    float:none;
}

/*if label inside a table don't doa bove stuff'*/
table label{
    width:auto;
    float:none;
    text-align:left;
    display:inline;
    padding:0;
}

label.radio_label{
    display:block;
    height:21px;
    line-height:normal;
    padding-top:5px;
    text-align:center;
    width:100%;
}

.button{
    margin:1em 0;
}
.button input{
    float:right;
}