/* ======================================== */ /* 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 {background-color: #BE7404; background-image: url(/images/bg.gif); background-repeat:repeat-x; color: #000000; margin: 5px; scrollbar-face-color:#cc9900; scrollbar-highlight-color:#536470; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#7E1D08; scrollbar-arrow-color:#7E1D08; scrollbar-track-color:#ffff99; text-align: left;} body.print {background-color: #ffffff; color: #000000; margin: 10px; scrollbar-face-color:#485878; scrollbar-highlight-color:#536470; scrollbar-3dlight-color:#B8C6CF; scrollbar-darkshadow-color:#536470; scrollbar-shadow-color:#B8C6CF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#748CA2;} body.print a:link, body.print a:visited, body.print a:active {color: #000000; text-decoration: none} body.print a:hover {color: #7E1D08; text-decoration: underline;} body.print p, body.print td, body.print .label {font-family: verdana, arial; font-size: 11px; color: #000000; letter-spacing: 0px;} p, td, .label {font-family: verdana, arial; font-size: 11px; color: #000000; letter-spacing: 0px;} p {margin-top: 0px;} p.alternate {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #FFFF99} .label {font-weight: bold;} a:link {color: #7E1D08; text-decoration: none} a:visited, a:active {color: #000000; text-decoration: none} a:hover {color: #cc9900; text-decoration: underline;} a.alt:link {color: #cc9900; text-decoration: none} a.alt:visited, a:active {color: #cc7700; text-decoration: none} a.alt:hover {color: #7E1D08; text-decoration: underline;} ul, ol {font-size: 11px;} li {} small {font-size: 10px} hr {color: #dddddd; background-color: #dddddd; height: 1px; border: 0; text-align: left; margin-left: 0;} .status {font-size: 11px; color: #cc3300; font-weight: bold;} a.status:link {color: #cc3300; text-decoration: none} a.status:visited, a.status:active {color: #cc3300; text-decoration: none} a.status:hover {color: #cc9900; text-decoration: underline;} td.status {padding: 8px;} div.status {padding: 8px; border: solid 1px #000000; background: #ffff99; text-align: left;} .notice {font-size: 12px; color: #00ff00; font-weight: bold;} .notes {font-family: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 10px; color: #000000; font-weight: bold} /* Form CSS */ input {background-color: #FFFFFF; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000;} select, textarea {background-color: #FFFFFF; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border:1px solid #000000;} .forminput {background-color: #FFFFFF; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #000000;} .formsubmit, input.submit {cursor: pointer; background-color: #dddddd; font-size: 8pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000; border: 1px solid #000000; padding-left: 3px; padding-right: 3px;} .radiocheckbox {background-color: transparent; font-size: 7pt; font-family: MS Sans Serif, Tahoma, Arial, Times New Roman; color: #000000;} /* Menu links if menu are texted */ TD.menucat {background-color: #CC9900; border-bottom: 2px solid #ffffff; padding:1 0 1 0;} TD.menu {border-bottom: 1px solid #7E1D08; border-bottom: 2px solid #ffffff; font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; padding:1 0 1 0;} TD.menuover {background-color: #CC9900; border-bottom: 2px solid #ffffff; 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; padding:1 0 1 0;} .menucat {font-family: tahoma, verdana, 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; background-color: #7E1D08;} .menul {font-family: tahoma, verdana, arial, geneva, helvetica, ms san serif;} A.menul:link, A.menul:visited, A.menul:active {color: #FFFFFF; text-decoration: none} A.menul:hover {color: #7E1D08; text-decoration: none} #whosonline {text-align: center;} #whosonline table {width: 100%; border: solid 1px #dddddd; border-collapse: collapse;} #whosonline th {padding: 2px 4px; background-color: #efefef; border: solid 1px #dddddd;} #whosonline th p {font-weight: bold; font-size: 11px; color:#000000;} #whosonline td {padding: 2px 4px; border: solid 1px #dddddd;} #whosonline td p {font-size: 11px;} #whosonline td.notice {text-align: center; vertical-align: middle; padding: 5px 10px;} #whosonline .column1 {width: 20%; text-align: left; vertical-align: middle;} #whosonline .column2 {width: 1%; text-align: left; vertical-align: middle;} #whosonline .column3 {width: 1%; text-align: left; vertical-align: middle;} #whosonline .column4 {width: 1%; text-align: left; vertical-align: middle;} #whosonline .column5 {text-align: left; vertical-align: middle;} #whosonline .column6 {width: 35%; text-align: left; vertical-align: middle;} #whosonline .column7 {text-align: left; vertical-align: middle;} #whosonline .column8 {text-align: left; vertical-align: middle;} .whosonline_statussimpletitle {font-size: 12px; color: #ffffff; padding-right: 1px; padding-left: 1px; font-weight: bold} .whosonline_statussimple {font-size: 10px; color: #eeeeee; padding-right: 5px; padding-left: 5px;} .vprrsbody, .vprrstitle {font-family: arial, helvetica, geneva, arial, sans-serif; font-size: 12px;} .vprrstitle {color: #ffffff; font-weight: bold;} .vprrsbody {color: #000000} .thoughttext, .thoughauthor {font-family: arial, helvetica, geneva, arial, sans-serif; font-size: 11px; color: #ffffff} .thoughtauthor {font-style: italic;} h1, h2, h3, h4, h5 {margin-top: 0px; margin-bottom: 5px; font-family: verdana, arial, tahoma, helvetica; color: #000000; font-weight: bold;} h1 {font-size: 22px;} h2 {font-size: 18px;} h3 {font-size: 14px;} h4 {font-size: 12px;} h5 {font-size: 10px;} h6 {font-size: 8px;} 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: #FFDD00;} #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: #FFD200; 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: solid 1px #777777; background: #000000; padding: 3px 5px; font-size: 12px; color: #cc9900; text-align: center; font-weight: bold;} #cpanel .title {font-weight: bold; color: #FFFECC;} #cpanel a:link, #cpanel a:visited, #cpanel a:active {color: #FFD200; 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: #FFD200; text-decoration: none; font-weight: normal;} #footer a:hover {color: #ffffff; text-decoration: none;} td.copyright {text-align: center; color: #cc9900; 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: #ffdd00;} #accountform .label {font-weight: bold;} #accountform div.status {border: solid 1px #777777; background-color: #333333; padding: 8px; color: #ffff00; margin-bottom: 10px;} #loginform {text-align: center; margin-top:50px;} #loginform td.status {text-align: left; vertical-align: top; padding: 4px 5px;} #loginform table {width: 400px; border-collapse: collapse;} #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: #cc9900; 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 #cc9900;} #buddylist th {background: #7E1D08; padding: 2px 5px; border: solid 1px #cc9900;} #buddylist th p {font-size: 11px; color:#ffff99;} #buddylist th.title {background: #7E1D08; border: solid 1px #cc9900;} #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 #cc9900;} 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: verdana, tahoma, arial, geneva, helvetica, ms san serif; font-size: 12px; color: #000000; font-weight: bold} .titlewhite {font-family: tahoma, arial, geneva, helvetica, ms san serif; font-size: 11px; color: #ffffff; 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: #1B3469} A.globalfooter:visited {color: #1B3469} A.globalfooter:active {color: #1B3469} 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: #ffff99} .small {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 9px; color: #7E1D08} .photo {} .articlephoto {margin-right:10px; margin-bottom:3px; margin-top:4px;} /* ============================================ */ /* DROPDOWN MENU CSS */ /* ============================================ */ table.topmenu {display: block; background-color:#7E1D08; background:#7E1D08;} #about {display:block} td.menubar {letter-spacing: 0px; text-align: center; vertical-align: middle; color: #ffcc00; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 1px;} td.menubarover {letter-spacing: 0px; cursor: hand; cursor: pointer; text-align: center; vertical-align: middle; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 1px; background-color: #cc9900;} 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; background-color: #498827;} td.menubar2 {letter-spacing: 0px; vertical-align: middle; color: #ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding:3px 6px 4px 3px; width: 180px; border-bottom: 1px dotted #ffffff;} td.menubar2over {letter-spacing: 0px; cursor: hand; cursor: pointer; background-color:#cc9900; vertical-align: middle; color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding:3px 6px 4px 3px; width: 180px; border-bottom: 1px dotted #000000;} table.dropmenu {position: static; border: 1px solid #dddddd; background: #FFFFFF; display: block;} td.dropmenu {color: #000000; letter-spacing: 0px; cursor: hand; cursor: pointer; background: #ffffff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding: 2px 6px; border-bottom: solid 1px #dddddd;} td.dropmenuover a:hover {text-decoration: none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;} td.dropmenuover {color: #cc3300; letter-spacing: 0px; cursor: hand; cursor: pointer; background: #efefef; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding: 2px 6px; border-bottom: solid 1px #dddddd;} td.dropmenucat {color: #000000; letter-spacing: 0px; background: #dddddd; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 6px; border: solid 1px #ffffff;} /* Menu links if menu are texted */ .tabmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; padding: 1px;} a.tabmenu:link {color: #000000; text-decoration: none } a.tabmenu:visited {color: #000000; text-decoration: none } a.tabmenu:active {color: #000000; text-decoration: none } a.tabmenu:hover {color: #FFFFFF; text-decoration: none }