@import url(../StyleSheet.css);
@import url(../Shared/StyleSheet.css);

body 
{
    background-color: #0d3672;
    margin: 0;
    text-align: center;
}

/**** Fonts ********************************************************************/
#footer, ul#mainTool ul a, table.pagerFrame
{
    font-family: "Arial Narrow", Arial, Verdana, Helvetica, Sans-Serif;
}
#footer { font-size: 1.1em; font-weight: bold; }
ul#mainTool ul a { font-size: 15px; }
#searchTool input.button { font-family: "Gill Sans MT", "Gill Sans", "Times New Roman"; }
table.pagerFrame { font-size: 15px; }
a.more { color: #0d3672; text-decoration: underline; font-weight: bold; }
a { color: #0D3672; }

/**** Frame ********************************************************************/
#canvas { background: #fff; }
#content, #header .content, #footer .content 
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#content { overflow: hidden; }
#logo { float: left; }
#logo a  
{
    text-decoration: none; overflow: hidden;
    background: url(Frame/Logo.gif) top left no-repeat;
    display: block;
}
#logo a, #logo a .tofu { width: 327px; height: 101px; }
#header 
{
    background: #ccc url(Frame/HeaderBgSync.gif) top repeat-x;
}
#header, #header a { color: #333; }
#canvas { background: #fff url(Frame/CanvasBgSync.jpg) 0 100px repeat-x; }
#container { background: url(Frame/ContentBgSync.gif) top center repeat-y; }

/**** Footer ********************************************************************/
#footer, #footer a { color: #fff; }
#footer  
{
    background-color: #0d3672; 
    line-height: 1.3em;
}
#footer ul, #footer li { list-style-type: none; margin: 0; padding: 0; }
#footer .content { overflow: hidden; padding: 10px 15px; width: 930px;}
#footer li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; }
#footer li.lastChild { margin-right: 0; padding-right: 0; border-right: 0; }
#footer ul { overflow: hidden; }
#footer ul.links 
{
    float: left;
    width: 48%;
}
#footer ul.copyright 
{
    float: right;
    width: 48%;
    text-align: right;
}
#footer ul.copyright li 
{
    display: inline;
    float: none;
}
#footer hr, #header hr { display: none; }

/**** Main Tool *****************************************************************/
#header .content { position: relative; z-index: 250; }
ul#mainTool, ul#mainTool li, ul#mainTool ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul#mainTool  
{
    position: relative;
    z-index: 501;
    float: right;
}
ul#mainTool li.root { float: left; position: relative; z-index: 500;}
ul#mainTool li.root a.root 
{
    display: block;
    height: 101px;
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
}
#mt_programs a.root { background-image: url(MainTool/Programs.gif); width:104px; }
#mt_about a.root { background-image: url(MainTool/About.gif); width:130px; }
#mt_customerService a.root { background-image: url(MainTool/CustomerService.gif); width:107px; }
#mt_forOurBrokers a.root { background-image: url(MainTool/ForOurBrokers.gif); width: 95px; }
#mt_claims a.root { background-image: url(MainTool/Claims.gif); width: 86px; }
ul#mainTool li.root a img.tofu { width: 1px; height: 101px; }
ul#mainTool li.root a:hover, ul#mainTool li.active a { background-position: 0 -101px !important; }

ul#mainTool .subMenu 
{
    background: url(MainTool/DropDownBottom.gif) bottom left no-repeat;
    padding-bottom: 10px;
    position: absolute;
    top: 101px;
    left:0;
    z-index: 600;
}
ul#mainTool ul  
{
    background: #061b3a url(MainTool/DropDownBg.gif) top repeat-x;
    padding: 5px 10px 0 10px;
    width: 186px;
}
ul#mainTool ul a  
{
    color: #d1d1d1; 
    display: block;
    border-bottom: 1px solid #314b70;
    padding: 3px 3px 6px 3px;
    width: 180px;
}
ul#mainTool ul li 
{
    border-bottom: 1px solid #112248;
    width:144px;
}
ul#mainTool ul li.lastChild, ul#mainTool ul li.lastChild a { border-bottom: 0; }
ul#mainTool li.lastChild .subMenu { left: auto; right: 0; }

/**** Top Tool ******************************************************************/
#topTool 
{
    position: absolute;
    bottom: -24px; left: 10px;
    z-index: 500;
    overflow: hidden;
    clear: both;
}
#topTool ul.accountInfo 
{
    background: url(TopTool/UserInfoBg.gif) top repeat-x;
    height: 15px;
    border-color: #D6D6D6;
    border-style: solid;
    border-width: 0 1px 1px;
}
#paymentTool 
{
    display: block;
    background: url(TopTool/MakeAPayment.png) top left no-repeat;
    width:143px;
    height: 36px;
    float: right;
}
#searchTool 
{
    background: url(TopTool/SearchBg.png) top left no-repeat;
    overflow: hidden;
    float: right;
    padding: 2px 0 0 0;
}
#searchTool, #searchTool * { vertical-align: top; }
#searchTool, #searchTool img.tofu 
{
    width: 226px;
    height: 36px;
}
#searchTool input.text  
{
    background-color: #fff; border: 0; width: 100px; 
    padding: 0;
    margin: 2px 6px 0 75px;
}
#searchTool input.inactive { color: #999; }
#searchTool input.button 
{
    background: transparent;
    border: 0;
    padding: 0;
    color: #f2b354;
}

/**** Pager Table ********************************************************/
table.pagerFrame  
{
    border-collapse: collapse; width: 100%; 
    position: relative;
}
table.pagerFrame thead, table.pagerFrame thead a { color: #fff; }
table.pagerFrame thead
{
    background-color: #061d44 ;
}
table.pagerFrame td, table.pagerFrame th 
{
    padding: 7px 12px;
    text-align: left;
}
table.pagerFrame tr.alternate td 
{
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
    background: #eee;
}
table.pagerFrame tbody th
{
    border-color: #c6c5c5;
    border-style: solid;
    border-width: 1px 0;
    background: #dedede;
}
table.pagerFrame thead th 
{
    background: url(Frame/PagerHeaderBg.jpg) top center no-repeat;
    font-weight: normal; text-align: left; padding: 12px 12px;
}
table.pagerFrame thead th.first { background-position: top left; }
table.pagerFrame thead th.last { background-position: top right; }
table.pagerFrame caption { text-align: left; }

/**** Report Table *****************************************************/
table.reportFrame { border-collapse: collapse; width: 100%; }
table.reportFrame a { color: #0965e4; }
table.reportFrame .index { margin-left: 10px; padding-top: 3px; float: right; font-size: 1.3em; font-weight: normal;}
table.reportFrame caption { text-align: left; margin: 0; padding: 0; font-size: 1.2em; }
table.reportFrame caption span  
{
    display: inline-block;
    background: #c1131d;
    color: #fff;
    padding: 6px 15px;
    
}
table.reportFrame thead th, table.reportFrame thead th a { color: #fff; }
table.reportFrame thead th { font-weight: normal; background: #c1131d; padding: 5px 15px; text-align: left; }
table.reportFrame tbody td, table.reportFrame tbody th  
{
    padding: 6px 8px; 
    border: 1px solid #ccc;
    background: #fff;
}
table.reportFrame tbody td
{
    color: #666;
}
table.reportFrame tbody tr.alternate td
{
    background: #eee;
}

/**** Read More Viewer *******************/
.readMoreViewer { margin: 0 0 15px 0; color: #666; line-height: 1.5em; }
.readMoreViewer h3 { color: #888; margin: 0 0 2px 0; }
.readMoreViewer a { color: #003288; text-decoration: underline; font-weight: bold; font-size: 1.1em; }

/**** Modal ******************************/
#windowHeader { background-image: url(Frame/Logo_Print.gif); height: 70px; }

/**** FAQ *******************************/
.faqResults .toTop a { background-color: #0D3672; }
.faqResults .question { background-color: #fff; }
.faqResults .question a { color: #0D3672; font-weight: bold; }