/**
  * Tag-based styles
  */
body {
	background-color: #361d16;
	font: 10pt verdana;
	text-align: center;
	}
	
img {
	border-style:none;
}

/**
  * The main and its container
  */
#main {
	text-align: left;
	width: 917px;
	position: relative;
	z-index: 0;
	top: 5px;
	left: 5px;
}

/**
  * The header styles
  */
#header h1 {
	text-indent: -9999em;
	}
#header h1 {
	position: absolute;
	top:0px;
	left: 229px;
	width: 588px;
	height: 129px;
	background: url('../images/layouts/Cheran/Header/header.png') no-repeat;
	z-index: 8;
	}
#header h2 {
	display: none;
	}

/**
  * The navigation styles
  */

#main-navigation {
	position: absolute;
	top: 126px;
	left: 263px;
	width: 554px;
	height: 36px;
	background: url('../images/layouts/Cheran/Tabs/tabs.png') no-repeat;
	z-index: 7;
}

#main-navigation li {
	float: left;
}

#main-navigation a {
	display: block;
	height: 36px;
	text-indent: -9999em;
	
}

#main-navigation a:hover {
	background-image: url('../images/layouts/Cheran/Tabs/tabs.png');
	background-repeat: no-repeat;
}

	#items {
		width: 80px;
	}

	#safebox {
		width: 79px;
	}

	#bank {
		width: 79px;
	}

	#shop {
		width: 79px;
	}

	#gallery {
		width: 79px;
	}

	#trades {
		width: 79px;
	}

	#forums {
		width: 79px;
	}
	
#items:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -0px -37px no-repeat;}
#safebox:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -80px -37px no-repeat;}
#bank:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -159px -37px no-repeat;}
#shop:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -238px -37px no-repeat;}
#gallery:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -317px -37px no-repeat;}
#trades:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -396px -37px no-repeat;}
#forums:hover {background: url(images/layouts/Cheran/Tabs/tabs.png) -475px -37px no-repeat;}


/**
  * The panels styles
  *
  * The following styles control the location of the panels,
  * and the dimensions of them and their data (the dd elements).
  *
  * The dd elements are where the content is kept
  * and their dimensions determine how much is visible.
  * Just as well, the top- and left-margins control the
  * top and left offsets from the containing panel.
  * 
  * Adjust the panels location to change where the panel is,
  * and adjust the panels dd for the width, height, and offset.
  *
  * Un-comment the following styles to show a solid background
  * for the panels and their dd elements. 
  */
/*
#mistica-panels dl { background: #f00 !important; }
#mistica-panels dd { background: #0f0 !important; }
*/
#mistica-panels {
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 9;
	text-align: justify;
	font-size: 8pt;
	}
	#user-status {
		position:absolute;
		width: 132px;
		height: 161px;
		background: url('../images/layouts/Cheran/Panels/user-status.png');
		}
		#usdata {
			width: 120px;
			height: 78px;
	 		margin-top: 31px;
	 		margin-left: 8px;
			}
	#mistica-status {
		position: absolute;	
		left: 103px;
		width: 156px;
		height: 126px;
		background: url('../images/layouts/Cheran/Panels/mistica-status.png');
		}
		#msdata {
			padding-left: 22px;
			width: 119px;
			height: 67px;
			margin-top: 42px;
			margin-left: 12px;
			}
	#sub-navigation {
		position:absolute;
		top: 98px;
		width: 132px;
		height: 444px;
		background: url('../images/layouts/Cheran/Panels/sub-navigation.png');
		}
		ul#sndata {
			padding-top: 60px;
			width: 119px;
			height: 345px;
			margin-top: 27px;
			margin-left: 8px;
			}
	#search-site {
		position:absolute;
		top: 515px;
		width: 132px;
		height: 153px;
		background: url('../images/layouts/Cheran/Panels/search-site.png');
		}
		#ssdata {
			padding-top: 25px;
			padding-left: 2px;
			width: 120px;
			height: 78px;
			margin: 25px 0 0 5px;
			}
	#site-favourites {
		position:absolute;
		left: 788px;
		width: 155px;
		height: 37px;
		background-image:url('../images/layouts/Cheran/Panels/site-favorites-top.png');
}
		#sfdata {
			text-align: center;
			width: 121px;
			margin-top: 37px;
			margin-left: 34px;
			padding-bottom: 5px;
			background-color: #00FF00;
			background: url('../images/layouts/Cheran/Panels/site-favorites.png');
			background-repeat:repeat;
			border-bottom: solid 1px #ffc75a;
}

/**
  * The content styles
  */
#content-container {
	position: absolute;
	top: 131px;
	left: 137px;
	width: 680px;
	padding-bottom: 1em;
	z-index: 5;
	}
#content #content-middle {
	background: url('../images/layouts/Cheran/Content/content-middle.png') repeat-y top left;
	}
#content #content-top {
	background: url('../images/layouts/Cheran/Content/content-top.png') no-repeat top left;
	padding-top: 19px;
	}
#content #content-bottom {
	position: relative;
	background: url('../images/layouts/Cheran/Content/content-bottom.png') no-repeat bottom left;
	padding-bottom: 26px;
	text-align: center;
	z-index: 3;
	}
#content p {
	padding: 0.5em 0;
	}
