/* General */

* { padding: 0; margin: 0; outline-width: 0; }
html, body { background: black; font-family: Verdana; font-size: 8pt; color: #C0C0C0; width: 100%; /*scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #888888; scrollbar-shadow-color: #222222; scrollbar-3dlight-color: #555555; scrollbar-arrow-color:  #000000; scrollbar-track-color: #777777; scrollbar-darkshadow-color: #111111;*/ }
td { overflow: visible; }
label { cursor: pointer; }
img { border: 0px; }
a { text-decoration: none; color:white; }
a:hover { text-decoration : underline; color: #02CA1A; }
input, textarea, select, button { font: bold 7.5pt verdana; border: 2px solid #444444; color: black; margin: 0px; padding: 0px; background-color: #CCCCCC; }
p { margin: 10px 0; }
ul { padding: 0px 0px 0px 15px; margin: 0; }
ul li { margin-bottom: 3px; }
.crossed { text-decoration: line-through; }
.big_font { font-size:15px; }
.bigger_font { font-size:20px; }
.even_bigger_font { font-size:25px; }
.supersize_font { font-size: 30px; }
.extremesupersize_font { font-size: 35px; }
.gigantic_font { font-size: 40px; }
.colossus_font { font-size: 45px; }
.small_font { font-size:6pt; }
.smallish_font { font-size:10px; }
.arial_font { font-family: arial; }
.courier_font { font-family: Courier New; }
.green_font { color:#02CA1A; }
.slime_green_font { color: #c0ffc0; }
.white_font { color:#FFFFFF; }
.gray_font { color:#808080; }
.normal_font { color: #C0C0C0; }
.black_font { color: #000000; background-color: white; }
.spoiler { color: #000; background: #000; }
.spoiler * { visibility: hidden; background: #000; }
.spoilerhover { color: #fff; }
.spoilerhover * { visibility: visible; }
.times { font-family: Times New Roman; }
.buy_buttons { width: 100px; }
.buy_buttons2 { width: 60px; }
.buy_buttons3 { width: 120px; }
.buy_buttons4 { width: 400px; }
.small_input { width: 25px; }
.left_td { background-color: black; font-size: 8pt; text-align: left; }
.left_td2 { background-color: #333333; font-size: 8pt; text-align: left; }
.left_td3 { background-color: #555555; font-size: 8pt; text-align: left; }
.center_td { background-color: black; font-size: 8pt; text-align: center; }
.center_td2 { background-color: #333333; font-size: 8pt; text-align: center; }
.center_td3 { background-color: #555555; font-size: 8pt; text-align: center; }
.right_td { background-color: black; font-size: 8pt; text-align: right; }
.right_td2 { background-color: #333333; font-size: 8pt; text-align: right; }
.right_td3 { background-color: #555555; font-size: 8pt; text-align: right; }
.tr_hover tr.hover td { background: #555; }
.pointer, .pointer * { cursor: pointer; }
.forum_smilies { vertical-align: bottom; }
.general_table { background: #808080; width: 100%; }
.quote_table { border: 1px solid #ccc; background-color: #222222; width: 100%; }
.title_table { border-top: 1px solid #aaa; border-bottom: 1px solid #ccc; background-color: #222222; width: 100%; }
.redirect_link { border: 2px solid #808080; padding: 0px 10px; background: #333333; }
.quote { background: #111111; border: #aaa 1px solid; padding:5px; }
td { padding: 3px; }
.nopadding, table.nopadding td { padding: 0!important; }
.normalpadding, table.nonormalpadding td { padding: 3px!important; }
.maxheight { height: 100%; }
.minheight { height: 1px; }
.maxwidth { width: 100%; }
.minwidth { width: 1px; }
.nowrap { white-space: nowrap; }
.block { display: block; }
.relative, .super_relative { position: relative; }
table.tight { border-collapse: collapse; padding: 0; }
table.tight td { padding: 0; }
.hidden { display: none; }
.show_message_codes { width: 130px; }
.debug_totaltime { display: none; }

/* Content */

.veryblue a:hover, .veryblue .green_font { color: #00B1FA; }
#main_container { position: absolute; top: 0; left: 50%; width: 700px; margin-left: -350px; }
.left_menu, .right_menu { position: absolute; top: 0; width: 270px; }
.phq_title { background: url(../design/title.jpg) center center no-repeat; height: 116px; }
.copyright { background: url(../design/byms.jpg) center center no-repeat; height: 58px; }
.copyright a { display: block; position: absolute; top: 10px; left: 200px; right: 200px; height: 40px; }
.the_thing { background: url(../design/menu_down.gif) center center no-repeat; height: 80px; }
.arrow_right { position: relative; background: url(../design/arrow2.jpg) no-repeat bottom right; }
.arrow_left { position: absolute; left: 0; bottom: 0; width: 120px; height: 58px; background: url(../design/arrow1.jpg) no-repeat bottom left; }
.thing_right { position: relative; height: 116px; background: url(../design/menu_left_thing.gif) no-repeat bottom right; }
.thing_left { position: absolute; left: 0; bottom: 0; width: 109px; height: 116px; background: url(../design/menu_left_thing2.gif) no-repeat bottom left; }
.bottom_arrow_right { position: relative; text-align: center; background: url(../design/arrow4.jpg) no-repeat top right; height: 58px; line-height: 58px; }
.bottom_arrow_right img { margin-top: 12px; }
.bottom_arrow_left { position: absolute; left: 0; top: 0; width: 120px; height: 58px; background: url(../design/arrow3.jpg) no-repeat top left; }
.bottom_thing_right { position: relative; text-align: center; background: url(../design/menu_left_sting.jpg) no-repeat top right; height: 70px; line-height: 70px; }
.bottom_thing_right img { margin-top: 5px; }
.bottom_thing_left { position: absolute; left: 0; top: 0; width: 32px; height: 70px; background: url(../design/menu_left_sting.jpg) no-repeat top left; }
.content { position: relative; background: url(../design/line2.jpg) repeat-y bottom right; }
.text { padding: 2px 32px; }
.center { text-align: center; }
.line_left { position: absolute; left: 0; bottom: 0; top: 0; width: 25px; background: url(../design/line2.jpg) repeat-y bottom left; }
.line { position: relative; height: 32px; }
.line .the_line { position: absolute; top: 0; left: 32px; right: 32px; height: 32px; background: url(../design/line.jpg) repeat-x top left; text-align: center; }
.left_box { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url(../design/box.jpg) no-repeat top left; }
.right_box { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(../design/box.jpg) no-repeat top left; }
.half_width { width: 50%; }
.third_width { width: 33%; }
.fourth_width { width: 25%; }
.nomarginbottom { margin-bottom: 0; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.floatright { float: right; }
.floatleft { float: left; }
#ajaxloading { position: absolute; top: 20px; left: 20px; width: 66px; height: 66px; background: url(../design/ajax_loading.gif) no-repeat center center #000; border: 1px solid #eee; z-index: 10000; }
body > #ajaxloading { position: fixed; }
#ajaxloading div { position: absolute; top: 0; left: 0; width: 62px; height: 62px; border: 2px solid gray; }
.clearing { clear: both; }
.comment_flag { float: left; margin-right: 3px; }
#main_container.inside { left: 270px; margin: 0; }
ul.faq li { margin-bottom: 10px; }
.alerter { position: absolute; border: 1px solid #eee; background: #666; }
body > .alerter { position: fixed; }
.shadow { position: absolute; }
body > .alertershadow { position: fixed; }

/* Index */

.index .index_table td { padding-left: 25px; }
.index .create_table td { padding-right: 25px; }
.index .login { position: absolute; top: 10px; left: 380px; width: 250px; border: 1px solid #eee; }
.index .register { position: absolute; top: 130px; left: 380px; width: 250px; border: 1px solid #eee; }
.index .login_inputs { width: 110px; }
.index .faq li { margin: 10px; }
.link_img { border: 1px solid #aaa; }
.index .bjquote { text-align: center; font-style: italic; font-size: 9px; padding: 15px; color: gray; }
#flag_chooser, .fav_chooser { border: 1px solid #eee; background: #666; width: 378px; }
#flag_chooser a, .fav_chooser a { float: left; border: 1px solid #666; margin: 2px; }
#flag_chooser a:hover, .fav_chooser a:hover { border: 1px solid #ddd; }
#chosen_flag { width: 57px; height: 30px; float: left; cursor: pointer; }

/* Message System */

.message_flag img { margin-right: 5px; }

/* Personal Advisor */

.advisor ul { padding: 0px 0px 0px 15px; margin: 5px 0 15px 0; }
.advisor ul li { margin-bottom: 3px; }

/* Forum */

.forum_first { width: 170px; }
.forum_second { width: 50%; }
.forum_cat { text-align: left; float: left; margin: 7px 7px; padding: 3px 6px 6px 36px; display: block; width: 135px; font-size: 15px; border: 2px solid gray; background: url(../design/mb_forum.jpg) 6px 6px no-repeat #333; }
.forum_cat span { line-height: 10px; font-size: 10px; color: gray; }
.forum_categories { background: #222; }
.forum_activity { background: #222; padding: 10px; }

/* Personal Pages */

#personalpage td { text-align: left; }
#personalpage .title { text-align: center; }
.pp_border td { padding: 2px; vertical-align: top; }

/* Articles */

.art_img { cursor: pointer; width: 150px; border: 1px solid gray; float: left; margin-bottom: 5px; }

/* Dragon */

.dragon { border-collapse: collapse; }
.dragon td { padding: 0; }

/* Popup */

#sirpopup { position: absolute; width: 460px; border: 1px solid #eee; background: #000; }
#sirpopupcloser { position: absolute; width: 12px; height: 13px; line-height: 12px; cursor: pointer; border: 1px solid #eee; background: #333; text-align: center; padding: 3px; }
#sirpopupmover { position: absolute; height: 13px; line-height: 12px; cursor: pointer; border: 1px solid #eee; background: #333; text-align: center; padding: 3px; }
#sirpopup img, .sirpopupmover { cursor: move; }

/* Bomb Victims */

.bombvictims_field img { width: 25px; height: 25px; }

/* Draversi */

#draversi_field .dr { width: 25px; height: 25px; text-align: center; cursor: pointer; }
#draversi_field .dr_bl { background: black; }
#draversi_field .dr_border_hor img { width: 25px; }
#draversi_field { margin-left: 45px; background-repeat: no-repeat; border-collapse: collapse; }
#draversi_field td { padding: 0; }

/* Organizer Calendar */

#news_page td, #news_calendar table td, #news_year td { width: 25px; height: 25px; border: 1px solid gray; margin: 1px; text-align: center; background: black; color: #555555; }
#news_calendar table td:hover { border: 1px solid #555555; }
#news_calender div table { width: 50%; }
#news_calendar div { float: left; height: 200px; margin-right: 5px; }
#news_calendar td { width: 30px; }
.month { background: #555555!important; text-align: center; width: 240px!important; color: #BBBBBB!important; }
.spaceday { background: #333333!important; }
.no_entries { color: gray!important; }
#news_page a, #news_year a {outline-width: 0px; display: block; }
#news_year td { width: 40px; height: 40px; }
#news_page, #news_year { position: absolute; top: -50px; left: 30px; display: none; background: black; border: 0px; color: white; text-align: center; background: url(design/bg_dotted.gif); padding: 5px; }
.customlink { cursor: pointer; }
#news_page a, #news_year a { outline-width: 0px; display: block; }
#news_year td { width: 40px; height: 40px; }
.padding_table td { padding: 5px; }
.badge { padding: 5px; }
#chatcontainer { position: relative; }
#chatsettings, #chatsettings_shadow { display: none; position: absolute; top: 10px; left: 10px; width: 250px; }
#chatsettings table, .sale_historic_lesson table { border: 1px solid #dedede; }
#chatsettings table td { padding: 5px; }
#chatsettings_shadow { background: black; }
#chatsettings .smallinput { width: 80px; }
#chatoutput pre { margin: 0; }
#chatmessage { width: 530px; }

/* My Virtual Brain */
form.notes .note_content { width: 190px; height: 100px; }
form.notes textarea.focused { height: 400px; }

/* Explore Surface */
#cv_status { display: none; }
#cv_commander { display: none; margin-top: 10px; border: 2px solid #808080; background: #333333; padding: 2px; }
#cv_commander input { width: 30px; }
#cv_commander .action { width: 100px; }
#edit_surface { position: absolute; top: 100px; left: 0px; background: gray; }
#edit_surface .map td { white-space: nowrap; background: #333; width: 14px; text-align: center; font-size: 9px; cursor: pointer; }

/* XMAS Event */

.bagdiv { overflow-x: hidden; border: 0px; position: absolute; width:150px; height:150px; }
.baga { position: absolute; top: 0px; left: 0px; }
.bagimg { width: 149px; height: 148px; border: 0px; }
.bagdiv table { background: url(../design/xmas_bag.gif) center center no-repeat; border: 0px; width: 100%; }
.bagdiv table td { width: 100%; text-align: center; font-size: 10px; line-height: 140px; color: gray; font-weight: bold; }

/* Color Chooser */

.chooser_table td { cursor: pointer; height: 35px; }
.old_color { width: 200px; }

/* Shop */

.shop { margin-bottom: 1em; position: relative; }
.shop tr { }
.shop td { vertical-align: top; padding: 10px; }
.shop .image .thumb { border: 1px solid gray; padding: 10px; width: 125px; height: 125px; }
.shop .image .label { position: relative; }
.shop .image .label div { position: absolute; top: 125px; left: 2px; background: #000; border: 1px solid white; font-size: 9px; padding: 3px; }
.shop .image .type { position: relative; }
.shop .image .type div { position: absolute; top: 2px; right: 2px; background: #ddd; border: 1px solid gray; color: gray; font-size: 9px; padding: 3px; }
.shop .price { width: 125px; font-size: 16px; }
.shop .name { font-size: 12px; font-weight: bold; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed gray; }
.shop .submit { border: 0; background: 0; width: 96px; height: 21px; }
.shop .pricetag form { float: right; }
.shop .pricetag { height: 10px; }

/* Trap Activation */

.percentunlocked { position: relative; border: 1px solid gray; margin-left: 10%; margin-right: 10%; background: #333; height: 20px; }
.percentunlocked .meter { background: #555; float: left; height: 20px; line-height: 20px; }
.percentunlocked .amount { position: absolute; top: 0; left: 50%; width: 100px; margin-left: -50px; height: 20px; line-height: 20px; text-align: center; color: white; }

/* Searcher */

.searcher div.searcher_results { border: 2px solid #ddd; }
.searcher div.searcher_results ul { padding: 0; margin: 0; list-style: none; float: left; }
.searcher div.searcher_results ul li { width: auto!important; white-space: nowrap; }
.searcher div.searcher_results ul li.response { padding: 5px; }
.searcher div.searcher_results ul li a { display: block; padding: 5px 25px 5px 5px; }
.searcher div.searcher_results ul li.marked a { background: #666; }
.searcher div.searcher_results ul li a:hover { /*background: #666;*/ }

/* Dead Pixel Pets */

.deadpixelpet { position: fixed; width: 5px; height: 5px; z-index: 666666; line-height: 5px; font-size: 5px; }
.deadpixelpet * { display: none; }
.deadpixelpet div { display: block; position: absolute; top: 2px; left: 2px; width: 1px; height: 1px; line-height: 1px; font-size: 1px; background: #fff; }

/* Profile */

.profilelinks { position: relative; }
.profilelinkscontent { position: absolute; top: 25px; left: 460px; border: 1px solid white; }