/* REPORT CARD */

/*@import url("globalcss/global.css");*/

body {background-image: url(/inc/html/ipro/haf/body-bg.jpg); color: #000000; margin: 0; padding: 0; font-size: small;}

div { font-family: Arial, sans-serif;}

p {margin: 0; padding: 0; margin-bottom: 10px;}

h1, h2, h3, h4, h5, h6 {white-space: normal; font-family: Arial, sans-serif; margin:0; background: transparent; margin-top: 0em; margin-bottom: 0em;}

h1 {color:#820A0C; font-size: medium;  border-width: 0 0 1px 0; border-style: dotted; border-color: #820A0C; font-weight: bold; margin:10px 0px 10px 0px;}

h2 {color:#820A0C; font-size: medium; font-weight: bold; margin-bottom: 5px;}

h3 {color:#820A0C; font-size: medium; }

h4 {color:#820A0C; font-size: small;font-weight: bold;margin:0 0 3px 0}

h5 {color:#820A0C; font-size: x-small;}

h6 {color:#820A0C; font-size: xx-small;}

h7 {color:#820A0C; font-size: small;font-weight: bold;margin:0 0 3px 0;	border-bottom: 1px solid #666699;}

.site {
    width: 760px;
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -380px;
    padding: 0px;
    background: #FFFFFF;
}

#help {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    width: 180px;
    height: 60px;
}

#help img{
    border: 0px;
}

.rc-county {
    float: left;
    position: relative;
    font-size: small;
    font-family: arial;
    color: #000000;
    margin: 5px 5px 5px 5px;
    padding: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
}

.rc-hmo{
    position: relative;
    float: left;
    font-size: small;
    font-family: arial;
    color: #000000;
    margin: 5px 5px 5px 5px;
    padding: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
}

.rc-hmo img{
    vertical-align: middle;
    margin: 10px 0 0 0;
}

.rc-hmo input, .rc-measure input{
    color:#000000;
    border: 0;
    margin: 0px;
    background: transparent;
    vertical-align: middle;
}

.selecthmo{
    padding: 0;
    margin: 0;
    border: 0;
}

#content img {
    margin-right: 15px;
    margin-left: 15px;
}

.selecthmo img{
    Margin: 0px;
    background: transparent;
    vertical-align: middle;
}

.rc-measure {
    font-size: small;
    font-family: arial;
    color: #000000;
    margin: 5px 10px 10px 10px;
    padding: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
 }

.trenddata,.measuredescription  {
    font-size: small;
    font-family: arial;
    color: #000000;
    padding: 5px;
    margin: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
 }

#footnotes {
    font-size: x-small;
    font-family: arial;
    color: #000000;
    text-align: left;
    padding: 5px;
    margin: 0 0 0 0;
    border-style: solid;
    border-color: #000000;
    border-width: 0px;
    background: #fff;
    line-height: 14pt;
    clear:both;
 }

#footnotes img {
    margin:2px;
    vertical-align: middle;
}

.rc-hmoinfo {
    width: 250px;
    font-size: small;
    font-family: arial;
    margin: 2px;
    color: #000000;
    padding: 2px;
    border-style: dotted;
    border-color: #333333;
    border-width: 1px;
    font-weight: normal;
    background: transparent;
}

#largetext.rc-hmoinfo {
    width: auto;
    margin: 10px;
    text-align: justify;
}

#rc-top-art {
    width: 760px;
    height: 89px;
    margin: 0;
    border: 0;
}

#rc-top-1 {
    margin: 0;
    height: 89px;
    border: 0px;
}

#rc-top-1 img{
    height: 89px;
    border: 0;
    margin: 0;
}

.h-graph{
    color: #000000;
    background: #ffffff;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    padding:0;
    margin:0;
}

.graph-default{
    border-style: solid;
    border-color: #FF9B04;
    border-width: 1px;
    padding:0;
    margin:0;
}

.graph-average{
    border-style: solid;
    border-color: #8B9EBC;
    border-width: 1px;
    padding: 0px;
    margin:0;
}

fieldset {
    margin: 0;
    border: none;
    border-left: 0;
    padding: 0;
}

label {
    margin:0;
    border: 0;
}

legend {
    margin: 0;
    font-weight: bold;
    font-size: small;
    font-family: tahoma;
    color: #000000;
    background-color: transparent;
}

