/* ======================================== */
/*              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 */
HTML { height: 100%;}
BODY { font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 12px; color: #000000; line-height: 16px; margin:20px 0 0; height: 101%; /* FORCE SCROLL BARS IN FIREFOX */ background-color: white  }
P, TD, INPUT, TEXTAREA, SELECT {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 12px; color: #999999; line-height:16px;}
p.alternate {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 12px; color: #999999; line-height:16px;}

HR  {color:#fff; background-color:#fff; height:1px; border:1px dotted #999999; margin:0px; text-align: left; border-style: none none dotted;}

A:link {color: #f067a6; text-decoration:underline;}
A:visited {color: #f067a6; text-decoration:none;}
A:active {color: #f067a6; text-decoration:none;}
A:hover {color: #999999; text-decoration:underline;}
UL {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 12px; color: #999}
OL {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 12px; color: #999}
.status {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #ff0000; font-weight: bold}
a.status:link, a.status:visited, a.status:active {color: #ff0000; text-decoration:none;}
a.status:hover {color: #ff0000; text-decoration:underline;}
.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: #FFFFFF; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #999999;}
input {background-color: #FFFFFF; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000;}
.formsubmit {background-color: #cccccc; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #000000;}
.radiocheckbox {font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; background-color: transparent;}

/* Menu links if menu are texted */
TD.menucat {border-bottom: 1px solid #000000;}
TD.menu {font-family: ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; padding-top:1px;}
TD.menuover {font-weight: bold; font-size: 11px; color: #000000; font-family: ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; padding-top:1px;}

.menucat {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-weight: normal; font-size: 11px; color: white; text-decoration: none; padding-top:5px;}
.menu {font-family: tahoma, verdana, arial, geneva, helvetica, "ms san serif"; font-weight: normal; font-size: 11px; color: white; text-decoration: none;}

A.menul:link { color: white; font-size: 18pt; font-weight: lighter; line-height: 24pt; text-decoration: none   }
A.menul:visited { color: white; font-size: 18pt; font-weight: lighter; line-height: 24pt; text-decoration: none   }
A.menul:active { color: white; font-size: 18pt; font-weight: bold; line-height: 24pt; text-decoration: none   }
A.menul:hover { color: #f067a6; font-size: 18pt; font-weight: lighter; line-height: 24pt; text-decoration: none   }

/* 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; }

h1, h2, h3, h4, h5 {font-family: verdana, tahoma, arial, geneva, helvetica, "ms san serif"; font-size: 18px; color: #f067a6}
h1 {font-size: 18px;} h2 { font-size: 12px; font-weight: bold; } h3 {font-size: 12px;} h4 {font-size: 11px;} h5 {font-size: 10px;} h6 {font-size: 8px;}

/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////     UPGRADE REVISION 9     //////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
TABLE.subscribe {border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd; width: 100%; align: center; margin-bottom: 20px;}
TH.subscribe {text-align: left; vertical-align: middle; padding: 3px 5px; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; background-color: #efefef;}
TD.subscribeleftnormal {width: 25%; text-align: center; vertical-align: top; padding-top: 5px; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd;}
TD.subscriberightnormal {width: 75%; text-align: left; vertical-align: top; padding: 3px 5px; border-bottom: solid 1px #dddddd}
TD.subscribepaymentleftnormal {width: 70%; text-align: left; vertical-align: top; padding-top: 5px; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd;}
TD.subscribepaymentrightnormal {width: 30%; text-align: left; vertical-align: top; padding: 3px 5px; border-bottom: solid 1px #dddddd}
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-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #000000}
.subscribeerror {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; font-weight: bold}
.subscribedeclined {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold}
.subscribenotes {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal}
.subscribepackageprice {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #000000}
.subscribepackagename {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #000000}
.subscribenormal {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000}
.subscribeinput {font-size: 9px; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000}
.subscribesubmit {background-color: #000000; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold;}

.subscribesuccesstitle {font-family: verdana,helvetica,arial; font-weight: bold; font-size: 12px; color: #000000}
.subscribesuccessnormal {font-family: verdana,helvetica,arial; font-weight: normal; font-size: 11px; color: #000000}

td.leftcol {text-align: left; vertical-align: top; background-color: #323943; width: 130px; padding: 0px;}
#announcementarea div.boxme {padding: 5px 5px 20px; font-size: 10px;}
#announcementarea .title {font-weight: bold;}
#announcementarea .subtitle {font-weight: bold; color: #999999;}

#memberarea div.boxme {background-color: #748CA2; padding: 5px 3px; font-size: 10px;}
#memberarea .title {font-weight: bold; color: #FFFECC;}
#memberarea input.loginbox {color: #cccccc; border: solid 1px #eeeeee; background-color: #555555; font-weight: bold; font-size: 9px; width: 100px;}
#memberarea input.loginboxsubmit {color: #cccccc; border: solid 1px #eeeeee; background-color: #586B82; font-weight: bold; font-size: 9px; width: 100px;}
#memberarea a:link, #memberarea a:visited, #memberarea a:active {color: #999; text-decoration: none; font-weight: bold;}
#memberarea a:hover {color: #ffffff; text-decoration: none;}
div.leftcolbelow {padding: 5px;}

td.content1 {text-align: left; vertical-align: top; width: 770px; padding: 12px;}
td.contentstaffmenu {text-align: left; vertical-align: top; width: 130px;}
td.contentstaff {text-align: left; vertical-align: top; width: 640px;}
td.content2 {text-align: left; vertical-align: top; width: 640px; padding: 12px;}
td.content3 {text-align: left; vertical-align: top; width: 510px; padding: 12px;}
td.rightcol {text-align: center; vertical-align: top; width: 130px; padding: 5px 0px;}
td.controlpanel {background: #182733; border: solid 1px #777777; text-align: left; vertical-align: top; width: 200px; padding: 0px;}

#cpanel div.topheader {border-bottom: 1px solid #777777; background: #000000; padding: 3px 5px; font-size: 12px; color: #999; text-align: center; font-weight: bold;}
#cpanel .title {font-weight: bold; color: #999;}
#cpanel a:link, #cpanel a:visited, #cpanel a:active {color: #999; text-decoration: none; font-weight: bold;}
#cpanel a:hover {color: #ffffff; text-decoration: none;}

td.footerdiv {background-color: #979797;}
td.footer {background-color: #595D63; text-align: center; vertical-align: middle; padding: 5px 8px;}
#footer p {color: #ffffff;}
#footer a:link, #footer a:visited, #footer a:active {color: #999; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #ffffff; text-decoration: none;}
td.copyright {text-align: center; color: #eeeeee; font-size: 11px; padding: 0px 5px;}

#fptitleblue, #fptitlegreen, #fptitlered, #fptitlepurple, #fptitlegold {border-bottom: solid 1px #000000; padding: 3px 10px; font-weight: bold; color: #FFFECC; font-size: 12px;}
#fptitleblue {background: url(/images/fptitle_blue.gif);}
#fptitlegreen {background: url(/images/fptitle_green.gif);}
#fptitlered {background: url(/images/fptitle_red.gif);}
#fptitlepurple {background: url(/images/fptitle_purple.gif);}
#fptitlegold {background: url(/images/fptitle_gold.gif);}
#fpbody {padding: 6px 8px; background-color: #323943; margin-bottom: 15px;}

table.index {border-collapse: collapse;}
td.indexheader {background-color: #54697A; border: solid 1px #777777; padding: 2px 8px; text-align: left; vertical-align: top; font-size: 12px; font-weight: bold;}
td.index {border: solid 1px #777777; padding: 4px 8px; text-align: left; vertical-align: top;}
td.indexbio {border: solid 1px #777777; padding: 4px 8px; text-align: left; vertical-align: top;}
td.indexbioheader {background-color: #54697A; border: solid 1px #777777; padding: 4px 8px; text-align: left; vertical-align: top; font-size: 12px; font-weight: bold;}

#accountform {text-align: center;}
#accountform p {font-size: 11px;}
#accountform table {width: 500px; border: solid 1px #777777; border-collapse: collapse;}
#accountform th {background-color: #444F59; padding: 3px 6px; border-top: solid 1px #777777; border-bottom: solid 1px #777777;}
#accountform th p {font-size: 13px; font-weight: bold;}
#accountform td {padding: 2px; vertical-align: middle;}
#accountform td.long {padding: 5px 10px;}
#accountform input.accountform {border: 0px; background-color: transparent;}
#accountform td.long p {color: #999;}
#accountform .label {font-weight: bold;}
#accountform div.status {border: solid 1px #777777; background-color: #333333; padding: 8px; color: #999; margin-bottom: 10px;}

#loginform {text-align: center;}
#loginform td.status {text-align: left; vertical-align: top; padding: 4px 5px;}
#loginform table {width: 400px; border-collapse: collapse; padding: 10px 5px;}
#loginform td {padding: 2px 4px; vertical-align: middle;}
#loginform .column1 {width: 40%; text-align: right; vertical-align: middle;}
#loginform .column2 {width: 60%; text-align: left; vertical-align: middle;}
#loginform .submit {text-align: center; vertical-align: middle; padding: 10px 10px 5px;}

#topbar {margin: 0px; padding: 6px 8px;}
#topbar p {margin: 0px; font-family: arial; font-size: 12px; font-weight: bold;}
#topbar a:link, #topbar a:visited, #topbar a:active {color: #ffffff; text-decoration: none}
#topbar a:hover {color: #999; text-decoration: none;}

#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;}

a img {background-color: transparent}

#pollsmainpage table {width: 100%;}
#pollsmainpage small {font-size: 8px;}
#pollsmainpage th {text-align: left; background: #333333; padding: 5px;}
#pollsmainpage th p {font-weight: bold; font-size: 10px;}
#pollsmainpage td p {font-size: 10px;}
#pollsmainpage div.metercell {border: solid 1px #777777; background-color: #6D7B87;}
#pollsmainpage td.footer {background: #333333;}
#pollsmainpage td.footer span {font-size: 10px;}
#pollsmainpage input.submit {color: #ffffff; background-color: #000000; font-size: 10px; border: solid 1px #cccccc;}


/* ======================================== */
/*              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: #009A97; font-weight: bold}

.globalfooter {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 10px; color: #003366}
A.globalfooter:link {color: #41679f}
A.globalfooter:visited {color: #41679f}
A.globalfooter:active {color: #41679f}
A.globalfooter:hover {color: #006666}

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: 9px; color: #999}

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

.photo { }

/* ======================================== */
/*                THEME CSS                 */
/* ======================================== */

.bodytable {width: 800px}
td.bodytext {padding: 12px;}
.bodydate {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal}
.whitetitle {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold}
.whitebody {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #ffffff; font-weight: normal}

.author {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 10px; color: #999; font-weight: normal}
.songtitle {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold;}
.maintitle {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 12px; color: #999; font-weight: bold; line-height: 18px;}


A:hover {
	COLOR: #999
}
H1 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H2 { FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
 ; line-height: 12px; }
H3 {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H4 {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H5 {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H6 {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H1 { FONT-SIZE: 18px
; line-height: 18px; }
.style9 {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style10 {
	FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style13 {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style15 {
	FONT-SIZE: 10px
}