/* ======================================== */
/*              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, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}
P, TD, INPUT, TEXTAREA, SELECT {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}
p.alternate {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #FFFF99}

HR  {color: #dddddd; background-color: #dddddd; height: 1px; border: 0; text-align: left; margin-left: 0;}

A:link {color: #7E1D08; text-decoration:underline;}
A:visited {color: #7E1D08; text-decoration:none;}
A:active {color: #7E1D08; text-decoration:none;}
A:hover {color: #FF9900; text-decoration:none;}
UL {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}
OL {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}
.status {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #cc3300; font-weight: bold}
.notes {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 10px; color: #000000; font-weight: bold}

/* Form CSS */
.forminput, textarea {background-color: #efefef; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #dddddd;}
.formsubmit {background-color: #dddddd; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #000000; font-weight:bold;}
.radiocheckbox {font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000;}

/* Menu links if menu are texted */
TD.menucat {border-bottom: 1px solid #666666;}
TD.menu {font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; }
TD.menuover {background-color: #CC9900; border-bottom: 1px solid #FFCC00; font-weight: bold; font-size: 11px; color: #000000; font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; }

.menucat {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; }
.menu {font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none;}

a.menul:link, a.menul:visited, a.menul:active {color: #333333; text-decoration: none}
a.menul:hover {color: #7E1D08; text-decoration: none}

.globalMenu {font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 13px; color: #FFFFFF}
a.globalMenu:link, a.globalMenu:visited, a.globalMenu:active {color: #ffffff; text-decoration: none}
a.globalMenu:hover {color: #8A0303; text-decoration: underline}

/* Who's Online */
.whosonline_header {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 12px; color: #ffff99; font-weight: bold}
.whosonline_text {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}
.whosonline_status {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 12px; color: #ff0000; font-weight: bold}
.whosonline_statussimple {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 10px; color: #ff0000}
TABLE.whosonline_bordercolor {}
TD.whosonline_header_cellcolor {background-color: #7E1D08; }
TD.whosonline_body_cellcolor {background-color: #ffff99; }

/* VPRRS User Report */
.vprrstitle {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
.vprrsbody {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #000000}

/* THOUGHTS Formatting */
.thoughttext {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #000000}
.thoughtauthor { font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #000000; font-style : italic; }


#memberpoints table {border: solid 1px #777777; border-collapse: collapse;}
#memberpoints table.summary {text-align: left; width: 100%; border: solid 1px #777777; border-collapse: collapse;}
#memberpoints table.grid {text-align: left; width: 100%; border-collapse: collapse;}
#memberpoints th {text-align: left; background-color: #444F59; padding: 2px 6px; border-top: solid 1px #777777; border-bottom: solid 1px #777777;}
#memberpoints th p {font-size: 10px; font-weight: bold;}
#memberpoints td {padding: 2px; vertical-align: middle;}
#memberpoints td p {font-size: 10px;}
#memberpoints td.column1 {vertical-align: top; width: 50%; padding: 0px 5px 0px 0px;}
#memberpoints td.column2 {vertical-align: top; width: 50%; padding: 0px 0px 0px 5px;}
#memberpoints td.summarycolumn1 {width: 33%; text-align: left; vertical-align: middle; padding: 2px 6px;}
#memberpoints td.summarycolumn2 {width: 33%; text-align: left; vertical-align: middle; padding: 2px 6px;}
#memberpoints td.summarycolumn3 {width: 33%; text-align: left; vertical-align: middle; padding: 2px 6px;}
#memberpoints td.gridcolumn1 {width: 5%; padding: 1px 5px; text-align: right; vertical-align: top; border: solid 1px #555555; background: #17272d;}
#memberpoints td.gridcolumn2 {width: 15%; padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555;}
#memberpoints td.gridcolumn3 {width: 20%; padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555;}
#memberpoints td.gridcolumn4 {width: 60%; padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555;}
#memberpoints td.gridcolumn1current {padding: 1px 5px; text-align: right; vertical-align: top; border: solid 1px #555555; background: #0d450c;}
#memberpoints td.gridcolumn2current {padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555; background: #0d450c;}
#memberpoints td.gridcolumn3current {padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555; background: #0d450c;}
#memberpoints td.gridcolumn4current {padding: 1px 5px; text-align: left; vertical-align: top; border: solid 1px #555555; background: #0d450c;}
#memberpoints td.top10column1 {width: 5%; text-align: right; font-size: 10px;}
#memberpoints td.top10column2 {width: 65%; text-align: left; font-size: 10px;}
#memberpoints td.top10column3 {width: 30%; text-align: left; font-size: 10px;}
#memberpoints small {font-size: 9px;}
#memberpoints table.log {text-align: left; width: 100%; border-collapse: collapse;}
#memberpoints td.logcolumn1 {width: 18%; text-align: left; border-top: solid 1px #555555;}
#memberpoints td.logcolumn2 {width: 70%; text-align: left; border-top: solid 1px #555555;}
#memberpoints td.logcolumn3 {width: 13%; text-align: left; border-top: solid 1px #555555;}
#memberpoints td.logcolumn4 {text-align: left; vertical-align: top; border-bottom: solid 1px #555555;}
#memberpoints p.title {font-size: 14px; font-weight: bold;}
#memberpoints li {margin-top: 2px; margin-bottom: 16px;}
#memberpoints div.popup {padding: 5px 10px;}

#buddylist table {width: 100%; border-collapse: collapse; border: solid 1px #777777;}
#buddylist th {background: #444F59; padding: 2px 5px; border: solid 1px #777777;}
#buddylist th p {font-size: 11px;}
#buddylist th.title {background: #444F59; border: solid 1px #777777;}
#buddylist th.title p {font-size: 13px; font-weight: bold;}
#buddylist th.addbuddy {background: transparent; padding: 8px 5px; border: 0px;}
#buddylist td {padding: 2px; border: solid 1px #777777;}





/* ======================================== */
/*              CUSTOM CSS                  */
/*   You can do anything with the styles    */
/*                below.                    */
/* ======================================== */
.toptitle {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 12px; color: #000000}
.pinverse {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #ffffff}
.title {font-family: arial; font-size: 14px; color: #86A2A6; font-weight: bold}

.globalfooter {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 10px; color: #003366; text-decoration:none;}
A.globalfooter:link {color: #7E1D08}
A.globalfooter:visited {color: #7E1D08}
A.globalfooter:active {color: #7E1D08}
A.globalfooter:hover {color: #ff9900}

TD.accounttitles {border: 1px solid #dddddd; background-color: #efefef;}
.accounttitles {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000; font-weight:bold}
.accountnotes {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 10px; color: #000000}
.accountnormal {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #000000}

.copyright {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 10px; color: #999999}

.small {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 9px; color: #ffff99}

.photo {}

/* ============================================ */
/*              DROPDOWN MENU CSS               */
/* ============================================ */


table.topmenu {display: block;}

td.menubar {letter-spacing: 0px; text-align: center; vertical-align: middle; color: #FFFF99; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 1px; background-image:url(../images/bg_rust.gif);}
td.menubarover {letter-spacing: 0px; cursor: hand; cursor: pointer; text-align: center; vertical-align: middle; color: #000000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 1px; background-color: #FFCC00; background-image:url(../images/bg_yell.gif);}
a.menubar:link, a.menubar:visited, a.menubar:active {color: #FFFF99; text-decoration: none; }
a.menubar:hover {color: #ffff99; text-decoration: none;}

table.mainmenu {display: block;}

td.menu-bar{letter-spacing: 0px; vertical-align: middle; color: #7FBA00; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #7FBA00; padding:3px 6px 4px 3px; width: 200px; border-bottom: 1px dotted #999999;}
td.menu-barover {letter-spacing: 0px; cursor: hand; cursor: pointer; vertical-align: middle; color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #7FBA00; padding:3px 6px 4px 3px; width: 200px; border-bottom: 1px dotted #000000;}