body {
	background: url(../Images/layout/body_bg.png) top left;
	font-family: Tahoma, sans-serif;
	color: #fff;
	text-align: left;
	size: 15px;
}

h1 {
	font-family: "Cooper Std Black", Tahoma, sans-serif;
	font-size: 130%;
	font-style: normal;
	color: #fff;
}

h2 {
	font-family: "Cooper Std Black", Tahoma, sans-serif;
	font-size: 120%;
	font-style: normal;
	color: #fff;
}

h3 {
	font-family: "Cooper Std Black", Tahoma, sans-serif;
	font-size: 110%;
	font-style: normal;
	color: #fff;
}

h4 {
	font-family: "Cooper Std Black", Tahoma, sans-serif;
	font-size: 100%;
	font-style: italic;
	color: #fff;
}

hr {
	color: #ccc;
}

a:link, 
a:visited {
	color: #fff;
	font-style: normal;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

/*div contenenti le varie aree della schermata di gioco*/

/* div sovrascritti dal css base */
#frameLeft{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 250px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	/*border: 1px solid red;*/
	
}

#mainContent{
	position: fixed; 
	top: 0px;
	bottom: 0px; /*Set bottom value to HeightOfBottomFrameDiv*/
	left: 251px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 251px; /*Set right value to WidthOfRightFrameDiv*/
	overflow: auto; 
	min-width: 480px;
}

.innertube {
	padding: 7px;
}

/* fine div sovrascritti dal css base*/

#frameRight {
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 250px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	/*border: 1px solid red;*/
}

#frameLeft a:link,
#frameRight a:link,
#frameLeft a:visited,
#frameRight a:visited {
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

#frameLeft a:hover,
#frameRight a:hover{
	color: #fff;
	font-style: normal;
	text-decoration: underline;
}

/* Inizio contenuto div mainContent*/

#logo {
	width: 100%;
	height: 100px;
	background: url(../Images/layout/logo_r1_c2.png) top left repeat-x;
	text-align: center;

}

/*#text {
	background-color: #000;
	position: absolute;
	top: 100px;
	bottom: 0px;
}*/

.text1 {
	background: url(../Images/layout/bloc_cx_r1_c2.png) top left repeat-x #000;
	position: absolute;
	top: 100px;
	left: 0px;
	right: 0px;
	height: 10px;
}

.text2 {
	background: url(../Images/layout/bloc_cx_r2_c1.png) top left repeat-y #000;
	position: absolute;
	top: 110px;
	left: 0px;
	right: 0px;
	bottom: 10px;
}

.text3 {
	background: url(../Images/layout/bloc_cx_r2_c4.png) top right repeat-y ;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	padding-bottom: 10px;
}

.text4 {
	background: url(../Images/layout/bloc_cx_r4_c2.png) bottom left repeat-x #000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 10px;
}

#area{ 
	padding: 0px 20px;
}

/* Fine contenuto div mainContent */

/* Inizio contenuto div frameRight */

#equip {
	width: 236px;
	height: 175px;
	background: url(../Images/layout/bloc_lat_r2_c1.png) top left repeat-y;
	margin-bottom: 7px;
}

#oggetti {
	width: 236px;
	background: url(../Images/layout/bloc_lat_r2_c1.png) top left repeat-y;
	margin-bottom: 7px;
	height: 100%;
}
/* Fine contenuto div frameRight */

/* Inizio contenuto div frameLeft */

#ctrl {
	width: 236px;
	background: url(../Images/layout/bloc_lat_r2_c1.png) top left repeat-y;
	margin-bottom: 7px;
	text-align: center;
}

#stats {
	width: 236px;
	background: url(../Images/layout/bloc_lat_r2_c1.png) top left repeat-y;
	margin-bottom: 7px;
	padding: 0px;
}

#schedule {
	width: 236px;
	background: url(../Images/layout/bloc_lat_r2_c1.png) top left repeat-y;
	margin-bottom: 7px;
	text-align: center;
}

/* Fine contenuto div frameLeft */

/* Inizio contenuti condivisi */

#equip h1,
#oggetti h1,
#stats h1,
#ctrl h1,
#schedule h1 {
	margin: 0px;
	padding: 15px 15px 5px 15px;
	background: url(../Images/layout/bloc_lat_r1_c1.png) top left no-repeat;
	text-align: left;
}

.block_end {
	background: url(../Images/layout/bloc_lat_r4_c1.png) top left no-repeat;
	height: 15px;
	display: block;
}

/* Fine contenuti condivisi */

/* Inizio contenuti particolari */

.sched {
	background: url(../Images/layout/obj_bg.png) top left repeat-x; 
	height: 32px;
	border: 1px solid #ccc;
	width: 200px;
	margin: 0px 10px 4px 15px;
	vertical-align: middle;
}

