body 
{
	font-size: 14px;
	color: #ededed;
	font-family: Arial;
	background-color: #657453;
	padding: 5px;
    margin:0px;
}

#site
{
    position: relative;
    padding: 0px;
    margin:0px;
}

#aboutme
{
    width: 35%; float: left;
}

.about
{
    height: 264px;
    width: 200px;
    background-image: url("/gfx/thebrain/self1-out.jpg");
    
}

.fuckie input
{
    border-width: 0px;
}

.about:hover
{
    background-image: url("/gfx/thebrain/self1-over.jpg");
}

.contact
{
    float: right; width: 62%;
}

pager.a
{
    padding: 0px 10px 0px 10px;
}

.mouse-over:hover
{
    background-color: #a3b38e;
}

.flag
{
    border: solid 1px #DDDDDD;
}

.ideas-thread-text
{
    padding: 0px 5px 5px 10px;
} 

.ideas-thread-text div
{
    padding: 0px 5px 5px 10px;
} 

.pl30
{
    padding-left: 30px;
}

.ideasbox
{
    background-color: #7D8D69; border: solid 1px #536343; padding: 5px;
    font-size: 12px;
}

.ideasbox div, .newsbox div
{
    padding-left: 5px;
}

.newsbox
{
    margin-top: 10px; background-color: #7D8D69; border: solid 1px #536343; padding: 5px;
    font-size: 12px;
}

.shoutbox
{
    margin-top: 10px; background-color: #7D8D69; border: solid 1px #536343; padding: 5px;
    font-size: 12px;
}

.shoutbox div
{
    padding-left: 5px;
}

.shoutbox input
{
    font-size: 10px;
}

.ideas-thread h2
{
    display: inherit;
    float: left;
}

.ideas th
{
    text-align: left;
}

#why
{ }

#world, .choose-server-modal
{
	background-color: #7d8d69;
	position: inherit;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#main
{
    /* overflow: hidden; giver problemer på min mapgenerator side med min color picker */
	/* #7d8dFF */
	display: block;
	z-index: 5;
	background-color: #7d8d69;
	position: relative;
	border-width: 1px;
	top: -1px;
	border-style: solid;
	padding: 10px 0px 10px 0px;
	clear: both;
	margin-top: 0px;
}

#page
{
    margin: auto;
	position: relative;
	width: 1100px;
}

#content
{
    width: 900px;
    position: relative; float: right;
}

#bar
{
    position: relative; float: left; width: 190px;
}


#banner, #main, .seperator, #world, .choose-server-modal
{
	border-color: #536343;
}

#banner, #world
{
	border-style: solid;
	border-width: 1px;
	position: relative;
	clear: both;
}



#world
{
    padding: 2px;
	position: absolute;
	height: 40px;
	width: 160px;
	left: 733px;
	top: 105px;
}

hr.seperator
{
    width: 100%;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-top-color: #536343;
    display: block;
}

.seperator
{
	border-top-style: solid;
	border-top-width: 1px;
	position: inherit;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	width: 898px;
	font-size: 0px;
	height: 1px;
}

#banner
{
	background-image: url("/gfx/banner.jpg");
	height: 150px;
	background-color: #776b67;
	clear: both;
	margin-bottom: 0px;
}


.sub-menu ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
}

.sub-menu ul li
{
    margin: 0px;
    display: block;
    background-color: #657453;
}

    
.sub-menu a:hover
{
    text-decoration: none;
}

.sub-menu ul li:hover
{
    background-color: #8b9b77;
}

.sub-menu a
{
    padding: 3px 10px 3px 10px;
    margin: 0px;
    display: block;
}

.sub-menu
{
    padding: 0px;
    margin: 0px;
    width: 120px;
	font-size: 15px;
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: 999; 
    border-right: solid 1px #536343;
    border-bottom: solid 1px #536343;
    border-left: solid 1px #536343;
    background-color: #657453;
}

.custom-tab
{
    position: relative;
    padding:0px;
    margin: 0px 0px 0px 0px;
    display: block; 
    clear: both; 
}

.custom-tab ul
{
    position: relative;
    padding:0px;
    margin: 0px 5px 0px 5px;
    width: 100%; 
    display: inline-block; list-style-image: none; clear: both; 
    border-bottom: solid 0px #536343;
}

.custom-tab li
{
    display: block; float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 0px; padding: 0px;
}

.custom-tab a
{
    border-left: solid 1px #536343;
    border-top: solid 1px #536343;
    border-right: solid 1px #536343;
    border-bottom: solid 0px #536343;
    /* border: solid 1px green; */
    background-color: #657453; display: block; margin: 0px; padding: 2px 6px;
}

