body { margin: 0; background-color: #E5F3E6; }
img { border: 0; }
div { text-align: left; }
form { margin: 0; padding: 0; }
a { color: inherit; }
table { border-collapse: collapse; }
input, select { margin: 0; padding: 0; }
body:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; } /*chrome background bugfix*/

div#topmost  { width: 1000px; text-align:left; }

td { vertical-align: top; }
td[valign="bottom"] { vertical-align: bottom; }
td[valign="middle"] { vertical-align: middle; }

/*
div#header,
div#body,
div#copyright,
div#footer-text
*/

div#header  { background-color: #208240; color: #CFFFCB; font: bold 14px Verdana; margin-bottom: 7px; }

table.top { font: bold 11px Verdana; }
table.top .company-name { font: bold 15px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
    width: 300px; height: 20px; overflow: hidden; text-align:right;
  }


table#topnav { height: 50px; border: 0px solid white; position: absolute; top: 2px; }
table#topnav td { padding: 0 12px 15px 12px; vertical-align: bottom; font: bold 12px verdana; }
table#topnav td.selected { background: url(/images/selectedbg.gif) repeat-x 0 -2px; }
table#topnav td.leftselected { background: url(/images/selectedcorner.gif) bottom right no-repeat; }

div#copyright { font: 10px Verdana; height: 12px; margin: 4px 0 7px 0; clear:both; text-align: center; }
div#copyright a { margin: 0 2px 0 2px; text-decoration: none;}
div#copyright a:hover { text-decoration: underline; }
div#copyright div { margin: 0 15px 0 15px; }

