body,html
{
        margin: 0;
    	padding: 0;
    	color: #cec9b4;
    	line-height: 130%;
    	font-size: 14px;
    	font-weight: normal;
    	background-image: url('images/header_bg.jpg');
    	background-repeat: repeat-x;
    	background-color: #000000; font-style:normal; font-variant:normal; 

}
h1
{
		font-size: 24px;
		line-height: 30px;
		font-weight: normal;
		color: #FFFFFF;
		margin-top: 0;
}

h3 
{
		font-size: 16px;
		font-weight: bold;
		font-weight: normal;
}
h2 {
	font-size: 20px;
	text-transform: capitalize;
	color: #d08506;
	font-weight: normal;
}
h2 a { font-size : 80%; }
.even {
    background-color: #1d2c37;
}
tr.highlight {
	background-color : #555; /*#CBAD64;*/
	color : #E4B71B;
}
tr.highlight a { color : #00f;}
#home_contentimg {
	width: 460px;
	height: 140px;
	margin: 10px 0 10px 0;
	}
	
	#home_contentimg img {
	border: 2px solid #c37709;
	margin: 0 5px 0 5px;
	float: left;
	}
ul 
{
		margin: 0;
		padding-left: 15px;
}
table.login
{
        color : black;
}
td.header 
{
        /*background : url(images/header.jpg) no-repeat;*/
        height : 140;

}
input:disabled
{
    color : #555555; 
    background-image: url('images/bg_button_disabled.jpg');
}
input {
	font-size: 12px;
	color: #E6EBEE;
	background-color: #355065;
	/*border : 1px solid #355065;*/
	border: 1px solid #000000;
}
select {
	font-size: 13px;
	color: #E6EBEE;
	background-color: #355065;
	border: 1px solid #000000;
}
.shopbutton
{
    width : 145px;
	background-image: url('images/bg_button.jpg');
	font-size: 12px;
	height : 21px;
	padding : 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	cursor : default;	
	color : #E6EBEE;
	text-align : center;
	margin : 2px 0px;
}
p.feedback-msg
{
	padding : 4px;
	border : 1px solid black;
	color : #E4B71B;
}
span.highlight
{
	color :	#E4B71B;
	font-weight : bold;
}
a.shopbutton
{
	display : inline-block;	
	height : 15px;
	width : 131px;	
	border : 1px solid black;
	white-space: nowrap;
	font-size : 12px;
	overflow-x : hidden;
}
a.button
{
	display : inline-block;	
	height : 15px;
	overflow-x : hidden;
	border : 1px solid black;
}
a.shopbutton:hover, a.button:hover
{
	text-decoration : none!important;
}
.button 
{
	background-image: url('images/bg_button.jpg');
	font-size: 12px;
	height : 19px;
	padding : 1px 6px;
	font-family: Arial, Helvetica, sans-serif;
	cursor : default;	
	color : #E6EBEE;
	text-align : center;
	/*font-family: Arial, Helvetica, sans-serif*/
}
.button:disabled
{
	background-image: url('images/bg_button_disabled.jpg');
	font-size: 12px;
	/* font-family: Arial, Helvetica, sans-serif*/
}
input.shopbutton_red
{
        width : 145;
        background : red;
        color : yellow;

}
table.ranking
{
        background-color: #141d25;
    	/* font-family: Arial, Helvetica, sans-serif;*/
    	font-size: 12px;
    	color: #f0ecdc;
    	width : 100%;
}
table.ranking th
{
  
}
table.hof_subtable
{
        background-color: #141d25;
    	/* font-family: Arial, Helvetica, sans-serif;*/ 
    	font-size: 12px;
    	color: #f0ecdc;
    	margin: 0;
    	padding: 0;
        width : 100%;
        height : 700;
}
table.hof_subtable_half
{
        width : 100%;
        height : 350;
        background-color: #141d25;
    	/* font-family: Arial, Helvetica, sans-serif;*/ 
    	font-size: 12px;
    	color: #f0ecdc;
    	margin: 0;
    	padding: 0;
}
td.hof_subtable_header
{
        font-weight : bold;
        font-size : 16;
        background-color: #141d25;
    	/* font-family: Arial, Helvetica, sans-serif; */
    	font-size: 12px;
    	color: #f0ecdc;
    	margin: 0;
    	padding: 0;

}
input.tiny_button
{
        background-image: url('images/bg_button.jpg');
        width : 38;
}
input.small_button
{
        background-image: url('images/bg_button.jpg');
        width : 75;
}
input.medium_button 
{
        background-image: url('images/bg_button.jpg');
        width : 100;
}
input.large_button
{
        background-image: url('images/bg_button.jpg');
        width : 150;
}
input.huge_button
{
        background-image: url('images/bg_button.jpg');
        width : 200;
}
textarea.clan_body
{
        width: 700;
}
select.clan_to
{
        width: 220;
}
input.clan_subject
{
        width: 475;
}