.custom-tab a:hover
{
    background-color: #8b9b77; text-decoration: none;
}

.custom-tab .active
{
    border-bottom: solid 0px #7D8D69; background-color: #7D8D69;
    position: relative;
    z-index: 100;
}



#menu
{
    border: solid 0px blue;
    padding-top: 2px; padding-left: 0px; font-size: 18px; clear: both; display: block; position: relative;
    padding-bottom: 0px; padding-right: 0px; margin: 0px 0px 0px 0px;
}

#menu ul
{
    position: relative;
    padding: 0px;
    margin: 0px; width: 100%;display: inline-block; list-style-image: none; clear: both;
}

#menu li
{
    display: block; float: left; margin: 0px; padding: 0px 5px 0px 5px; 
}

#menu a
{
    padding: 0px 6px 0px 6px; display: block; margin: 0px; border-top: solid 1px #657453;
}

#menu .active
{   
    border-top: solid 1px #536343; border-left: solid 1px #536343; border-right: solid 1px #536343; 
    padding: 0px 5px 0px 5px; background-color: #7d8d69;
    position: relative;
    z-index: 100;
}

#menu a:hover
{
    border-top: solid 1px #536343; margin: 0px; text-decoration: none;
    border-left: solid 1px #536343;border-right: solid 1px #536343;padding: 0px 5px 0px 5px; background-color: #8b9b77;
}


#copyright
{
	font-size: 12px;
	text-align: right;	
}


#world
{
	z-index: 10;
}

.choose-server-modal
{
    padding: 10px;
    border-width: 1px;
    border-style: dashed;
    width: 200px;
    z-index: 100;
}

.choose-server-modal-background
{
    background-color: Gray;
    filter:alpla(opacity=70);
    opacity:0.7;
    z-index: 999;
}

/*.choose-server
{
    position: fixed;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    background-color: Maroon;
    z-index: 300;
}*/

#banner
{
	z-index: 5;
	clear: both;
}


/* #server-stats
{
    right: 0px;
    top: 0px;
    width: 30%;
    border: solid 1px red;
    position: absolute;
} */

select, input, textarea
{
	font-family: Arial;
	font-size: 12px;
	border: 1px solid;
	margin: 0px;
}

.box
{
    margin: 1px;
    background-color: #DADADA;
}

.box:focus, .box:hover
{
    background-color: White;
    margin: 0px;
    border-color: #FFDE00;
    border-width: 2px;
}

.padding-n
{
	padding: 0px 10px 0px 10px;
}

/* NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM  */
.news-item
{
	padding: 0px 10px 0px 10px;
	position: inherit;
	clear: both;
}

.news-item .title
{
	font-size: 20px;
	font-weight: bold;
	position: inherit;
	float: left;
	clear: left;
}

.news-item .text
{
	width: 850px;
	float: left;
	padding-left: 20px;
	position: inherit;
	clear: both;
}

.news-item .date
{
	font-weight: bold;
	position: inherit;
	float: right;
	clear: right;
	font-size: 12px;
	padding-top: 7px;
}

.news-item .who
{
	font-weight: bold;
	position: inherit;
	clear: both;
	font-size: 12px;
}
/* NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM NEWS ITEM  */




/* MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP */
.helptip1
{
    width: 200px;    
}

.delete-image
{
}

.list .padding
{
	padding-right: 0px;
	padding-left: 10px;
}

.color-block
{
	cursor: pointer;
	display: block; float: right; height: 15px; width: 15px; position: inherit; margin-right: 2px; border: 1px solid black;
}

.description-block
{
	display: block; float: right; position: inherit; width: 40px;
}

/* MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP  MAP MAP MAP MAP MAP */

input[type="image"]
{
    border: 0px;
}

img
{
    border: 0px;
    vertical-align: middle;
}

h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

