/*----------------------------------
* Top Private Servers - SYSTEM SKIN
* Style: Left to right writing orientation (LTR)
* Last update: Sat, August 22, 2009
* Coded by Aziz Natour © 2009, All rights reserved. 
* http://www.top-private-servers.com
----------------------------------*/



#--------GLOBAL------------- { }

html,
body
{
	margin:0;
	padding:0;
}

body
{
	background: #353535;
	color:#333;
	font-family: "Segoe UI", "Myraid Pro", "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
}

a { text-decoration:none; }

/* smooth navigation for ya */
a:focus,
:link:focus
{
	outline:none;
	border:none;
}

a img,
img:link { border:none; }

.clear { clear:both; }

.wrapper { background: #767676 url(images/content/body_bg.png) repeat-y center center; }

h3.shade
{
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em
}

#--------PAGE TOP------------- { }

#page-top
{
	background: #545454 url(images/header/top_bg.png) repeat-y center center;
	height:116px;
	text-align:center;
	border-top:1px solid #525252;
}

#header
{
	background: transparent url(images/header/header.jpg) no-repeat center center;
	height:104px;
	width:944px;
	margin:0 auto;
	padding-top:23px;
	color:#FFF;
}

#header h1,
#header span { margin:20px 650px 0 0; }

#header a { color:white; }

#header span { color:#c6c6c6; }

#--------MAIN CONTAINER------------- { }

#main { background: transparent url(images/content/skin_bg.jpg) no-repeat top center; }

#--------NAVBAR------------- { }

#navbar
{
	height:30px;
	width:918px;
	margin:0px auto 0px auto;
	background:#000 url(images/content/nav_sprite.png) repeat-x;
}

#navbar a
{
	background:transparent url(images/content/nav_sprite.png) repeat-x;
	display:block;
	height:30px;
	padding:0 12px;
	float:left;
	color:#acadac;
	line-height:2.4;
	margin-left:10px;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}

#navbar a:hover
{
	background-position: left center;
	color:#FFF;
}

.blackborders,
#navbar a:hover,
#navbar a:active,
#navbar a.on
{
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#navbar a:active,
#navbar a.on,
body#Home a.home,
body#Join a.join,
body#Categories a.cats,
body#About a.about,
body#Support a.support,
#stats a.ostats,
#Contact a.contact,
#user_cpl a.usercp,
#Linfo a.lega
{
	background-position: left bottom;
	color:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#--------Breadcrumbs--------- { }

#breadcrumbs
{
	height:40px;
	padding:6px 0 0 22px;
	color:#999;
	margin-bottom:10px;
	font-size:10px;
}

#breadcrumbs a
{
	color:#666;
	padding:3px;
	margin:2px;
	display:inline-block;
	background:url(images/content/bc_lnk.png) repeat-x -50px -50px;
	border:1px solid transparent;
}

#breadcrumbs a:hover
{
	color:#000;
	background:url(images/content/bc_lnk.png) repeat-x;
	border:1px solid #f1f1f1;
}

#breadcrumbs a:active { color:#999; }

#--------CONTENT------------- { }

#content
{
	width:900px;
	margin:0 auto;
}

#con
{
	float:right;
	width:632px;
	padding: 0 10px;
}

#con2 {width:90%; margin:0 auto; text-align:center;}
#con2 .sitegui {margin:0 auto;}


.sitegui
{
	width:618px;
	background:url(images/content/site_gui.gif) repeat-y;
}

.st-top
{
	height:53px;
	line-height:3;
	color:#CCC;
}

.st-con
{
	background-position:center right;
	text-align:center;
}

.st-bot
{
	height:26px;
	background-position:bottom left;
	margin-bottom:0px;
}

.st-con a { color:#66421A; }

.st-con a:hover { color:#CC8A00; }

.st-con a:active { color:#8F6F49; }

.st-top .rating { float:right; }

.rating
{
	width:84px;
	height:15px;
	background:transparent url(images/content/rating_stars.png);
	margin:10px 10px 0 0;
}

.st-0 { background-position: 0 0px; }

.st-1 { background-position: 0 -15px; }

.st-2 { background-position: 0 -30px; }

.st-3 { background-position: 0 -45px; }

.st-4 { background-position: 0 -60px; }

.st-5 { background-position: 0 -75px; }

.st-top a { color:#934900; }

.st-top a:hover { color:#BB5E00; }

a.st-link { padding-left:10px; }

a.st-cat
{
	font-size:10px;
	color:#999;
}

a.st-stats
{
	display:block;
	height:15px;
	width:84px;
	text-indent:100px;
	overflow:hidden;
}

.st-rank
{
	float:left;
	width:25px;
	text-indent:4px;
}

.st-rank span
{
	position:relative;
	top:auto;
}

.st-desc
{
	float:right;
	width:590px;
}

.st-con p
{
	text-align:left;
	margin: 5px 20px;
	padding-bottom:9px;
	color:#333;
	border-bottom:1px dotted #e8f5e4;
}

.site-stats
{
	height:31px;
	width:168px;
	background:url(images/content/site-stats.png);
	float:right;
	margin: 0 14px 0 0;
	line-height:3.2;
	text-indent:-26px;
	color:#666;
	font-size:10px;
	position:relative;
	top:8px;
	display:block;
}

.therest .site-stats
{
	top:0;
	text-align:center;
	bottom:10px;
}

.therest .st-con div.p
{
	text-align:left;
	margin: 1px 0px;
	padding-bottom:4.25px;
	color:#333;
	border-bottom:1px dotted #e8f5e4;
	line-height:2.5;
}

.trcont .st-rank
{
	line-height:2.7;
	height:100%;
}

.trcont { height:40px; }

.therest .st-con div.p a.trlink { margin-left:10px; }

a.site-stats:hover { color:#A0683F; }

a.site-stats:active { color:#000; }

.Up { background-position: 0 -31px; }

.Down { background-position: 0 -62px; }

.Featured { background-position: 0 -93px; }

.therest .tr
{
	float:left;
	color:#999;
}

.trank
{
	width:30px;
	text-align:center;
	margin-right:9px;
}

.trdesc { width:400px; }

.trst
{
	text-align:center;
	width:175px;
}

.limit
{
	width:350px;
	overflow:hidden;
	height:30px;
	float:left;
}

.therest .st-bot { margin-bottom:15px; }

#-------PAGE--------------------- { }

.page .st-top
{
	color:#6C0000;
	text-indent:10px;
}

.page .st-con
{
	text-align:left !important;
	font-size:11px;
}

.page .st-con .wrappa
{
	width:90%;
	margin-left:40px;
}

.page .st-con p
{
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	color:#333;
	border-bottom:none;
}

.page h3
{
	padding:3px;
	border-bottom:1px solid #EAEAEA;
	border-top:1px solid #EAEAEA;
	margin-bottom:15px;
	background:url(images/footer/footer.jpg) no-repeat -325px -22px;
	width:104%;
	position:relative;
	right:13px;
	color:#804000;
	font-size:12px;/*color:#FFF;*//*text-shadow: black 0.1em 0.1em 0.2em	*/
}

p.warn
{
	color:#AA0404 !important;
	font-size:10px;
}

/*.page form input, .page form label select, .page form label textarea {float:right; width:200px; margin-right:44%; }
.page form label b{float:left; width:100px; text-align:right;}
.page form label span {float:right;}

*/

.page form label b,
.page form input,
.page form label select,
.page form label textarea,
.page form label span
{
	float:left;
	display:block;
}

.page form#fm label b
{
	width:105px;
	text-align:right;
	margin-right:7px;
	line-height:1.8;
	cursor:pointer;
	color:#666;
}

.page form label b:hover { color:#000; }

.page form label b:active { color:#999; }

.page form#fm label input,
.page form #fm label select,
.page form#fm label textarea { width:250px; }

input#tz, input.tz { width:20px !important; margin-left:00px; }

.page form#fm label span
{
	text-align:center;
	width:80%;
	margin: 3px auto;
	font-size:10px;
	color:#666;
}

.join_edit_error span.ohnoes
{
	margin-bottom:16px;
	text-align:left;
	display:block;
	color:#FF0000;
	padding:0 10px 10px 10px;
	background:#fff8f8 url(images/content/error_mark.png) no-repeat 99% center;
	border-bottom:1px solid #ffe0e0;
}

.sepa
{
	width:98%;
	clear:both;
	border-bottom:1px dashed #F3F3F3;
	height:7px;
	margin-bottom:7px;
}

img.capa
{
	border:1px solid #CCC;
	padding:1px;
	float:left;
	margin-right:6px;
}

.pad { margin-left:10px; }

.pad b
{
	width:auto !important;
	text-align:left !important;
	margin-right:0 !important;
	float:none !important;
}

.pad input
{
	height:34px;
	float:right;
	font-size:30px;
	width:140px !important;
	text-align:center;
	padding:8px;
}

.join_edit_error
{
	/*border: 1px solid #f00;*/
	padding: 2px 2px 10px 2px;
	border:1px solid #fee2ea;
	border-bottom: 1px solid #FF9191;
	background:#FEEDF1;
}

.join_edit_error .sepa { border:none; }

.youdo
{
	font-size:10px;
	line-height:2.2;
	text-indent:5px;
}

.sg a
{
	font-size:10px;
	position:relative;
	left:5px;
	top:3px;
}

sup {color:#C00;}

/* Categpry Pages */

.pages-nav
{
	height:28px;
	width:618px;
	background:url(images/content/pages_container.gif) no-repeat;
	text-indent:10px;
	font-size:11px;
	margin-bottom:15px;
	line-height:2.6;
}

.pages-nav a { color:#999; }

.pages-nav a:hover { color:#666; }

.pages-nav b { color:#333; }

form#login label b
{
	line-height:1.8;
	margin-right:6px;
}

/* user cp */

.ucp-nav
{
	height: 30px;
	border-bottom:1px solid #CCC;
	background:#F4F4F4
}

.ucp-nav ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.ucp-nav ul li { }

.ucp-nav ul li a
{
	display:block;
	float:left;
	padding:5px;
	margin:4px;/*border-bottom:1px solid #CCC;*/
}

.ucp-nav ul li a:hover { background-color:#FFF; }

.b-edit a.ucp-edit,
.b-link_code a.ucp-code { background-color:#FFF; }

.review, .shade {background:url(images/content/softshade.png) no-repeat top left; padding:4.5px 10px; margin-bottom:20px;}

#ratingform .rating {display:inline-block; position:relative; bottom:7px; left:5px;}

#ratingform span {position:relative; bottom:7px; left:5px;}

.About p a {color:#A40400;}
.About p {color:#666 !important;}
.About h4 {
	color:#863f00;
	border-bottom:1px solid #EEE;
	padding:8px 0 3px 0;
	/*background-color:#fbfbfb;*/
}

ul#lnav { margin:20px auto 110px auto; list-style:none; }
ul#lnav li { }
ul#lnav li a { display:block; height:58px; width:57px; background-image:url(images/content/leg_a_sprite.png);float:left; text-align:center; margin:0 10px; }

ul#lnav li a img {margin:5px auto 10px auto;}
ul#lnav li a:hover {background-position:top center;}
ul#lnav li a:active {background-position:top right;}

#Smp .wrappa ul { padding:0;margin:0; list-style:disc; color:#EEE; position:relative; right:2px; }
#Smp .wrappa ul a { display:block; width:300px; padding:7px; margin:3px;}

.nob {border:none !important;}

#---------BUTTONS and USECP------------ { }

.chead, .code {

background:#f7f7f7;
border-bottom:1px solid #EEE;
width:90%;
margin:0 auto;
padding:7px;
}

div.code {margin-bottom:10px;}

div.code p {font-size:9px; font:"Courier New", Courier, monospace; }

div.chead {
color:#FFF;
background:url(images/footer/footer.jpg) no-repeat -30px -115px;
}

.cleft, .cright {width:263px;margin-bottom:11px}

.cleft {float:left;margin-left:15px}

.cright {float:right;margin-right:15px}

.cleft .code , .cright .code {height:95px;}


.kode
{
	width:40%;
	padding:2px;
	height:90px;
}

.prevu
{
}

#--------Sidebar------------- { }

#sidebar
{
	float:left;
	width:227px;
}

#sidebar .sbgui { background: transparent url(images/content/sidebar.gif) repeat-y; }

#sidebar .sbtop { height:35px; }

#sidebar .sbcon { background-position: top right; }

#sidebar .sbbot
{
	height:12px;
	background-position: bottom left;
	margin-bottom:10px;
}

#sidebar ul
{
	margin: 0;
	list-style:none;
	padding:8px 0;
	text-align:center;
}

#sidebar ul li
{
	margin:0px auto;
	text-align:left;
}

#sidebar ul li a
{
	display:block;
	height:33px;
	width:210px;
	color:#999;
	background:url(images/content/catlink_sprite.jpg);
	margin:1px auto;
	line-height:2.8;
	text-indent:10px;
}

#sidebar ul li a:hover { background-position: bottom left; }

#sidebar ul li a:active { background-position: center left; }

#sidebar ul li a.active,
#Linfo a.linfom,
#Prv a.prvpol,
#TOS a.tou,
#Dsc a.discl,
#Copyr a.copyr

{ background-position: bottom right; }

#sidebar h2
{
	text-indent:10px;
	line-height:2.7;
	color:#bdcd9b;
	font-size:14px;
}

#----------Twitta----------/*Why Tweets win much--*/ { }

#twitter_update_list
{
	margin:0;
	padding:0;
}

#twitter_update_list li
{
	width:81%;
	padding:5px 5px 3px 10px;
	background:#fff url(images/footer/footer.jpg) no-repeat -700px -25px;
	margin-bottom:10px !important;
	border:1px solid #eff2db;
	color:#5e5e5e;
	font-size:10px;
}

#twitter_update_list li a
{
	display:inline !important;
	height:auto !important;
	width:auto !important;
	color:#800000 !important;
	background:none !important;
	margin:0 !important;
	line-height:normal !important;
	text-indent:0 !important;
}

#twitter_update_list li span a { color:#999 !important; }

#twitter_update_list li span a:hover { color:#777 !important; }

#twitter_update_list li a:hover
{
	color:#cd0000 !important;
	text-decoration:underline;
}

#twitter_update_list li a:active { color:#990000 !important; }

#--------PAGE BOTTOM------------- { }

#page-bottom
{
	background: #545454 url(images/footer/bottom_bg.png) repeat-y center center;
	height:176px;
	text-align:center;
	border-bottom:3px solid #525252;
}

#footer
{
	background: transparent url(images/footer/footer.jpg) no-repeat top center;
	height:100%;
	font-size:11px;
}

#cc { padding:44px 0 2px 0; }

#info
{
	width:900px;
	margin:0 auto;
}

#info ul
{
	list-style-type:none;
	margin:0;
	padding:15px 0 0 0;
}

#info ul li { float:left; }

#info ul li a
{
	display:block;
	padding:4px;
	margin:3px;
	color:#CCC;
}

#ft-nav ul li a:hover
{
	background: #333 url(images/content/sidebar.gif) no-repeat -99px -9px;
	color:#FFF;
	outline:1px solid #7a7a7a;
}

#ft-nav ul li a:active { color:#CCC; }

#LivingSocial { float:left; }

#LivingSocial a:hover { color:#FFF; }

#LivingSocial a:active { color:#CCC; }

#LivingSocial ul li img
{
	height:16px;
	width:16px;
	background:url(images/content/social_sprite.gif);
	float:left;
	margin-right:6px;
	position:relative;
	bottom:1.9px;
}

li.ls-twitter a img { background-position: top right !important; }

li.ls-share a img { background-position: top center !important; }

#LivingSocial ul li.ls-rss a:hover img { background-position:center left !important; }

#LivingSocial ul li.ls-twitter a:hover img { background-position:center right !important; }

#LivingSocial ul li.ls-share a:hover img { background-position:center center !important; }

#LivingSocial ul li.ls-rss a:active img { background-position:bottom left !important; }

#LivingSocial ul li.ls-twitter a:active img { background-position:bottom right !important; }

#LivingSocial ul li.ls-share a:active img { background-position:bottom center !important; }

#ft-nav { float:right; }

.power
{
	font-size:10px;
	text-align:left;
	margin:0 auto;
	width:900px;
	padding:10px;
}

.power a { color:#333; }

#cc p {text-align:right; width:900px; margin:10px auto;}


#------MISC---------------------- { }

.lta {height:100px;}

h1,
h2,
h3
{
	margin: 0px;
	padding: 0px;
}

#filters
{
	float: left;
	margin: 15px;
}

#search-box
{
	text-align: center;
	padding:15px;
}

#navigation a,
.table_top_title a { color: #FFF; }

#navigation a:hover,
.table_top_title a:hover
{
	color: #CCC;
	text-decoration: none;
	border-bottom: 1px dashed;
}

.table_border table
{
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 1px;
}

.table_border table *
{
	padding:5px;
	font-size:10px;
	margin:0;
}

.table_border table tr { border-bottom:1px solid #CCC; }

/* Top Ranking Style */
.table_top_title
{
	background: #4a4a4a url("title.png") repeat-x;
	font-size: 12px;
	color: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

.table_top_rank
{
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.table_top_description { }

.table_top_banner
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.table_top_stats
{
	background-color: #DCDCDC;
	padding: 2px;
}

.table_top_rating
{
	background-color: #DCDCDC;
	text-align: center;
}

/* Ranking Style */
.table_title
{
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.table_rank
{
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.table_description { width: 100%; }

.table_stats
{
	background-color: #DCDCDC;
	padding: 2px;
	text-align: center;
}

/* Stats Style */
.stats_top
{
	background: #333 url(images/content/sidebar.gif) no-repeat -99px -9px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:4px;
	text-align: center;
}

.stats_left
{
	background-color: #f0f0f0;
	border-right:1px solid #e5e5e5;
}

.stats1
{
	background-color:#F8F8F8;
	text-align: center;
}

.stats2
{
	background-color: #FFF;
	text-align: center;
}

/* Admin */
.darkbg
{
	background-color: #737373;
	color: #fff;
}

.mediumbg
{
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

.lightbg
{
	color: #000;
	background-color: #FFF;
}

.lightbgalt
{
	color: #000;
	background-color: #DCDCDC;
}

table { width: 100%; }

/* No Borders Images */
img { border: 0; }

textarea,
input
{
	font-family: sans-serif;
	font-size: 12px;
}

a.help
{
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}

a.help:hover { color: #333; }

/*a.retweet { width:100px; height:50px;font: 10px Helvetica,Arial; color: #000; text-decoration: none; border: 0px; }

a.retweet span { color: #FFF; background: #94CC3D; margin-left: 2px; border: 1px solid #43A52A; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }

a.vert { display: block; text-align: center; font-size: 16px; margin: 4px; }

a.retweet strong.vert { display: inline-block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }

a.retweet span.vert { display: inline-block; font-size: 10px; margin-left: 0px; }*/

.oim a img {opacity:0.8;}
.oim a:hover img {opacity:1;}

#google_translate_element{margin:0 auto; text-align:center; width:99%;}
.goog-te-gadget { font-size:1px !important; color:#FFF !important;}
.goog-logo-link {display:none;}

object#atff {display:none;}