input.army_button
{
        background-image: url('images/bg_button.jpg');
        width : 90;
        height : 20
}
input.army_button:disabled
{
        background-image: url('images/bg_button_disabled.jpg');
        width : 90;
        height : 30
}
input.army_button_low
{
        background-image: url('images/bg_button.jpg');
        width : 90;
        font-size : 10;
        height : 18;
}
input.army_button_low:disabled
{
        background-image: url('images/bg_button_disabled.jpg');
        width : 90;
        font-size : 10;
        height : 18;
}
input.msg_button
{
        background-image: url('images/bg_button.jpg');
        width : 90;
}
input.camp_button
{
       background-image: url('images/bg_button.jpg');
        width : 70;
}
input.camp_button:disabled
{
        background-image: url('images/bg_button_disabled.jpg');
        width : 70;
}
input.hq_button
{
        background-image: url('images/bg_button.jpg');
        width : 40;
}
input.hq_button:disabled
{
        background-image: url('images/bg_button_disabled.jpg');
        width : 40;

}
input.border_button
{
        background-image: url('images/bg_button.jpg');
        width : 70;
}

input.border_button:disabled
{
        background-image: url('images/bg_button_disabled.jpg');
        width : 70;
}
tr.alternate
{
        background-color: #1d2c37;
}
td.error
{
        background : #FF0000;
}
p.error
{
        color : #263423;
        background : #FF3000;
        padding : 3px;
}
p.disclaimer 
{
	color : #999;
	padding : 5px 50px;
}
td.menu
{
        /*width : 140;  */
        vertical-align : top;
}

a {
	color: #d08506;
	text-decoration: none;
}
	
a:hover {
	text-decoration: underline!important;
}
.main h2 
{
	color : #CEC9B4;
	width : 100%; 
	text-align : center;
	margin-top : 15px;
	}
.main h3
{
	color : #CEC9B4;
	width : 95%; 
	text-align : left;
	margin : 20px 5px 15px 3px;
	padding-bottom : 4px;
	font-size : 18px;
	border-bottom : 1px dashed #CEC9B4;
}
a.register
{
	padding-left : 10px;
	font-size : 120%;
}
.menu {
	}
	
	ul.submenu 
	{
		margin-left : 25px;
		font-size : 110%;
	}
	ul.submenu a.selected
	{
		color :#CEC9B4;
	}
	
	.menu ul {
	font-size: 15px;
	line-height: 24px;
	margin: 0;
	padding-left: 15px;
	margin-bottom : 5px;
	list-style-image: url('images/listimgae.gif');
	}
		
	.menu h2
	{
		margin : 10px 0 5px 0;
		font-size : 17px;
		color : #CBAD64;
		text-align : left;
	}
	.menu .highlight
	{
		color : #EED;
		font-weight : bold;
	}
	.menu p.small a
	{
		font-size : 13px;
		text-decoration : underline;
	}
	.menu p
	{
		margin : 0 0 5px 0;
	}
	.menu hr {
	width: 100px;
	color: #0a0f13;
	background-color: #0a0f13;
	border: 0px none;
	}