h4
{
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.left-column-width
{
	width: 120px;
}

.error
{
	color: Red;
}

.br-padding
{
	 height: 5px; font-size: 5px;
}

.border-grey
{
	border: 10px solid #CCCCCC;
}

fieldset {border:1px solid #CCCCCC;} /*this is the border color*/
legend {color: #ededed} /* this is the GroupingText color */

.graph
{
    position: relative;
    top: 0px;
    border-top: solid 1px #536343;
    border-bottom: solid 1px #536343;
    width: 100%;
    font-size: 12px;
}

.graph td
{
    text-align: center;
}

.graph th
{
}


.server-stats
{
    border-collapse: collapse;
    position: relative;
    top: 0px;
    border: solid 1px #536343;
    width: 200px;
    font-size: 12px;
}

.server-stats th
{
    text-align: left;
    border: dashed 1px #536343;
}

.server-stats td
{
    border: dashed 1px #536343;
    text-align: right;
}

.stats
{
    position: relative;
    top: 0px;
    border-collapse: collapse;
    border-top: solid 1px #536343;
    border-bottom: solid 1px #536343;
    border-right: solid 1px #536343;
    border-left: solid 1px #536343;
    left: 0px;
    right: 0px;
    width: 899px;
    font-size: 12px;
}

.stats td
{
    border-right: dashed 1px #536343;
    border-bottom: solid 1px #536343;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.permalink
{
    font-size: 10px;
    width: 220px;
}

.stats .center
{
    text-align: center;
}

.stats th
{
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    border-right: dashed 1px #536343;
    border-bottom: solid 1px #536343;
}

.bg-na
{
    background-color: #AAAAAA;
}

.red
{
    /* color: Red; */
    color: #ffa470;
}

.green
{
    color: #3dff3d;
    /* color: Green; */
}

.gray
{
    color: #CCCCCC;
}

.b
{
    font-weight: bold;
}

.s-lb
{
    border-left: 1px dashed #536343;
}

/* ho-light - used for hover effects, toggle between this and normal bg */
.bg-light
{
    background-color: #8b9b77;
}

/* ho-lighter - used for hover effects */
.ho-light
{
    background-color: #a3b38e;
}

.right
{
    text-align: right;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left !important;
}

.pnl
{
    padding-left: 10px;
}

/* TAB TAB TAB TAB TAB TAB TAB TAB TAB TAB */
/*.CustomTab .ajax__tab_header, .CustomTab .ajax__tab_active
{
}*/



.CustomTab
{
    padding-top: 20px;
    clear: both;
}

.CustomTab .ajax__tab_header {
    font-family: Arial;
    font-size: 16px;
    border-bottom: 0px solid #536343;
    margin: 0px;
    padding-left: 10px;
    white-space: normal!important;
}

.CustomTab .ajax__tab_hover
{
    /*
    border-left: 1px solid #536343;
    border-top: 1px solid #536343;
    border-right: 1px solid #536343;
*/
}

/*
.CustomTab .ajax__tab_outer
{
    padding: 0px;
    margin: 0px;
}

.CustomTab .ajax__tab_inner
{
    padding: 0px;
    margin: 0px;
} 
*/

.CustomTab .ajax__tab_active
{
    border-left: 1px solid #536343;
    border-top: 1px solid #536343;
    border-right: 1px solid #536343;
    background-color: #a3b38e;
}

.CustomTab .ajax__tab_tab
{
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.active
{
    border: silid 1px #FF00FF;
}

a:link, a:visited
{
    color: #ccdeb7;
    /*color: #d4d99b; ccdeb7*/
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/*
    * .ajax__tab_header:  A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
    * .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
    * .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
    * .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
    * .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
*/

.events
{
    border-top: 1px solid #536343;
    border-bottom: 1px solid #536343;
    font-size: 12px;
    width: 100%;
}



.events td, .events th
{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.events td
{
    border-bottom: 1px dashed #536343;
}

.events th
{
    border-bottom: 1px solid #536343;
    border-top: 1px solid #536343;
}

.rela
{
    position: relative;
}

/* Stats.aspx */
.alliance-ranks
{
    width: 250px;
    position: relative;
    float: right;
    border: 1px solid black;
}



#stats-infobox-list
{
    position: relative; clear: left; width: 70%;
    float: left;
    border: solid 0px red;
}

#stats-infobox-date
{
    float: right;
    position: relative;
    width: 240px;
    border: solid 0px yellow;
    clear: right;
}

#infobox-left
{
    position: relative; float: left; clear: left; width: 50%;
    border: solid 0px black;
}

#infobox-right
{
    position: relative; float: left; clear: right; width: 30%;
    border: solid 0px black;
}

.npchelper-list
{
    border: solid 1px #536343;
    border-collapse: collapse;
}

.npchelper-list td
{
    border-right: dashed 1px #536343;
    border-bottom: solid 1px #536343;
}

.npchelper-list th
{
    font-weight: normal;
    border-right: dashed 1px #536343;
    border-bottom: solid 1px #536343;
    text-align: right;
}


.servers-list
{
    border-style: dashed;
    width: 100%;
    border-color: #536343;
}

.servers-list .no-border td, .servers-list .no-border th
{
    border-style: none !important;
}


.servers-list td
{
    border-color: #536343;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.servers-list th
{
    font-weight: normal;
    width: 200px;
    border-bottom-style: dashed;
    border-color: #536343;
    border-width: 1px;
    text-align: left;
}

.stats-list 
{
    border-style: dashed;
    width: 100%;
    border-color: #536343;
}

.stats-list td
{
    border-color: #536343;
    border-top-style: dashed;
    border-top-width: 1px;
}

.stats-list th
{
    border-bottom-style: dashed;
    border-color: #536343;
    border-width: 1px;
    text-align: left;
}

.graph-table
{
    padding-top: 20px;
    border-top: solid 1px #536343;
}

/* default popup over the site while there is no selelected server */
.transparent-overlay
{
    top: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url("transparent.png");
    z-index: 100;
}

.choose-server
{
    position: absolute; left: 249px; top: 50px; width: 400px; font-size: 20px;
}


.unwatermarked {
    

}

.watermarked {
	
	/*border:1px solid #BEBEBE;*/
	background-color:#EEEEEE;
	color:gray;
}

.map-hovermenu
{
    border: solid 1px #444444;
    background-color: #657453;
    visibility: hidden;
    position: absolute;
}

.map-choosecolor
{
    width: 15px;
    height: 15px;
    border: solid 1px black;
    display: block;
}

.loading
{
    z-index: 100;
    position: absolute;
    width: 250px;
    border: solid 1px #536343;
}

.loading .d1
{
    position: relative;
    background-image: url('../gfx/header-gradient2.png'); background-repeat: repeat-x; background-color: #8c967f; font-size: 14px; font-weight: bold; padding: 5px 10px; border-bottom: solid 1px #536343;
}

.loading .d2
{
    position: relative;
    padding: 10px 15px;
    background-color: #a1ab93;
}

/*
.loading .container
{
    position: relative;
    
}
*/

.hidden
{
	display: none;
}


/* Used for the MapGenerator page to make the A tags look like a square */
.colors
{}

.colors a
{
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    border: solid 1px black;
}

.color-picker
{
    /*z-index: 100000;*/
    display: none;
    position: absolute;
    margin: auto;
    padding: 3px;
    background-color: Black;
    width: 195px;
}

.color-picker .selected
{
    color: White;
    height: 20px;
    background-color: Green;    
}

.color-picker table
{
    z-index: 1000;
    background-color: black;
}

.color-picker td
{
    height: 10px;
    width: 10px;
    border: 1px solid black;
}

.color-picker td:hover
{
    cursor: pointer;
}

.color-picker .buttons
{
    color: White;
}

.highlight
{
    background-color: #fffda8;
    color: #333333;
}

.pointer
{
    cursor: pointer;
}


.search-box-left
{
    width: 49%; border-right: dashed 1px #536343; float:left; position: relative;
}

/* SEARCH ... SEARCH ... SEARCH ... SEARCH ... SEARCH */

.search-options
{
    border-collapse: collapse;
    border: solid 1px #536343;
}

.search-options td, .search-options th
{
    border-bottom: dashed 1px #536343;
}

.no-border td
{
    border-width: 0px;
}

.search
{
    padding-left: 20px;
    width: 100%;
    border-top: 1px solid #536343;
    border-bottom:1px solid #536343;
    border-right:1px solid #536343;
}


/* ALL HOVER TABLE */
.search tr:hover, .stats-list tr:hover, .stats tr:hover, .events tr:hover, .server-stats tr:hover, .servers-list tr:hover
{
    background-color: #a3b38e;
}

.stats-list tr:hover
{
    background-color: #a3b38e;
}

.search td
{
    padding-left: 15px;
    border-top: 1px dashed #536343;
    border-bottom: 1px dashed #536343;
}





/* EVENTS WATCH ... EVENTS WATCH ... EVENTS WATCH ... EVENTS WATCH */
.events-spy
{
    width: 100%;
}

.events-spy td
{
    font-size: 12px;
}

.events-spy .report
{
    padding-left: 20px;
}












.autocomplete_completionListElement 
{  
    position: relative;
    z-index: 999;
    padding: 0px!important;
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color: windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #FFFF99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    cursor: default;
	background-color : window;
	color : windowtext;
	padding : 1px;
}






/* ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER  */

.attack-plan
{
    border-collapse: collapse;
}

.attack-plan tr th
{
    font-weight: bold;
    border: solid 1px #536343;
}
.attack-plan tr td, .attack-plan tr th
{
    border: solid 1px #536343;
    font-size: 12px;
}



.attack-planer-dest
{
    width: 100%;
    border-width: 1px;
    border-collapse: collapse;
}

.attack-planer-dest tr th
{
    font-weight: bold;
    border: solid 1px #536343;
}
.attack-planer-dest tr td, .attack-planer-dest tr th
{
    border: solid 1px #536343;
    font-size: 12px;
}


/* ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER ATTACK PLANER  */



ui-datepicker-div
{
    position: relative;
    z-index: 19999;
}