//**********************
Skin of StarsQuest
Based on 2Moons
Redesigned by CitrusGame
**********************//


/*General Design*/
html, body {
	min-height:100%;
	min-width:100%;
    margin: 0;
    padding: 0;
	
}

body {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 12px;
	color: #CAF380;
	/* background-image: url(images/background.jpg); */
	background-attachment: fixed;
	background-color: #5A6450;
}

body.popup {
	min-width:0px;
}

body,input,button,select,textarea,a,td,th,tr,table,button {
	font-family:Verdana;
	font-size:10px;
	color: #CAF380;
	
}

a:focus {
	outline:none
}

button:hover {
	cursor:pointer;
}

table,td,th {
	empty-cells:show
}

table table,img {
	border:0
}

table {
	margin:0 auto
}
td {
	padding-left:3px;
	padding-right:3px;
}

input,button {
	margin:2px;
}

th input {
	margin:0
}

th {
	height: 14px;
	padding:4px 6px;
}

textarea {
	width:100%
}

.res_max,.res_current,.res_current_max {
	min-width:90px
}

.res_name {
	float:none;
}

.table519{
	min-width:100% !important;
	//width:100% !important
}

.table569{
	min-width:100% !important;
	width:100% !important
}

.build_submit {
    max-width: 100px;
	padding:0;
    word-wrap: break-word;
	white-space: normal;
}

.build_form {
	display:inline;
}

.onlist {
    max-width: 100%;
}

.onlist:hover {
	text-decoration:underline;
}

.shoutcut-edit {
	display:none;
}

.clear {
	clear:both;
}


/** HEADER **/
#header {
	padding:5px 10px;
	margin-left:10px;
	margin-right:10px;
	height:90px;
	min-width:915px;
}

#planetselect {
	float:left;
	width:215px;
}

#planetselect select{
	float:left;
	height:16px;
	margin:37px 10px;
	width:145px;
}

#planetselect img{
	float:left;
	width:50px;
	height:50px;
	margin:20px 0;
}

#resourcesdiv{
	height:90px;
	text-align:center;
	margin:0;
}

#resourcestable{
	height:85px;
	width:700px;
	margin:0 auto;
    padding:5px 0 0;
	list-style:none;
}

.ie8 #resourcesdiv {
	margin:0 215px 0 215px;
}

.resourceinfo{
	margin:0 5px;
	padding:0;
	float:left;
	width:130px;
}

#resourcesdiv p{
	margin:0;
}

#resourcesdiv img {
    display: block;
    height: 22px;
    margin: 0 auto;
    width: 42px;
}


/** MENU **/

#leftmenu {
	width:200px;
	float:left;
	background:transparent;
}

#menu {
	list-style:none;
	margin:0;
	padding:0;
}

#menu li {
	margin:0;
	padding:0;
}

#menu a {
	display:block;
	margin:0;
	padding:4px 20px;
}

.menu-head {
	height:78px;
}

.menucat1-head, .menucat2-head, .menucat3-head, .menu-footer{
	height:30px;
}


/* PLANETMENU */

#planet_menu {
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:3;
	display: none;
}

#planet_menu_link {
	padding-top:1px;
}

#planet_menu_header{
	height:14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-right:10px;
	padding-left:10px;
}

#planet_menu_content{
	height:90px;
	overflow:auto;
}

#planet_menu_content img {
	height:35px;
	width:35px;
}

#planet_menu_content ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#planet_menu_content li {
	height:80px;
	width:80px;
	float:left;
	padding:5px;
}

#options select {
	max-width:170px;
}


/* CONTENT */

#page {
	margin-left:200px;
	padding:0;
}

#content {
	margin:0px 0px 0 ;
	padding:0px 0px 5px 0px;
	padding-left:10px;
	padding-right:10px;
}

#content > table, form > table {
	max-width:100%;
	min-width:100%;
	width:100%
}

#content > input {
	max-width:100%;
	min-width:100%;
	width:100%
}

#content > submit {
	max-width:100%;
	min-width:100%;
	width:100%
}

.left{
	text-align:left
}

.right{
	text-align:right
}

.top{
	vertical-align:top
}

.tooltip, .tooltip_sticky {
	cursor: pointer;
}

div#trader {
	margin:14px auto;
	height:55px;
	width:330px;
}

div#trader + div {
	clear:both;
}

.trader_col {
	margin:0 5px;
	float:left;
	width:100px;
}