div#footer  { background-color: #208240; color: #CFFFCB; font: 10px Verdana;  clear:both; }
div.footer-text { margin: 5px; color: #61AD7A; }
div.footer-text a { text-decoration: none; }
div.footer-links { text-align: center; font: 10px Verdana; margin-top: 7px; }
/*
div.footer-links a { margin: 0 2px 0 2px; text-decoration: none;}
div.footer-links a:hover { text-decoration: underline; }
*/
div.below-footer { color: #999; font: 10px Verdana;  clear:both; padding: 10px 5px 5px 5px; }
div.below-footer a { text-decoration: none; }
div.below-footer p { margin: 0 0 5px 0; }

table.available-states td { text-align: left; }

div#body-parent  { min-height: 400px; background-color: white; }
div#body { padding: 10px; background-color: white; font: 14px Verdana; }
div#body-bottom  { background-color: white; }

div.body-parent  { min-height: 200px; background-color: white; }
div.body { padding: 10px; background-color: white; font: 16px Georgia, Arial; }
div.body-bottom  { background-color: white; }

div.padded { padding-left: 10px; }


div#left { width: 600px; margin-left: 10px; }

H1 { margin: 0; padding: 0; font: bold 28px Helvetica, Verdana; margin-bottom: 7px; color: #222;  }
H2 { margin: 0; padding: 0; font: 20px Georgia, Times; margin-bottom: 10px; color: #555; }
H3 { margin: 0; padding: 0; font: 14px Georgia, Times; }
H4 { margin: 0; padding: 0; font: bold 18px Helvetica, Verdana; color: #D47812; margin-bottom: 15px; }


td.bl { background: url(/images/corner/bl.png); width: 7px; height: 7px; }
td.br { background: url(/images/corner/br.png); width: 7px; height: 7px; }
td.tl { background: url(/images/corner/tl.png); width: 7px; height: 7px; }
td.tr { background: url(/images/corner/tr.png); width: 7px; height: 7px; }


table.white td, table.green td { line-height: 1px; }
table.white td.tl { background: url(/images/cornerwhite/tl.png) no-repeat; width: 7px; height: 7px; }
table.white td.tr { background: url(/images/cornerwhite/tr.png) no-repeat; width: 7px; height: 7px; }
table.white td.bl { background: url(/images/cornerwhite/bl.png) no-repeat; width: 7px; height: 7px; }
table.white td.br { background: url(/images/cornerwhite/br.png) no-repeat; width: 7px; height: 7px; }


table.grey td, table.green td { line-height: 1px; }
table.grey td.tl { background: url(/images/corners/greygreen/tl.png) no-repeat; width: 7px; height: 7px; }
table.grey td.tr { background: url(/images/corners/greygreen/tr.png) no-repeat; width: 7px; height: 7px; }
table.grey td.bl { background: url(/images/corners/greygreen/bl.png) no-repeat; width: 7px; height: 7px; }
table.grey td.br { background: url(/images/corners/greygreen/br.png) no-repeat; width: 7px; height: 7px; }


div#header input#top_email,
div#header input#top_password { width: 100px; font: 11px Verdana; margin-right: 2px; }
div#header input#go { height: 23px; font: 12px Verdana; }
table.loginbox { width: 264px; margin-top: 5px;}
table.loginbox th { font: bold 10px Verdana; text-align: left; line-height: 12px; }
/*table.loginbox td { border: 1px solid white;  }*/
table.loginbox td input { font: bold 10px Verdana; }
table.loginbox td { text-align:left; }


div#header a { color: white; }

div#index { font: 14px Helvetica; line-height: 20px; padding: 5px 0 0 10px; }
/*ul.nicelist { font: 14px Helvetica; line-height: 20px; }*/
div#index h1 { margin-bottom: 15px; }
div#index h2 { margin-bottom: 20px; }


img.link { cursor: pointer; }

div.form-warning
  { font: bold 12px Verdana; background-color: #ffc; padding: 7px; border: 1px solid red; }


/* FAQ */

table.faqmenu { border-right: 1px solid #ddd; }
table.faqmenu td { font: bold 13px Verdana; color: #444; padding: 10px; }
table.faqmenu td.selected { background-color: #eee; }
table.faqmenu a { text-decoration: none; }
table.faqmenu a:hover { text-decoration: underline; }

div.faq { margin-right: 20px; }
div.faq div.section { border-bottom: 1px solid #bbb; margin-bottom: 5px; }
div.faq h2 { margin-bottom: 0; }

div.faq dt { margin: 0; padding: 10px 0 5px 0; font: bold 12px Verdana; }
div.faq dd { margin: 0; padding: 0 0 5px 30px; font: 12px Verdana; }

div.faq table.fees { margin-top: 10px; }
div.faq table.fees tr.header th { font: bold 12px Verdana; text-align: center; padding: 3px; background-color: #76923C; color: #fff; }
div.faq table.fees th { font: 12px Verdana; text-align: left; border: 1px solid #ccc; padding: 3px; }
div.faq table.fees td { font: 12px Verdana; text-align: right; padding:3px; border: 1px solid #ccc;}
div.faq table.fees tr.separator { background-color: #C2D69B; }
div.faq table.fees tr.bottom th { border: 0; padding-top: 10px; }

/* why */

div.why { font: 13px Arial; margin: 0 0 20px 5px; text-align: justify; }


/* signup */

div.signup { margin-left: 30px; font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; }
div.separator { border-bottom: 1px solid #ccc; width: 500px; margin: 20px 0 0 0; font: bold 14px "Lucida Sans Unicode"; color: #777; }
table.signup { margin-left: 50px; }
table.signup td { padding: 1px; text-align: left; }
table.signup th { padding: 3px 10px 1px 1px; text-align: right; width: 150px; /*font: 13px Helvetica;*/
        font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
        color: #222; vertical-align: top; }

div.signup div.billing { min-height: 50px; margin: 10px 0 15px 0; }

/* form stuff */
div.div-help { position:absolute; width:300px; font: 11px Verdana; background: url(/images/right-arrow.png) no-repeat; padding-left: 12px; min-height: 20px; color: #777; }
div.div-error { position:absolute; width:300px; font: 11px Verdana; background: url(/images/right-arrow.png) no-repeat; padding-left: 12px; min-height: 20px; color: #e00; }
div.div-errors { width: 600px; font: 11px Verdana; color: red; }


/* state page */
div.state { font: 12px Verdana; line-height: 16px; padding: 0px 0px 0px 20px; }
div.state h1 a { text-decoration: none; border-bottom: 1px solid #dde; }
div.state h1 a:hover { border-bottom: 1px solid transparent; }
div.state h2 a { text-decoration: none; border-bottom: 1px solid #dde; }
div.state h2 a:hover { border-bottom: 1px solid transparent; }
/*div.state h2 { text-align: justify; }*/


table.menu-level-2 td { background-color: #D8D8D8; font: bold 12px Verdana; }
table.menu-level-2 { margin-left: 50px; }
table.menu-level-2 td { padding: 1px 15px 4px 15px; line-height: 16px; }
table.menu-level-2 td.selected { background-color: #fff; }
table.menu-level-2 td.spacer { width: 10px; padding: 0; }
table.menu-level-2 tr.top-grey td { padding: 0; margin: 0; height:2px;}
table.menu-level-2 td.tl { padding: 0; background: #fff url(/images/corners/whitegrey/tl.png) no-repeat; }
table.menu-level-2 td.tr { padding: 0; background: #fff url(/images/corners/whitegrey/tr.png) no-repeat; }
table.menu-level-2 td.notab { padding: 0; width:7px; background: #D8D8D8; }

/* about */
div.about { font: 12px Verdana; padding-right: 10px; line-height: 17px; text-align: justify;  }

div.body-inside { font: 12px Verdana; padding: 10px; }


/* inner messages */
div.success { color: green; font: bold 12px Verdana; margin: 10px 10px 10px 30px; padding-left: 30px; background: url(/images/icons/check.png) no-repeat; min-height: 30px; }
div.error { color: red; font: bold 12px Verdana; margin: 10px 10px 10px 30px; padding-left: 30px; background: url(/images/icons/cross.png) no-repeat; min-height: 30px; }

/* Documents page */
table.documents { margin: 10px 0 0 20px; }
table.documents th { font: bold 11px Verdana; padding: 0 0 3px 20px; border-bottom: 1px solid #ccc; text-align: left; }
table.documents td { font: 11px Verdana; padding: 0 0 3px 20px; }

ul.documents { margin:10px 0 20px 30px; padding:0; list-style-type:none; }
ul.documents li { margin:0 0 2px 0; padding:0; list-style-type:none; }
ul.documents li { background: url(/images/icons/small/arrow-yellow.png) 0 2px no-repeat;  }
ul.documents li { padding-left: 20px; }
ul.documents li { line-height: 18px; }
ul.documents li.check { background: url(/images/icons/small/check.png) top left no-repeat; }


div.help_icon { float:right; background: url(/images/icons/help.png) no-repeat right; padding-right: 18px; }


/* blog */
div.blog, div.blog td { font: 12px Arial; line-height: 17px; }
div.blog h2 { font-size: 18px; margin: 0px 0 5px 0; }
div.blog h3 { font-size: 16px; margin: 0px 0 10px 0; }
div.blog li { margin: 0; padding: 0; list-style-position: inside; }
div.blog ul { margin: 0; padding: 0;  }


/*help*/
div#div_help_outer { position:absolute;left:700px;width:280px;height:350px;border:1px solid #ccc; padding:7px;margin-top:-1px;background-color:#ffc;overflow-y:auto;overflow-x:auto;  }
div#help_content { font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; text-align: justify;  }
div#help_content h3 { margin-bottom: 5px; text-decoration: underline; }
/*div#help_content ul { padding-left: 30px; }*/
/*div#help_content ul { list-style-type: square; list-style-position: outside; float: none; }*/
div#help_content ul { list-style: none; padding-left: 10px; }
div#help_content ul li { padding-left: 15px; background: url(/images/bullet-circle-small.png) top left no-repeat; }
div#help_content a { color: blue; }

/**/
.the-font,
.the-font td,
.the-font input,
.the-font select
  { font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; }