/* general links, text and buttons */
BODY { background: #000000; color: #000000; margin: 2px auto; text-align: center; }
HR { height: 1px; border-width: 0px; background-color: #696969; color: #696969; }

a { text-decoration: none; color: #ffffff; }
a.clink { text-decoration: none; color: #000000; }
.helptxt a { text-decoration: none; color: #0000ff; }
.helpfaq li a { text-decoration: none; color: #0000ff; }
.clan_name a { color: #ffcc00; }
.clan_mod a.admin { color: #00ff00; }
.clan_mod a.inv { color: #ffffff; }
.clan_mod a.invden { color: #ffff00; }
.clan_mod a.app { color: #ffffff; }
.clan_mod a.left { color: #ff0000; }
.clan_invapp a.inv { color: #00ff00; }
.clan_invapp a.app { color: #ffffff; }
.clan_invapp a.appden { color: #ffff00; }
.clan_invapp a.remove { color: #ff0000; }
.clan_invapp a.delete { color: #ff0000; }
.clanM { color: #00ff00; }
.clanP { color: #ffffff; }
.clanX { color: #696969; }
.friendF { color: #00ff00; }
.friendM { color: #ffffff; }
.friendX { color: #696969; }
a.tablink { text-decoration: none; color: #008b45; }
a:hover, a.clink:hover, .clan_mod a:hover, .clan_invapp a:hover, .announce_item_title a.title:hover, .recentevents_item_title a.title:hover,
 .helptxt a:hover, .helplist a:hover, .helpcrumbs a:hover, .helplist a.sel:hover, .helpcrumbs a.sel:hover, .helpfaq a:hover
  { text-decoration: underline; color: #4b8aff; }
input.sidebtn:hover, input.sidemembtn:hover, input.cbtn:hover { color: #4b8aff; }
.data:hover, td.data_sel,.changelog_box ul li:hover { background-color: #D0DCE0; }
.odd_data, .odd_data2 { background-image: url('/imgs/paper_odd.gif'); }
.odd_data:hover { background-image: none; }
.datacell td:hover {  background-color: #c2ced2; }

.txtred { color: #ff0000; }
.txtgray { color: #696969; }
.txtgreen { color: #00ff00; }
.txtsm { text-decoration: none; font-size: 75%; }
.txtbold { font-weight: bold; }
.txtitalic { font-style: italic; }
.sidetxt { text-decoration: none; color: #ffffff; }
.sidetxtmed { text-decoration: none; color: #ffffff; font-size: 90%; }
.sidetxtsm { text-decoration: none; color: #ffffff; font-size: 75%; }
.genborder { border: 1px solid #696969; }

input.pagenav { text-align: center; border: 1px solid #696969; background-color: #3D424C; color: #ffffff; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
input.cpagenav { text-align: center; border: 1px solid #696969; background-color: #baa188; color: #000000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
select.sidesel, input.sidebtn { border: 1px solid #696969; background-color: #3D424C; color: #ffffff; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
option.skl { background-repeat: no-repeat; text-indent: 16px; }

img.skillicon, img.pageicon { width: 16px; height: 16px; border: 0px; }
img.compareicon { width: 18px; height: 18px; border: 0px; }
img.rankicon { width: 15px; height: 15px; border: 0px; }
img.loadicon { width: 11px; height: 11px; border: 0px; }
img.iconmini { width: 12px; height: 13px; border: 0px; }
img.sorticon { width: 7px; height: 8px; border: 0px; }
img.sideicon { vertical-align: text-bottom; }

img.photo_chat { width: 100px; height: 100px; border: 0px; }
img.photo_full { width: 60px; height: 100px; border: 0px; }


/* top bars */
.main_background { width: 800px; margin: 0px auto; padding: 0px 0px 0px 10px; position: relative; left: -5px; background: #202020 url('/imgs/ragged-left.gif') repeat-y left top; }
.main_background2 { width: 100%; margin: 0px auto; padding: 0px 10px 0px 0px; background: url('/imgs/ragged-right.gif') repeat-y right top; }
.main_background3 { width: 100%; margin: 0px auto; padding: 0px 0px 10px 0px; background: url('/imgs/ragged-bottom.gif') repeat-x left bottom; }
.logobar { width: 100%; border: 1px solid #696969; background: url('/imgs/logobar_bg.gif') no-repeat; margin: 2px auto; }
img.mainlogo {  width: 400px;  height: 60px; border: 0px; margin: 2px 50px; float: left; }
.userbox { border: 1px solid #696969; margin: 10px; padding: 2px; background: #3D424C; text-align: center; float: right; }
.topbar { width: 100%; border: 1px solid #696969; margin: 2px auto; background: #3D424C; color: #ffffff; }
.topcat { width: 120px; border: 1px solid #696969; background: #242424; font-weight: bold; text-align: center; float: left; }
.topcat_right { text-align: right; }
.spacerdiv { clear: both;  }


/* sidebars */
#left_side { width: 150px; border: 1px solid #696969; float: left; clear: left; }
#right_side { width: 150px; border: 1px solid #696969; float: right; clear: right; position: relative; left: 2px; }
.sidecat { width: 148px; border: 1px solid #696969; background-color: #242424; color: #ffffff; font-weight: bold; text-align: center; }
.sidefields { width: 150px; background-color: #3D424C; color: #ffffff; text-align: left; }
.side_center { width: 150px; text-align: center; }
.side_left { width: 150px; text-align: left; }
.side_selected { width: 100%; background-color: #008b45; }
.side_selected a:hover { text-decoration: underline; color: #000000; }
.clan_name { width: 150px; text-align: center; text-decoration: none; font-size: 75%; font-weight: bold; overflow: hidden; }
fieldset.clan_mod { border: 1px solid #696969; text-align: center; text-decoration: none; font-size: 75%; font-weight: bold; overflow: hidden; }
.clan_invapp { width: 150px; text-align: center; text-decoration: none; font-size: 75%; font-weight: bold; overflow: hidden; }
.memberselect { width: 148px; height: 300px; border: 1px solid #696969; background-color: #000000; font-size: 80%; text-align: left; overflow: auto; }
.clanselect { font-size: 80%; overflow: hidden; }

hr.selmem { height: 1px; border-width: 0px; background-color: #696969; color: #696969; }
select.sidememsel, input.sidememinp, input.sidemembtn { border: 1px solid #696969; background-color: #000000; color :#ffffff; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
select.sidememsel, input.sidememinp { width: 140px; }

.keyimg { position: absolute; left: 135px; }
.keyimg2 { position: absolute; left: 120px; }
.color_key { width: 120px; border: 1px solid #696969; margin: 1px auto; padding: 2px; background-color: #000000; text-decoration: none; color: #ffffff; font-size: 80%; text-align: left; }
.color_key_title { border-bottom: 1px dashed #696969; background-color: #242424; text-decoration: none; color: #ffffff; font-size: 90%; text-align: center; }

.data_countdown_clock_link { font-size: 80%; }
#data_countdown_clock { background-color: #242424; color: #ffd700; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }


/* center area */
.errorbox { width: 450px; margin: 1px auto 10px auto; padding: 2px; border: 1px solid #696969; text-align: left; text-decoration: none; font-size: 85%; }
.errortitle { text-decoration: none; color: #ee0000; font-size: 110%; font-weight: bold; }
.adminmemselect { text-align: left; border: 1px solid #696969; width: 486px; height: 350px; overflow: auto; }
.admin_catlink { border: 1px solid #696969; margin: 2px 5px; padding: 1px; }
.adminmemact { border: 1px solid #696969; width: 400px; height: 200px; overflow: auto; }

#center_area { width: 490px; margin: 0px auto; position: relative; }
.cbgarea { width: 488px; background-image: url('/imgs/paper.gif'); background-color: #ceb59c; padding: 2px; }
.cbgarea2 { width: 100%; background-image: url('/imgs/paper.gif'); background-color: #ceb59c; padding: 2px; }
.help_icon { width: 16px; height: 16px; border: 0px; position: absolute; left: 472px; }
.profile_icon { width: 12px; height: 12px; border: 0px; position: absolute; left: 1px;  }
.ctitle { font-weight: bold; text-align: center; }
.ctitle2 { font-weight: bold; text-align: center; font-size: 90%; }
.cstatbox { border: 1px solid #696969; width: 200px; }
select.csel, input.cinp, input.cbtn, textarea.ctxt { border: 1px solid #696969; background-color: #baa188; color: #000000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
input.cinphilite { border: 1px solid #696969; background-color: #008b45; color: #ffffff; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
.member_graph { border: 1px solid #696969; margin: 0px auto; padding: 0px 50px; }
#Act_Graph { overflow: auto; }
#Prog_Graph { overflow: auto; }

/* page or type specific */
table.mainpageextras { margin: 0px 0px 0px 10px; }

.recentevents_box { border: 1px solid #696969; height: 370px; overflow: auto; font-size: 90%; text-align: left; }
.recentevents_item_title { background-color: #baa188; font-weight: bold; padding: 1px 2px; margin: 1px; border: 1px solid #696969; }
.recentevents_item_title a.title { text-decoration: none; color: #000000; }
.recentevents_item_text { padding: 2px; }


.announce_box { width: 200px; text-decoration: none; color: #000000; font-size: 82%; text-align: left; border: 1px solid #696969; margin: 0px 2px 2px 10px; padding: 0px; float: right; }
.announce_title { height: 20px; font-weight: bold; text-align:center; border-bottom: 1px solid #696969; }
.announce_item_title { background-color: #baa188; font-weight: bold; padding: 1px 2px; margin: 1px; border: 1px solid #696969; }
.announce_item_title a.title { text-decoration: none; color: #000000; }
.announce_item_text { padding: 2px; }
.announce_link_box { border-top: 1px solid #696969; padding: 0px 2px; }
.announce_twitter_link { float: left; clear: left; }
.announce_archive_link { float: right; clear: right; }

.changelog_box { border: 1px solid #696969; height: 500px; padding: 2px; overflow: auto; font-size: 90%; text-align: justify; }
.changelog_box ul { font-size: 95%; margin: 1px; padding: 0px 0px 0px 25px; }
.changelog_box ul li { padding: 1px; }

.public_skills { text-align: left; height: 400px; padding: 2px; overflow: auto; }
.public_members { text-align: left; height: 400px; padding: 2px; overflow-y: auto; overflow-x: hidden; }
.public_clans { text-align: left; height: 400px; padding: 2px; overflow-y: auto; overflow-x: hidden; }
#public_memlist_nav, #public_clanlist_nav { border-top: 1px dotted #696969; }
input.publicnav { text-align: center; border: 1px solid #696969; background-color: #baa188; color: #000000; font: normal 75% Verdana, Arial, Helvetica, sans-serif; }
.public_skills_selected { width: 100%; background-color: #008b45; }
.public_skills_selected a { color: #ffffff; }
.public_skills_selected a:hover { text-decoration: underline; color: #000000; }

.permissions_on { background-color: #008b45; color: #ffffff; }
.permissions_on:hover { color: #000000; }
.permissions_off { background-color: #ff0000; color: #ffffff; }
.permissions_off:hover { color: #000000; }

fieldset.cnplinks { border: 1px solid #696969; color: #ffffff; width: 310px; text-align: left; text-decoration: none; font-size: 75%; padding: 3px; margin: 0px auto; }
input.cnpfield { border: 1px solid #696969; background-color: #000000; color: #ffffff; width: 250px; text-decoration: none; font-size: 90%; }

table.calendar { border-top: 1px solid #696969; border-left: 1px solid #696969; margin: 0px auto; }
table.calendar th { width: 66px; border-bottom: 1px solid #696969; border-right: 1px solid #696969; }
table.calendar td { width: 66px; height: 66px; border-bottom: 1px solid #696969; border-right: 1px solid #696969; text-align: left; vertical-align: top; }
.calkey_n4 { width: 16px; height: 16px; border: 1px solid #ff0000; }
.calkey_n3 { width: 16px; height: 16px; border: 1px solid #ffff00; }
.calkey_n2 { width: 16px; height: 16px; border: 1px solid #ff9900; }
.calkey_n1 { width: 16px; height: 16px; border: 1px solid #9900ff; }
.calkey_0  { width: 16px; height: 16px; border: 1px solid #828282; }
.calkey_p1 { width: 16px; height: 16px; border: 1px solid #009900; }
.calkey_p2 { width: 16px; height: 16px; border: 1px solid #3399ff; }
.calkey_p3 { width: 16px; height: 16px; border: 1px solid #99ff99; }
.calkey_p4 { width: 16px; height: 16px; border: 1px solid #ffffff; }
.calkey_n4_clear, .calkey_n3_clear, .calkey_n2_clear, .calkey_n1_clear,
 .calkey_0_clear,
 .calkey_p1_clear, .calkey_p2_clear, .calkey_p3_clear, .calkey_p4_clear
  { width: 16px; height: 16px; border: 1px solid transparent; }
.calkey_flash { width: 16px; height: 16px; border: 1px solid #000000; }

.helptxt { text-align: justify; text-decoration: none; color: #000000; padding: 0px 3px 0px 2px;}
.helptxt img { margin: 5px; }
.helpcrumbs { font-weight: bold; font-size: 90%; text-align: center; }
.helplist a, .helpcrumbs a, .helpfaq a { text-decoration: none; color: #000000; }
.helplist a.sel, .helpcrumbs a.sel { text-decoration: none; font-weight: bold; color: #008b45; }
.helplist li { list-style-type: upper-roman; }
.helplist ol li { list-style-type: upper-alpha; }
.helplist ol ol li { list-style-type: decimal; }
.helplist ol ol ol li { list-style-type: lower-alpha; }
.helplist ol ol ol ol li { list-style-type: decimal; }
.helpfaq li { list-style-type: decimal; }

.sigtab { width: 100px; height: 20px; border: 1px solid #696969; background-image: url('/imgs/paper_odd.gif'); }
.sigtab_sel { width: 100px; height: 20px; border: solid #696969; border-width: 1px 0px 1px 1px; }

select[disabled], input[disabled], option[disabled] { color: #696969; }

#dhtmltooltip { position: absolute; left: -500px; width: 300px; border: 1px solid black; text-align: left; padding: 2px; background-color: #ffffcc; z-index: 100; visibility: hidden; }
.dhtmlpointer { position:absolute; left: -500px; z-index: 101; visibility: hidden; }