
body.main { background: #888888 url(/whmexec/images/page-back.jpg) repeat-x; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
body.adminmain { background: #888888 url(/whmexec/images/admin/adminbackground.gif) repeat-x; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
body.frame { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
span.text1 { font-family: verdana,sans-serif; color: #111111; font-size: 10px; text-decoration: none; }
span.text2 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; }
span.text2orange { font-family: verdana,sans-serif; color: #e68f00; font-size: 11px; text-decoration: none; font-weight: normal; }
span.text3 { font-family: verdana,sans-serif; color: #111111; font-size: 12px; text-decoration: none; }
span.text3a { font-family: Arial,verdana,sans-serif; color: #000000; font-size: 14px; text-decoration: none; font-weight: normal; }
span.text3b { font-family: Arial,verdana,sans-serif; color: #000000; font-size: 14px; text-decoration: none; font-weight: normal; }
span.text4 { font-family: verdana,sans-serif; color: #002288; font-size: 11px; text-decoration: none; }
span.title1 { font-family: verdana,sans-serif; color: #000000; font-size: 22px; text-decoration: none; font-weight: normal; }
span.title2 { font-family: verdana,sans-serif; color: #000000; font-size: 22px; text-decoration: none; }
span.alert { font-family: verdana,sans-serif; color: red; font-size: 11px; text-decoration: none; }
span.text0red { font-family: verdana,sans-serif; color: darkred; font-size: 8px; text-decoration: none; }
span.text2red { font-family: verdana,sans-serif; color: red; font-size: 11px; text-decoration: none; }
span.text2green { font-family: verdana,sans-serif; color: green; font-size: 11px; text-decoration: none; }
span.text2blue { font-family: verdana,sans-serif; color: #0000ff; font-size: 11px; text-decoration: none; font-weight: normal; }
span.hotblue { font-family: verdana,sans-serif; color: #99aaff; font-size: 14px; text-decoration: none; font-weight: normal; }
span.half { line-height: 60%; }
span.quarter { line-height: 30%; }
span.spacer { font-size: 1px; line-height: 1px; }
span.white { font-family: verdana,sans-serif; color: #ffffff; font-size: 12px; text-decoration: none; font-weight: bold;}
a.link1	{ font-family: verdana,sans-serif; color: #000000; font-size: 10px; text-decoration: none; }
a.link1:hover { color: #ff6600; }
a.link2 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: underline;	}
a.link2:hover { text-decoration: underline; }
a.link3 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; padding: 1px; }
a.link3:hover { text-decoration: underline; }
a.link4 { font-family: verdana,sans-serif; color: #ffffff; font-size: 11px; text-decoration: underline; }
a.link4:hover { color: #000000; background-color: #dddddd; }
a.link5 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: underline; background-color: #ffffff; padding: 1px; }
a.link5:hover { color: #ffffff; text-decoration: none; background-color: #444444; padding: 1px; }
input.in1 { font-family: verdana,sans-serif; color: #000000; font-size: 10px; text-decoration: none; }
input.in1alert { font-family: verdana,sans-serif; color: #000000; font-size: 10px; text-decoration: none; border: 1px solid red; }
input.in2 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; }
input.in2alert { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; border: 1px solid red; }
select.sel1 { font-family: verdana,sans-serif; color: #000000; font-size: 10px; text-decoration: none; }
select.sel2 { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; }
table.cart { border: 2px solid #aaaaaa }
td.cartline { border-top-width: 1px; border-top-color: #999999;  border-top-style: solid }
td.cartline2 { border-top-width: 2px; border-top-color: #aaaaaa;  border-top-style: solid; }
span.required { font-family: verdana,sans-serif; color: #ff2222; font-size: 10px; text-decoration: none; }
table.list { border-style: solid; border-width: 1px; border-color: #a0b6ef; }
td.list { background-color: #c1dcff; padding: 3px; }
td.central { background: #ffffff; }
table.invdetail { background-color: #999999; }
td.invdetail { background-color: #ffffff; }
td.invdetailhead { background-color: #eeeeee; }
span.unpaid { font-family: verdana,sans-serif; color: #ff4444; font-size: 20px; font-weight: bold; }
span.paid { font-family: verdana,sans-serif; color: #44ff44; font-size: 20px; font-weight: bold; }
span.invheading { font-family: verdana,sans-serif; color: #666666; font-size: 20px; font-weight: normal; }
td.list2 { border-style: solid; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #a0b6ef; }

td.tablehead { padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; background: url(/whmexec/images/tableheada.gif); background-repeat: no-repeat; }
td.admintablehead { padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 15px; background: url(/whmexec/images/admin/tablehead.gif); background-repeat: no-repeat; }
td.tablemid { background: url(/whmexec/images/tablemida.gif); background-repeat: repeat-y; }
td.admintablemid { background: url(/whmexec/images/admin/tablemid.gif); background-repeat: no-repeat; }
tr.admintablemidhighlight { background: url(/whmexec/images/admin/tablemidhighlight.gif); background-repeat: repeat-y; }
tr.highlighton { background: url(/whmexec/images/tablemidhighlight.gif); background-repeat: repeat-y; }
td.tablefooter { background: url(/whmexec/images/tablefootera.gif); background-repeat: no-repeat; }
td.admintablefooter { background: url(/whmexec/images/admin/tablefooter.gif); background-repeat: no-repeat; }
td.tablehead2 { background: url(/whmexec/images/tablehead2.gif); background-repeat: no-repeat; }
tr.tablehead3 { background: url(/whmexec/images/tablehead3.gif); background-repeat: no-repeat; }
tr.tablemid3 { background: url(/whmexec/images/tablemid3.gif); background-repeat: repeat-y; }
tr.tablefooter3 { background: url(/whmexec/images/tablefooter3.gif); background-repeat: no-repeat; }
tr.adminnavhead { background: url(/whmexec/images/admin/navhead.gif); background-repeat: no-repeat; }
tr.adminnavmid { background: url(/whmexec/images/admin/navmid.gif); background-repeat: repeat-y; }
tr.adminnavfooter { background: url(/whmexec/images/admin/navfooter.gif); background-repeat: no-repeat; }
td.navback { background: url(/whmexec/images/admin/navback.gif); background-repeat: no-repeat; }
td.navhead { background: url(/whmexec/images/navhead.gif); padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; background-repeat: no-repeat; }
td.navmid { background: url(/whmexec/images/navmid.gif); padding-top: 4px; padding-right: 0px; padding-left: 13px; padding-bottom: 4px; background-repeat: repeat-y; }
td.highlighton2 { background: url(/whmexec/images/navmidhighlight.gif); background-repeat: repeat-y; }



.container { width:360px; height:140px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0;}
.slides div { position:absolute; top:0; width:360px; display:none; }
#loopedSlider,#newsSlider { margin:0 auto; width:360px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; display: inline; }
ul.pagination li  { float:left; }
ul.pagination li a { padding: 0px 4px; }
ul.pagination li.active a { text-decoration: underline; }
a.next, a.previous { font-family: verdana,sans-serif; color: #000000; font-size: 11px; text-decoration: none; padding: 1px; }
a.next:hover, a.previous:hover { text-decoration: underline; }


.container2 { width:185px; height:185px; overflow:hidden; position:relative; cursor:pointer; }
.slides2 { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides2 li { position:absolute; top:0; width:185px; display:none; padding:0; margin:0; }
.slides2 div { position:absolute; top:0; width:185px; display:none; }
#loopedSlider2,#newsSlider2 { margin:0 auto; width:185px; position:relative; clear:both; }
ul.pagination2 { list-style:none; padding:0; margin:0; display: inline; }
ul.pagination2 li  { float:left; }
ul.pagination2 li a { padding: 0px; }
ul.pagination2 li.active a { padding: 0px; }
a.next2, a.previous2 { padding: 0px; }


/*Styles for fuzz overlay & message box*/  
#fuzz{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('/whmexec/images/fuzz.gif'); display:none; text-align:left; }  
/*Message box, positioned in dead center of browser*/  
.msgbox{ position:absolute; width:300px; height:200px; z-index:200; border:4px solid #666; background: #FFF; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px; }  
.msgbox img {border:none; margin:0px;}  
/*The "X" in the upper right corner of msgbox*/  
.close { top:0px; float:rightright; }  



.clear {clear:both}   
/* remove the list style */  
#nav {  
    margin:0;   
    padding:0;   
    list-style:none;  
}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {  
        float:left;   
        display:block;   
        width:90px;   
        position:relative;  
        z-index:500;   
        margin:0 1px;  
    }  

        /* submenu, it's hidden by default */  
        #nav ul {  
            position:absolute;   
            left:0;
	    top:30;
            display:none;   
            margin:0 0 0 0px;   
            padding:0px;   
            list-style:none;
	    width: 160px;
	    background: #ffffff;
	    border: 2px solid #cccccc;
	    border-top-width: 0px;
        }
        
          
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {  
            display:block;    
            height:15px;  
            padding: 8px 8px 8px 8px;   
	    font-family: verdana,sans-serif;
            color: #333333;  
	    text-decoration: none;
	    font-size: 11px;
            width: 142px;
        }  
           
        #nav ul a:hover {  
            color: #dd1111;    
	    background: #e6e6e8;
	    text-decoration: underline;
        }  
  