.tip {
	display:none;
	padding:7px;
	position:absolute;
	z-index:1000;
	max-width: 500px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ui-widget, .ui-widget td{
	font-family:Verdana;
	font-size:10px
}

.ui-progressbar {
	height: 30px;
}

.ui-progressbar-value {
	margin:0.
}
.b_button{font-weight:700}
.u_button{text-decoration:underline}
.s_button{text-decoration:line-through}
.i_button{font-style:italic}
.btn{background:transparent url(../images/buttons.gif) no-repeat scroll 0 0;width:20px;height:20px;margin-right:5px;display:inline-block}
.bold{background-position:0 0}
.bold:hover{background-position:0 -25px}
.italic{background-position:-25px 0}
.italic:hover{background-position:-25px -25px}
.underline{background-position:-50px 0}
.underline:hover{background-position:-50px -25px}
.link{background-position:-75px 0}
.link:hover{background-position:-75px -25px}
.quote{background-position:-100px 0}
.quote:hover{background-position:-100px -25px}
.code{background-position:-125px 0}
.code:hover{background-position:-125px -25px}
.image{background-position:-150px 0}
.image:hover{background-position:-150px -25px}
.nlist{background-position:-175px 0}
.nlist:hover{background-position:-175px -25px}
.blist{background-position:-200px 0}
.blist:hover{background-position:-200px -25px}
.litem{background-position:-225px 0}
.litem:hover{background-position:-225px -25px}
.back{background-position:-250px 0}
.back:hover{background-position:-250px -25px}
.back_disable{background-position:-250px -50px}
.forward{background-position:-275px 0}
.forward:hover{background-position:-275px -25px}
.forward_disable{background-position:-275px -50px}
.usize{background-position:-300px 0}
.usize:hover{background-position:-300px -25px}
.dsize{background-position:-325px 0}
.dsize:hover{background-position:-325px -25px}


@media screen and (max-width: 1380px) {
	#resourcesdiv {
		margin:0 215px 0 215px;
	}
}
@media screen and (max-width: 1165px) {
	body {
		min-width: 0;
	}
	
	#resourcestable {
		width: 550px;
	}
		
	#header {
		min-width:765px;
	}
	
	.resourceinfo {
		width: 100px;
	}
}

.red_color { color:red; }

.button {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-top:2px solid #AAAAAA;
	border-left:2px solid #AAAAAA;
	border-right:2px solid #444444;
	border-bottom:2px solid #444444;
	color: yellow;
	background-color: rgba(12,10,10,0.5);
}
.button :hover{
	font-weight: bold;
	padding-left0: 10px;
	padding-right0: 10px;
	border-top:2px solid #AAAAAA;
	border-left:2px solid #AAAAAA;
	border-right:2px solid #444444;
	border-bottom:2px solid #444444;
	color: #fff;
	background-color: rgba(10,10,10,0.0);
}
.button:active {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-top:2px solid #444444;
	border-left:2px solid #444444;
	border-right:2px solid #AAAAAA;
	border-bottom:2px solid #AAAAAA;
	color: yellow;
	background-color: rgba(10,10,10,0.5);
}


/*--------------------------------  second part ----- */

a {
	text-decoration: none;
	color: yellow;
}
a:hover {
	color: yellow;
}
a:active, a:focus{
	outline: none;
}
hr{
	color: #B87E18;
	border: thin solid;
	border:3px solid #B87E18;
}
td{
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 12px;
}
table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img {
	border-width: 0px;
}
textarea{
	color: #B87E18;
	background-color: rgba(10,10,10,0.5);
}
input {
	color: #B87E18;
	background-color: rgba(10,10,10,1);
}


/*	Classes de Base	*/
.inlineblock {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.inlineblock :hover{
	/* display: inline-block; */
	margin-left: auto;
	margin-right: auto;
	background-color:transparent;
	color:#fff;
	
}
.w100 {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.w70 {
	width: 70%;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}
.w50 {
	width: 49%;
	vertical-align: top;
}
.w40 {
	width: 40%;
}
.w30 {
	width: 30%;
}
.w20 {
	width: 20%;
}
.w10 {
	width: 10%;
}
.w5 {
	width: 5%;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.line {
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 12px;
	font-weight: bold;
}
.line th {
	background-color: rgba(10,10,10,0.2);
	color:#ffe;
}
.line td {
	font-weight: bold;
	background-color: rgba(10,10,10,0.7);
}
.line:nth-child(odd) td {
	background-color: rgba(10,10,10,0.7);
}
.line td a {
	color: #000;
	background-color: rgba(10,10,10,0.7);
}
.line td a:hover {
	color: #000;
	text-decoration: underline;
}
.button {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-top:2px solid #AAAAAA;
	border-left:2px solid #AAAAAA;
	border-right:2px solid #444444;
	border-bottom:2px solid #444444;
	color: #B87E18;
	background-color: rgba(10,10,10,0.5);
	cursor:pointer;
}
.button:active {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-top:2px solid #444444;
	border-left:2px solid #444444;
	border-right:2px solid #AAAAAA;
	border-bottom:2px solid #AAAAAA;
	color: #B87E18;
	background-color: rgba(10,10,10,0.5);
	
}

/*	ID	*/
#header {
	width: 100%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	/* text-align: center; */
}
#ban {
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
#menu {
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height:210px;
}
#footer {
	width: 100%;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}
