/*************************************************************************
*    Copyright (C) 1999-2005, WebFoundation.net. All rights reserved.    *
*Unauthorized use and or modification of this code is strictly prohibited*
*                  and subject to criminal prosecution.                  *
**************************************************************************/
BODY {
margin: 20px 0 0 0;
padding: 0;
text-align: center;
background: #D4E2F8 url('/img/body.gif') top center repeat-x
}
/********** COMMON */
.cbs, .cbsa, .ofh {
font: bold 12px verdana,helvetica,sans-serif;
height: 1%;
color: #000;
border: 1px solid #999;
background: #ccc;
margin-top: 15px;
text-align: left;
padding: 3px 2px 3px 4px;
margin-left: 55px;
}
.cbsa, .ofh {
border:0;
border-right:1px solid #006EC5;
border-left:1px solid #006EC5;
background: #007CDE url('/img/ofh.gif') top left repeat-x;
color: #FFF;
}
#maindiv {
width: 80%;
min-width: 750px;
max-width: 800px;
background: #FFF url('/img/left.gif') repeat-y  top left;
border: 1px solid #000;
margin: 0 auto
}
#leftdiv {
width: 200px;
text-align:center;
float: left
}
#leftdiv h1 {
margin: 0 0 20px 0;
height: 105px;
width: 199px;
background: url('/img/logo.gif') top left no-repeat
}
#leftdiv span {
display: none
}
#leftnav h2, #leftlogin h2, #forumnav h2 {
margin: 0;
text-align: left;
font: bold 14px/16px Verdana,helvetica,sans-serif;
height: 16px;
color: #FFF;
padding: 4px;
background: #000 url('/img/h2.gif') top left repeat-x;
}
#leftnav A, #forumnav A {
color: #000;
font: normal 14px Arial, Helvetica, sans-serif;
text-decoration: none
}
#leftnav A:hover, #forumnav A:hover {
text-decoration: none
}
#leftnav, #leftlogin, #forumnav {
margin: auto;
text-align: left;
border: 1px solid #000;
border-top: 0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #F8F8F8;
color: #000;
margin: 0 10px 20px 10px;
}
#leftnav ul, #forumnav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#leftnav li, #forumnav li {
margin: 0;
display:inline;
}
#leftnav li a, #forumnav li a {
font: normal 15px/18px Arial, Helvetica, sans-serif;
border-top: 1px solid #fff;
border-bottom: 1px solid #999;
display: block;
margin: 0;
padding: 2px 0 2px 8px;
background: #fff;
color: #000;
background: #FFF url('/img/navigation.gif') no-repeat top left;
background: #FFF url('/img/navigationw.gif') repeat-x bottom left;
}
#leftnav li a img, #forumnav li a img {
border:0;
padding-bottom:2px;
}
html>body #forumnav li a {width: auto}
html>body #forumnav li a {width: auto}
#leftnav li a:hover, #forumnav li a:hover {
border-top: 1px solid #B5D8FF;
border-bottom: 1px solid #4FA2FF;
background: #8BC3FF url('/img/navigation.gif') repeat-x bottom left;
color: #FFF;
cursor:pointer;
}
/********** SUB NAVIGATION */
#content .subnav, #content .pagenav, #content .postnav {
margin: 10px 10px 10px 12px;
padding: 0px;
text-align: right;
}
#content .subnav li, #content .pagenav li, #content .postnav li {
display: inline;
position: relative;
padding: 0px;
margin: 0px;
}
#content .subnav {text-align: left}
#content .subnav li a, #content .postnav a {
border: 1px solid #999;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font: bold 10px/20px Verdana, Helvetica, sans-serif;
color: #000;
margin: 0px;
background: #f3f3f3 url('/img/button.gif') bottom left repeat-x;
text-decoration: none;
padding: .3em 1.2em;
}
#content .subnav a:hover, #content .postnav a:hover {
border: 1px solid #666;
border-top: 1px solid #999;
border-left: 1px solid #999;
background: #f3f3f3 url('/img/button.gif') bottom left repeat-x;
}
#content .subnav a:active, #content .postnav a:active {color:#999999;}
#content .subnav .active a, #content .subnav .active a:link, #content .subnav .active a:visited, #content .subnav .active a:hover {
color: #999;
cursor: text;
}
/********** TEXT MENU */
#content #fontmenu {
margin: 1px 0 0 0;
padding: 5px;
float: right;
}
#content #fontmenu li {
display: inline;
position: relative;
padding: 0px;
margin: 0px;
}
#content #fontmenu li a {
border: 1px solid #999;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font: normal 12px/14px Verdana, Helvetica, sans-serif;
color: #000;
margin: 0px;
background: #f3f3f3 url('/img/button.gif') bottom left repeat-x;
text-decoration: none;
padding: .3em 1.2em;
}
#content #fontmenu  li a:hover {
border: 1px solid #666;
border-top: 1px solid #999;
border-left: 1px solid #999;
cursor: pointer;
background: #f3f3f3 url('/img/button.gif') bottom left repeat-x;
}
#content #fontmenu li a:active {color:#999999;}
#content #fontmenu .active a {
border: 1px solid #007CDE;
border-top: 1px solid #1196FF;
border-left: 1px solid #1196FF;
}
#content #fontmenu #fontid_medium a {
    font: normal 10px/12px Verdana, Helvetica, sans-serif;
}
#content {
min-height: 500px;
text-align: left;
padding: 0 5px;
margin-left: 199px;
background: #FFF url('/img/content.gif') bottom right no-repeat;
}
#banner {
background: #000 url('/img/banner.jpg') repeat-x;
padding: 36px 0;
margin-left: 199px
}
#time {
padding: 2px 4px 2px 1px;
background: #CCC url('/img/time.gif') repeat-x;
margin-left: 199px;
color: #000;
border-bottom: 1px solid #666;
text-align: right;
font: normal 10px/17px verdana, helvetica, sans-serif
}
#footer {
clear: both;
padding: 2px;
border-bottom: 2px solid #FFF;
background: #000 url('/img/footer.gif') top left repeat-x;
color: #A6A6A6;
font-size: 8px
}
#footer A {
font: bold 10px Verdana, Helvetica, Sans-serif;
color: #fff;
text-decoration: none
}
#footer A:hover {
background:#666;
text-decoration: underline
}
#topnav {
background: #000 url('/img/top.gif') repeat-x;
height: 26px;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
z-index:10;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: center
}
#topnav li {
text-align:left;
display: inline;
list-style: none;
}
#topnav .menu {
z-index:11;
text-align:left;
color: #000;
background: #FFF;
position: absolute;
visibility: hidden;
border:solid 1px #fff;
border-bottom:3px solid yellow;
margin: -1px 0 0 0;
padding: 0;
display:inline;
}
#topnav .menu li a {
font: normal 12px/14px Arial, Verdana Helvetica, Sans-serif;
color: #000;
display: block;
font-size: 14px;
margin: 0px;
padding: 5px 12px;
cursor:pointer;
text-decoration: none;
background: #fff url('/img/arrow.gif') no-repeat left;
border:solid 1px #f0f0f0;
border-top: solid 1px #fff;
border-bottom: solid 1px #f0f0f0;
}
#topnav .menu li a:hover {
background: #C2DFFF url('/img/arrowover.gif') no-repeat left;
border: solid 1px #ADCFF5;
}
#topnav li .menubutton {
bottom: 14px;
line-height: 1.2em;
background: #3D79E1;
border: 1px solid #fff;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}
#topnav .menubutton:hover {
background: #68B1FF;
bottom: 12px;
right: 1px
}
#topnav .menubutton:active {
background: #5E5E5E;
bottom: 11px;
color: #FFF;
position: relative;
right: 1px;
}
#topnav li#active {
background: none;
bottom: 16px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
#topnav #active a, #topnav #active a:link, #topnav #active a:visited, #topnav #active a:hover {
background: #C4C4C4;
border: 1px solid #FFF;
border-bottom: none;
bottom: 0;
right: 1px;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px
}
#content h1 {
margin: 5px 0 8px 0;
text-transform: uppercase;
font: bold 18px/20px Verdana, Helvetica, sans-serif;
color: #000
}
#content h2 {
margin: 0 0 20px 3px;
font: normal 16px/18px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
#content h3 {
margin: 10px 0 5px 14px;
font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
em {
font: normal 10px Arial, Helvetica, Verdana, sans-serif;
}
#content p, #content li {
text-align: left;
color: #000;
font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px 10px 14px
}
#content li ul li {list-style: decimal; }
#content ul {list-style: square; }
#content p strong {
color: #DE004A
}
#content .list li {padding: 2px;}
#content img {border:0}
h2 a, #content p a, #content li a, h3 a {
background: #fff;
border-bottom: 1px solid #99CCFF;
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
h2 a:hover, #content p a:hover, #content li a:hover, h3 a:hover {
border-bottom: 1px solid #66B2FF;
}
h2 A, h3 A {font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;}
#content ul {font: normal 12px Arial, Helvetica, sans-serif;}
#panel, #images {margin: 0 auto}
#panel div, #images div {
border: 0;
float: left;
width: 33%;
margin: 0 0 10px 0;
text-align: center
}
#panel img, #images img {
width: 150px;
height: 100px;
border: none;
}
#images img {
background:#FFF;
padding:5px;
border:1px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc
}
#leftlogin form {
margin:4px;
text-align:right;
font: bold 12px Arial, Helvetica, sans-serif
}
#leftlogin label {
float: left;
width: 55px;
text-align: left;
padding: 5px 0 0 2px
}
#leftlogin .textbox {
font: bold 12px Verdana, Helvetica, sans-serif;
color: #300;
background-color: #fff;
border-width: 1px;
width: 85px;
margin: 2px;
padding: 2px;
}
#leftlogin .button {
font: bold 10px/12px Verdana, Helvetica, Sans-serif;
line-height: 10px;
color: #300;
background: #78C3FF;
border-bottom: 1px solid #1296FF;
border-right: 1px solid #1296FF;
border-top: 1px solid #45ADFF;
border-left: 1px solid #45ADFF;
width: 90px;
height: 18px;
margin: 2px;
padding: 2px;
cursor: pointer
}
#error {
font: bold 13px/19px Verdana,helvetica,sans-serif;
margin: 0 12px 10px 12px;
text-align: center;
padding: 3px;
border: 1px solid #C9C9C9;
background: #FDFDFD url('/img/gradient.jpg') bottom right repeat-x;
}
#error a {border-bottom:2px solid #007CDE;color:#000;text-decoration:none;}
#error A:Hover, #error A:Hover { background: #C7E9FF;border-bottom: 1px solid #0066CC;}
#note {
font: bold 13px/15px Verdana,helvetica,sans-serif;
text-align: center;
display: block;
margin: 0 15px;
border: 1px solid #EDDB70;
color: #000;
padding: 4px;
background-color:#FFF094;
}
#note a {border-bottom:2px solid #007CDE;color:#000;text-decoration:none;}
.form {
font: normal 14px verdana,Arial, Helvetica, sans-serif;
color: #000;
margin: 0 10px;
}
.button  {
font: bold 12px/14px Verdana, Helvetica, Sans-serif;
color: #000;
background: #f3f3f3;
margin-top: 10px;
padding: 5px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
cursor: pointer
}
.textbox, .dropdown {
color: #000;
margin: 2px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #999;
border-left: 1px solid #999;
font: bold 12px/14px Arial, Helvetica, sans-serif;
background: #fff;
width: 350px;
padding: 5px;
}
.button:hover {background-color: #99CCFF}
.textbox:hover {border:1px solid #ccc;background:#FFFDE0;}
.ofc {
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-bottom:2px solid #C9C9C9;
margin: 0 2px;
margin-bottom: 5px;
font: normal 14px/22px Arial, Helvetica, sans-serif;
}
.ofh {
margin: 15px 2px 0 2px;
font: bold 15px/20px verdana,helvetica,sans-serif;
}
.ofd {
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
background: #D4D4D4 url('/img/plan/od.gif') top right repeat-x;
border-top:0;
border-bottom:solid 1px #C9C9C9;
padding:3px 2px 2px 6px;
margin: 0 2px;
height: 15px;
font: normal 10px verdana,helvetica,sans-serif;
}
.of {
background: #F0F0F0;
border-top: solid 1px #fff;
border-bottom: solid 1px #C9C9C9;
padding: 2px 2px 4px 2px;
line-height:18px
}
.of span {
font: bold 18px Arial, Helvetica, sans-serif;
color: #3D79E1;
padding: 0 3px 3px 0px;
}
.ofl {width: 140px;float: left;}
.ofr {text-align:left;margin-left:140px;}
.ofb {
text-align:right;margin: 0 auto 15px auto;
}
/********** CONTENT FILL */
#main  {
border:1px solid #CCCCCC;
background:#FFF;
padding:2px;
text-align: center;
margin: 0 10px 10px 10px
}
#main td {
width: 76px;
height: 76px;
font: normal 12px/14px Arial,helvetica,sans-serif;
}
    /* toolbar */
    #toolbar {
        margin: 0 0 0 14px;
    }
    #toolbar div {
        border: 1px solid #D9D9D9;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        float: left;
        width: 24%;
        margin: 10px 2px;
        text-align: center;
        font: normal 14px/16px Arial,Verdana;
        padding:5px 2px 5px 38px;
    }
    #toolbar strong {
        font-weight: bold;
        font-size: 16px;
        color: #000;
    }
    #toolbar A {
    font: normal 13px/14px Arial, Verdana, serif;
    font-family: Arial, Verdana, serif;
    color: #404040;
    text-decoration: none;
    }
    #toolbar #tbsupport {
        background: #fff url('/img/toolbar/support.gif') no-repeat 0 50%;
    }
    #toolbar #tbtestimonials {
        background: #fff url('/img/toolbar/testimonials.gif') no-repeat 0 50%;
    }
    #toolbar #tbuptime {
        background: #fff url('/img/toolbar/uptime.gif') no-repeat 0 50%;
    }
    #toolbar #tbfaq {
        background: #fff url('/img/toolbar/faq.gif') no-repeat 0 50%;
    }
    #toolbar #tbphone, #toolbar #tbaddress {
        background: #fff url('/img/toolbar/empty.gif') no-repeat 0 50%;
    }
