/* 
    Document   : default
    Created on : Dec 16, 2008, 3:37:21 PM
    Author     : Russ
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    margin:0px;
    padding:0px;
    background:#B0C2D7 url(../img/bgWhat-You-Get.jpg) no-repeat scroll center top;
    color:#382D24;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-size:11px;
    line-height:1.5;
    text-align:center;
}
strong, th, thead td, h3, .bold {
    font-weight:bold;
}
h1, h2 {
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;
    font-weight:300;
}
del {
    color:#666666;
    text-decoration:line-through;
}
ins {
    text-decoration:underline;
}
small, sup, sub, .small {
    font-family:"Lucida Grande",verdana,sans-serif;
    font-size:85%;
    font-weight:normal;
}
abbr, acronym {
    font-size:85%;
    letter-spacing:0.1em;
    text-transform:uppercase;
}
a abbr, a acronym {
    border:medium none;
}
abbr, acronym, dfn {
    cursor:help;
    text-decoration:underline;
}
sup {
    line-height:1px;
    vertical-align:super;
}
sub {
    vertical-align:sub;
}
div#wrapper {
    margin:auto;
    padding:0px;
    width:750px;
}
div#body-container {
    margin:0px;
    padding:0px;
    width:750px;
    text-align:center;
}
div#body-header {
    margin:0px;
    padding:0px;
    width:750px;
    height:96px;
    text-align:left;
}
a#logo-link {
    z-index:2;
    position:absolute;
    margin:0px;
    padding:0px;
    width:300px;
    height:116px;
    background:transparent url(../img/logo.png) no-repeat scroll left top;
    display:block;
    text-align:left;
    text-decoration:none;
}
div#body-header ul.links {
    z-index:1;
    float:right;
    margin:10px 0px 0px 0px;
    padding:0px;
    color:#757D7A;
    font-size:10px;
    height:30px;
    line-height:30px;
}
div#body-header ul.links li {
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    border-left:1px solid #003300;
    display:inline;
}
div#body-header ul.links li#clock {
    border:medium none;
}
div#body-header ul.links li#clock a {
    font-size:110%;
    font-weight:bold;
}
div#body-header ul.links li#username {
    margin:0;
    padding:0;
    border:medium none;
}
div#body-header ul.links a {
    margin:0px;
    padding:0 0 2px;
    color:#007934;
    text-decoration:none;
}
div#body-header ul.links a:hover {
    margin:0px;
    padding:0 0 2px;
    color:#007934;
    text-decoration:underline;
}
ul.tabs li, ul.controls li ul.sidebar-btn li {
    display:inline;
}
body.no-accounts ul.tabs {
    display:none;
}
body.no-accounts ul#tabs-production.tabs {
    display:none;
}
div#body-header ul.tabs {
    position:absolute;
    margin:60px 0px 0px 310px;
    padding:0px;
    font-size:13px;
}
div#body-header ul.tabs li a {
    float:left;
    margin:0 1px 0 0;
    padding:0 14px;
    background:#FFFFFF url(../img/tabs.gif) repeat-x scroll bottom center;
    border:1px solid #999;
    color:#262C26;
    font-weight:bold;
    line-height:35px;
    display:block;
    text-decoration:none;
    filter:alpha(opacity=40);
    opacity:0.4;
}
div#body-header ul.tabs li a:hover {
    filter:alpha(opacity=60);
    opacity:0.6;
}
div#main {
    float:left;
    margin:0px;
    padding:0px;
    background:#FFFFFF url(../img/bodyWhat-You-Get.jpg) no-repeat scroll left top;
    border:1px solid #999;
    width:750px;
}
div#main ul.welcome {
    -moz-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    float:left;
    margin:11px 0px 0px 35px;
    padding:0px;
    width:678px;
    font-size:12px;
    text-align:left;
    line-height:1.3;
}
div#main ul.content1 {
    float:left;
    margin:55px 0px 0px 39px;
    padding:0px 0px 0px 2px;
    width:678px;
    height:240px;
    text-align:left;
    line-height:1.3;
}
div#main ul.content1 ul.ailments {
    float:left;
    margin:0px;
    padding:0px;
    width:333px;
    height:220px;
    list-style:none;
    line-height:22px;
    overflow:hidden;
}
div#vertical_container {
    margin:0px;
    padding:0px;
    width:333px;
    overflow:hidden;
}
div#main ul.content1 ul.ailments li a {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:none;
    color:black;
}
div#main ul.content1 ul.ailments li a:hover {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:underline;
    color:black;
}
div#main ul.content1 ul.ailments p {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:13px;
    font-weight:normal;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content1 ul.locations {
    float:left;
    margin:0px 0px 0px 15px;
    padding:0px;
    height:220px;
    text-align:left;
    list-style:none;
    line-height:16px;
    overflow:hidden;
}
div#main ul.content1 ul.locations h1 {
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bold;
    color:maroon;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content1 ul.locations a {
    margin:0px;
    padding:0px;
    font-size:13px;
    font-weight:bold;
    color:black;
    text-decoration:none;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content1 ul.locations a:hover {
    margin:0px;
    padding:0px;
    font-size:13px;
    font-weight:bold;
    color:maroon;
    text-decoration:underline;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content1 ul.locations li {
    margin:0px;
    padding:2px 0px 2px 0px;
}
div#main ul.content1 ul.locations p {
    margin:0px;
    padding:0px;
    font-size:13px;
    font-weight:normal;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content2 {
    float:left;
    margin:70px 0px 0px 64px;
    padding:0px 0px 0px 150px;
    width:678px;
    height:157px;
    text-align:left;
    line-height:14px;
}
div#main ul.content2 ul.prop215 {
    float:left;
    margin:0px;
    padding:0px;
    width:460px;
    list-style:none;
}
div#main ul.content2 ul.prop215 li a {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:none;
    color:#073152;
}
div#main ul.content2 ul.prop215 li a:hover {
    color:#CC6600;
}
div#main ul.content2 ul.prop215 li a.title {
    margin:0px;
    padding:0px;
    font-size:18px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:none;
    color:#073152;
}
div#main ul.content2 ul.prop215 li a.title:hover {
    color:#CC6600;
}
div#main ul.content2 ul.prop215 li p {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:12px;
    font-weight:normal;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content2 ul.prop215 li h1 {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    color:black;
}
div#main ul.content2 ul.sb420 {
    float:left;
    margin:0px 0px 0px 5px;
    padding:0px;
    width:500px;
    text-align:left;
}
div#main ul.content2 ul.sb420 li h1 {
    margin:0px;
    padding:0px;
    font-size:18px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    list-style:none;
    color:#073152;
}
div#main ul.content2 ul.sb420 li p {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:12px;
    font-weight:normal;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
div#main ul.content2 ul.sb420 li a.title {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:18px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:none;
    color:#073152;
}
div#main ul.content2 ul.sb420 li a.title:hover {
    color:#CC6600;
}
div#main ul.content2 ul.sb420 li {
    text-align:left;
    list-style:none;
}
div#main ul.content2 ul.sb420 li a {
    margin:0px;
    padding:0px;
    font-size:18px;
    font-weight:bold;
    font-family:"Calibri",Tahoma,Verdana,Arial,sans-serif;
    text-decoration:none;
    color:#073152;
}
div#main ul.content2 ul.sb420 li a:hover {
    color:#CC6600;
}
div#main ul.header {
    margin:26px 26px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    width:600px;
    height:237px;
    text-align:right;
}
div#main ul.header li#form{
    margin:20px 24px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    width:300px;
    text-align:right;
    list-style:none;
}
div#indent {
    float:left;
    margin:0px;
    padding:0px;
    width:145px;
    height:75px;
}
div#body-footer {
    margin:0px;
    padding:20px 0 25px;
    background:transparent url(../img/footWhat-You-Get.jpg) no-repeat scroll left top;
    clear:both;
    color:#577563;
    height:87px;
    font-family:"Lucida Grande",Verdana,sans-serif;
    font-size:9px;
    letter-spacing:1px;
    line-height:24px;
    text-align:center;
}
div#body-footer a {
    color:#577563;
}
div#body-footer a:hover {
    color:maroon;
}
div#body-header ul.tabs li.selected a {
    background-image:none;
    border-bottom-color:#FFFFFF;
    filter:alpha(opacity=100);
    opacity:1;
}
div#sidebar {
    z-index:3;
    float:left;
    margin:12px;
    padding:0px;
    width:290px;
    height:auto;
}
div#sidebar-header {
    float:left;
    margin:0px;
    padding:0px;
    width:290px;
    height:23px;
    background:transparent url(../img/module_header.png) no-repeat scroll left top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#sidebar-content {
    float:left;
    margin:0px;
    padding:0px;
    width:290px;
    height:auto;
    background:transparent url(../img/module_content.png) repeat-y scroll left top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#sidebar-footer {
    float:left;
    margin:0px;
    padding:0px;
    width:290px;
    height:23px;
    background:transparent url(../img/module_footer.png) no-repeat scroll left top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#sidebar-content ul.sidebar-btn {
    float:left;
    margin:0px 4px 0px 4px;
    padding:0px;
    width:282px;
    height:50px;
    list-style:none;
}
div#sidebar-content ul.sidebar-btn li a {
    float:left;
    margin:0px;
    padding:25px 0px;
    width:282px;
    height:50px;
    font-size:18px;
    color:#262C26;
    background:transparent url(../img/sidebar_btn.png) no-repeat scroll left top;
    font-weight:bold;
    line-height:0px;
    text-decoration:none;
}
div#sidebar-content ul.sidebar-btn li a:hover {
    background:transparent url(../img/sidebar_btn.png) no-repeat scroll right top;
}
div#sidebar-content ul.sidebar-bg {
    float:left;
    margin:0px 4px 0px 4px;
    padding:0px;
    width:282px;
    height:50px;
    background:#F0F0F0 url(../img/sidebar_bg.png) repeat-x scroll left top;
    display:block;
    list-style:none;
}
div#sidebar-content ul.sidebar-bg li {
    float:left;
    margin:0px;
    padding:10px 0px 10px 10px ;
    width:282px;
    height:50px;
    font-size:18px;
    color:#262C26;
    font-weight:bold;
    line-height:12px;
    text-decoration:none;
}
div#sidebar-content ul.sidebar-bg a {
    margin:0px 10px 0px 0px;
    padding:0px;
    font-size:12px;
    font-weight:400;
    color:#003100;
    text-decoration:none;
}
div#sidebar-content ul.sidebar-bg li a:hover {
    color:#660000;
}
div#module {
    z-index:4;
    float:left;
    margin:12px 0px 12px 0px;
    padding:0px;
    width:620px;
    height:auto;
}
div#module-header {
    float:left;
    margin:0px;
    padding:0px;
    width:620px;
    height:23px;
    background:transparent url(../img/module_header.png) no-repeat scroll right top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#module-content {
    float:left;
    margin:0px;
    padding:0px;
    width:620px;
    height:200px;
    background:transparent url(../img/module_content.png) repeat-y scroll right top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#module-footer {
    float:left;
    margin:0px;
    padding:0px;
    width:620px;
    height:23px;
    background:transparent url(../img/module_footer.png) no-repeat scroll right top;
    display:block;
    text-decoration:none;
    text-align:left;
}
div#login-form_container {
    text-align:left;
    margin:0px;
    padding:0px;
    height:148px;
    width:200px;
    overflow:hidden;
}
form#login-form input.text, input.password, textarea {
    margin:1px 0px 1px 0px;
    padding:4px;
    font-size:16px;
    line-height:16px;
    width:188px;
    background:#FFFFFF none repeat scroll 0 0;
    font-family:"Century Gothic";
    border:2px solid #DDDDDD;
    float:none;
}
form#login-form input.text:hover, input.password:hover, textarea:hover {
    border-color:#BBBBBB;
}
form#login-form input.text:focus, input.password:focus, textarea:focus {
    border-color:#007934;
}
form#login-form label {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:190px;
    border:none;
    float:none;
    line-height:normal;
    text-align:left;
    display:block;
    vertical-align:baseline;
}
form#login-form a {
    margin:8px 0px 0px 0px;
    padding:7px 0px 7px 0px;
    float:none;
    width:200px;
    background-color:#ddd;
    color:white;
    line-height:normal;
    text-align:center;
    display:block;
    vertical-align:baseline;
    text-decoration:none;
}
form#login-form a:hover {
    background-color:#bbb;
}
form#login-form a:focus {
    background-color:#007934;
}
form#appt-form input.text, form#appt-form input.password, form#appt-form textarea {
    margin:1px 0px 1px 0px;
    padding:2px 4px 4px 4px;
    font-size:16px;
    line-height:22px;
    width:170px;
    background:#FFFFFF none repeat scroll 0 0;
    font-family:"Century Gothic";
    border:2px solid #DDDDDD;
    float:none;
}
form#appt-form input.text:hover, form#appt-form input.password:hover, form#appt-form textarea:hover {
    border-color:#BBBBBB;
}
form#appt-form input.text:focus, form#appt-form input.password:focus, form#appt-form textarea:focus {
    border-color:#007934;
}
form#appt-form label {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:none;
    float:none;
    line-height:normal;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    display:block;
    vertical-align:baseline;
}
form#appt-form label.subLabel {
    margin:0px 0px 3px 0px;
    padding:0px 0px 0px 0px;
    border:none;
    float:none;
    line-height:normal;
    text-align:right;
    font-size:12px;
    font-weight:normal;
    display:block;
    color:gray;
    vertical-align:baseline;
}
form#appt-form input.submit {
    margin:2px 0px 0px 0px;
    padding:5px 0px 5px 0px;
    float:right;
    width:60px;
    background-color:#C39B9B;
    border:2px solid #AC7777;
    color:white;
    line-height:normal;
    text-align:center;
    display:block;
    vertical-align:baseline;
    text-decoration:none;
}
form#appt-form input.submit:hover {
    background-color:#ccc;
    border:2px solid #aaa;
}
form#appt-form input.submit:focus {
    background-color:#007934;
    border:2px solid #007934;
}
.accordion_toggle {
    height: 20px;
    width: 320px;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    font-size: 13px;
    color: #000000;
    cursor: pointer;
}
.accordion_toggle:hover {
    text-decoration:underline;
    color: #CC6600;
}
.accordion_toggle_active {
    color: #CC6600;
}
.accordion_content {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 1px;
    width: 320px;
    color:#444444;
    background:white;
    font-size:12px;
    line-height:13px;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    overflow:hidden;
}
    .accordion_content h2 {
        margin: 15px 0 5px 10px;
        color: #0099FF;
    }
    .accordion_content a {
        font-size:12px;
        font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
        text-decoration:none;
        font-weight:bold;
        color:#765EAE;
    }
    .accordion_content a:hover, .accordion_content a:active {
        font-size:12px;
        color:maroon;
        font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
        text-decoration:none;
        font-weight:bold;
    }