.measurename {
    font-style: italic;
    font-weight: bold;
}

.overalltrend {
    font-weight: bold;
    border-style: dotted;
    border-color: #8B9EBC;
    border-width: 1px;]
    padding: 1px;
}

.overalltrend img{
    vertical-align: middle;
}

.step1,.step2{
    margin: 0 0 0 10px;
    height: 35px;
    width: 250px;
}

.step3{
    margin: 0 0 0 10px;
    height: 35px;
    width: 300px;
}

.comparebutton {
    color: #000000;
    background: #FFDB6F;
    padding: 8px 8px 8px 8px;
    font-size: large;
    cursor: pointer;
    margin: 10px 10px 10px 10px;
    font-weight: bold;
}

.legendsubtext{
    width: 380px;
}

br {
    clear: left;
}

.everyothertr{
    background-color: #FFEECC;

}

.averagetr{
    background-color: #8B9EBC;
    color: #ffffff;
}

.datadisplay {
    clear: both;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 10px;
}

.ratingdata {
    clear: left;
    float: left;
    font-size: small;
    font-family: arial;
    color: #000000;
    padding: 5px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
    width: 350px;
}

.textdata {
    font-size: small;
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    padding: 5px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
    margin-left: 370px;
}

.headerlink div, .trendback {
    color: #000000;
    font-size: x-small;
    font-family: arial;
    /* border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background: #FFDB6F;*/
    vertical-align: middle;
}

.trendback {
    margin: 10px;
}

.headerlink div a, .trendback a {
    color: #000000;
    font-weight: normal;
    background-color: transparent;
}

.headerlink div a:hover, .trendback a:hover {
    color: #6b6b6b;
    background-color: transparent;
 }

.headerlink div img, .trendback img {
    border: 0;
    margin: 2px;
    vertical-align: middle;
 }

.headerlink {
    clear: left;
    margin-top: 10px;
    width: 100%;
}

.headerlink div {
    float: left;
}

.headerlinkleft, .headerlinkright {
    width: 39%;
}

.headerlinkcenter {
    width: 15%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
}

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

#measuredescription {
    margin-top: 10px;
    margin-bottom: 10px;
}

.trendpercent {
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}

.trendyears {
    text-align: center;
}

.trenddata table {
     text-align:left;
}

.trenddata table tr {
    vertical-align:top;
}

.trendrange {
    text-align: center;
    border: 1px dotted #8B9EBC;
}


.mainmenu_step_current {
    white-space: normal;
    font-family: Tahoma, gadget, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #000000;
}

.mainmenu_step_past {
    white-space: normal;
    font-family: Tahoma, gadget, sans-serif;
    font-size: small;
    color: #000000;
}

.measures_list_container {
    position: relative
}

.mainmenu_step_future {
    white-space: normal;
    font-family: Tahoma, gadget, sans-serif;
    font-size: small;
    color: #ababab;
}

.mainmenu_step_heading {
    font-size: medium;
    font-weight: bold;
}

#measures_list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
}

#compare_county_select {
    visibility: hidden;
}

.mainmenu_error {
    color: red;
    font-weight: bold;
}

.group_compare_table {
    padding: 0px;
    border-spacing: 0px;
    font-size: small;
    font-family: arial;
    color: #000000;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #fff;
}

.group_compare_table th, .group_compare_table td {
    clear: both;
    border-left: solid 1px #bbbbbb;
}

.group_compare_table th {
    background: #ECE1D9;
    vertical-align: top;
    border-bottom: solid 1px #bbbbbb;
    font-weight: normal;
    text-align: left;
    font-size: .9em;
}

.group_compare_table th.firstcol {
    border-left: none;
    padding: 3px
}
 
.group_compare_table th.sorted_on {
    background: #7899A0;
    border-style: solid;
    border-width: 1px 2px 0px 2px;
    border-color: #000;
    font-weight: bold;
    color: #fff;
    font-size: .9em;
 }

.group_compare_table td {
    text-align: center;
    padding: 5px;
}

.group_compare_table td.firstcol {
    text-align: left;
    font-size: .8em;
}

.group_compare_table td.emptycell {
    background: #666666;
}

.group_compare_table tr td{
    background: #f2f9ff;
}

.group_compare_table tr.erow td{
    background: #fff;
}

.group_compare_table td.sorted_on {
    background: #fff;
    border-style: solid;
    border-width: 1px 2px 0px 2px;
    border-color: #000;
}

