/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 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/aion/layout/body_bg.jpg") center top no-repeat;
}

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

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

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

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

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;
}

h3
{
	background: #36a1cb;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

p
{
	font-size: 12px;
	text-align: justify;
	margin: 0;
}

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: 0 auto 8px;
	padding: 0;
	width: 728px;
	height: 90px;
}

.action
{
	font-size: 12px;
	text-align:right;
	font-weight: bold;
	font-family: "Arial";
	margin: 3px 0 0;
}

.control
{
	float: left;
	width: 620px;
}

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

.box.semi1
{
	float: left;
	width: 360px;
}

.box.semi2
{
	float: right;
	width: 250px;
}

.headbox
{
	background:#005a7c url(/img/aion/layout/bg-headerbox3.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/aion/layout/box-bg.png) repeat-x scroll 0 0;
	border-bottom:0 none #076386;
	border-color:#076386;
	color:#FFFFFF;
	line-height:22px;
	height:22px;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	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/aion/layout/stab.png );
	line-height: 1.90em;
}

.box .label li.tab
{
	float:left;
	font-weight: bold;
	width: 130px;
	text-align: center;
	background: url( /img/aion/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:#666666;
	border-top-width:0;
	font-size:10px;
	padding:5px;
	height: 100%;
}

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

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

.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;
}
	
.aion-side-1, .aion-side-2 
{
	background:url("/img/aion/sides.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:18px;
	margin:0 auto;
	min-height:18px;
	padding:0;
	width:18px;
}	
	
.aion-side-2
{
	background-position:-18px 0;
}

.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;
}

.guild
{
	float:left;
	width:555px;
}

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

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

.guildInfos, .guildStats
{
	float: 		left;
	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_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;
}

.add_your_guild
{
	background: url( "/img/aion/add_your_legion.jpg" );
	border: 1px solid #cccccc;
	float: right;
	width: 200px;
}

/******************/
/* Roster summary */
/******************/

.class_summary
{
	background : #ffffff;
	border: 1px solid #cccccc;
	float: left;
	padding: 2px
}

.class_archetype
{
	width: 150px;
	float: left;
}

.class_archetype small
{
	font-size: 8px;
	color: #444444;
	font-style: italic;
}
.class_name
{
	line-height: 20px;
}

/*********************/
/* Forms             */
/*********************/
form
{
	margin: 5px 0;
	padding: 5px;
	background : #ffffff;
	border: 1px solid #cccccc;
}

form .input
{
	margin: 0 0 5px 0;
}

.input input
{
	border: 1px solid #7f9db9;
	width: 118px;
}

.input select
{
	width: 120px;
}


form .submit
{
	padding: 10px 0 2px 120px;
}

/** Erreurs **/
form .error-message
{
	margin: 0 0 10px 120px;
	color: #ff0000;
	font-weight: bold;
}

form .form-error, .radio.required.error
{
	border: 1px solid #ff0000 !important;
	float:left;
	margin:0 5px 0 0;	
}
/*******************/
/* Aionstatus      */
/*******************/
#aionstatus
{
	float: left;
}

.aionstatus
{
	padding-left: 25px;
}

.aionstatus.online
{
	background: url( '/img/status/online.png' ) left center no-repeat; 
}
 
.aionstatus.offline
{
	background: url( '/img/status/offline.png' ) left center no-repeat; 
}

.aionstatus.timeout
{
	background: url( '/img/status/timeout.png' ) left center no-repeat; 
}