#content a:link{color:#883919;                                                                 
text-decoration:none;
font-weight: bold;                                                                 
}
#content a:visited{color:#dd8337;                                                                
text-decoration:none; 
font-weight: bold;                                                                    
}
#content a:hover{color:#71dc6a;                                                                  
text-decoration:none; 
font-weight: bold;                                                                  
}
#content a:active{color:#883919;                                                                
text-decoration:none;    
font-weight: bold;                                                                 
}
/**
  * The body where content goes
  */
	#content #content-body {
		font:10pt trebuchet ms;
		text-align: center;
		width: 650px;
		margin: auto;
		color: #000000;
		}
	
	/**
	  * Page-specific styles start here
	  */
	#welcome-h3 {
		text-align:center;
  		margin:auto;
  		display: block;
  		padding-top: 50px;
		color: #71dc6a;
		width: 101px;
		font-size: 10px;
}

#content #welcome {
  background:transparent url('../images/layouts/Cheran/Content/welcome.png') no-repeat scroll left top;
  height:99px;
  width:121px;
}

.postingnews TH, .deepseacell{
	background-image:url('../images/layouts/Cheran/news1.png');
	color:#71dc6a;
	vertical-align:bottom;
}

.newsrepeat {
	background-image:url('../images/layouts/Cheran/news2.png');
	background-repeat: repeat-y;
	color: #71dc6a;
	border-bottom: 1px solid #ad5124;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(..../images/layouts/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}


.itempagination{
background: #FFFFFF; 
border: 1px solid #b0fffd; 
font-size: 11px; 
font-family: trebuchet ms, verdana, arial; 
width: 10px;
text-align: center;
}

/**
  * The ad styles
  */
#horizontal-ad {
	position: absolute;
	top: 150px;
	left: 263px;
	height: 60px;
	width: 468px;
	z-index: 6;
}

#ads {
	position: absolute;
	width: 238px;
	height: 820px;
	left: 914px;
	background-image:url('../images/layouts/Cheran/Panels/ads.png');
	}

#vert-ad {
	position: relative;
	width: 160px;
	height: 600px;
	top:40px;
	left:46px;
	}
	
#box-ad {
	position: relative;
	width: 180px;
	height: 150px;
	top: 42px;
	left: 46px;
	}

input, textarea, select{
    color: #71dc6a;
    background: #361d16;
    border: 1px solid #ffc75a;
    font-weight: bold;
    font-size: 11px;
    font-family: trebuchet ms, verdana, arial;
    padding-left: 1px;
    padding-right: 1px;
}

#error a:link { text-decoration: none; color: #71dc6a; }
#error a:visited { text-decoration: none; color: #71dc6a; }
#error a:active { text-decoration: none; color: #71dc6a; }
#error a:hover { text-decoration: none; color: #71dc6a; }

#error{
    margin-top: 30px;
    background-image: url('../images/layouts/Cheran/imgErrorChe.png');
    width: 450px;
    height: 110px;
    background-repeat: no-repeat;
    font-family: trebuchet ms, verdana, arial;
    font-size: 12px;
    color: #000000;
}
#errortext{
    padding-top: 10px;
    text-align: center;
    width: 90%;
	
}

#footer {
	font-size: 10px;
}	
	
a:link {
	color: #71dc6a;                                                                 
	text-decoration:none;
	font-weight: bold;                                                                 
}

a:visited {
	color:#71dc6a;                                                                
	text-decoration:none; 
	font-weight: bold;                                                                    
}

a:hover {
	color:#FFF000;                                                                  
	text-decoration:none; 
	font-weight: bold;                                                                  
}

a:active {
	color:#FFF000;                                                                
	text-decoration:none;    
	font-weight: bold;                                                                 
}

#header-icon {
	display: block;
	position: absolute;
	height: 1px;
	width: 1px;
	z-index: 3;
	left: 310px;
}

#block1, #block2, #block9{
	position: absolute;
	z-index: -3;
}

#block3, #block4, #block5, #block6, #block7, #block8, #block10 {
	position: absolute;
	z-index: -2;
	top: 200px;
	left: 200px;
	} 

#block1 {
	height: 36px;
	width: 155px;
	top: 90px;
	left: 130px;
}

#block2 {
	height: 82px;
	width: 83px;
	top: 140px;
	left: 250px;
	}

#block10 {
	width: 121px;
	height: 1px;
}

#block11 {
	position: absolute;
	background-image:url('../images/layouts/Cheran/Content/content-tail.png');
	height: 19px;
	width: 680px;
	bottom: -19px;
	right: 0px;
	z-index: 4;
}

li.items-heading {
	text-align: center;
	font-size: 16px;
	color: #71dc6a;
}

li.items-data {
	width: 100%;
	color: #71dc6a;
}

li.items {
	text-align: center;
	font-size: 13px;
	width: 100%;
}

p.items-heading {
	text-align: center;
	font-size: 16px;
	color: #71dc6a;
}

p.items-data {
	width: 100%;
	color: #71dc6a;
}

p.items {
	text-align: center;
	font-size: 13px;
	width: 100%;
}

a.item-new {
	text-align: center;
	font-size: 13px;
	text-decoration: blink;
	color: #FF0000;
}

a#different {
	text-align: center;
	font-size: 16px;
	color: #71dc6a;
}

a#organize {
	text-align: center;
	font-size: 12px;
}

.table {
	margin: auto;
	}
	
.center {
	margin: auto;
	text-align: center;
	vertical-align: middle;
	}
	
blockquote {
margin:auto;
padding: 5px;
}

div.alliance {
text-align:left;
}