/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Stylesheet AatW - februari 2010
CSS3 - Does not validate, because:
    *) Browser specific content
    *) Use of RGBA(which is valid css3)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* //////////////////////////////////////
	Resetting/setup
////////////////////////////////////// */
header, section, aside, footer, article, nav{
	display:block;
}
*{
	padding:0;
	margin:0;
}
img {
    border:none;
}
/* //////////////////////////////////////
	Container setup
////////////////////////////////////// */
html {
	height:100%;
	width:100%;
	font:11px verdana, sans-serif;
	cursor:default;
}
body {
	height:100%;
	width:100%;
	position:relative;
	background:#222 url(/pics/bg-black-body.png);
	color:#DDD;
}
#container {
	height:100%;
	margin:0 auto;
	width:960px;
	position:relative;
	-ms-overflow-y:hidden;
	overflow-y:hidden;
}	
/* //////////////////////////////////////
	Typography
////////////////////////////////////// */
#content > h1, #content > h2{
	margin:10px;
}
#content h1, #content h2 {
	color:#FFF;
	letter-spacing:1px;
}
#content h1, #content > h2 {
	font:normal normal normal 2.5em/normal Georgia, Times, serif;
}
h2 {
	font:normal normal normal 1.5em/normal Georgia, Times, serif;
}
h2 a[href^="#"],h3 a[href^="#"]{
	visibility:hidden;
}
h3,div.row strong,legend {/*.row is only used in register*/
	color:#FFF;
	font:normal normal bold 1em/normal verdana, sans-serif;
	text-transform:uppercase;
	margin:1em 10px 1em 10px;
}
p {
	line-height:1.8em;
	margin:10px;
}
dt {
	font:normal normal bold 0.9em/normal verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-top:5px;
}
dd {
	padding-left:20px;
	max-width:600px;
}
mark{
	background-color:yellow;
	padding:0 4px;
	-moz-border-radius:3px;
	border-radius:3px;
}
/* //////////////////////////////////////
	Anchors
////////////////////////////////////// */
a,label {
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	color:#EDA;
}
a:hover,
a:focus,
a:active {
	color:#FD7;
}
a.inactive,
a.inactive:hover,
a.inactive:focus,
a.inactive:active {
	color:#DDD;
}
h2:hover a[href^="#"],h3:hover a[href^="#"]{
	visibility:visible;
	color:#DDD;
	margin-left:20px;
}
h2 a[href^="#"]:hover,h3 a[href^="#"]:hover{
	color:#FD7;
}
a{
	-webkit-transition:color 0.7s;
	-moz-transition:color 0.7s;
	-o-transition:color 0.7s;
	transition:color 0.7s;
}
#gameStats li a, #tribeStats li, footer.top a, .rightLink a{
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:rgba(50, 90, 50, 0);
}
#gameStats li a, #tribeStats li, .rightLink a{
	padding:2px;
	margin:-2px;
}
#gameStats li a:hover, #tribeStats li:hover, footer.top a:hover, .rightLink a:hover,
#gameStats li a:focus, #tribeStats li:focus, footer.top a:focus, .rightLink a:focus{
	background-color:rgba(255, 255, 255, 0.2);
}
/* //////////////////////////////////////
	Inline Typography
////////////////////////////////////// */
insert {
	text-decoration:none;
	font-style:italic;
}
del {
	text-decoration:line-through;
}
abbr,.accr,div span[title],time[title]{/*Get rid of .accr in favour of <abbr> and default span/time functionality*/
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	cursor:help;
}
/*strong,b,*/.bold,.incoming,.newsglobal {/*Replace with <strong> or even <b>*/
	font-weight:bold;
}
small {
	font-size:0.8em;
}
.admin,.admin:hover {
	color:#FFF;
}
.head,.head:hover {
	color:#FFC0CB;
}
.staff,.staff:hover {
	color:#3381BC;
}
.mod,.mod:hover {
	color:#90EE90;
}
.elder,.elder:hover {
	color:#FFD700;
}
.coelder,.coelder:hover {
	color:#DAA520;
}
.player,.player:hover {
	color:#B8CDE9;
}
.protected,.protected:hover {
	color:#90EE90;
}
.check_new,.indicator {
	color:#FF0;
}
.golden-dragon strong {color:yellow}
.classic-dragon strong {color:#FFD700}
.blue-dragon strong {color:#B8CDE9}
.black-dragon strong {color:#000}
.purple-dragon strong {color:#96C}
.white-dragon strong {color:white}
.pink-dragon strong {color:pink}

.newsattack { color:#F5F5DC; }
.newsbc { color:#ADD8E6; }
.newsraid { color:#EE7; }
.newsraze { color:#ff9058; }
.newscommandeer { color:#F5F5DC; }
.newspillage { color:#DAE; }

.newsdeclare 	{color:#FFD700}
.newstruce 		{color:#FFF}
.newssurrender 	{color:#ff9058}
.newsvictory 	{color:#EE7}

.positive,
.incoming {
	color:#90EE90;
}
.negative {
	color:#E66;
}
.neutral {
	color:#ADD8E6;
}
.mps {
	color:lightblue
}
.clock {
	color:#000;
}
.quote, .bbadmin {
	border-left:2px solid;
	padding-left:1em;
	margin-top:1em;
	color:#aaa;
	font-weight:bold;
}
.bbadmin{
	border-left:2px solid #48e;
	color:#DDD;
}
.center {
	text-align:center;
	margin:0 auto;
}
/* //////////////////////////////////////
	Form elements
////////////////////////////////////// */
*[disabled][submit]{
	background-color:#bbb;
}
div input{
	line-height:18px;
	height:21px;
	padding-left:2px;
	vertical-align:middle;
	min-width:50px;
	background-color:#ddd;
}
textarea{
	padding-left:2px;
	line-height:18px;
	min-height:140px;
	background-color:#ddd;
}
select{
	height:21px;
	vertical-align:middle;
	padding-left:2px;
	background-color:#ddd;
}
div input:focus, textarea:focus, select:focus {
	background-color:#eee;
}
input[type=image], input[type=checkbox], input[type=radio]{
	background-color: transparent;
	line-height:auto;
	height:auto;
	min-width:0;
}
input[type=submit], input[type=button] {
	min-width:60px;
	height:23px;
	background: white url('/pics/button.png') 0 -5px repeat-x;
	background: -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
	border: 1px solid;
	border-color: #e6e6e6 #cccccc #cccccc #e6e6e6;
	color: #404040;
	padding: 0 5px;
	text-align: center;
	text-shadow: 1px 1px 0 white;
	cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover {
	background: -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
	-webkit-box-shadow: rgba(125, 190, 255, 0.5) 0 0 5px;
	-moz-box-shadow: rgba(125, 190, 255, 0.5) 0 0 5px;
	box-shadow: rgba(125, 190, 255, 0.5) 0 0 5px;
	border-color: #99ccff;
	color: #333333;
}
input[type=submit]:active, input[type=button]:active {
	position: relative;
	top: 1px;
}
input[type=submit]:active, input[type=submit]:focus {
	background-position: 0 -25px;
	background: -moz-linear-gradient(0% 170% 90deg, white, #dedede);
	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
	border-color: #8fc7ff #94c9ff #94c9ff #8fc7ff;
	color: #1a1a1a;
	text-shadow: 1px -1px 0 rgba(255, 255, 255, 0.5);
}
input[type=submit].action {
	background: #e3f9fc;
	background: -moz-linear-gradient(30% 150% 90deg, #9ef5ff, white);
	background: -webkit-gradient(linear, 0% 30%, 0% 150%, from(white), to(#9ef5ff));
}
input[type=submit].logout {
	background: -moz-linear-gradient(30% 170% 90deg, #8ff634, white);
	background: -webkit-gradient(linear, 0% 30%, 0% 130%, from(white), to(#8ff634));
}
/* //////////////////////////////////////
	Table element
////////////////////////////////////// */
table {
	margin:0 auto;
	padding:0;
	width:100%;
	border-collapse:collapse;
}
table caption{
	margin:0 auto;
	background-color:#777;
	font-weight:bold;
	padding:3px 0;
	text-align:center;
	color:black;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
table th{
	color:#EDA;
	padding:3px;
	text-align:left;
}
table td{
	color:#DDD;
	padding:3px;
	text-align:left;
}
thead, tbody.head{
	background-color:#666;
}
thead th, tbody.head th{
	color:#000;
}
tbody.foot{
	border-top:1px solid #333;
}
table .int {
	text-align:right;
}
table th.small{
	width:15%;
}
table th.tiny{
	width:17px;
}
/* //////////////////////////////////////
	Listing(ul/ol) elements
////////////////////////////////////// */
#content ul , #content ol{
	margin:10px;
	padding:0 0 0 21px;
}
#content article ul , #content article ol{
	margin:0;
}
#content li{
	line-height:1.8em;
}
#content ul ol, #content ul ul , #content ol ul, #content ol ol{/*HEADACHE*/
	margin:0;
	padding:0 15px 0 15px;
}
#content ul.icon-list {
	list-style-type:none;
	padding:0;
}
li .buildings	{ background:url('/pics/icons/house.png') no-repeat 0 50%; padding-left:21px; }
li .mage		{ background:url('/pics/icons/fire-big.png') no-repeat 0 50%; padding-left:21px; }
li .points		{ background:url('/pics/icons/bullet_black.png') no-repeat 0 50%; padding-left:21px; }
li .citizens	{ background:url('/pics/icons/users.png') no-repeat 0 50%; padding-left:21px; }
li .population	{ background:url('/pics/icons/users.png') no-repeat 0 50%; padding-left:21px; }
li .military	{ background:url('/pics/icons/contrast_low.png') no-repeat 0 50%; padding-left:21px; }
li .defence		{ background:url('/pics/icons/shield.png') no-repeat 0 50%; padding-left:21px; }
li .crowns		{ background:url('/pics/icons/coins.png') no-repeat 0 50%; padding-left:21px; }
li .feature		{ background:url('/pics/icons/tick.png') no-repeat 0 50%; padding-left:21px; }
li .register	{ background:url('/pics/icons/bullet_go.png') no-repeat 0 50%; padding-left:21px; }
li .forum		{ background:url('/pics/icons/comments.png') no-repeat 0 50%; padding-left:21px; }
li .chat		{ background:url('/pics/icons/comment.png') no-repeat 0 50%; padding-left:21px; }
li .donate		{ background:url('/pics/icons/users.png') no-repeat 0 50%; padding-left:21px; }
li .link		{ background:url('/pics/icons/group_link.png') no-repeat 0 50%; padding-left:21px; }
li .aatward		{ background:url('/pics/icons/award_star_gold_2.png') no-repeat 0 50%; padding-left:21px; }
li .aatward2	{ background:url('/pics/icons/award_star_gold_3.png') no-repeat 0 50%; padding-left:21px; }
li .aatward3	{ background:url('/pics/icons/award_star_gold_1.png') no-repeat 0 50%; padding-left:21px; }
li .money		{ background:url('/pics/icons/coins.png') no-repeat 0 50%; padding-left:21px; }
li .food		{ background:url('/pics/icons/fruit.png') no-repeat 0 50%; padding-left:21px; }
li .wood		{ background:url('/pics/icons/icon_wood.png') no-repeat 0 50%; padding-left:21px; }

li .golden-dragon 	{ background:url('/pics/icons/golden-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .classic-dragon 	{ background:url('/pics/icons/classic-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .blue-dragon 	{ background:url('/pics/icons/blue-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .black-dragon 	{ background:url('/pics/icons/black-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .purple-dragon 	{ background:url('/pics/icons/purple-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .white-dragon	{ background:url('/pics/icons/white-dragon.png') no-repeat 0 50%; padding-left:21px; }
li .pink-dragon 	{ background:url('/pics/icons/pink-dragon.png') no-repeat 0 50%; padding-left:21px; }

li .tribe 	{ background:url('/pics/tribe_offline.gif') no-repeat 0 50%; padding-left:21px; }
li .tribe-online 	{ background:url('/pics/tribe_online.gif') no-repeat 0 50%; padding-left:21px; }
li .tribe-inactive 	{ background:url('/pics/tribe_inactive.gif') no-repeat 0 50%; padding-left:21px; }
/* //////////////////////////////////////
	Fieldset element
////////////////////////////////////// */
fieldset{
	padding:10px;
	border:2px groove #ccc;
}
fieldset legend{
	padding:0 5px;
	color:#ccc;
}
#content fieldset ul , #content fieldset ol{
	margin:0;
}
fieldset select{
	min-width:80px;
}
fieldset p{
	margin-bottom:0;
}
fieldset :nth-child(2){
	margin-top:0px;
}
fieldset ~ fieldset,dl ~ fieldset{
	margin-top:20px;
}
fieldset *[title]:hover{
	background:url('/pics/icons/question.png') right no-repeat;
	padding-right:20px;
}
fieldset .error~span,fieldset .ok~span{
	padding-left:20px;
	display:inline-block;
	min-height:16px;
	margin-left:5px;
}
fieldset .error~span{
	background:url('/pics/icons/exclamation.png') left no-repeat;
}
fieldset .ok~span{
	background:url('/pics/icons/accept.png') left no-repeat;
}
fieldset td,fieldset th,fieldset caption{
	padding:0 3px;
	margin:0;
}
/* //////////////////////////////////////
	Other elements
////////////////////////////////////// */
hr {
	border:0;
	height:1px;
	margin:0 0 10px;
	background:#333;
	color:#333;
}
/* //////////////////////////////////////
	Header layouting
////////////////////////////////////// */
header.top {
	height:96px;
	width:960px;
	background:url('/pics/head960small.png') no-repeat top;
	color:#FFF;
}
header.top h1 {
	position:absolute;
	right:10px;
	top:8px;
}
#gameStats {
	position:absolute;
	top:8px;
	left:230px; /* (+10) 220 + 20 + 220 (+10) = 960/2 */
	padding:8px 10px;
	list-style-type:none;
	width:220px; /* (+10) 220 + 20 + 220 (+10) = 960/2 */
}
#gameStats li {
	font-size:0.9em;
	padding:0.05em 0;
	font-weight:bold;
	line-height:150%;
}
#tribeStats {
	position:absolute;
	top:8px;
	left:10px; /* (+10) 220 + 20 + 220 (+10) = 960/2 */
	padding:8px;
	list-style-type:none;
	width:200px; /* (+10) 220 + 20 + 220 (+10) = 960/2 */
	background:#444 url('/pics/bg-black-inner.png');
	border-color:#333;
	background:rgba(30, 30, 30, 0.4);
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	transition:background-color 0.5s;
	height:64px;
}
#tribeStats li {
	font-size:0.9em;
	position:relative;
	height:15px;
}
#tribeStats a{
	position:absolute;
	width:200px;
	height:15px;
}
#tribeStats input{
	cursor:pointer;
	padding:3px 0;
	position:absolute;
	right:5px;
}
#tribeStats .refreshgoods{
	padding:0;
}
#tribeStats:hover, #tribeStats:focus{
	background-color:rgba(30, 30, 30, 0.75);
}
/* //////////////////////////////////////
	Main Nav layouting
////////////////////////////////////// */
#menu {
	position:absolute;
	top:106px;
	width:960px;
	z-index:1;
}
#menu ul {
	list-style:none;
}
#menu .first {
	float:left;/*display:inline-block when we abandon IE6 and 7*/
	position:relative;
	height:2em;
	width:120px; /* 960 px / 8 menu items = 120px */
}
#menu .first a {
	display:block;
	width:100%;
	padding:0.5em 0 0 0;
	height:1.5em;
	text-indent:10px;
}
#menu a:hover, #menu a:focus{
	color:white;
	font-weight:bolder;
}
#menu .first ul{
	position:absolute;
	top:22px;
	width:160px;
	display:none;
	background:#222 url(/pics/bg-black-body.png);
}
#menu .first li{
	height:2.1em;
}
#menu .first li:hover, #menu .first li:focus {
	background:#333;
}
#menu .first li a, #menu .first li span.menuHeader{
	height:0.9em;
	font-size:0.9em;
	padding:0.6em 0;
	text-indent:20px;
	width:100%;
}
#menu .first li .menuLine{
	border-top:1px solid #333;
}
#menu .first li span.menuHeader{
	display:block;
	float:left;
	text-indent:10px;
}
#menu .first:hover ul, #menu :focus + ul{
	display:block;
}
#menu .check_new{
	color:#ffde00;
}
#menu li:hover a.check_new, #menu li:focus a.check_new{
	color:yellow;
}
#menu .first ul{
	-webkit-box-shadow:6px 6px 1px rgba(30, 30, 30, 0.4);
	-moz-box-shadow:6px 6px 1px rgba(30, 30, 30, 0.4);
}
#menu .first ul, #menu .first li:first-child{
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
}
#menu .first ul, #menu .first li:last-child{
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
/* //////////////////////////////////////
	Content layouting
////////////////////////////////////// */
#content{
	position:absolute;
	top:128px;
	bottom:32px;
	width:100%;
	overflow:auto;
	background:#333 url('/pics/bg-black-main.png');
	border-color:#333;
}
.big {width:920px;}
.medium {width:455px;}
.mediums {width:610px;}
.mediumm {width:687.5px;}
.small {width:300px;}
.mini {width:222.5px;}
.holder.big, article.big {width:900px;}
.holder.mediums, article.mediums {width:590px;}
.holder.mediumm, article.mediumm {width:667.5px;}
.holder.medium, article.medium {width:435px;}
.holder.small, article.small {width:280px;}
.holder.mini, article.mini {width:202.5px;}
.holder,article{
	padding:10px;
	margin:0 auto;
	text-align:left;
	background-attachment:fixed;
	margin-bottom:10px;
	overflow:auto;
	background:#444 url('/pics/bg-black-inner.png');
	border-color:#333;
}/*
.holder,article{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}*/
.text {
	background:#444 url('/pics/bg-black-inner.png');
	border-color:#333;
}
#content > .holder	{margin-top:30px;}
#content * + .holder{margin-top:0;}/*How to make this 1 selector?*/
.holder *{
	margin-left:0;/*can be removed sometime*/
}
/*#center,Check to remove*/
div.center {
	margin:0 auto;
}
div.clear{
	clear:both;
	padding-bottom:10px;
}
/* //////////////////////////////////////
	Sub Nav layouting
////////////////////////////////////// */
#content nav {
    margin:0 10px 10px 10px;
    height:24px;
}
#content nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#content nav ul li {
	line-height:1em;
	display:inline;
}
#content nav a{
	float:left;
	margin:0 1px 0 0;/*Does give a bit of visual effect but should be changed none the less*/
	padding:4px;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
