/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
body
{
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	margin: 0;
	padding: 0;
	background: #404040 url("/img/war/layout/body_bg.jpg") center top no-repeat;
}

#header
{
	width: 975px;
	height: 62px;
	padding: 0;
	margin: 0 auto;
	background: url( "/img/war/layout/bg-header.png" );
	position:	relative;
}

#logo
{
	width:		340px;
	height:		56px;
	position:	absolute;
	top:		5px;
	left:		12px;
}

#container
{
	width: 935px;
	margin: 0 auto;
	padding: 5px 20px;
	background: url( "/img/war/layout/bg.jpg" ) repeat-y;
	color: #555;
	min-height: 700px;
}

#footer
{
	width: 975px;
	height: 41px;
	color: #aaaaaa;
	font-size: 0.8em;
	text-align: center;
	padding: 2px 0;
	margin: 0 auto;
	background: url( "/img/war/layout/bg-footer.png" );
}

#footer .contact
{
	margin: 1px auto;
	width: 946px;
	text-align: right;
}
	
h1, h2, h3, h4, h5, h6 
{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
}

h1 
{
	color:#2C2A38;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight:bold;
}

h2 
{
	color:#898C98;
	font-size:1.2em;
	font-weight:bold;
}

img
{
	vertical-align: middle;
}

a
{
	color: #008ec8;
	text-decoration: none;
}

a img
{
	border: none;
}
 

a:hover 
{
	text-decoration: underline;
}

a.selected, a.selected:hover
{
	text-decoration : none;
	color: #000000;
}

label
{
	font-weight:bold;
	float: left;
	overflow: hidden;
	width: 120px;
	text-align: left;
}

.left
{
	float: left;
}

.justified
{
	text-align: justify;
}

.breaker 
{
	clear: both;
}


.ad
{
	width: 300px;
	/*border: 1px solid #cccccc;*/
	float: right;
	padding: 0 0 5px 0;
}

.ban_ad
{
	margin: 5px auto;
	padding: 0;
	width: 728px;
	height: 90px;
}

.control
{
	float: left;
	/*height: 200px;*/
	width: 620px;
	margin: 0 0 5px 0;
}

.box
{
	background:#F7F7F7 none repeat scroll 0 0;
	margin-top: 8px;
}


.headbox
{
	background:#005a7c url(/img/war/layout/bg-headerbox.png) no-repeat;
	color: #ffffff;
	padding: 4px 15px 10px 95px;
	height: 76px;
	text-align: justify;
	font-family: Verdana;
	margin-bottom: 8px;
}

.headbox a
{
	color:#54ceff;
}

.box ul.label, .box .stuff 
{
	border-style:solid;
	border-width:1px;
}

.box ul.label
{
	background:#075d80 url(/img/war/layout/box-bg.png) repeat-x scroll 0 0;
	border-bottom:0 none #076386;
	border-color:#076386;
	color:#FFFFFF;
	line-height:1.80em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	min-height:1.92em;
	padding:0 4px 0 8px;
}

.box .label li.title
{
	float:left;
	font-weight: bold;
}

.box .label li 
{
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

.box .label li.tab.selected
{
	float:left;
	font-weight: bold;
	width: 130px;
	text-align: center;
	background: url( /img/war/layout/stab.png );
	line-height: 1.90em;
}

.box .label li.tab
{
	float:left;
	font-weight: bold;
	width: 130px;
	text-align: center;
	background: url( /img/war/layout/tab.png );	
	/*line-height: 1.90em;*/
}

.box .label li.tab a
{
	color: #dddddd;
	font-weight:normal;
}

.box .label li.tab a:hover
{
	color: #ffffff;
}

.box .label li.tab.selected a
{
	color: #005A7C;
	font-weight:bold;
}

.box .stuff 
{
	border-color:#CCCCCC;
	border-top-width:0;
	font-size:10px;
	padding:5px;
	
	height: 100%;
}

 .box.control .stuff
{
	height: 168px;
}

.stuff .title
{
	float: left;
	/*width: 490px;*/
}	


.buttons
{
	/*background:#F7F7F7 none repeat scroll 0 0;*/
	height: 28px;
	margin: 2px 0 6px 0;
}

.buttons div
{
	text-decoration : none;
	cursor: pointer;
	float: left;
	height: 28px;
	margin-right: 5px;
}
	

#btnRealmstats
{
	background: url("/img/buttons/realmstats.png") 0 -28px;
	width: 95px;
}
#btnRealmstats:hover
{
	background: url("/img/buttons/realmstats.png");
}

#btnCbuilder
{
	background: url("/img/buttons/cbuilder.png") 0 -28px;
	width: 120px;
}

#btnCbuilder:hover
{
	background: url("/img/buttons/cbuilder.png");
}

#btnRbuilder
{
	background: url("/img/buttons/rbuilder.png") 0 -28px;
	width: 120px;
}

#btnRbuilder:hover
{
	background: url("/img/buttons/rbuilder.png");
}

#btnTwitter
{
	background: url("/img/buttons/twitter.png") 0 -28px;
	width: 87px;
}

#btnTwitter:hover
{
	background: url("/img/buttons/twitter.png");
}


.warning
{
	margin: 0 0 5px 0;
	padding: 3px 5px 3px 55px;
	height: 45px;
	border: 1px solid #c6600b;
	color: #ffffff;
	font-weight: bold;
	text-align: justify;
	background: #ffb300 url(/img/icons/help.png) center left no-repeat;
}

.last_update
{
	width: 100%;
	text-align: right;	
	font-size: 0.8em;
	font-style: italic ;
}

.asterisk
{
	font-size: 0.8em;
}
	
.war-side-1, .war-side-2, .war-side-3
{
	background:transparent url(/img/war/bg_quest_side.png) no-repeat scroll 0 2px;
	display:block;
	height:18px;
	min-height: 18px;
	margin:0 auto;
	padding: 0;
	width:14px;
}

.war-side-1
{
	background-position:-15px 2px;
}

.war-side-3
{
	background-position: 15px 2px;
}
.so_number
{
	text-align: right;
}
.so_center
{
	text-align: center;
}

.upper
{
	position: relative;
	top: -4px;
	font-size: 9px;
}

.upper.negative
{
	color: #ff0000;
}

.upper.positive
{
	color: #009900;
}


/** Détails **/
.logoFaction
{
	float: left;
}
.logoFaction img
{
	border: 1px solid #cccccc;
	padding: 2px;
	margin: 0 5px;
}

.guildName
{
	font-size: 	16px;
	margin:		0 0 10px 0;
}

.guildName .input
{
	font-weight: bold;
}

.guildInfos, .guildStats
{
	float: 		left;
	font-size: 	12px;
	margin:		0 0 10px 0;
	width:		490px;
}

.guildInfos ol
{
	margin: 0;
	padding:	0 0 0 20px;
}


.class_icon
{
	background : transparent;
	width: 20px;
	height: 20px;
	padding: 1px;
	border: 1px solid #999999;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	float: left;
}

.class_name
{
	line-height: 24px;
	margin: 0 0 0 30px;
}

.class_icon img
{
	background: #000000;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

img.selected
{
	margin: 2px 0;
	padding: 1px;
	border: solid 2px #0dabeb;
}

.slide
{
	height:		300px;
	overflow:	auto;
}