/* ======================================== */
/*              REQUIRED CSS                */
/*     Do not delete the styles in this     */
/*  section.  They are used by Ecobuilder.  */
/*  You of course, may modify them to suit  */
/*         your design and layout.          */
/* ======================================== */

/* Body */
body {font-family: verdana, arial; font-size: 11px; color: #000000; background-color: #ffffff; margin: 0px;}
p, ul, ol, td, input, textarea, select {font-family: verdana, arial; font-size: 11px; color: #000000;}
a:link, a:visited, a:active {color: #660000;}
a:hover {color: #777777;}
.status {font-family: verdana, arial; font-size: 11px; color: #ff0000; font-weight: bold;}
.notes {font-family: verdana, arial; font-size: 10px; color: #003399; font-weight: bold;}

/* Form CSS */
.forminput {font-weight: bold; color: #444444; border: solid 1px #000000;}
.formsubmit {font-weight: bold; background-color: #000000; color: #FFFFFF; border: solid 1px #666666;}

/* Menu links if menu are texted */
/* Padding order is top, right, bottom, left */
td.menucat {padding: 10px 3px 1px 14px;}
td.menucatalt {padding: 10px 2px 1px 14px;}
td.menucataltl {padding: 10px 2px 1px 13px;}
td.menu {padding: 3px 14px 3px 12px;}
td.menul {0px 0px 3px 0px}
td.menubottom {padding-bottom: 1px;}
td.submenu {padding:  2px 2px 2px 22px;}
td.submenult {padding:  2px 2px 2px 18px;}

.menucat {font-family: arial; font-weight: bold; font-size: 14px; color: #003399; text-decoration: none;}
.menucatalt {font-family: arial; font-weight: bold; font-size: 12px; color: #003399; text-decoration: none;}
a.menucataltl:link, a.menucataltl:visited, a.menucantaltl:active {color: #003399; text-decoration: none;}
a.menucataltl:hover {color: #ffffff; background-color: #003399; text-decoration: none;}

.menu {color: #000000; text-decoration: none; font-weight: normal; font-size: 9px;}
a.menul:link, a.menul:visited, a.menul:active {color: #000000; text-decoration: none;}
a.menul:hover {color: #eeeeee; background-color: #000000; text-decoration: none;}


.submenu {color: #000000; text-decoration: none; font-weight: normal; font-size: 9px;}
a.submenul:link, a.submenul:visited, a.submenul:active {color: #000000; text-decoration: none; font-size: 9px;}
a.submenul:hover {color: #eeeeee; background-color: #000000; text-decoration: none;}


/* Who's Online */
.whosonline_header {font-size: 12px; font-weight: bold}
.whosonline_text {}
.whosonline_status {color: #ff0000; font-weight: bold}
.whosonline_statussimple {font-size: 10px; color: #660000}
table.whosonline_bordercolor {background-color: #000000;}
td.whosonline_header_cellcolor {background-color: #94bade;}
td.whosonline_body_cellcolor {background-color: #efefef;}

/* VPRRS User Report */
.vprrstitle {font-weight: bold; color: #FFFFFF}
.vprrsbody {}

/* THOUGHTS Formatting */
.thoughttext {}
.thoughtauthor {font-style : italic;}

/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////     UPGRADE REVISION 9     //////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
table.subscribe {border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; width: 100%; align: center; margin-bottom: 20px;}
th.subscribe {text-align: left; vertical-align: middle; padding: 3px 5px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #d3d7ef;}
td.subscribeleftnormal {width: 30%; text-align: center; vertical-align: top; padding-top: 5px; border-bottom: solid 1px #000000; border-right: solid 1px #000000;}
td.subscriberightnormal {width: 70%; text-align: left; vertical-align: top; padding: 3px 5px; border-bottom: solid 1px #000000}
td.subscribepaymentleftnormal {width: 70%; text-align: left; vertical-align: top; padding-top: 5px; border-bottom: solid 1px #000000; border-right: solid 1px #000000;}
td.subscribepaymentrightnormal {width: 30%; text-align: left; vertical-align: top; padding: 3px 5px; border-bottom: solid 1px #000000}
td.subscribepaymentformleftnormal {width: 40%; text-align: right; vertical-align: middle; padding: 1px 3px 5px;}
td.subscribepaymentformrightnormal {width: 60%; text-align: left; vertical-align: middle; padding: 3px 1px 5px;}
td.subscribedelcinedexplaination {text-align: left; vertical-align: top; padding: 20px 10px;}

.subscribeheader {font-weight: bold; font-size: 12px;}
.subscribeerror {color: #ff0000; font-weight: bold;}
.subscribedeclined {color: #ff0000; font-weight: bold;}
.subscribenotes {font-size: 10px;}
.subscribepackageprice {font-weight: bold; font-size: 12px;}
.subscribepackagename {font-weight: bold; font-size: 12px;}
.subscribenormal {}
.subscribeinput {font-size: 10px; font-family: ms sans serif, tahoma, arial, times new roman; color: #000000}
.subscribesubmit {background-color: #000000; font-size: 12px; font-family: arial, times new roman; color: #ffffff; font-weight: bold;}

.subscribesuccesstitle {font-weight: bold; color: #444444; border: solid 1px #000000;}
.subscribesuccessnormal {font-weight: bold; background-color: #000000; color: #FFFFFF; border: solid 1px #666666;}


/* ======================================== */
/*              CUSTOM CSS                  */
/*   You can do anything with the styles    */
/*                below.                    */
/* ======================================== */
img.header {width: 780px; height: 498px; border: 0px;}
#topbar {position: absolute; top: 0px; left: 0px; background-color: #000000; width: 780px;}
#topbar p {color: #ffffff; font-weight: bold;}
#topbar a:link, #topbar a:visited, #topbar a:active {color: #bee9e8; text-decoration: none;}
#topbar a:hover {color: #f2f578; text-decoration: none;}
#topbar td.menutd {color: #ffffff; font-weight: bold; padding: 0px 5px;}
#body {position: absolute; top: 100px; left: 0px; width: 780px;}
#menu {margin-left: 5px; float: left; border: solid 1px #000000; background-color: #f5f5f5; filter: alpha(opacity=90);-moz-opacity:0.9; padding: 0px; width: 160px;}
#content {margin-left: 10px; margin-top: 20px; float: left; background-color: #ffffff; filter: alpha(opacity=90);-moz-opacity:0.9; padding: 10px; width: 590px;}
#footer {margin-top: 10px; background-color: #000000; width: 780px; padding: 5px 15px; text-align: right;}
#footer p {color: #ffffff; font-weight: bold;}
#footer a:link, #footer a:visited, #footer a:active {color: #bee9e8; text-decoration: none;}
#footer a:hover {color: #f2f578; text-decoration: none;}
#banner {position: absolute; top: 40px; left: 290px; border: solid 0px #000000;}

.topbartitle {color: #ffffff; font-family: Arial,Helvetica,Serif; font-size: 16px; font-weight: bold;}
.topbar {color: #ffffff; font-weight: bold;}
a.topbar:link, a.topbar:visited, a.topbar:active {color: #bee9e8; text-decoration: none;}
a.topbar:hover {color: #f2f578; text-decoration: none;}
.footer {color: #ffffff; font-weight: bold;}
a.footerlink, a.footer:visited, a.footer:active {color: #bee9e8; text-decoration: none;}
a.footer:hover {color: #f2f578; text-decoration: none;}

.toptitle {font-weight: bold; font-size: 12px; color: #000000;}
.funlinks {font-family: arial; font-weight: bold; font-size: 14px; color: #000000;}
a.funlinks:link, a.funlinks:visited, a.funlinks:active {color: #000066; text-decoration: underline; padding: 0px 3px;}
a.funlinks:hover {color: #eeeeee; background-color: #000000; text-decoration: none; padding: 0px 3px;}
.bodylinks {font-family: arial; font-weight: bold; font-size: 12px; color: #000000;}
a.bodylinks:link, a.bodylinks:visited, a.bodylinks:active {color: #000066; text-decoration: underline; padding: 0px 3px;}
a.bodylinks:hover {color: #eeeeee; background-color: #000000; text-decoration: none; padding: 0px 3px;}
.pinverse {color: #ffffff;}
.title {font-family: arial; font-size: 24px; color: #ff9933; font-weight: bold;}
.bdtitle {font-family: arial; font-size: 16px; color: #ff9933; font-weight: bold;}
.subtitle {font-family: arial; font-size: 16px; color: #003399; font-weight: bold;}
.smtitle {font-family: arial; font-size: 12px; color: #003399; font-weight: bold;}
.subwhite {font-family: arial; font-size: 16px; color: #ffffe6; font-weight: bold;}
.accounttitles {font-size: 12px; color: #ffffff; font-weight: bold;}
.accountnotes {font-size: 10px; color: #000066;}
.accountnormal {}
.bluetitle {font-family: arial; font-size: 16px; color: #105BC7; font-weight: bold;}
.lgdkbluetitle {font-family: arial; font-size: 26px; color: #195AAC; font-weight: bold;}
.articletypetitle {font-family: tahoma, verdana, helvetica, geneva, sans-serif; font-weight: bold; font-size: 22px; color: #777777; padding-bottom: 1px; border-bottom: #777777 1px solid}