/* messages */
table.inbox th, table.send_form th
{
	background-color : #CBAD64;/*#355065; /*#D08506;*/
	color : #222; /*#CEC9B4;*/
	border-bottom : 1px solid black;
}
table.inbox 
{
	margin : 4px 10px;
	width : 777px;	
	border : 1px solid black;
	padding : 1px;
}
table.inbox td
{
	border-bottom : 1px solid #555;
	border-top : 1px solid white;
	padding : 3px 4px 10px 4px!important;
}
table.send_form
{
	margin : 4px 10px;
	width : 777px;	
	border : 1px solid black;
	padding : 1px;
}
table.send_form td
{
	background: #DADADA;
	color : black;
}
tr.msg
{
        background : #FFFFFF;
        color : black;
}
    tr.msg a
    {
        color : blue;
    }
    tr.msg a:visited
    {
        color : #000055;
    }
    tr.msg_alternate a
    {
        color : blue;
    }
    tr.msg_alternate a:visited
    {
        color : #000055;
    }
input.save_button
{
        background : #5B5B5B;
        color : #FFFFFF;
        width : 39;
        height : 20;
        border-top:1px solid;
        border-left:1px solid;
        border-right:2px solid;
        border-bottom:2px solid;
        border-top-color:#000000;
        border-left-color:#000000;
        border-right-color:#000000;
        border-bottom-color:#000000;
}
tr.msg_alternate
{
        background : #DADADA;
        color : black;
}
td.msg_international
{
        /*background : #F3725F;*/
         color : #810!important;
         /*background : #cdcccc;*/
         border-right : 1px dashed black;
}
    td.msg_international a
    {
        color : #810!important;

    }
td.msg_national
{
        color : #160!important;
        border-right : 1px dashed black;
        /*background : #cccdcc;*/
}
    td.msg_national a
    {
        color : #160!important;
    }
td.msg_system
{
       /*background : #cccccd;*/
       border-right : 1px dashed black;
}

td.msg_sender
{
       /*background : #cccccd;*/
       border-right : 1px dashed black;
}
    td.msg_system a
    {
        color : black;
    }