#credit {
	width: 200px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	border: 1px dashed #B87E18;
}

#dev{
	color:yellow;
	text-shadow: 2px 2px 2px #B87E18;
	font-size:13px;
}

#entete{
	position: absolute;
	margin-left : 0px;
	margin-top: 0px;
	font-size:11px;
	color:#B87E18;
}

.user{
	color:#e1a255;
	font-weight:bolder;
}

#horloge, #date{
	color:#e1a255;
	text-shadow : 1px 2px 2px #e1a255;
	font-size : 13px;
}
.date{
	position: relative;
	text-align:center;
	margin-bottom:-15px;
}
#etat{
	position : relative;
	top:-40px;
}
#new{
	color:yellow;
}

.dateMAJ{
	font-weight:bolder;
	color:yellow;
	text-align:center;
}
.rangGras{
	color:#ae9;
	font-size:11px;
	font-weight:bold;
}
#DateMiseAjour{
	border:0px solid #B87E18;
	max-height:25px;
	max-width:30%;
	margin: 0 auto;
}
#hideShow{
	display: none;
}

option{
	color:#B87E18;
	background-color: #000;
	width:100%;
	font-weight:bold;
	border:1px solid #5A6450;
}
td.lien{
	color:yellow;
}
td.lien:hover{
	color:#B87E18;
	text-decoration:underline;
	font-weight:bolder;
	cursor:pointer;
}

.special{
	position:absolute;
	left:0;
	top:65px;
}
.tableApercu{
	width:60%;
	
}
.erreur{
	color:#ef0101;
	font-weight:bolder;
	margin-left:8px;
	font-size:15px;
}
.textShadow{
	text-shadow:2px 3px 3px #000;
}

table {

	box-shadow: 2px 2px 2px #333;
}
/*code pour la calculatrice des ressources */
.total{
	color:#e1a255;
	font-weight:bolder;
	font-size:11px;
}
.arrondi{
	border-radius:5px;	
}
.h30{
	height:30%;
}
.margeH{
	margin-bottom:5px;
}
.margeHor{
	margin-right:1%;
}
.fontMoyenne14{
	font-size:18px;
}
/*
	body{
			background-color:#5A6450;
			color:#fff;
			padding:5px;
		}
		p{
			margin-left:10px;
		}
		h1{
			color:yellow;
			font-size:21px;
		}
		
		.lien, .lien:link, .lien:active{
			background-color:yellow;
		}
		.lien:hover{
			background-color:gray;
		}
		#texte{
		
		}
	*/
/* Fin du code pour la calculatrice des ressources */

#volet_developpement{
	height: 8%;
	background-color: rgba(240,240,240,0.9);
	color:orange;
	font-weight:bold;
	border-top: 1px  solid orange;
	position: fixed;
	left:0;
	bottom:0;
}
#invisible{
	display:none;
}
.titre_bas{
	color:green;
	font-size: 12px;
}

.bordureDroite{
	border-right:2px solid #B87E18;

}

.calerDroite{
	margin-right:5%;
}
/* class de l'affichage de la date page admin */

.orange{
	color: orange;
}
.fondRouge{
	background-color: rgba(255,0,0,0.1);
}

.rougeBleu{
	color: rgba(200,198,145,1);
}
#jSupprimes{
	display: none;
}
#joueursSupprimes{
	cursor: pointer;
}
.flecheBas{
	position: relative;
	top: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#univers{
	position: absolute;
	right: 10px;
	top: 4px;
	color:#0ef3ec;
	font-size : 13px;
	font-weight: bold;
}

.logoPandora{
	width: 50px;
	height: 52px;
	float: left;
	align: center;
}