/*Background and fonr*/
body{
	background: #000 url(../images/bg.jpg) repeat-x top; 
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	color:#CCCCCC;
	height:50%;
}
/*Body of the texts*/
.contentBox
{
	margin-left:25px;
}
.top_menu
{
        width:287px;
        height:36px;
	background-image:url("../images/menu/top.png");
}

/*Top images from menu*/
.menu_admin
{
        width:269px;
        height:50px;
	background-image:url("../images/menu/admin.png");
}
.menu_mod
{
        width:269px;
        height:50px;
	background-image:url("../images/menu/mod.png");
}
.menu_smenu
{
        width:269px;
        height:50px;
	background-image:url("../images/menu/smenu.png");
}

/*Titles*/
h1{
	font-weight:bold;
	display:block;
	width:auto;
	height:34px;
	padding:10px 0 0 40px;
	margin:0;
	font-size:11px;
	background:url(../images/h1.jpg) no-repeat;
	}	
	
h2, h3, h4 {
	margin:0;
	padding:0;
	}

p {
	padding: 8px 0;
	text-align: justify;
	margin: 0;
}
	
strong {
	color:#fff;
	}
	
img {
	border:none;
	margin: 0;
	}
	
a {
	outline-style:none;
	text-decoration:none;
	color:#ff3600;
	}
	
a:visited {
	color:#ff3600;
	}
	
a:hover, a:active  {
	color:#ffe575;
	}
	
/* Specific divs */
#container {
	width:890px;
	height:auto;
	margin:0 auto;
	padding: 0 35px;
	}

#header {
	width:890px;
	height:290px;
	margin:0;
	padding:0;
	font-size: 11px;
	}	
	
#illustration {
	background:url(../images/header.jpg) no-repeat;
	height:290px;
	width:537px;
	float: left;
}

#logo {
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	width:537px;
	height:120px;
	padding:0;
	margin: 0;
	}

#navbar {
	margin: 0;
	padding: 0;
	height: 43px;
	width: 537px;

}


#navbar ul{
	width:auto;
	height:auto;
	padding:126px 0 0 78px;
	list-style:none;
	margin: 0;
	}
	
#navbar li{
	display:block;
	padding:0;
	margin:0 0 0 18px;
	float: left;
	}
	
#navbar  a	{
	display:block;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	width:116px;
	height:43px;
	text-indent: -9000px;
}

#navbar #upgrade a:link,#navbar #upgrade a:visited {background:url(../images/upgrade.gif) top; }
#navbar #upgrade a:hover	{background-position:bottom;}	
#navbar #refer a:link,#navbar #refer a:visited {background:url(../images/refer.gif) top; }
#navbar #refer a:hover	{background-position:bottom;}	
#navbar #vote a:link,#navbar #vote a:visited {background:url(../images/vote.gif) top; }
#navbar #vote a:hover	{background-position:bottom;}

#inmates {
	height:257px;
	width:auto;
	float: left;
	padding: 25px 5px 5px 5px;
	margin: 0;

}
.best-inmate{
    background:url(../images/best-inmates.gif) no-repeat;
}
.best-lvl{
    background:url(../images/BestLevel.png) no-repeat;
}
.noelse
{
        padding:0px;
        border-spacing: 0px;
}
.quad
{
        
        display:block;
        height:81px;
        width:95px;
        text-align:center;
        cursor:pointer;
        
}
.setbootm
{
    padding-top:45px;
   
}
.one
{
    
    background:url(../images/inmate-1.jpg) no-repeat top;
    height:81px;
}
.one:hover
{
    background:url(../images/inmate-1.jpg) no-repeat bottom;
    height:81px;
}
.two
{
    background:url(../images/inmate-2.jpg) no-repeat top;
}
.two:hover
{
    background:url(../images/inmate-2.jpg) no-repeat bottom;
    height:81px;
}
.three
{
    background:url(../images/inmate-3.jpg) no-repeat top;
    height:81px;
}
.three:hover
{
    background:url(../images/inmate-3.jpg) no-repeat bottom;
    height:81px;
}
/*
#inmates #one a:link,#inmates #one a:visited {  background:url(../images/inmate-1.jpg) top; }
#inmates #one a:hover	{background-position:bottom;}	
#inmates #two a:link,#inmates #two a:visited { background:url(../images/inmate-2.jpg) top; }
#inmates #two a:hover	{ display:inline-block; background-position:bottom;}
#inmates #three a:link,#inmates #three a:visited {background:url(../images/inmate-3.jpg) top; }
#inmates #three a:hover	{background-position:bottom;}	
*/
#cpanel {
	height:264px;
	width:242px;
	float: right;
        top:0px;
        position:relative;
	padding: 16px 0 0 0;
}