#content nav a:hover, #content nav .subnav-selected strong:hover, #content nav a:focus, #content nav .subnav-selected strong:focus{
	background-color:rgba(255, 255, 255, 0.2);
	border-left:none;
	border-top:none;
	border-right:1px solid #666;
}
/* //////////////////////////////////////
	Footer layouting
////////////////////////////////////// */
footer nav {
	overflow: hidden;
	position:absolute;
	right:0;
	bottom:8px;
	width:500px;
	text-align:right;
}
footer nav ul li{
	list-style:none;
	display:inline;
	text-align:left;
}
footer a {
	padding:5px;
}
footer input{
	margin-bottom:-3px;
}
footer p {
	/*font:italic 1.1em Times, serif;
	font-weight:bold;
	letter-spacing:1px;*/
	margin-left:0;
	position:absolute;
	bottom:-5px;
	left:0;
}
/* //////////////////////////////////////
	Animation/js(supporting)
////////////////////////////////////// */
header .noScript{
	position:absolute;
	top:5px;
	right:5px;
	z-index:5;
}
.hidetilljs{
	visibility:hidden;
}
.animateHover tr:hover, .animateHover tr:focus,
.animateHover tr.open,
.animateHover li.open .bar,
.animateHover li .bar:hover, .animateHover li .bar:focus{
	background:#555;
	background:rgba(255, 255, 255, 0.25);
}
tr.noAnimateHover:hover {
	background-color:transparent;
}
div.folded {
	height:18px;
	overflow:hidden;
	cursor:pointer;
}
div.folded > * {
	visibility:hidden;
}
div.folded > h2{
	visibility:visible;
	margin:0;
}
.tablesorter thead tr .subheader {
	background-image:url(/pics/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:21px;
	cursor:pointer;
}
.tablesorter thead tr .headerSortUp {
	background-image:url(/pics/asc.gif);
}
.tablesorter thead tr .headerSortDown {
	background-image:url(/pics/desc.gif);
}
#analogClock{
	position:absolute; left:461px; top:9px;
}
/* //////////////////////////////////////
	(New)Columnizing classes(supporting)
////////////////////////////////////// */
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.floatleft + .floatleft{margin-left:10px;}
#content > .floatleft,.tracker > .floatleft{
	margin-left:10px;
}
#content > .big.floatleft,.tracker > .big.floatleft{
	margin-left:20px;
}
#content > .floatright,.tracker > .floatright{
	margin-right:10px;
}
#content > .big.floatright,.tracker > .big.floatright{
	margin-right:20px;
}
.holder .medium,.holder .mediums,.holder .mediumm,.holder .small,.holder .mini{
	padding:0;
	margin:0 -10px 0 0;
	overflow:hidden;
}
.holder{
	-ms-overflow-x:hidden;
	overflow-x:hidden;
}
.clear {
	clear:both;
}
hr.clear{
	clear:both;
	visibility:hidden;
	margin:0;
}
/* //////////////////////////////////////
	Texteditor
////////////////////////////////////// */
.texteditor textarea{
	width:350px;
	height:140px;
	min-height:140px;
	max-width:100%;
}
.texteditor > div{
	display:none;
	margin-top:10px;
	width:350px;
    background:#aaa;
	background:rgba(255,255,255,0.4);
	max-width:100%;
}
.texteditor div a{
	width:16px;
	height:16px;
	display:inline-block;
	cursor:pointer;
	padding:2px;
	position:relative;
}
.texteditor div img{
	position:absolute;
}
.texteditor div img:hover, .texteditor div img:focus{
	width:20px;
	height:20px;
	margin-top:-2px;
	margin-left:-2px;
	border:thin solid blue;
	background:#2222ff;
	background:rgba(0,50,200,0.4);
}
/* //////////////////////////////////////
	Searchbox(part of Nav)
	Shorter?
////////////////////////////////////// */
#menu > aside{
	position:absolute;
	top:-4px;
	right:10px;
}
#menu > aside input{
	color:grey;
	outline:none;
	width:180px;
	height:20px;
	background-color:rgba(30, 30, 30, 0.4)!important;
	background:#222 url(/pics/bg-black-body.png);
	border:1px solid rgb(125, 137, 159);
	padding-right:36px;
}
#menu > aside input:hover, #menu > aside input:focus{
	color:white;
	border:1px solid rgb(125, 137, 159);
}
#menu > aside input:focus{
	color:white;
	border:1px solid orange;
}
#menu > aside input:not(.default):focus{
	border:1px solid blue;
}
#menu > aside > div{
	position:absolute;
	right:1px;
	top:1px;
	width:30px;
	height:20px;
	background:#777;
	cursor:pointer;
	background:rgba(125, 137, 159, 0.7);
	background-position:center;
	background-repeat:no-repeat;
}
#menu > aside > div.open{
	background-image:url('/pics/icons/minus.png');
}
#menu > aside > div.closed{
	background-image:url('/pics/icons/plus_grey.png');
}
#menu > aside > div:hover, #menu > aside > div:focus{
	-webkit-background-size:22px;
	-ktml-background-size:22px;
	-moz-background-size:22px;
	background-size:22px;
}
#menu > aside > ul{
	position:absolute;
	top:20px;
	right:0px;
	display:none;
	border:1px solid rgb(125, 137, 159);
	background:#222 url(/pics/bg-black-body.png);
}
#menu > aside > ul li{
	display:block;
	min-height:15px;
	width:210px;
	color:white;
	overflow:hidden;
	padding:4px 4px;
}
#menu > aside > ul li:hover, #menu > aside > ul li:focus{
	background:#333;
	background:rgba(30, 30, 30, 0.75);
}
#menu > aside > ul li a{
	color:white;
	font-weight:normal;
}
#menu > aside > ul li .title{
	color:#EDA;
	font-weight:bold;
}
/* //////////////////////////////////////
	Mail page
////////////////////////////////////// */
.mailbox tbody tr{
	height:16px;
}
.mailbox .action{
	position:relative;
}
.mailbox .action input{
	position:absolute;
	vertical-align:middle;
}
.mailbox .action .checkbox{
	right:20px;
	margin-top:-7px;
}
.mailbox .action .delbutton{
	right:36px;
	margin-top:-7px;
	width:16px;
}
.mailbox .action .delbutton:hover, table .action .delbutton:focus{
	right:34px;
	margin-top:-9px;
	width:20px;
}
.mailbox .status{width:20px;}
.mailbox .status.new{ background:url('/pics/icons/email.png') no-repeat 0 50%;}
.mailbox .status.old{ background:url('/pics/icons/email_open.png') no-repeat 0 50%;}
.inbox .status.old:hover, .inbox .status.old:focus{	background:url('/pics/icons/email.png') no-repeat 0 50%;}