/********** HINT DIV */
#hint {
    padding-top:4px;
    margin:10px auto;
    width:94.5%;
    background: #FDFDFD url('/img/gradient.jpg') bottom right repeat-x;
    border:1px solid #ccc;
}
#hint h3{
    margin-top:2px;
    background: transparent url(/img/quoteleft.gif) left top no-repeat;
    padding:18px 2px 0px 40px;
    height:30px;
}
#hint p {
    padding:0 40px 18px 48px;
    background: transparent url(/img/quoteright.gif) right bottom no-repeat;
}
#content h1 a {
    border-bottom:2px solid #007CDF;
    color: #000;
    text-decoration:none;
}
#content h1 a:hover {
    border-bottom:2px solid #60B7FF;
    color: #666;
    background:#f0f0f0;
}
.matrix {
margin: 15px auto;
width: 94.5%;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.matrix img {
border: 0;
padding: 0;
width: 16px;
height: 16px;
margin: 4px auto 0px auto;
}
.matrix .top {
font: normal 18px/20px Arial, Helvetica, sans-serif;
background: #E4E4E4 url('/img/plan/top.gif') top right repeat-x;
border:1px solid #808080;
border-bottom: 1px solid #666;
border-right:1px solid #666;
padding:5px;
text-align:center;
}
.matrix .top span {
font: bold 16px/18px Arial, Helvetica, sans-serif;
color: #006EC5;
}
.matrix .left {
border-left: 1px solid #ccc;
padding: 2px;
}
.matrix .right {
border-right: 1px solid #ccc;
padding: 2px;
text-align: center;
font-weight: bold
}
.matrix .bottom {
border-top: 1px solid #ccc;
text-align: right;
padding:10px 0 10px 0;
}
.matrix .bottom A {
color: #000;
font-weight: bold;
font-size: 16px;
border-bottom: 2px solid #008AF8;
text-decoration: none;
line-height: 18px;
text-decoration :none;
}
.matrix .bottom A:Hover {
border-bottom:2px solid #60B7FF;
color: #666;
background:#f0f0f0;
}
.matrix td img {
border:0;
padding:0;
width:16px;
height:16px;
margin: 4px auto 0px auto;
}
#highlight {
margin: 25px auto;
width: 94.5%;
text-align: left;
}
.frame {
float: left;
width: 31%;
margin: 0 12px 10px 0;
padding:0 0 4px 0;
padding-bottom:3px;
text-align: left;
font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
.frame strong, .frame A {
color: #000;
font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
.frame img {
border: 0;
width: 63px;
margin: 0px auto;
height: 30px;
}
.frame .image {
width: 150px;
height: 39px;
margin: 4px auto
}
.frame A {
background: #fff;
border-bottom: 1px solid #99CCFF;
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
.frame A:hover {
border-bottom: 1px solid #66B2FF;
}
.frame div {
text-align: center;
}
.clear {
    float: none;
    clear: left;
    margin:0;
    padding:0;
}
span.highlight  {
    background:#FFFFCC;
    color:#000;
    font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}
p span.highlight, li span.highlight {
    font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
}
span.highlight a {
    background:#CCE1FF;
    color:#000000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
span.highlight a:hover {
    background:#000;
    color:#FFF;
}