.group_compare_table tr.erow td.sorted_on {
    background: #D4C2B5;
}

.group_compare_table span.sort_link {
    float: left;
    Text-align: left;
    position: relative;
    left: 3px;
    font-size: x-small;
    font-weight: normal;
}

.group_compare_table span.measure_trend_link {
    float: right;
    text-align: right;
    position: relative;
    left: -3px;
    font-size: x-small;
    font-weight: normal;
}

.entity_info_table {
    padding: 0px;
    border-spacing: 0px;
    margin-left: 0px;
    margin-right: 2%;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: small;
    font-family: arial;
    color: #000000;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    background: #FFFCEE;
}

.entity_info_table th, .entity_info_table td {
    clear: both;
    border-left: solid 1px #bbbbbb;
}

.entity_info_table th {
    background: #cccccc;
}

.entity_info_table th.firstcol {
    border-left: none;
    padding: 3px
}
 
.entity_info_table th.sorted_on {
    background: #999999;
}

.entity_info_table td.emptycell {
    background: #666666;
}

.entity_info_table tr.erow td{
    background: #FFEECC;
}

.entity_info_table td.sorted_on {
    background: #cccccc;
}

.entity_info_table tr.erow td.sorted_on {
    background: #EEDDBB;
}

.entity_info_table span.sort_link {
    float: left;
    text-align: left;
    position: relative;
    left: 3px;
    font-size: x-small;
    font-weight: normal;
}

.entity_info_table span.measure_trend_link {
    float: right;
    text-align: right;
    position: relative;
    left: -3px;
    font-size: x-small;
    font-weight: normal;
}

.errormsg {
    color: red;
    font-weight: bold;
}

.entity_info_display {
    margin: 0px;
    font-size: small;
}

.entity_info_table .title th {
    background: #4D919A;
    color: #fff;
    border-bottom: solid 1px black;
}

#datatable {
    width: 100%;
}

/* AJAX - BEGIN */
#popup {
    position: absolute;
    z-index: 100;
    display: none;
}

#popup-header-image {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-header.png);
    width:250px;
    height:20px;
}

#popup-title-image {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-title.png);
    width:250px;
}

#popup-arrow-image-left-down {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-pointer-left-down.png);
    width: 55px;
    height: 101px;
    top: 40px;
    left: -44px;
    position:absolute;
    z-index: 500;
}

#popup-arrow-image-right-down {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-pointer-right-down.png);
    width: 55px;
    height: 101px;
    top: 40px;
    left: 235px;
    position:absolute;
    z-index: 500;
}

#popup-arrow-image-left-up {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-pointer-left-up.png);
    width: 55px;
    height: 101px;
    top: 50px;
    left: -44px;
    position:absolute;
    z-index: 500;
}

#popup-arrow-image-right-up {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-pointer-right-up.png);
    width: 55px;
    height: 101px;
    top: 50px;
    left: 232px;
    position:absolute;
    z-index: 500;
}

#popup-description-image {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-body.png);
    width:250px;
}

#popup-footer-image {
    background-image: url(http://www2.nyshaf.org/hmorc2006/new2/pix/popup-footer.png);
    width:250px;
    height:27px;
}



#popup-title {
    padding: 0px 15px 2px 25px;
}

#popup-title-close {
    color:#000;
    position:absolute;
    left:190px;
}

#popup-read-more {
    position: absolute;
}

#popup-title-term {
    color: #000;
    width: 150px;
}

#popup-description {
    padding: 5px 25px 20px 25px;
}

.popup-link {
    cursor: pointer;
    text-decoration: underline;
}

/* AJAX - END */
#left-column {
    float:left;
    margin-left: 0px;
    margin-right: 2px;
    margin-top: 2px;
}

#right-column {
    float: left;
    width: 637px;
    margin-top: 2px;
}

#info-panel {
    width: 637px;
}

.compare-table {
    clear: both;
    width: 100%;
    margin-top: 2px;
}

/* MENU - BEGIN */
#navcontainer {
    width: 156px;
    border-right: 1px solid #F2F9FF;
    border-bottom: 5px solid #7899A0;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 1px;
    /*font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;*/
    background-color: #fff;
    color: #333;
}

#navcontainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

#navcontainer li {
    border-bottom: 1px solid #F2F9FF;
    margin: 0;
    list-style: none;
}

