﻿@charset "UTF-8";
/*************************************
  HTML Styles
*************************************/
body {
    font: normal 11px Arial, Helvetica, sans-serif;
    background: none;
    color: #000;
}
#pagecontainer, #pagecontainer_inside {
    background: none;
}
h1#logo {
    background: #fff url(/structural-images/logo.png) top left no-repeat;
    position:absolute;
    top: 20px;
    left: 15px;
    width: 120px;
    height: 60px;
    padding: 0px;
    margin: 0px;
}
ul#persistent_top {
    display: none;
}
ul#mainnav, ul#mainnav_home {
    display: none
}
/*******************************************************
    content
*******************************************************/
#content_area {
/*    width: 100%; */
}
/*******************************************************
    slider
*******************************************************/
.anythingSlider .wrapper li {
    display: none;
}
#thumbNav {
    display: none;
}
#start-stop {
    display: none;
}
a.button {
    display: none;
}
.anythingSlider .forward, .anythingSlider .back {
    display: none;
}
/*******************************************************
    sidebar left (left column)
*******************************************************/
#sidebar_left, #subnav, #toolkit, #breadcrumbs, #sidebar_right, #search_container, #footer { 
    display: none;
}
/*******************************************************
    navigation - persistent bottom
*******************************************************/
#persistent_bottom {
    position: absolute;
    left: 10px;
    top: 200px;
    clear: both;
}
#persistent_bottom a {
    font-weight: normal;
    text-decoration: none;
    color: #444;
}
#persistent_bottom a:hover {
    color: #008cd2;
}
/*******************************************************
    contact us
    
    this is a show/hide slideout feature that is used
    throughout the site as a contact us form. specific
    form styles are contained here as well.
*******************************************************/
#contactus {
    background: #999;
    width: 210px;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    -moz-box-shadow: 0px 0px 5px #969696;
    -webkit-box-shadow: 0px 0px 5px #969696;
    box-shadow: 0px 0px 5px #969696;
    
    /* ie code */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
}
#contactus li {
    background: #fefefe url(/structural-images/bg_contactus.jpg) bottom left no-repeat;
    padding: 10px;
    margin: 0px;
    list-style: none;
}
#contactus li.menutitle {
    background: #fefefe url(/structural-images/bg_contactus_closed.png) top left no-repeat;
    height: 35px;
    font: normal 13px/35px Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 10px;
    color: #333;
    border: 0px;
}
#contactus li.form {
    background: #fefefe url(/structural-images/bg_contactus.jpg) bottom left no-repeat;
    border-top: 1px solid #ccc;
    display: none;
}
#contactus li.form li {
    background: none;
    border-top: 0px;
}
#contactus li.menutitle a,
#contactus li.menutitle a:hover {
    background: none;
    border: none;
    font: normal 13px/35px Arial, Helvetica, sans-serif;
    color: #333;
    padding: 0px;
    margin: 0px;
    width: 190px;
    height: 35px;
}
#contactus li.open {
    background: #fefefe url(/structural-images/bg_contactus_closed.png) top left no-repeat;
}
#contactus li.open a, #contactus li.open a:hover {
    color: #008cd2;
}
#contactus li.close {
    background: #fefefe url(/structural-images/bg_contactus_top.jpg) top left no-repeat;
}
#contactus li.close a, #contactus li.close a:hover {
    color: #333;
}
#contactus li a {
    display: block;
    height: 24px;
    background: url(/structural-images/bg_subnav_off.gif) top left repeat-x;
    font: bold 10px/24px Arial, Helvetica, sans-serif;
    color: #008cd2;
    text-decoration: none;
    padding-left: 10px;
    border-top: 1px solid #ccc;
}
#contactus li a:hover {
    background: url(/structural-images/bg_subnav_on.gif) top left repeat-x;
    color: #fff;
}
#contactus li.form input.textbox {
    background-color: none;
    border: none;
    background: url(/structural-images/textbox_contact.png) bottom left no-repeat;
    width: 192px; height: 27px;
    padding: 0px 5px;
    font: 11px/27px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 10px;
}
#contactus li.form select {
    background-color: none;
    width: 192px; height: 27px;
    padding: 5px 0px;
    font: 11px/27px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 10px;
}
#contactus li.form textarea {
    background-color: none;
    border: none;
    background: url(/structural-images/textarea_contact.png) bottom left no-repeat;
    width: 192px; height: 77px;
    padding: 0px 5px;
    font: 11px/27px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 10px;
}
#contactus li.form .button {
    background-color: none;
    border: none;
    background: url(/structural-images/button_submit.png) bottom left no-repeat;
    width: 93px; height: 28px;
    padding: 0px 5px;
    font: 10px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0px 10px 0px 0px; 
    text-transform: uppercase;
}
/*******************************************************
    collapsible
    
    duplicate of the contact us show/hide.  Is used for
    corportate fact sheet on investor page.  could be
    used elsewhere.
*******************************************************/
#collapsible {
    background: #999;
    width: 210px;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    -moz-box-shadow: 0px 0px 5px #969696;
    -webkit-box-shadow: 0px 0px 5px #969696;
    box-shadow: 0px 0px 5px #969696;
    
    /* ie code */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
}
#collapsible li {
    background: #fefefe url(/structural-images/bg_contactus.jpg) bottom left no-repeat;
    padding: 10px;
    margin: 0px;
    list-style: none;
}
#collapsible li.menutitle {
    background: #fefefe url(/structural-images/bg_contactus_closed.png) top left no-repeat;
    height: 35px;
    font: normal 13px/35px Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 10px;
    color: #333;
    border: 0px;
}
#collapsible li.content {
    background: #fefefe url(/structural-images/bg_contactus.jpg) bottom left no-repeat;
    border-top: 1px solid #ccc;
    display: none;
}
#collapsible li.form li {
    background: none;
    border-top: 0px;
}
#collapsible li.menutitle a,
#collapsible li.menutitle a:hover
{
    background: none;
    border: none;
    font: normal 13px/35px Arial, Helvetica, sans-serif;
    color: #333;
    padding: 0px;
    margin: 0px;
    width: 190px;
    height: 35px;
}
#collapsible li.open {
    background: #fefefe url(/structural-images/bg_contactus_closed.png) top left no-repeat;
}
#collapsible li.open a, #collapsible li.open a:hover {
    color: #008cd2;
}
#collapsible li.close {
    background: #fefefe url(/structural-images/bg_contactus_top.jpg) top left no-repeat;
}
#collapsible li.close a, #collapsible li.close a:hover {
    color: #333;
}
#collapsible li a {
    display: block;
    height: 24px;
    background: url(/structural-images/bg_subnav_off.gif) top left repeat-x;
    font: bold 10px/24px Arial, Helvetica, sans-serif;
    color: #008cd2;
    text-decoration: none;
    padding-left: 10px;
    border-top: 1px solid #ccc;
}
#collapsible li a:hover {
    background: url(/structural-images/bg_subnav_on.gif) top left repeat-x;
    color: #fff;
}