.sched h3 {
padding: 0px;
margin: 0px;
}

.stats_name {
float: left;
margin: 0px 3px 0px 10px;
height: 18px;
padding: 0px;
width: 45px;
text-align: right;
}

.stats_bar {
background: url(../Images/layout/barra_stats_blue.png) center left no-repeat; 
height: 12px; 
width: 70px; 
text-align: right;
display: block;
margin-top: 3px;
font-size: 12px;
}

.stats_bar2 {
background: transparent url(../Images/layout/barra_stats_yellowred.png) bottom left no-repeat; 
height: 12px; 
width: 90px; 
text-align: right;
display: block;
margin-top: 3px;
font-size: 12px;
}

.stats_cont {
background: url(../Images/layout/barra_cont.png) bottom left no-repeat; 
padding-left: 3px;
height: 18px;
width: 140px;
float: left;
}
.stats_cont2 {
height: 18px;
margin-right: 10px;
font-size: 15px;
float: right;
}

#area2 {
overflow: auto;
margin: 0px 15px;
padding: 0px;
height: 200px;
}

#objectcontainer {
overflow: auto;
margin: 0px 15px;
padding: 0px;
height: 200px;
}

.singleobj {
background: url(../Images/layout/obj_bg.png) top left repeat-x; 
margin-bottom: 5px;
padding: 2px;
border: 1px solid #666;
height: 32px;
font-size: 14px;
}

.singleobj a:hover {
font-weight: bold;
}

singleobj img {
text-align: left;
padding-left: 2px;
}
.singleobj a img {
border: 0px;
padding-right: 2px;
}

.prz {
font-size: 11px;
width: 50%;
text-align: right;

}
.qta {
font-size: 11px;
width: 49%;
text-align: left;
margin-right: 20px;
}

/* qua vanno tutti i contenuti dei singoli div interni */

/*tabelle dell'equip*/	
#Equipment {
height: 125px;
width: 36px;
margin: 0px 15px 0px 15px;
position: relative;
left: 0px;
top: 0px;
}

#Gigi {
background: url(http://www.bastardworkshop.com/temp/idraxs/Images/objects/gigi03.png) top center no-repeat;
border: 1px solid #666;
height: 125px;
width: 100px;
margin: 0px 0px 0px 0px;
position: relative;
left: 65px;
top: -125px;
}

#Equipment2 {
height: 125px;
width: 36px;
margin: 0px 15px 0px 10px;
position: relative;
left: 170px;
top: -252px;
}

div.divEquip {
background: url(../Images/layout/obj_bg.png) top left repeat-x; 
margin-bottom: 6px;
border: 1px solid #666;
height: 32px;
width: 32px;
font-size: 10px;
text-align: center;
vertical-align: middle;
}

div.divEquip2 {
background: transparent; 
margin-bottom: 6px;
border: 1px solid #666;
height: 32px;
width: 32px;
font-size: 10px;
text-align: center;
vertical-align: middle;
}

div.divEquip.hover {
border: dashed 1px #666;            
} 

div.divEquip.hover_ok {
border: dashed 1px green;            
} 

div.divEquip.hover_no {
border: dashed 1px red;            
}         

div.divGigi1 {
background: transparent; 
position: relative;
top: -7px;
left: 28px;
z-index:1;
width: 39px;
height: 34px;
}
div.divGigi2 {
background: transparent; 
position: relative;
top: 9px;
left: 23px;
z-index:2;
width: 32px;
height: 32px;
}
div.divGigi3 {
background: transparent; 
position: relative;
top: 7px;
left: 25px;
z-index:3;
width: 38px;
height: 41px;
}
div.divGigi4 {
background: transparent; 
position: relative;
top: -10px;
left: 12px;
border: 1px solid #666;
z-index:4;
width: 64px;
height: 32px;
}
div.divGigi5 {
background: transparent; 
position: relative;
top: -100px;
left: 5px;
border: 1px solid #666;
z-index:5;
width: 32px;
height: 32px;
}
div.divGigi6 {
background: transparent; 
position: relative;
top: -130px;
left: 65px;
border: 1px solid #666;
z-index:6;
width: 32px;
height: 32px;
}
/* div pagine info */

#infoidra h1 {
	color: #006600;
}

#infoidra h4 {
	text-align: center;
	font-weight: normal;
}

#infoidra p {
	font-size: 90%
}

#infoidra span {
	color: #cc0000;
}

#infogame {
	background-color: #ccccff;
}

/* fine div pagine info */

/* other styles */
#pagetitle h1 {
	color: #006600;
}

.mostraoggetti span {
	font-weight: bold;
}

.error {
	color: #cc0000;
}

.debug {
	font-size: 80%;
}