/* GENERIC */

body, html {
	font-size:smaller;
	margin: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
	color:#CCCCCC;
	background-color: black;
    /*
	background-image: url('../img/general/back.png');
	
    background-color: #1D0B11;
    background-attachment: fixed;
    background-position: bottom center;
    background-repeat: no-repeat;
    */
}

a{  
	color: #8C4B12;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:normal;
}

a.SkinObject:link {
    text-decoration:underline;
    color:#FF6600;
}

a.SkinObject:visited  {
    text-decoration:underline;
    color:#FF6600;
}

a.SkinObject:active   {
    text-decoration:underline;
    color:#FF6600;
}

a.SkinObject:hover    {
    text-decoration:underline;
    color: #FF6600;
}

label {
	width: 120px;
	display: block;
	float: left;
}

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

input { 
	/*color:white;
	background-color:black;
	border-width:1px;
	border-color:white;
    */
    color: black;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:normal;
}

select {
    /*
	color:white;
	background-color:black;
	border-width:1px;
	border-color:white;
    */
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:normal;
}


H1  {
    font-family: Arial, Helvetica, Tahoma;
    font-size:  18px;
    font-weight: bold;
    color: #CCCCCC;
}

H2  {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  16px;
    font-weight: bold;
    color:#547394;
}

H3  {
    font-family: Arial, Tahoma, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #DDDDDD;
    padding: 0px;
    margin: 5px 0px;
}

H3.subtitle{    
	font-style: italic;
	color: #CCCCCC;	
}

H4  {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  12px;
    font-weight:  normal;
    color: #DDDDDD;
}

H5 {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #DDDDDD;
}

H6  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:normal;
    color: #DDDDDD;
}

#footer-wrapper{
	clear: both;
}

p.note{
    font-style:italic;
    font-size: 8pt;
}

/* ======================================
			MAIN LAYOUT
====================================== */
#maincontainer{
	width:948px;
    background-color:black;
}

#bodycontainer{
	margin-top:6px;
	width:877px;
	float: right;
	border-width: 0px;
}

div.divmenu{
	padding-left:5px;
	padding-top:0px;
	height:28px;
}


div.areaTitle{
	background-image:url('../img/general/AreaTitle.png');
    background-repeat: repeat-x;
	height:32px;
    padding-top: 3px;
    border: solid 1px #7C3C19;
    border-bottom:none;
	text-align: center;
}

div.areaBody{
    border: solid 1px #7C3C19;
    border-top:none;
    padding: 5px;
}

div.actionContainer{
	width: 874px;
	position: relative;
	border:solid 1px #7C3C19;
}

td.lDados{
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


/* ======================================
			TABELAS
====================================== */ 
th.subtitle{
	font-weight: bold;
	font-style: italic;
	color: #CCCCCC;
	/*background-color: #333333;*/
    background-color: #1D0B11;
	height: 25px;
	text-align: center;
 	vertical-align: middle;
    border-top: solid 1px #7C3C19;
}

td.areaBody{
}

td.areaBodyLbl{
	text-align: left;
	padding: 5px;
    border-top: solid 1px #7C3C19;
}

td.areaBodyVal{
	text-align: center;
	padding: 5px;
    border-top: solid 1px #7C3C19;
}

td.areaBodyValbase{
	color: #547394; /*#7C3C19;*/
    font-weight: bold;
}

span.subtitle{
	font-weight: bold;
	font-style: italic;
	color: #CCCCCC;
    text-align: left;
}

/* ======================================
			TIMER 
====================================== */
ul.time {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	}

li.time {
    height: 20px;
	margin:2px 2px 0 0;
    padding-top:35px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image:url(../img/general/TimeUpg.gif);
	font-size:12px;
	font-weight:bold;
	}

span.time{
    height: 20px;
	margin:2px 2px 0 0;
    font-size:12px;
	font-weight:bold;
}


/* ======================================
			ITENS
====================================== */
div.WeaponImg{
    float: left;
    border-color: white;
	border-style: outset;
	border-width: 1px;
	width: 70px;
	height: 70px;
    margin: 3px 0px 0px 3px;
    text-align: center;
}

div.WeaponImgNoBorder{
	height: 70px;
}

img.WeaponImg{
	padding: 19px 0px 0px 0px;
}

td.imgavatar{
	padding: 0px;
	}

td.textavatar{
	font-size: x-small;
	color: black;
}

span.ItemTitle{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color: #A93F18;
}

span.ItemSubTitle{
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	color: #A93F18;
}

span.ItemSubTitleW{
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}

span.ItemValue{
	font-weight:bold;
	font-size: small;
	color: #547394;
	padding-right: 10px;
}

li.ItemValue{
	text-indent:15px;
	font-size: small;
	list-style-type:none;
	padding-right: 15px;
}




/* ======================================
        RECURSOS Disposicao Horizontal
====================================== */
ul.recursosH {
    list-style: none;
	padding: 0px;
	width:100%;
	height:100%;
	margin-top: 5px;
	margin-left: 0px;
    text-align: center;
}

ul.recursosH li {
    float: left;
    width: 40px;
	height: 20px;
    background-repeat:no-repeat;
	background-position: top left;
    padding: 30px 0px 0px 0px;
    margin: 0px;
}

/* ======================================
			RECURSOS
====================================== */
li.recurso {
	width: 30px;
	height: 25px;

    list-style: none;
	background-repeat:no-repeat;
	background-position: top right;
    padding-top: 5px;
	}

li.ouro {
	background-image:url(../img/Itens/Geral/_Base/Gold.png);    
	}
li.madeira {
	background-image:url(../img/Itens/Geral/_Base/Wood.png);
	}
li.pedra {
	background-image:url(../img/Itens/Geral/_Base/Stone.png);
	}
li.ferro {
	background-image:url(../img/Itens/Geral/_Base/Iron.png);
	}
li.comida {
	background-image:url(../img/Itens/Geral/_Base/Food.png);
	}
li.pele {
	background-image:url(../img/Itens/Geral/_Base/Leather.png);
	}

li.tempo {
	background-image: url(../img/general/Time.png);
	}