/* //////////////////////////////////////
	Forums table
////////////////////////////////////// */
.bsup, .bsright, .bsdown, .bsleft {
	border-color:#333;
}
.bsup {
	border-top-width:1px;
	border-top-style:solid;
}
.bsdown {
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.bsright {
	border-right-width:1px;
	border-right-style:solid;
}
.bsleft {
	border-left-width:1px;
	border-left-style:solid;
}
td.bsdown div{
	padding-left:20px;
	max-width:830px;
}
/* //////////////////////////////////////
	Tribe page
////////////////////////////////////// */
#start-now-button a {
	margin:0 auto;
	display:block;
	width:180px;
	height:36px;
	overflow:hidden;
	background:url('/pics/button-start-now.png') 0 0 no-repeat;
}
#start-now-button a:hover, #start-now-button a:focus {
	background:url('/pics/button-start-now.png') 0 -36px no-repeat;
}
#start-now-button a:active {
	background:url('/pics/button-start-now.png') 0 -72px no-repeat;
}
#start-now-button span {
	visibility:hidden;
}
/* //////////////////////////////////////
	Alliance page
////////////////////////////////////// */
/*.allianceselect td, .allianceselect caption{
	text-align:center;
	width:185px;
	white-space:nowrap;
}
.allianceselect img{
	vertical-align:middle;
	padding: 0 3px;
}*/
.navigable {
	position:relative;
}
.navigable > a {
	display:inline;
	width:32px;
	position:absolute;
	right:0;
}
.navigable > a:first-child {
	left:0;
}
/* //////////////////////////////////////
	Archives page
////////////////////////////////////// */
.myResult table.big{
	width:100%;
	padding:0;
}
/* //////////////////////////////////////
	Tracker specific
////////////////////////////////////// */
.tracker.list .title{
	max-width:170px;
	overflow:hidden;
}
.tracker.list .title:hover, .tracker.list .title:focus{
	overflow:visible;
}
.tracker.read .title,.tracker.read dd{
	display:inline-block;
	padding-right:20px;
	min-width:20px;
	min-height:12px;
}
.tracker > h2{
	margin-left:20px;
	margin-bottom:5px;
}
.tracker h3, .tracker .edit{
	display:inline-block;
	margin:0 0 8px 0!important;
}
.tracker.read .title input{
	min-width:440px;
}
.tracker.editable .category,
.tracker.editable .urgency,
.tracker.editable .status,
.tracker.editable .assigned,
.tracker.read.editable .title,
.tracker.read .mine.title{
	cursor:pointer;
}
.tracker.editable .category:hover,
.tracker.editable .urgency:hover,
.tracker.editable .status:hover,
.tracker.editable .assigned:hover,
.tracker.read.editable .title:hover,
.tracker.read .mine.title:hover{
	background:url('/pics/icons/pencil.png') right no-repeat;
	background-color:rgba(255,255,255,0.3);
}
.tracker img.finished{
	cursor:pointer;
}
.tracker .big.center.clear{
	position:relative;
}
.tracker .tools{
	position:absolute; right:0;
}
.tracker .tools:hover{
	z-index:999;
}
.tracker.read .tools p{
	display:none;
}
.tracker .tools:hover p, .tracker .tools:focus p{
	display:block;
}
.tracker a.reportcontent{
	height:auto;
}
/* //////////////////////////////////////
	Registration page
////////////////////////////////////// */
#alliance fieldset ul{
	list-style:none;
	padding:0;
}
/* //////////////////////////////////////
	Frontpage various
	STILL A MESS
////////////////////////////////////// */
#a2apage_BROWSER { display:none !important; }
li.share-bookmark {
	width:140px;
	float:right;
	text-align:right;
}
li.share-bookmark a {
	width:130px;
	padding:0.5em 10px 0 0;
	height:1.5em;
}
input.login,input.password{
	font-weight:bold;
	width:80px;
}
label.hidden {
	display:none;
}
input.login {
	background:url('/pics/login-sprite.png') 0 0 no-repeat;
}
input.password {
	background:url('/pics/login-sprite.png') 0 -21px no-repeat;
}
header h1.front-page {
	left:319px;
}
#feature {
	width:720px;
	margin:15px auto 0 auto;
	height:110px;
}
#feature #teaser {
	width:50%;
	float:right;
}
#feature #login {
	width:50%;
	float:left;
}
div.row {
	text-align:center;
	margin:0 auto;
	clear:both;
	padding-top:10px !important;
	padding-top:5px;
}
div.row span.label {
	float:left;
	width:250px;
	text-align:right;
}
div.row span.formw {
	float:right;
	width:320px;
	text-align:left;
}
div.row fieldset {
	border:1px solid #666;
}
/* //////////////////////////////////////
	Columns layouting
	DEPRECATED - remove in html
////////////////////////////////////// */
div.columns {
	position:relative;
}
div.columns div.firstcol {
	width:50%;
}
div.columns div.secondcol {
	width:50%;
	position:absolute;
	top:0;
	right:0;
}
div.columns h3 {
	margin-top:0;
}
.leftcolumn{
	margin-left:50px;
	float:left;
}
.rightcolumn{
	margin-right:50px;
	float:right;
}
.rightcolumn.medium ,.leftcolumn.medium{
	max-width:40%;
}
/* //////////////////////////////////////
	Stuff to clean out
////////////////////////////////////// */
.reportcontent{
	display:none;
}
.noshow {
	display:none;
}
img.floatleft{
	margin-right:10px;
}
img.floatright{
	margin-left:10px;
}
.rightLink{
	margin:0 auto;
	padding-bottom:2px;
	text-align:right;
}
.clear hr {
	display:none;
}
.center h2,
.center h3 {
	margin:10px 0;
}
.floater{
	float:left;
	width:100%;
}
.floatbox{
	float:left;
	margin:10px;
}
.round,.holder{
	-moz-border-radius:3px;
	border-radius:3px;
}
a:visited.forum, .icon-list a[href*="/forums/"]:visited {
	font-weight:normal;
}
.expand{
	width:100%;
	height:100%;
	display:block;
}
.auto{
	width:auto;
	height:auto;
}
/* Following 2 does not work in IE7 and less. But sure is the best way to do this.*/
#menu > ul > li > a:after {
	content:url('/pics/asc.gif');
}
a[target="_blank"]:after,.newWindowLink:after,.jsNewWindowLink:after {
	content:url('/pics/new-window.gif')!important;
	padding-left:5px;
}
header a img{
	-webkit-transition:background-color 1s;
	-moz-transition:background-color 1s;
	-o-transition:background-color 1s;
	transition:background-color 1s;
	-webkit-transition:outline-color 0.5s;
	-moz-transition:outline-color 0.5s;
	-o-transition:outline-color 0.5s;
	transition:outline-color 0.5s;
	outline:rgba(225,255,255,0) groove 2px;
}
header a img:hover, header a img:focus{
	outline:rgba(225,255,255,0.3) groove 2px;
	background-color:rgba(225,255,255,0.1);
}
/* //////////////////////////////////////
	Filetype & url identifiers
////////////////////////////////////// */
a[href $= '.jpg'],
a[href $= '.jpeg'],
a[href $= '.gif'],
a[href $= '.png'],
a[href $= '.bmp'],
a[href $= '.pdf'],
a[href $= '.doc'],
a[href $= '.docx'],
a[href $= '.xls'],
a[href $= '.xlsx'],
a[href $= '.zip'],
a[href $= '.rar'],
a[href $= '.txt'],
a[href $= '.exe'],
a[href $= '.msi']{
	padding-right:16px;
	margin-right:3px;
	-webkit-background-size:14px;
	-khtml-background-size:14px;
	-moz-background-size:14px;
	background-size:14px;
}
a[href $= '.jpg']:hover,
a[href $= '.jpeg']:hover,
a[href $= '.gif']:hover,
a[href $= '.png']:hover,
a[href $= '.bmp']:hover{
	background:url(/pics/icons/picture.png) no-repeat right top;
}
a[href $= '.pdf']:hover{
	background:url(/pics/icons/page_white_acrobat.png) no-repeat right top;
}
a[href $= '.doc']:hover,
a[href $= '.docx']:hover{
	background:url(/pics/icons/page_word.png) no-repeat right top;
}
a[href $= '.xls']:hover,
a[href $= '.xlsx']:hover{
	background:url(/pics/icons/page_excel.png) no-repeat right top;
}
a[href $= '.zip']:hover,
a[href $= '.rar']:hover{
	background:url(/pics/icons/compress.png) no-repeat right top;
}
a[href $= '.txt']:hover{
	background:url(/pics/icons/script.png) no-repeat right top;
}
a[href $= '.exe'],
a[href $= '.msi']{
	color:orange;
}
a[href $= '.exe']:hover,
a[href $= '.msi']:hover{
	background:url(/pics/icons/exclamation.png) no-repeat right top;
	color:red;
}
/*
a[href ^= 'http']:not([href *= 'alliancesatwar.com']):not([href *= 'phpsupport.se']){
	text-decoration:underline!important;
	padding-bottom:1px!important;
	border-bottom:1px solid #EDA;
	font-weight:normal!important;
}*/
#chatbox{
	width:450px;
	position:fixed!important;
	z-index:101;
	top:30px;
	left:10px;
	display:none;
	-webkit-box-shadow:0 0 10px black;
	-moz-box-shadow:0 0 10px black;
	box-shadow:0 0 10px black;
}
#chatbox p{
	line-height:18px;
}
#chatbox .button,#chatbox textarea, #chatbox .results{
	-webkit-transition:0.8s background-color,0.2s color;
	-o-transition:0.8s background-color,0.2s color;
	-moz-transition:0.8s background-color,0.2s color;
	transition:0.8s background-color,0.2s color;
}
#chatbox *{
	margin:0;
}
#chatbox header{
	background-color:rgb(30, 30, 30);
	height:18px;
	padding:2px;
	cursor:move;
	-moz-border-radius-topright: 3px 3px 0 0;
	border-top-right-radius: 3px 3px 0 0;
}
#chatbox header ul{
	height:18px;
	float:right;
	cursor:default;
	overflow:hidden;
	padding:0;
}
#chatbox header li{
	padding:2px;
	list-style: none;
	cursor:pointer;
	float:right;
}
#chatbox header li img{
	opacity:0.8;
}
#chatbox header li:hover img{
	opacity:1;
}
#chatbox .channels{
	background-color:rgb(30, 30, 30);
	overflow:hidden;
	display:block;
	clear:both;
	padding:0;
}
#chatbox .channels li{
	float:left;
	margin:4px;
	list-style: none;
}
#chatbox .channels li a{
	padding:1px 6px 1px 3px;
	background-color:rgba(0,0,0,0);
	border:thin solid #aaa;
	border:thin solid rgba(255,255,255,0.2);
	cursor:pointer;
	color:#EDA;
	text-decoration: none;
	-moz-border-radius:3px;
	border-radius:3px;
}
#chatbox .channels a.active{
	border-color:white;
	background-color:#666;
	color:white;
}
#chatbox .channels a.new{
	background-color:#8FD600;
	color:white;
}
#chatbox .channels a:hover{
	color:white;
	background:orange;
}
#chatbox .results{
	background-color:#eee;
	line-height:18px;
	padding:4px;
	border:1px solid gray;
	height:300px;
	border-bottom:0;
	overflow:auto;
}
#chatbox .results:hover{
	background-color:white;
}
#chatbox .results section:nth-last-of-type(n+2){
	border-bottom:thin rgba(200,200,200,0.3) solid;
	padding-bottom:5px;
	margin-bottom:5px;
}
#chatbox .results h4:hover,#chatbox .results h4:hover + section,#chatbox .results section p:hover{
	background-color:#eee;
	color:black;
}
#chatbox .results h4{
	font-size:0.9em;
	font-weight:bolder;
	color:gray;
}
#chatbox .results time {
	padding:0 4px;
	line-height: 0;/*Has no effect on display, just a fix for scrolltop*/
}
#chatbox .results p{
	padding-left:10px;
	color:#222;
}
#chatbox .results p:before {
	content: "* " ;
	display: inline;
	color:#ccc;
}
#chatbox .results .notice{
	color:green;
}
#chatbox textarea{
	display:block;
	background-color:#eee;
	min-height:60px;
	line-height:18px;
	border:1px solid gray;
	padding:4px;
	resize:none;
}
#chatbox textarea:focus{
	padding:3px;
	outline:none;
	border:2px solid orange;
	background-color:white;
}
#chatbox .button{
	display:block;
	background-color:rgb(30, 30, 30);
	cursor:pointer;
	text-align:center;
	padding:5px 0;
	color:white!important;
	text-decoration:none;
	font-weight:bold;
	height:15px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
#chatbox .button:hover{
	background:orange;
}
#chatbox .ui-resizable-handle{
	background:url('/pics/diagonal.png');
	cursor:nw-resize;
	width:10px;
	height:10px;
	position:absolute;
	right:0;
	bottom:0;
}
#chatbox .results a{
	font-weight:normal;
	color:black;
}
#chatbox .results a{
	text-decoration:underline;
}
#chatbox .results a:hover{
	color:#2E76B2;
}
#chatmenu{
	position:relative;
}
#balloon{
	position:absolute;
	bottom:30px;
	right:35px;
	min-width:300px;
	min-height:50px;
	background:rgb(30, 30, 30);
	border:solid thin black;
	display:none;
	padding:2px;
	color:#EDA;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 0 10px black;
	-moz-box-shadow:  0 0 10px black;
	box-shadow:  0 0 10px black;
	text-align:left;
}
#balloon:after {
	border-width: 12px 5px;
	border-style: solid;
	border-color: rgb(30, 30, 30) transparent transparent transparent;
	content: " ";
	position: absolute;
	display:block;
	bottom: -24px;
	right: 10px;
}
#balloon p{
	color:white;
	position:relative;
	font: 11px/11px sans-serif;
	margin: 0 0 5px;
}