#navcontainer li a {
    display: block;
    padding: 2px 0px 2px 3px;
    border-left: 7px solid #235D6A;
    /*border-right: .7em solid #D9BC34;*/
    background-color: #ECE1D9;
    color: #000;
    text-decoration: none;
    width: 146px;
    font-size: 10px;
}

#navcontainer li a#current {
    font-weight: bold;
}

#navcontainer li a#menucurrentpage {
    background: #D5B69E;
    border-left-color: #820A0C;
    font-weight: bold;
    font-size: 11px;
}

#navcontainer li.menu-heading {
    display: block;
    padding: 3px 3px 4px 3px;
    /*border-left: .7em solid #D9BC34;*/
    /*border-right: .7em solid #D9BC34;*/
    background-color: #7899A0;
    color: #fff;
    text-decoration: none;
    width: 150px;
    list-style: none;
    font-weight: bold;
    font-size: 12px;
}

#navcontainer li a:hover {
    border-left-color: #820A0C;
    /*border-right-color: #5ba3e0;*/
    background-color: #D5B69E;
    color: #000;
}

#navcontainer li a#subcurrent {
    border-left-color: #666699;
    /*border-right-color: #5ba3e0;*/
    background-color: #D5B69E;
    color: #000;
    font-weight: bold;
}

#navcontainer li li {
    border-top: 1px solid #F2F9FF;
    border-bottom: 0;
    margin: 0;
    list-style: none;
}

#navcontainer li li a {
    padding: 2px 1px 2px 10px;
    background-color: #F6EFE9;
    width: 138px;
    font-weight: normal;
}

#navcontainer li li li a {
    padding: 3px .5em 3px 1.9em;
    background-color: #F6EFE9;
    width: 125px;
}

#navcontainer li li li a#menucurrentpage {
    width: 122px;
}

/* MENU - END */
.small {
    font-size: .7em;
}



#county_change {
    display: inline;
}

.location {
    background-color: #ECE1D9;
    padding: 0px 0px 0px 10px;
    width: 750px;
    color: #000000;
    height: 32px;
}

.loc-drop {
    padding-top: 5px;
}

.view-legend {
    float: right;
}

.view-legend a, .view-legend a:visited {
    display: block;
    font-weight: bold;
    font-size: .9em;
    margin-top: 16px;
    width: 232px;
    background-color: #FFFFFF;
    text-align: right;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #7899A0;
    color: #235D6A;
    text-decoration: none;
}

.view-legend a:hover {
    display: block;
    font-weight: bold;
    font-size: .9em;
    margin-top: 16px;
    width: 231px;
    background-color: #7899A0;
    text-align: right;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #7899A0;
    color: #fff;
    text-decoration: none;
}

.view-legend img{
    border: 0;
}

#footer {
    text-align: center;
    font-size: 12px;
    clear: both;
    background: #ECE2D9;
    padding-top: 5px;
    height: 100px;
}

.newsattribution {
    color: #808080;
    vertical-align: middle;
    font-weight: normal;
    font-size: xx-small;
    border-width: 1px 0px 1px 0px;
    border-style: dotted;
    border-color: #999999;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 3px;
    padding-bottom: 2px;
    text-align: justify;
}

.topnav {
    width: 760px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    height: 36px;
}

.topnav img {
    float: left;
}



.topnav a, #topnav a:visited {
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 12px 0 0 0;
    text-decoration: none;
    width: 140px;
    height: 24px;
}

.topnav .menu1 {
    background-image: url(/inc/html/ipro/haf/menu1.jpg);
}

.topnav .menu1:hover {
    background-image: url(/inc/html/ipro/haf/menu1-on.jpg);
    color: #000;
}

.topnav .menu2 {
    background-image: url(/inc/html/ipro/haf/menu1.jpg);
}

.topnav .menu2:hover {
    background-image: url(/inc/html/ipro/haf/menu2-on.jpg);
    color: #000;
}

.topnav .menu3 {
    background-image: url(/inc/html/ipro/haf/menu3.jpg);
}

.topnav .menu3:hover {
    background-image: url(/inc/html/ipro/haf/menu3-on.jpg);
    color: #000;
}

.topnav .menu4 {
    background-image: url(/inc/html/ipro/haf/menu4.jpg);
}

.topnav .menu4:hover {
    background-image: url(/inc/html/ipro/haf/menu4-on.jpg);
    color: #000;
}

