/* General */

* { padding: 0; margin: 0; outline-width: 0; }
html, body { background: black; font-family: Verdana, sans-serif; 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, sans-serif; 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; }
.center_align { text-align: center; }
.left_align { text-align: left; }
.right_align { text-align: right; }
.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; }
.menu_active { background: white; color: black; box-shadow: 0 0 5px #fff; display: inline-block; }
.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; }
.forum_poster { width: 50px; }

/* Personal Pages */

#personalpage td { text-align: left; }
#personalpage .title { text-align: center; }
.pp_border td { padding: 2px; vertical-align: top; }
#personalpage .pp_border .title_table * { color: white!important; }
#personalpage .pp_border .title_table { display: block; }


/* Articles */

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

/* Gallery Images */

.cached_gallery_image { display: block; width: 111px; height: 111px; float: left; overflow: hidden; border: 1px solid gray; margin: 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; }

/* CV Inventory Expansion */
.requirement_met { color: gray; text-decoration: line-through; }

/* 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; width: 110px; }

/* Flashlight */
#flashlight_top { position: fixed; top: 0; left: 0; background: url(http://farm.muddasheep.com/layout/flashlight.png) no-repeat top left; width: 400px; height: 190px; z-index: 1000000000; }
#flashlight_bottom { position: fixed; top: 0; left: 0; background: url(http://farm.muddasheep.com/layout/flashlight.png) no-repeat bottom left; width: 400px; height: 190px; z-index: 1000000000; }
#flashlight_left{ position: fixed; top: 0; left: 0; background: url(http://farm.muddasheep.com/layout/flashlight.png) no-repeat 0px -190px; width: 190px; height: 20px; z-index: 1000000000; }
#flashlight_right { position: fixed; top: 0; left: 0; background: url(http://farm.muddasheep.com/layout/flashlight.png) no-repeat -210px -190px; width: 190px; height: 20px; z-index: 1000000000; }
#flashborder_top, #flashborder_left, #flashborder_right, #flashborder_bottom { position: fixed; width: 100%; height: 100%; background: black; z-index: 1000000000; }

/* Absence Board */
#absence_board > * { float: left; }

/* IAD */
#iad { position: absolute; top: 0px; left: 50%; padding-top: 100px; margin-left: -275px; width: 550px; }
#iad .object { position: absolute; width: 50px; height: 50px; }
#iad .player { position: absolute; }
#iad { position: relative; }
#iad .map { position: relative; width: 550px; height: 550px; overflow: hidden; cursor: pointer; }
#iad .contents { position: absolute; width: 5000px; height: 5000px; }
#iad .hoverman { position: absolute; display: none; width: 50px; height: 50px; }
.npc_image { float: left; margin: 0 10px 10px 0; }
#iad .title { text-align: center; margin: 5px; }
.npc_dialogue { margin-left: 25px; }
.npc_dialogue li { padding-bottom: 5px; }
.iad_bomb td { padding: 0; }
#iad_alt_info { position: absolute; background: #333; padding: 5px; border: 2px solid gray; }
#iad #iad_stats { position: absolute; left: 580px; top: 90px; width: 150px; }
#iad #iad_menu { position: absolute; right: 579px; top: 90px; }
#iad #iad_menu img { cursor: pointer; }
#iad #summon_chat { position: absolute; top: 700px; left: 0; }
#iad #chatoutput pre { font-size: 10px; }
#iad_update_values { display: none; }
.iad_popup textarea { resize: none; }
.iad_popup input { padding: 2px; }

#iad .map_background { position: absolute; top: -2px; left: -25px; right: -25px; bottom: -45px; }
#iad #logo { position: absolute; top: 2px; left: 50%; margin-left: -87px; }
.lines_top { position: absolute; top: 72px; left: 11px; right: 11px; height: 10px; width: auto; background: url(../design/iad/interface/lines_top.gif) repeat-x; font-size: 1px; }
.lines_bottom { position: absolute; left: 2px; bottom: 16px; right: 2px; height: 10px; background: url(../design/iad/interface/lines_bottom.gif) repeat-x; font-size: 1px; }
.lines_left { position: absolute; top: 70px; left: 2px; bottom: 16px; width: 6px; background: url(../design/iad/interface/lines_left.gif) repeat-y; }
.lines_right { position: absolute; top: 70px; right: 2px; bottom: 16px; width: 6px; background: url(../design/iad/interface/lines_right.gif) repeat-y; }
.corner_top_left { position: absolute; top: 68px; left: 0px; }
.corner_top_right { position: absolute; top: 68px; right: 0px; }
.corner_bottom_left { position: absolute; bottom: 12px; left: 0px; }
.corner_bottom_right { position: absolute; bottom: 12px; right: 0px; }
.decoration_top_left { position: absolute; top: 70px; left: 20%; }
.decoration_top_right { position: absolute; top: 70px; right: 20%; }
.decoration_bottom { position: absolute; bottom: 0px; left: 50%; margin-left: -23px; }
#decoration_middle { position: absolute; top: 57px; left: 50%; bottom: 0px; width: 14px; margin-left: -7px; background: url(../design/iad/interface/decoration_middle.gif) no-repeat center center; }
#lines_background { position: absolute; top: 125px; left: 0px; right: 0px; bottom: 25px; }
.contents_background { position: absolute; top: 96px; left: 19px; right: 19px; bottom: 39px; }
.topleft { position: absolute; top: 0px; left: 0px; }
.topright { position: absolute; top: 0px; right: 0px; }
.bottomleft { position: absolute; bottom: 0px; left: 0px; }
.bottomright { position: absolute; bottom: 0px; right: 0px; }
.border_top { position: absolute; top: 0px; left: 6px; right: 6px; height: 6px; background: url(../design/iad/interface/field_border_top.gif); }
.border_bottom { position: absolute; bottom: 0px; left: 6px; right: 6px; height: 6px; background: url(../design/iad/interface/field_border_bottom.gif); }
.border_left { position: absolute; top: 6px; bottom: 6px; left: 0px; width: 6px; background: url(../design/iad/interface/field_border_left.gif); }
.border_right { position: absolute; top: 6px; bottom: 6px; right: 0px; width: 6px; background: url(../design/iad/interface/field_border_right.gif); }
#console { position: absolute; top: 10px; left: 10px; }
.iad_key_unlock { font-size: 35px; width: 40px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; margin: 10px; }

.picturequest td { padding: 0; }

/* Throne of Sadism */

#throne_values div { float: left; width: 150px; margin: 5px 27px; }
#throne_values div span { float: left; width: 200px; }
#throne { position: relative; padding-top: 20px; }
#throne .flag { position: absolute; top: 253px; left: 271px; }
#throne .flag, .throne_post { webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, .75); box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.75); }
#throne_values div i { float: right; margin-right: 20px; }
#throne_values input { width: 65px; padding: 5px; font-size: 15px; }
#throne_values input[type=submit] { width: auto; }
#take_a_seat { position: absolute; top: 452px; left: 241px; }
#take_a_seat input { padding: 10px; font-size: 15px; cursor: pointer; }
#throne_taken { position: absolute; top: 0; left: 0; right: 0; }

/* Generator */
#kick_generator { padding: 10px; font-size: 15px; cursor: pointer; }

/* Story */
#final_common_enemy { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: black; }

img[src$=".gif"], img[src$=".png"] {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}