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

body, html { height: 100%; }
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; }

/**** Modal ********************************************************************/
#control_overlay 
{
    background: #000;
}

/**** Frame ********************************************************************/
#canvas { background: #fff; min-width: 960px; }
#content, #header .content, #footer .content 
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#content { overflow: hidden; }

/**** 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  
{
    width: 522px; 
    position: absolute;
    top: 0;
    right: 0;
    z-index: 300;
}
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;
}
#mt_ProgramsSection a.root { background-image: url(MainTool/ProgramsSection.gif); width:104px; }
#mt_AboutSection a.root { background-image: url(MainTool/AboutSection.gif); width:130px; }
#mt_CustomerServiceSection a.root { background-image: url(MainTool/CustomerServiceSection.gif); width:107px; }
#mt_BrokerSection a.root { background-image: url(MainTool/BrokersSection.gif); width: 95px; }
#mt_ClaimsSection a.root { background-image: url(MainTool/ClaimsSection.gif); width: 86px; }
ul#mainTool li.root a img.tofu { width: 150px; 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: #092957 url(MainTool/DropDownBg.gif) bottom repeat-x;
    padding: 5px 10px 0 10px;
    width: 150px;
}
ul#mainTool ul a  
{
    color: #d1d1d1; 
    display: block;
    border-bottom: 1px solid #314b70;
    padding: 3px 3px 6px 3px;
    width: 144px;
}
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;
    top: 0; right: 0;
    z-index: 700;
    overflow: hidden;
}
#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;
}
table.pagerFrame tr.alternate td 
{
    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; }

/**** 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;
}