/* Global Styles */
* { margin: 0; padding: 0; max-height:9999999px; }
p, span, a, h1, h2, h3, h4, h5, h6, pre {  word-wrap: break-word; word-break: break-word; }
html, body { height: 100%; width: 100%; }
img { border: 0; } 

/* Links */ 
a { color: #c5c78d; text-decoration: none; }
a:hover { color: #e3e5a2; }
a.link { text-decoration: underline; color: #dce18e; }
a[data-hover] { position: relative; }
a[data-hover]:hover:after {
  content: attr(data-hover);
  padding: 4px 8px;
  color: #FFF;
  position: absolute;
  left: 0;
  bottom: 100%;
  white-space: nowrap;
  border: 1px solid #999;
  background: #222;
}

/* Content  wat?*/
.page {	position: relative;	background: #111 url('/skins/1/layout/bggrad.png') repeat-y 50% 0;	border-top: 1px solid #262626; }

/* Pages System */
.pages {  }

/* Quicksearch */
.quicksearch_box { position:absolute; right:15px; height:40px; top:15px; width:200px; }
.quicksearch_submit { top:15px; cursor:pointer;  vertical-align:middle; }
.quicksearch_text { border:1px solid #213121; }

/* Generic Boxes */
.box { margin: 10px; }
.box .titleBox, .box .statusBox { border: 1px solid #0A0A0A; }
.box .title { font-size: 130%; padding: 2px 10px 2px 10px; border: 1px solid #175117; background-color: #014101; }
.box .bigTitle { font-size: 130%; padding: 5px 10px 5px 10px; border: 1px solid #175117; background-color: #014101; }
.box .info > .subTitleBox:first-child { margin-top: 0; }
.box .subTitleBox { margin: 10px 5px 5px 5px; border: 1px solid #0A0A0A; }
.box .subTitle { padding: 2px 2px 2px 7px; border: 1px solid #344234; background-color: #213121; text-align: left; }
.box .infoBox { border: 1px solid #181919; border-top: none; background: #0A0A0A url('/skins/1/layout/titleshad.png') repeat-x 0 0; }
.box .infoBox2 { border-left: 1px solid #181919; border-right: 1px solid #181919; background: #0A0A0A url('/skins/1/layout/titleshad.png') repeat-x 0 0; }
.box .info { margin: 0 4px 4px 4px; padding: 5px 5px 5px 5px;border: 1px solid #2E2E2E; border-top: none; background: #222 url('/skins/1/layout/titleshad.png') repeat-x 0 0; }
.box .info2 { margin: 0 4px 0 4px; padding: 10px 10px 10px 10px;  border-right: 1px solid #2E2E2E; background: #222 url('/skins/1/layout/titleshad.png') repeat-x 0 0; }
.box .status { padding: 2px 5px 2px 5px; border: 1px solid #2e4d2e; background-color: #1b3d1a; }
.suspension_note { width:80%; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; padding-bottom:10px; border:5px dotted #772222; }

/* Quotes */
.quote_box { margin: 10px 0 10px 0; }
.quote_titleBox { border: 1px solid #0A0A0A; }
.quote_title { font-size: 100%; height: 13px; position: relative; border: 1px solid #334133; background-color: #213121; }
.quote_nameBox {  margin-left:10px; position: absolute; top: -5px;  border: 1px solid #090909; }
.quote_name { padding: 2px; border: 1px solid #343734; background-color: #212521; }
.quote_content { margin: 0 1px 1px 1px; padding: 5px 5px 5px 5px; border: 1px solid #213121; border-top: none; background: #020202; }

/* Footer */
.footer { position: relative; clear: both; width: 100%; padding-top:20px; }
.legalBox { margin: 30px 10px 10px 10px;  background-color: #0A0A0A; line-height: 1.75em; }
.legal { margin: 4px; padding: 5px 5px 5px 5px; border: 1px solid #2E2E2E; background-color: #222; }

/* shoutbox */
.shout_line { position: relative; }
.shout_line img { max-height: 30px; }
.shoutbox {  overflow: auto; margin: 5px 0 5px 0; }
.shoutbox .time { color: #bbb; margin-right: 3px; }
.sb_highlight { background-color:#225522; }

/* Notificationbar */
.notbar { position:fixed; top:10px; left:30px; width:96px; height:36px; background: url('/skins/1/layout/tl.png'); }

/* Standard Table */
td.header { background-color:#184b18; padding:3px; }
td.border { border: 1px #262626 solid; }
td.borderBright { border:1px #2d5d2d solid; }
td.subheader { background-color:#283e28; padding:2px; } 
td.subheader:hover { background-color:#293f29; } 

/* Standard Texts */
.small { font-size:11px; }
.gray { color:#999; }
.center { text-align: center; }
.centered { text-align: center; }
.left {	float: left; }
.right { float: right; }
.leftenend { text-align:left; }
.rightenend { text-align:right; }
.big { font-size:24px; }
.secondary { color:#90ee90; }
.secondary:hover { color:#c7fdc7; }
.italic { font-style:italic; }
.contentcreationlink {  } /* <- like "Create Topic" or "Reply"-Links */

/* Standard Headers  remove?*/
 h1 { font-size:12px; background-color: #184b18; border-top: 1px solid #2d5d2d; border-bottom: 1px solid #2d5d2d; }
 
/* Listings  remove?*/
li { margin-left:15px; }

/* Games */
.magicbox { width:80px; height:80px; text-align:center; vertical-align:middle; cursor:pointer; background-color:#0B3B0B; border:1px solid #424242; }
.magicbox:hover { background-color:#0B6121; }
.magicbox_open { background-color:#323232; }
.magicbox_cantplay { width:80px; height:80px; text-align:center; vertical-align:middle; background-color:#0B3B0B; border:1px solid #424242; }
.magicbox_animation_start {animation:mymove 0.5s 1; -webkit-animation:mymove 0.5s 1; 
width:80px; height:80px; text-align:center; vertical-align:middle;
background-color:#323232; border:1px solid #424242; }
@keyframes mymove
{
from {background-color:#0B6121;}
to {background-color:#323232;}
}
/*Safari and Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:#0B6121;}
to {background-color:#323232;}
}

/* Store */
.store_item_container { width:80%; background-color:#323232; margin-left:auto; text-align:left; margin-right:auto; margin-bottom:30px; }
.store_item_header {  padding: 4px 8px 4px 8px; border: 1px solid #2e4d2e; background-color: #1b3d1a; }
.store_item_body { padding:15px; text-align:left; border-left:1px solid #999; display:inline-block; vertical-align:top; }
.store_item_image { padding:4px; padding-right:20px; }
.store_insufficient { color:#ce4444; }
.store_sufficient { color:#44ce44; }
.store_owned { color:#7e7e7e; }
.store_cost { color:#2ECCFA; }
.store_purchase_button { padding:8px; background-color: #213121; cursor: pointer; }
.store_purchase_button:hover { background-color: #293929; cursor: pointer; }
.store_purchase_button:active { background-color: #225522; }
.store_purchase_button_disabled { padding:8px; background-color: #222222; cursor: pointer; }
.store_purchase_button_disabled:hover { background-color: #292929; cursor: pointer; }

/* Staff */
.staff_table { cell-spacing:5px; }
.staff_cell_left { width:275px; vertical-align:top; border-right: 1px #424242 solid; border-bottom: 1px #424242 solid; padding:5px; }
.staff_cell_right { padding-left:13px; vertical-align:top; border-bottom: 1px #424242 solid; }
.staff_div { padding:4px; border:1px solid #424242; }

/* Profile */
.profile_links { text-align:center; background-color:#222; margin-left:4px; margin-right:4px; border-left: 1px solid #2E2E2E;  border-right: 1px solid #2E2E2E; }
.profile_basic_table td { padding: 3px; }
.profile_links_container2 { background-color:#212821; border:1px solid #213321; width:300px; height:18px; text-align:center; }
.profile_links_container2:hover { background-color:#213821; }
.profile_links_container2  a { display: block; height:100%; width:100%; width:100%; }
.profile_links_table { width:100%; margin-left:auto; margin-right:auto; }

/* Forums */
.post_header { width:95%; padding:5px 20px 5px 20px; font-size:14px; background-color:#0B3B0B; margin-left:auto; margin-right:auto; text-align:center; }
.post_left { display:table-cell; min-width:175px; height:150px; text-align:center;}
.post_content { display:table-cell; vertical-align:top; padding-left:5px; border-left: 1px #555 solid; }
.post_bottom_border { width:100%; border-top:1px solid #555; }
.post_deleted {  width:95%; padding:20px; margin-left:auto; margin-right:auto; background-color:#3B0B0B; }
.post_new {  width:95%; padding:20px; margin-left:auto; margin-right:auto; background-color:#323232; }
.post_normal {  width:95%; padding:20px; margin-left:auto; margin-right:auto; background-color:#232323; }
.topic_row_new { background-color:#212821; }
.topic_row_new:hover { background-color:#213321; }
.topic_row_deleted { background-color:#191111; }
.topic_row_deleted:hover { background-color:#271111; }
.topic_row_closed { background-color:#202020; }
.topic_row_closed:hover { background-color:#222222; }
.topic_row_normal { background-color:#252525; }
.topic_row_normal:hover { background-color:#333; }
.topic_row_header { background-color:#D8D8D8; color:#000000; }
.topic_list_table { border-collapse:collapse; }
.forum_subheader { background-color: #173117; width:100%; padding-left: 25px; }
.forum_read { width:40px; height:40px; background: url('/skins/1/images/forums/forum_read.png'); background-repeat:no-repeat; }
.forum_unread { width:40px; height:40px; background: url('/skins/1/images/forums/forum_unread.png'); cursor:pointer; background-repeat:no-repeat; }
.small_popup_box { background-color:#202020; width:250px; border:1px solid #ccc; padding:5px; position:absolute; z-index:5; } /* when hitting a report/delete button for a post */
.signature_container { display: inline-block; width:400px; }
.mineral_reward { padding:5px; font-size:10px; } /* Text which says "The staff has rewarded...". Do not use borders or BGcolor here.*/

/* Forum Index */
.forum_index_header { font-size: 130%; padding: 2px 10px 2px 10px; border: 1px solid #175117; background-color: #154115; }
.forum_index_body { margin: 0 4px 4px 4px; padding: 5px 5px 5px 5px;border: 1px solid #2E2E2E; border-top: none; background: #222 url('/skins/1/layout/titleshad.png') repeat-x 0 0; } 
.forum_index_wrapper { border: 1px solid #181919; border-top: none; background: #0A0A0A url('/skins/2/layout/titleshad.png') repeat-x 0 0; }
.forum_index_row {} /* is  in a <tr> */

/* Polls */
.poll_table { margin-left:auto; margin-right:auto;  border:1px solid #777; width:60%; }
.poll_tr {}
.poll_td { border:1px solid #fff; }
.poll_question { font-size:16px; }
.poll_bar { background-color:#40ae40; border-top:4px solid #003300; border-bottom:4px solid #004400; height:7px; }
.poll_bar:hover { background-color:#87dd87; }
.pol_tr_header { background-color:#213321; border:1px solid #ccc; }
.pol_td_header { border:0px; }

/* Interphase // Writing Console // BBCode */
.interphasetext { font-size:12px; padding:3px; }
.bbcodebutton { border: 1px solid #999; background-color: #212821; margin: 0 2px;}
.bbcodebutton:hover { background-color:#213321; }
.bbcodebuttonsel { border: 1px solid #999; background-color:#252525; }
.bbcodebuttonsel:hover { background-color:#333; }
.bbcodeemottable { border: 1px solid #666; }
.bbcodeemotitem { border: 1px solid #666; } 

/* BBcode extra (Submitted content (quotes excluded, see above)) */
.listitem {}
.encase { padding: 5px 5px 5px 5px; border: 1px solid #213121; background: #020202; }
.collapse {  font-size: 100%; height: 13px; position: relative; border: 1px solid #334133; background-color: #213121; height:18px; padding:2px; }
.collapse_content { margin: 0 1px 1px 1px; padding: 5px 5px 5px 5px; border: 1px solid #213121; border-top: none; background: #020202; }
.bbcodeline {}
.progress_wrap { width:150px; border: 1px solid #666; }
.progress_fill { background-color:#213321; height:10px; } 
.progress_fill:hover { background-color:#314331; height:10px; } 
.progress_text { font-size: 8px; }
.image_clickable { cursor:pointer; border:4px solid #213321; }
.image_clickable:hover { border:4px solid #416341; }
.attachmentbox { border: 1px solid #888; width:200px; padding-top:5px; padding-bottom:5px; text-align:center; background-color:#323232 }
.col_icon_small { width:15px; height:15px; } /* When used in collapseboxes etc, the image must be made smaller */
.code, .codebox { text-align:left; background-color:#181818; border:2px solid #000; }
.codebox { height:150px; overflow:auto; }
.codeboxheader, h2.code { padding:4px; font-size:14px; height:20px; text-align:left; background-color:#112311; border:1px solid #000; margin:0px; } /* h2 for v5 codebox compability */
.trigger { display: inline-block; }
.sbox_quote { padding-left:15px; padding-right:2px; background: #555 url('/skins/1/images/miniquote.png'); background-position:left; background-repeat: no-repeat; color:#fff; } /* Quoting a shoutbox shout, this is  the skin of the link with the hover effect */
.sqbox_quote_box, .sbox_quote:hover .sqbox_quote_box:hover { margin-left: 140px; margin-right: 20px; padding:8px; background-color:#334433; border:1px dotted #eee; position:absolute; z-index:10; display:none; } /* The box that pops up when hovering a quoted shout */
.sbox_quote:hover .sqbox_quote_box { display: block; }

/* Members-Page (?p=site&site=members) */
.mem_table { margin-left:auto; margin-right:auto; }
.mem_row_1 { background-color:#424242; }
.mem_row_1:hover { background-color:#585858; }
.mem_row_2 { background-color:#2E2E2E; }
.mem_row_2:hover { background-color:#585858; }
.members_header { background-color:#D8D8D8; color:#000000; }
.mem_big_cell { padding-left:40px; padding-right:40px; }
.mem_small_cell { padding-left:10px; padding-right:10px; }

/* Messages */
.messages_inbox_link { padding-left:15px; }
.mes_row_1 { background-color:#424242; }
.mes_row_1:hover { background-color:#585858; }
.mes_row_2 { background-color:#2E2E2E; }
.mes_row_2:hover { background-color:#585858; }
.mes_row_unread { background-color:#212821; }
.mes_row_unread:hover { background-color:#213321; }
.message_read_header { height:16px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:4px; background-color:#182918; }
.message_read_title { height:16px; border:1px solid #000; padding:4px; background-color:#212821; }
.message_read_body { text-align:left; padding:10px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; background-color:#292929; }
.message_read_text { padding-left:10px; }

/* Wiki */
.wiki_article_item_0 { background-color:#424242; }
.wiki_article_item_0:hover { background-color:#585858; }
.wiki_article_item_1 { background-color:#2E2E2E; }
.wiki_article_item_1:hover { background-color:#585858; }

/* Portal */
.portal_last_post_entry { text-align:left; width:100%; color:#ccc; }

/* FindMy */
.findmy_item { margin:5px; padding:4px; padding-left:12px; border:1px solid #213321; background-color:#323232;}
.findmy_item:hover { background-color:#424242;}

/* Search */
.search_item_box { width:700px; border-left:1px solid #333; border-right:1px solid #333; margin-left:auto; margin-right:auto; }
.search_item_title { padding: 4px 8px 4px 8px; border: 1px solid #2e4d2e; background-color: #1b3d1a; }
.search_item_content { background-color:#2E2E2E; overflow:hidden; }
.search_item_content:hover { background-color:#343434; }
.search_item_footer { padding: 1px 3px 1px 3px; border: 1px solid #1e3d1e; background-color: #1b3d1a; margin-bottom:20px; font-size:10px; }
.search_match { background-color:#339933; }

/* Locator */
.locator { font-size:10px; padding: 20px 50px 10px 50px; color: #787878; }
.locator img { vertical-align: middle; }
.locator a { color: #FFF; }

/* Help box */
.help_img { cursor:help; }
.help_box { margin-left:30px; padding:8px; background-color:#334433; border:1px dotted #eee; position:absolute; z-index:10; display:none; }

/* ErrorBox */
.warning { border:2px solid #aa0000; background-color:#331515; }
.warning_header { background-color:#662222; font-size:14px; }

/* Critical Error ($sen->critical) */
.critical_error_header { margin-left:auto; margin-right:auto; background-color:#662222; font-size:14px; width:100%; }
.critical_error { margin-left:auto; margin-right:auto; border:2px solid #aa0000; background-color:#331515; width:90%; }

/* v5 compability */
.v5collapse { padding:5px; border:1px #000 solid; } /* OldWiki mostly */

/* SC1 Database */
.sc1db_file_image { border:1px solid #779b77; margin:3px; width:145px; height:145px; }
.sc1db_comment_box { text-align:left; padding:5px; }
.sc1db_comment_header { height:16px; border:1px solid #000; padding:4px; background-color:#182918; }
.sc1db_comment_author { text-align:left; height:14px; border:1px solid #000; padding:4px; background-color:#212821; }
.sc1db_comment_wrapper { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#191919; }
.sc1db_comment_wrapper_deleted { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#291919; }
.sc1db_comment_imagecontainer { width:100px; height:100px; }
.sc1db_fileinfo_header { height:16px; border:1px solid #000; padding:4px; background-color:#182918 }
.sc1db_fileinfobox_wrapper { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#191919; }
.sc1db_fileinfobox_wrapper_deleted { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#291919; }
.sc1db_fileinfo_box { text-align:center; padding:5px; }
.sc1db_fileinfo_imagecontainer { width:145px; height:145px; }
.sc1db_sunken_wrapper { border:1px solid #000; padding:2px; background-color:#191919 }
.sc1db_sunken_wrapper_deleted { border:1px solid #000; padding:2px; background-color:#291919 }
.sc1db_sunken_header { height:16px; border:1px solid #000; padding:4px; background-color:#182918; }
.sc1db_file_image_large { border:1px solid #779b77; margin:3px; max-height:250px; max-width:250px; }
.sc1db_file_view_table { }
.sc1db_file_view_leftcell { width:300px; }
.sc1db_file_view_rightcell { }
.sc1db_file_view_box_wrapper { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#1f1f1f; }
.sc1db_file_view_box_header { height:16px; border:1px solid #000; padding:4px; background-color:#182918; }
.sc1db_file_view_box_body { text-align:left; padding:5px; }
.sc1db_file_view_imagebox_wrapper { display:inline-block; width:130px; height:130px; padding:5px; margin:2px; border:1px solid #000; background-color:#191919; }
.sc1db_file_view_imagebox_image { width:99%; height:99%; }
.sc1db_file_view_force_headers { padding-left:5px; background-color:#182918;}
.sc1db_file_view_force_entry { padding-left:15px; background-color:#152615; }
.file_del_note { border:6px solid #FF0000; background-color:#552222; padding:13px 0px 13px 0px; vertical-align:middle; }
.sc1db_thumbnail_link { text-decoration:none; }
.sc1db_thumbnail_link:hover { text-decoration:none; }
.sc1db_file_edit_button { margin-right:0px; padding:3px; background-color:#182918; border:1px solid #000; }
.sc1db_file_edit_button:hover { background-color:#213221; }
.sc1db_file_view_dl_wrapper { margin:0px 5px 0px 5px; border:1px solid #000; padding:2px; background-color:#1f1f1f;  }
.sc1db_file_view_dl_button { font-size:24px; text-align:center; background-color:#182918; border:1px solid #000; }
.sc1db_file_view_dl_button:hover { background-color:#213221; }
.sc1db_file_view_dl_subtext { font-size:10px; text-align:left; padding-left:4px; }
.sc1db_file_commentdraftbox { padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #000; width:100%; text-align:center; }

/* Standard Forms */
input {
	padding: 2px 5px 2px 5px;
	color: #FFF;
	border: 1px solid #666; background-color: #000;
	font-size: 100%;
	transition:0.4s;
 }
 
 select {
	padding: 2px 5px 2px 5px;
	color: #FFF;
	border: 1px solid #666; background-color: #000;
	font-size: 100%;
 }
 
 select:focus {
	border: 1px solid #fff;
 }
 
 .text:focus, textarea:focus {
	border: 1px solid #fff;
 }
 
 textarea {
	padding: 2px 5px 2px 5px;
	color: #FFF;
	border: 1px solid #666; background-color: #000;
	font-size: 100%;
 }
.submit { background-color: #213121; cursor: pointer; transition:0.4s; }
.submit:disabled { background-color: #222222; cursor: pointer; }
.submit:hover { background-color: #293929; cursor: pointer; }
.submit:active { background-color: #225522; }