#cpanel img{
	margin: 0;
	padding: 0;
}

#cpanel p{
	margin: 0 0 5px 0;
	padding: 0;
}


#cpanel a{
	
	font-weight: bold;
	text-decoration: underline;
}

#cpanel a:visited{
	
	/*font-weight: bold;*/
}

	
#cpanel a:hover, a:active {
	
	}
	
#timeserver {
	margin:0;
	padding:0 0 0 35px;
}
	
#profile {
	margin: 0 13px;
	padding: 0;
	height: auto;
	width: 194px;
}
.top_profile
{
    background-image:url("../images/profile.gif");
    width:194px;
    height:47px;
}
#settings{
	width:206px;
	height:20px;
	margin:0;
	padding:17px 0 0 40px;
        
	}	
	
#settings ul {
	width:153px;
	height:22px;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/prefferences.gif) no-repeat;
	}
	
#settings li{
	float:left;
	padding:3px 0 0 18px;
	margin:0;
	text-align:center;
	}

#settings a, #settings a:visited{
	color:#707070;
	font-weight: normal;
	text-decoration: none;
	}
	
#settings a:hover, a:active {
	color:#ffcc66;
	}

#stats{
	height:139px;
	padding:7px 30px 0 30px;
	margin:0;
	line-height:15px;
	}
	
#stats ul{
	list-style:none;
	margin:0;
	padding:0;
	width: auto;
	height: auto;
	float: left;
	}
	
#stats li {
	padding:0;
	width:155px;
	display:block;
	clear:right;
	}

#stats span {
	display:block;
}

#wrapper {
	height: auto;
	margin: 1px 0 0 0;
	padding: 0 0 15px 0;
	width: auto;
	background:url(../images/sidebar.gif) repeat-y right;
}

#content {
	width:620px;
	height:auto;
	margin:0 auto;
	padding:0;
	float: left;
}

/***************************SIDEBAR STYLES(Menu)*******************************/	
#sidebar {
	float:right;
	width:270px;
	height:auto;
	margin:0;
	padding:0;
	}

#menu {
	margin: 0 auto;
	padding: 0;
	height: auto;
	width: auto;
}


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


#sidebar ul li a{
	display:block;
	width:215px;
	height:19px;
	color:#440000;
	background:url(../images/arrow-reposo.gif) no-repeat 30px 0;
	padding:5px 55px 0 0px;
	margin:0;
	font-size:12px;
	text-align: right;
	}
	
#sidebar ul li a:hover{
	background:url(../images/arrow-active.gif) no-repeat 30px 0px;
	color:#FFFFFF;
	}
/************************************Footer effects****************************/
#footer {
	width:auto;
	height:234px;
	margin:0;
	padding:0;
	background:#000 url(../images/footer-bg.jpg) repeat-x;
	}

#footer a{
	color:#CCCCCC;
	}
#footer a:hover{
	color:#000;
	}

#footer-content {
	width:890px;
	height:234px;
	margin:0 auto;
	padding:0;
	background:url(../images/footer.jpg) no-repeat center;
	}

#footer-text {
	width:622px;
	height:154px;
	margin:0;
	padding:80px 0 0 0;
	float: left;
	}