a.menu_red
{
        /*color : #FBF7A8 ; */
        color : red;
        font-weight : bold ;
}
table#page
{
        margin-right : auto;
        margin-left : auto;
}
table.main
{
        /*background : #DFAF70; */

        background : #FFFFCA;
        height : 700px;
        background-image: url('images/bg_content.jpg');
    	background-color: #000000;
    	background-repeat: repeat-x;
    	border: 1px solid #537e9e;
    	color: #cec9b4;
}
img.signalflag 
{
	float : right;
	vertical-align : middle;
}
table#shopbuttons td
{
	text-align : center;
	padding : 0px;	
}
td.main
{
        vertical-align : top;
        text-align : center;


}
select.travel
{
        width : 190;
}
table.subtable
{
        width : 100%;
        background-color: #141d25;
    	/*font-family: Arial, Helvetica, sans-serif;*/
    	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px;
    	
		border : 1px solid #888;
    	
    	font-size: 14px;
    	color: #f0ecdc;
    	margin: 0;
    	padding: 0;
}
td.subtable_header
{
        font-weight : bold;
        font-size : 16px;
        background-color: #141d25;
    	/*font-family: Arial, Helvetica, sans-serif;*/
    	color: #cec9b4;
    	margin: 0;
		padding: 4px 4px 5px 4px!important;
    	border-bottom : 1px dashed #886654;

}
p.location
{
	text-align : left;
	border-left : 1px solid #141D25;
	padding : 0 0 4px 6px;
	margin-bottom : 6px;
}
p.location span.label
{
	display : inline-block;
	width : 75px;
}
p.location img 
{
	margin-left : 10px;
}
table#userlist
{
        vertical-align : top ;
        
}
/* encampment income table */
table#camp-income  
{
	margin-bottom : 10px;
}
table#camp-income td.label
{
	width : 250px;
}
table#camp-income td.value
{
	width : 50px;
}
table#camp-income td.explain
{
	width : 450px;
	vertical-align : top;
	color : #999;
}
.loginlabel {/*font-family: Arial, Helvetica, sans-serif;*/ font-size: 14px;color: #FFFFFF; }
.bluedash {color: #243745; font-size: 13px;}
.logintext {font-size: 13px}
.loginlinks {/*font-family: Arial, Helvetica, sans-serif;*/ font-size: 13px; }
.postedby {color: #3E5D75}

#login {
	width: 434px;
	height: 40px;
	border: 2px solid #3f5f78;
	padding: 8px 8px 4px 8px;
	margin-bottom: 3px;
	background-color: #3f5f78;
	margin-bottom: 10px;
}
/* news messages */
table.newsitem
{
        width : 100%;
        /*background-color: #141d25;  */
    	/*font-family: Arial, Helvetica, sans-serif;*/
    	font-size: 12px;
    	color: #f0ecdc;
    	margin: 0;
    	padding: 0;
}
tr.news_title
{

}
td.news_title
{
        font-weight : bold;
        font-size : 16;
}
tr.news_main
{

}
td.news_main
{
        /*
        border-top-width : 1px ;
        border-top-color : #800000  ;
        border-top-style : solid ;
        border-bottom-width : 1px ;
        border-bottom-color : #800000  ;
        border-bottom-style : solid ;  */
}
tr.news_footer
{

}
td.news_footer
{
        font-style : italic;
        color: #3E5D75;
}
table.headquarters
{
        width : 400;
        border-width : 2px;
        border-color : #000000  ;
        border-style : solid ;
        
}
table.headquarters th,
table.headquarters_nowidth th
{
	background-color : #CBAD64;/*#355065; /*#D08506;*/
	color : #222; /*#CEC9B4;*/
	border-bottom : 1px solid black;	
}
table.headquarters_nowidth th a
{
	color : #630;
}
img.location
{
	border : 1px solid #355065;
	padding : 1px;
	margin-bottom : 5px;
}
table.headquarters_nowidth
{
        border-width : 1px;
        border-color : black;/*#233580;/*#5580A2  ;*/
        border-style : solid ;
        margin-bottom : 10px;
}
td.hq_header
{
        font-size : 16;
        font-weight : bold;
        border-bottom-width : 1px ;
        border-bottom-color : #000000  ;
        border-bottom-style : solid ;
}
td.hq_subject
{
        font-weight : bold;
        border-right-width : 1px ;
        border-right-color : #000000 ;
        border-right-style : solid ;
}
table.main td { padding : 0px; }
table.main table td { padding : 2px 4px; }
p.injured { color : #a00; }

p.footnote { padding-top : 10px; color : #ccc; font-style : italic; }
/* questionary */
table.itemgroup { width : 100%; margin-bottom : 5px;}
table.itemgroup td { background-color : #446882; padding : 3px 3px 3px 5px;}
table.itemgroup td.option, table.itemgroup th.option { text-align : center; }
table.itemgroup td textarea { width : 99%; height : 60px; background-color:#26211C; border:1px solid #000000; color:#E6EBEE; font-size:12px;}
table.itemgroup input.text { width : 99%; }
table.itemgroup th { text-align : left; padding: 2px 2px 2px 5px; background-color : #141D25;}
table.itemgroup th.question,table.itemgroup td.question { width : 50%;}
table.itemgroup th.item_nr,table.itemgroup td.item_nr { width : 5%;}

div.questionnaire_note { padding : 4px; background-color :#446882; border :1px solid #537E9E; margin-bottom : 5px; }

/* map tokens */
div#map-wrapper { position : relative; text-align : left;}
.map-token { z-index: 10; position : absolute;}

div#map-wrapper .capital { border : 1px solid black; }
div#map-wrapper .battle { z-index : 14; }
div#map-wrapper .army { z-index : 13; }
div#map-wrapper .sf { z-index : 12; }

div#map-wrapper .battle { border : 1px solid black; padding : 1px; background-color : #030; font-size : 10px; color : white; }
div#map-wrapper .battle-fail { background-color : #400; }
div#map-wrapper .battle span { display : inline-block; text-align : center; width : 21px;}
div#map-wrapper .battle span.def { padding-left : 3px; }
div#map-wrapper .battle span.att { padding-right : 3px; }
div#map-wrapper .battle span.def img,
div#map-wrapper .battle span.att img { width : 21px; height : 15px; }
div#map-wrapper .battle span.icon { width : 19px; vertical-align : top;}
div#map-wrapper a img { border : none; }
form#token-toggler { padding : 3px; width : 90%; margin : 10px auto; border : 1px solid black; background-color : #ccc; color : black;}
form#token-toggler span { display : inline-block ; width : 150px; }
form#token-toggler span input { background-color : transparent; border : none; }

/* armory */
div.hero { float : left; width : 150px; border : 1px solid black; height : 318px; margin-left : 7px; -webkit-border-radius : 5px;}
div.hero h3 { height : 30px; width : 144px; background-color : #355065; margin : 0px; padding : 3px 3px; border-bottom : 1px solid black; font-size : 15px; -webkit-border-radius : 5px 5px 0 0;-moz-border-radius : 5px 5px 0 0; border-radius : 5px 5px 0 0;}
div.hero a h3 { color : #CEC9B4; }
div.hero a img { border : none; }
div.hero a:hover { cursor : hand; text-decoration : none!important; }
div.hero h3 img { vertical-align : middle; margin-right : 5px;}
div.hero_selected h3 { background-color : #CBAD64; color : #222!important;}
div.hero_selected { background-color : #355065; }
div.hero p { padding : 5px; color : #999;}
div.hero th { text-align : left; padding : 1px 2px; font-size : 13px; font-weight : normal;}
div.hero td { text-align : left; padding : 1px 0px; font-size : 13px; }
div.hero tr.separator th, 
div.hero tr.separator td { border-bottom : 1px dashed black; padding-bottom : 5px; }
div.tabs { width :  814px; padding : 0px; margin : 20px 0px 0px 0px; border-bottom : 1px solid black; margin : 0px -2px;}
div.tabs a.tab { color : #CEC9B4; display : inline-block; width : 160px; position : relative; top: 1px; border : 1px solid black; height : 25px; padding-top : 5px; line-height : 25px; text-align : center; margin : 0px 10px;}
div.tabs a.selected { border-bottom : 1px solid #355065; background-color : #355065;}
div.tabs a:hover { text-decoration : none!important; background-color : #355065;} 
div.tabs-body { background-color: #141E27; min-height : 300px; padding : 1px 5px 5px 5px;}
div.tabs-footer { background-color : #355065; height : 10px; width : 814px; margin : 0px -2px 0 -2px;} /* 355065 */
h4 { margin : 4px 0px; color : #CBAD64; font-size : 18px; font-weight : normal;}
h5 { margin : 8px 0px 2px 0px; color : #CBAD64; font-size : 16px; font-weight : normal;}
table.merchant-trading td.selected { border : 2px solid white; }
table.merchant-trading { margin-bottom : 25px;}
table.merchant-trading td { text-align : center; font-size : 9px; }
table.merchant-trading td.dots { text-align : center; font-size : 25px; }

/* tutorial */
div.tutorial {  padding : 4px 10px 4px 10px; margin : 0 0 3px 0; border : 1px solid #CBAD64; background-color : #537E9E;}
div.tutorial-header { background-color : #CBAD64; color : #222; padding : 4px 10px 4px 10px; margin-bottom : 0px;}

div#tutorial-more { display : none; background :black; color: #CEC9B4;}

div.tutorial h2 { font-size: 16px; margin-top : 2px;	text-transform: none;	color: #222; font-weight: normal; margin-bottom : 0px;}
div.tutorial .skip { float : right; width : 80px;}

form { padding : 0px; margin : 0px;}
div.tutorial p { margin: 0 0 10px 0;}