#selected {
    background-image: url(/inc/html/ipro/haf/menu1-on.jpg);
    color: #000;
}

.topnav a#current {
    font-weight: bold;
}



#content {
    float: left;
    width: 568px;
    padding: 0px 15px 15px 15px;
}

.tools, .contact-buttons {
    width: 150px;
    margin: 10px 0px 0px 5px;
}

.contact-buttons {
    float: right;
}

.tools a, .contact-buttons a {
    font-size: x-small;
    font-family: Tahoma, gadget, sans-serif;
    text-align: left;
    display: block;
    margin: 2px;
    text-decoration: none;
    padding: 2px 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-weight: normal;
    color: #000000;
    background: #FFFFFF;
    vertical-align: middle;
}

.tools a:hover, .contact-buttons a:hover {
    background: #D5B69E;
}

.tools ul, .contact-buttons ul {
    padding: 0px;
    margin: 0px;
}

.tools li, .contact-buttons li {
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 0px;
}



.searchfield {
    border-style: solid;
    border-width: 0px;
    padding-top: 4px;
    padding-right: 2px;
    color: #000000;
    background: transparent;
    font-size: x-small;
}

#topsearchfield {
    text-align: right;
    padding-top: 3px;
}

.searchfield a {
    font-size: x-small;
    font-weight: bold;
    padding-right: 4px;

}

.searchfield a:hover {
    text-decoration: none;
}

.searchfield legend {
    display: none;
}

.searchfield input, select {
    font-size: x-small;
    border: 1px solid #000000;
    vertical-align: middle;
}

.searchfield input {
    margin-right: 2px;
}

.searchfield form {
    margin-bottom: 0px;
}

.breadcrumb {
    font-size: xx-small;
    margin-top: 5px;
}

.breadcrumb p {
    margin: 0px;
    font-size: xx-small;
}

.home-headlines {
    padding: 1px;
    margin-top: 10px;
    border-style: solid;
    border-color: #820A0C;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    vertical-align: middle;
    font-weight: bold;
}

.home-news {
    margin: 0px;
    padding: 10px;
    border-style: dashed;
    border-color: #820A0C;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    vertical-align: top;
}

.home-news p {
    margin: 0px;
}

.home-news img {
    border-style: none;
    margin-right: 5px;
}

.inlinequicklinks {
    font-size: small;
    font-weight: bold;
    margin-top: 5px;
}

/* DEFAULT MAILFORM STYLE */

.mailform fieldset {
    border-style: solid;
    border-width: 0px;
}

.mailform fieldset legend {
    display: none;
}

.mailform fieldset fieldset legend {
    display: block;
}

.mailform_radio_wrapper legend {
    margin-left:69%;
}

.mailform_text_wrapper, .mailform_submit_wrapper, .mailform_textarea_wrapper, .mailform_select_wrapper, .mailform_checkbox_wrapper, .mailform_radio_wrapper, .mailform_multiple_wrapper {
    padding-top: 10px;
    clear:both;
}

.mailform_textarea_wrapper, .mailform_submit_wrapper {
    text-align: center;
}

.mailform_text_wrapper label, .mailform_select_wrapper label, .mailform_multiple_wrapper {
    float: left;
    width: 49%;
    text-align: right;
    margin-right: 5px;
}

.mailform_textarea_wrapper label {
    display: block;    
}

.mailform_textarea_wrapper label{
    padding-bottom: 2px;
}

.mailform_text_wrapper input {
    border: 1px solid;
}

.mailform_textarea, .mailform_button {
    border: 1px solid;
}

/*.mailform_radio_wrapper div, */
.mailform_checkbox_wrapper div {
    margin-left: 50%;
}

/* END DEFAULT MAILFORM STYLE */


.contactform {
    border-style: solid;
    border-width: 0px;
    text-align: center;
}

.contactform legend {
    display: none;
}

.contactform input, select {
    border: 1px solid #000000;
    vertical-align: middle;
}

.contactform .input_box {
    width: 245px;
    text-align: right;
    margin: auto;
}

.searchresults {
    padding-top: 8px;
}

.table-style {
    border-style: solid;
    border-width: 1px;
    width:100%;
}

.table-style th {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    background: #CCCCCC;
    color:#000000;
}

.table-style td {
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    padding:5px;
}

#banners {
    margin-left: 6px;
}