#footer-logo{
	margin: 0px;
	padding: 50px;
	float: right;
}
	
	
/* Others */
.left{float:left;background:url('http://www.sosfactory.com/webdesign/musicblattle/images/arrow1.gif') no-repeat 0px 5px;padding-left:10px;}
.right{float:right;}
.centered {text-align:center;}
.clear {clear:both;}


/**
	Custom styles
*/
.area {
	background-color:#AAAAAA;
	width:570px;
}

.button {
	background-color:maroon;
	border:1px solid #28271F;
	color:white;
	cursor:pointer;
}
/*****************************table effects******************************************/
.cleanTable {
	border-collapse: collapse;
	padding: 3px;
        border:0px;
	/*border:1px solid red;*/
}

.headerCell {
	border-bottom: 1px solid red;
	padding: 3px;
}

.oddRow {
	background: #706e57;
}

.evenRow {
	background: #434234;
}


.solidRow {
	border-bottom: 1px solid #000000;
	padding: 3px;
}

.dottedRow {
	border-bottom: 1px dotted red;
	padding: 3px;
}

.dottedColumn {
	border-left: 1px dotted #444444;
	padding: 3px;
}

.advBtn {
	cursor: pointer;
	border: 1px solid black;
}

.advBtn:hover {
	cursor: pointer;
	border: 1px dashed red;
}
/******************************Popup(JoinAttack on profile, MaxMind etc)*****************************************/

.dialog{
    border: 1px solid #434234;
    background: #000000;
    position: absolute;
}
.dialog .dialog_title{
    background: red;
    color: #96926F;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    cursor: move;
}

.dialog .dialog_title a.close{
    display: block;
    float:right;
    width: 30px;
    height: 10px;
}
.dialog .dialog_body{
    text-align: left;
    padding:5px;
}


/*****************************************Effects bar(Jail, drugs, etc)****************************/
#effects{
    clear:both;
    height:32px;
    padding-top: 5px;
    margin:0 0 0 15px;
    width:400px;
}
/*FOR others*/        
html>/**/body #effects {

    margin:0 0 0 25px;
    width:400px;
    
    }    
    
#effects .head {
    display: block;
    width: 40px;
    background: #1D1D1D;
    padding-left: 10px;
    color: #FFFFFF;
    line-height: 32px;
    float: left;

}

#effects .content {
    display: block;
    padding-left: 60px;
    color:#CCCCCC;
    border: 0px solid #1D1D1D;
     padding-bottom: 2px;
     padding-top:3px;
     
}
.setmiddle
{
    padding-bottom:-25px;
}
#effects .content img{
   
    height: 22px;
}

.hand{
    cursor: pointer !important;
    cursor: hand;
}
/**********************************HATE BAR*********************************************/
.progressbarwrap{
    position: relative;
    padding:0;
    width: 100px;
    height: 10px;
    float:left;
    border: 1px solid #000000;
}
.progressbarwrap .progressbarcanvas{
    position: absolute;
    top:0px;
    left:0px;
}
.progressbarwrap .progressbar{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1d1d1d;
    top:0px;
    right:0px;
}
.progressbarwrap .progressbartext{
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top:0px;
    right:0px;
    font-size: 8px;
    text-align: center;
}

/**********************************Players name*********************************************/

a.normalplayer
{
    color:#ffe575;

}
a.rmplayer
{
    color:red;
}
a.donatorplayer
{
    color: #00FFFF;
}

a.modsplayer
{
    color:green;
}
a.supermoderator
{
    color: #9933FF;
}
a.topLevelPlayer
{
    color: #7D0552;
}
a.topPlayer
{
    color: #FF8040;
}
a.topReferalsPlayer
{
    color: #5EFB6E;
}
a.topAdmin
{
    color: blue;
}
/*Special names*/
.usernamespan
{
    display:inline;
   
}
.usernamespan img
{
    padding:0px;
    margin:0px;
    border:0px;
    vertical-align:middle;
}
.Bad
{
    color:orange;

}
.Ok
{
    color:green;
}
.NewState
{
    color:orange;
}