@import '../../../../../templates/pwrfactory/css/animated.css'    all;
/*
	content.css
	Main content styles for most pages with PsychoStats.

	These styles define how the layout and format for most pages will be displayed within PsychoStats.
*/


/* Body */
	body, html {
	margin: 0px; 
	padding: 0px;
	height: 100%;
	background: #16181a url(../../../../../templates/pwrfactory/images/bg.jpg) fixed no-repeat center center; 
	-moz-background-size: 100%; /* Firefox 3.6+ */
	-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	-o-background-size: 100%; /* Opera 9.6+ */
	background-size: 100%; /* Современные браузеры */
	font-size: 12px; 
	font-family: Arial,Tahoma, sans-serif;
	color: #cecece;
	text-shadow: 1px 1px 1px #000;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


a:link,
a:visited                                 {color: orange; text-decoration:none;}
a:hover                                   {color:#DFDEDD; }


#shadow{
	width: 1280px;
	margin: 0 auto;
	background-image:url('../../../../../../templates/pwrfactory/images/main/shadows_main.png');
	background-repeat:repeat-y;
}

.main{
	width: 1220px;
	background-image: url('../../../../../../templates/pwrfactory/images/main/bg_banlist.jpg');
	background-repeat: repeat-y;
	margin: 0 auto;
}

.top_block {
	width: 1220px;
	height: 102px;
	padding-top: 16px;
	padding-left: 27px;
	margin: 0 auto;
	background-image: url('../../../../../../templates/pwrfactory/images/top/top_block_bg.png');
	background-repeat: no-repeat;
}

.bottomline {
	width: 1138x;
	height: 5px;
	background-image: url('../../../../../../templates/pwrfactory/images/main/bottomline.png');
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.partners {
	width: 305px;
	height: 70px;
	background-image: url('../../../../../../templates/pwrfactory/images/partners/table.png');
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-left: 11px;
}

.partners_banner_first {
	padding: 1px;
	background: #800606;
	width: 88px;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

.partners_banner1 {
	padding: 1px;
	background: #800606;
	margin-top: -33px;
	width: 88px;
	margin-left: 96px;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

.partners_banner2 {
	padding: 1px;
	background: #800606;
	margin-top: -33px;
	margin-left: 191px;
	width: 88px;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

.pwr_top_mans_link {
	width: 190px;
	height: 102px;
	margin-top: -82px;
	margin-left: 924px;
}

.logo_block {
	width: 1181px;
	height: 268px;
	background-image: url('../../../../../../templates/pwrfactory/images/logo/logo_left_bg.png');
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: -16px;
	margin-left: 11px;
}

.pwr_slider {
	width: 1166px;
	height: 268px;
	margin: 0 auto;
	margin-left: 15px;
	background-image: url('../../../../../../templates/pwrfactory/images/logo/slider/logo_1.jpg');
	background-repeat: no-repeat;	
}

.logo_bot_block {
	width: 1220px;
	height: 47px;
	margin: 0 auto;
	background-image: url('../../../../../../templates/pwrfactory/images/logo/logo_bot_bg.png');
	background-repeat: no-repeat;
}

.menu_h {
	width: 664px;
	height: 35px;
	margin-left: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/menu/menu_h.png');
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-left: 25px;
	padding-right: 25px;
}

.menu_h img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.menu_h_text {
	vertical-align: -1px;
	padding-left: 8px;
	padding-right: 8px;
}
.menu_h_first_text {
	vertical-align: -1px;
	padding-left: 8px;
	padding-right: 8px;
}

a.menu_link {
	color: #9e0505;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}

a.menu_link:visited { 
	color: #9e0505;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}
a.menu_link:hover {
	color: #ababab; 
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}

.mon_block {
	width: 1138px;
	margin: 0 auto;
}

.mon_topline {
	width: 1138x;
	height: 96px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/topline.png');
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: -49px;
}

.mon_content {
	width: 1138x;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.mon-display {
	width: 213px;
	height: 148px;
	float: left;
	margin-left: 13px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/server_bg.png');
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 8px;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout {
    height: 101px;
    position: relative;
    width: 181px;
    overflow: hidden;
    border: 1px solid #FFF;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;
    box-shadow:1px 1px 2px #000;
    margin:0 auto;
    margin-top:3px;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout > img {
    width: 181px;
    height: 101px;
    z-index: 1;
}

.map-layout > .info-overlay {
    position: absolute;
    z-index: 2;
    color: #fff;
    height: inherit;
    width: inherit;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout > .info-overlay:hover {
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout > .info-overlay > .map {
    background: rgba(0,0,0,0.6);
    float: right;
    margin: 6px 4px 0 0;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout > .info-overlay > .game-ico {
    background: rgba(0,0,0,0.6);
    float: left;
    margin: 4px 0 0 4px;
    padding: 3px 3px 3px 3px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.map-layout > .info-overlay > .full-info {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    width: inherit;
    margin-bottom: -17px;
    text-shadow: 1px 1px 1px #000;
	font: normal 11px Tahoma, sans-serif;
}

.map-layout > .info-overlay:hover > .full-info {
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.map-layout > .info-overlay > .full-info .line.first,
.map-layout > .info-overlay > .full-info .line.second {
	margin: 5px 5px;
}

.map-layout > .info-overlay > .full-info .online-stats {
    float: right;
    margin: 0 5px;
}

.mon-title-hostname {
	height: 18px;
	width: 140px;
	padding-top: 8px;
	margin-left: 15px;
	font: normal 11px Tahoma, sans-serif;
}

.mon-title-status {
	height: 18px;
	margin-top: -18px;
	width: 41px;
	margin-left: 154px;
}

a.map_link {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}

a.map_link:visited {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}
a.map_link:hover {
    color: orange; 
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}

.mon-green {
   color: #37de12;
}

.mon-orange {
   color: orange;
}

.mon-orange-players {
   color: orange;
   font: normal 12px Arial, sans-serif;
}

.mon-hostname {
   color: #e5e6e8;
   font: normal 15px Arial, sans-serif;
   text-shadow: 1px 1px 1px #000;
}

.mon-online {
   color: #37de12;
   font: normal 15px Arial, sans-serif;
   text-shadow: 1px 1px 1px #000;
}

.mon-online-pwd {
   color: yellow;
   font: normal 15px Arial, sans-serif;
   text-shadow: 1px 1px 1px #000;
}

.mon-offline {
   color: #c60c0c;
   font: normal 15px Arial, sans-serif;
   text-shadow: 1px 1px 1px #000;
}

.mon-total-players {
	color: #fff;
	margin-top: 15px;
	margin-left: 3px;
}

.mon-info_1 {
	width: 190px;
	height: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/mon_text_bg.png');
	background-repeat: no-repeat;
	margin-top: 170px;
	margin-left: 24px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	line-height: 18px;
}

.mon-info_2 {
	width: 190px;
	height: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/mon_text_bg.png');
	background-repeat: no-repeat;
	margin-top: -51px;
	margin-left: 250px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	line-height: 18px;
}

.mon-info_3 {
	width: 190px;
	height: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/mon_text_bg.png');
	background-repeat: no-repeat;
	margin-top: -51px;
	margin-left: 476px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	line-height: 18px;
}

.mon-info_4 {
	width: 190px;
	height: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/mon_text_bg.png');
	background-repeat: no-repeat;
	margin-top: -51px;
	margin-left: 702px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	line-height: 18px;
}

.mon-info_5 {
	width: 190px;
	height: 46px;
	background-image: url('../../../../../../templates/pwrfactory/images/monitor/mon_text_bg.png');
	background-repeat: no-repeat;
	margin-top: -51px;
	margin-left: 929px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	line-height: 18px;
}

a.mon_info_link {
	color: orange;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}

a.mon_info_link:visited {
	color: orange;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}

a.mon_info_link:hover {
	color: orange; 
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, sans-serif;
}

.content {
	width: 1168px;
	margin: 0 auto;
}

.top_content_block {
	width: 1138px;
	margin: 0 auto;
}

.top_content {
	width: 1138x;
	margin: 0 auto;
}


.footer_block {
	width: 1219px;
	min-height: 226px;
	margin-left: -25px;
	background-image: url('../../../../../../templates/pwrfactory/images/footer/footer_shadows.png');
	background-repeat: no-repeat;
}

.footer_content {
	width: 1219px;
	height: 198px;
}

.footer_mans {
	width: 711px;
	height: 198px;
	background-image: url('../../../../../../templates/pwrfactory/images/footer/mans.png');
	background-repeat: no-repeat;
	margin-left: 254px;
	z-index: 1000;
}

.footer_copyright {
	width: 1219px;
	height: 28px;
	background-image: url('../../../../../../templates/pwrfactory/images/footer/copyright_bg.png');
	background-repeat: no-repeat;
	margin-top: 0px;
}

.footer_copyright_text {
	text-align: center;
	padding-top: 8px;
	color: #cfcfcf;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	text-shadow: 1px 1px 1px #000;
}

.footer_orange {
	color: orange;
}

.footer_social_title {
	width: 115px;
	height: 19px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_title.png');
	background-repeat: no-repeat;
	margin-top: -100px;
	margin-left: 551px;
}

.footer_social_title_text {
	color: #FFF;
	font-size: 9px; 
	font-family: Arial, sans-serif;
	padding-top: 4px;
text-align: center;
}

.footer_social {
	width: 380px;
	height: 60px;
	margin-top: 18px;
	margin-left: 422px;


}

.footer_social_button_bg_facebook {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
}

.footer_social_button_bg_youtube {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 63px;
}

.footer_social_button_bg_twitter {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 126px;
}

.footer_social_button_bg_google {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 189px;
}

.footer_social_button_bg_vk {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 252px;
}

.footer_social_button_bg_rss {
	width: 60px;
	height: 60px;
	background-image: url('../../../../../../templates/pwrfactory/images/social_panel/social_button_bg.png');
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 315px;
}

/* Wobble Vertical */

@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-vertical:hover {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#ps-main {
	padding-top: 1em;
	margin: 0 auto;
}

#ps-main h1, #ps-main h2, #ps-main h3
{
	font-family:Arial,Tahoma,Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;

}
#ps-main h1 { border-bottom: 1px solid black; font-weight: bold; color: #C0F400;padding-bottom: 5px;}
#ps-main h2 { font-size: 100%;	padding-top: 8px; }
#ps-main h3 { font-size: 80%; }

#ps-main-content {
	text-align: center;

}

#ps-page-title, .ps-section-title {
	text-align: center;
	margin: 0 1em 1em 1em;
	background: rgba(0,0,0,0.2);
	border: 1px solid black;
}
#ps-page-title div.inner, .ps-section-title div.inner {
	text-align: left;
	padding: 7px; /* 7px 7px 0 7px */
}
#ps-page-title h2, .ps-section-title h2 { 
/*
	float: left;
*/
}
#ps-page-title span, .ps-section-title span {
	float: right;
	font-weight: bold;
}

#ps-page-title div.ps-plr-profile {
	padding: 3px;
	margin: 0 7px 7px;
	border: 1px solid black;
	background: rgba(0,0,0,0.1);
	text-align: left;
}

div.ps-plr-profile div.row {
	margin: 3px 0;
}

div.ps-plr-profile div label {
	display: inline;
	float: left;
	width: 120px;
	padding-right: 0.5em;
	clear: left;
	font-weight: bold;
	text-align: right;
}

div.ps-plr-profile div p em { /* 'Not Set' statements */
	color: #666;
}

div.ps-plr-profile #map {
	height: 96px;
	width: 175px;
	float: right;
	background: rgba(0,0,0,0.3);
}

.ps-plr-logo {
	text-align: center;
	margin-bottom: 1em;
}

/* --- TABLE LAYOUT --------------------------------------------------------------- */
.ps-frame-header { 
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	background: rgba(0,0,0,0.4);
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-right:  1px solid black;
	padding: 8px;
}
.ps-frame-header span { 
	display: block;
	width: 100%;
}
.s-closed .ps-frame-header span {

}
.s-closed .ps-table-inner {
	display: none;
}

.ps-table-frame { 
	margin: 0 0.5em 1em 0.5em;
}
.ps-table-inner {
	border-top:  1px solid black;
}
.ps-table-inner1 {
	border: 1px solid black;
	background: rgba(0,0,0,0.2);
}
.ps-table-header {
	padding: 0 0.2em 0.2em 0;
	text-align: right;
}
.ps-table-footer {
	padding: 0.2em 0.2em 0 0;
	text-align: right;
}
.ps-table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-left: 1px solid black;
}
.ps-table th {
	line-height: 20px;
	background: rgba(0,0,0,0.3);
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ps-table td {
	padding: 0 0.5em 0 0.4em;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	line-height: 1.5em;
	color: silver;
	padding-top: 3px;
	padding-bottom: 3px;
}
.ps-table tr { 	background: rgba(0,0,0,0.2); }
.ps-table tr.even { background: rgba(0,0,0,0.3); }
.ps-table td.noborder { border: none; }
.ps-table tr.over {
	background: rgba(0,0,0,0.1);
}

.ps-table th.first { }
.ps-table td.first { border-left: none; }

/*
   This would be the ideal way to eliminate the extra border on the first
   column of tables. But noooooo, IE doesn't play nice. Instead we ruin
   the html by manually adding the 'first' class to the proper <td> tags
   on all tables.
.ps-table tr td:first-child { border-left: none; }
*/

.ps-table th a,
.ps-table th a:link,
.ps-table th a:visited,
.ps-table th a:hover,
.ps-table th a:active 
{
	color: #FFA500;
}
.ps-table th.active a {
	color: #FFA500;
}
.ps-table th.active a:hover {
	color: #FFA500;
	text-decoration: none;
}

.ps-table th.active p {
}
.ps-table th.active span {
	width: 100%;
	display: block;
	/* default the right side with no sort arrow */
}
.ps-table tr th.active span.asc {

	cursor: pointer;
}
.ps-table tr th.active span.desc {
	cursor: pointer;
}
.ps-table acronym {
	text-decoration: none;
	border: none;
	cursor: help;
}

.ps-table td.no-data {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: gray;
	padding: 0.5em 0;
}

.ps-table .left   { text-align: left; }
.ps-table .right  { text-align: right; }
.ps-table .center { text-align: center; }

/* --- Player table specific styles */
.ps-player-table a.plr,
.ps-clan-table a.clan,
.ps-map-table a.map,
.ps-weapon-table a.weapon,
.ps-role-table a.role
{
	font-weight: bold;
	font-size: 11px;
}

.ps-map-table td.first {
}
.ps-role-table td.first,
.ps-weapon-table td.first {
	width: 80px;
}

/* --- PAGER styles ------------ */
.pager {
	display: block;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pager-current, .pager-goto, .pager-next, .pager-prev {
	border: 1px solid black;
	padding: 0 2px;
	background: rgba(0,0,0,0.3);
	padding: 5px 7px 5px 7px;
}
.pager-current {
	background: rgba(0,0,0,0.2);
	font-weight: bold;
}
.pager-next, .pager-prev {
	background: rgba(0,0,0,0.3);
	padding: 5px 7px 5px 7px;
}

#error {
	width: 400px;
	margin: 3em auto;
	background: rgba(0,0,0,0.2);
	border: 1px solid orange;
	padding: 1em;
}
#error h1 {
	color: orange;
	font-size: 180%;
	border-bottom: 1px solid #999;
	margin-bottom: 0.5em;
}
#error p {
	font-size: 120%;
}

/* activity percentage bar */
.pct-bar {
	border: 1px solid #AAA;
	background-color: #EEE;
	height: 8px;
	overflow: hidden;
	text-align: left;
	display: block;
	float: none !important;
	text-align: left !important;
}
.pct-bar span {
	display: block;
	height: 100%;
	text-align: left;
	background-color: black;
}
.ps-column-content .pct-bar {
	margin-top: 7px;
}

/* dual percentage bars */
.dual-bar {
	border: 1px solid #AAA;
	background-color: #EEE;
	height: 8px;
	overflow: hidden;
	display: block;
	text-align: left !important;
	float: none !important;
}
.dual-bar span.left, .dual-bar span.right, .dual-bar span.center {
	float: left;
	display: block;
	height: 100%;
	text-align: left;
	background-color: black;
}
.dual-bar span.center { width: 1px; background-color: #AAA; }
.ps-column-content .dual-bar {
	margin-top: 7px;
}
/* awards.php */

#ps-award-frame {
	border: 1px solid black;
	background: rgba(0,0,0,0.1);
	margin: 0pt 0.5em 1em;
	text-align: left;
}

#ps-award-frame a.plr {
	font-weight: bold;
}

.ps-award-ctrl, .ps-award-ctrl-bottom {
	margin-bottom: 0.5em;
	border-bottom: 1px solid black;
	padding: 0;
	text-align: center;
	background: rgba(0,0,0,0.2);
	line-height:19px;
}
#ps-award-hdr {
	margin: 0.5em 0.25em;
	padding: 1em;
	text-align: center;

	border: 1px solid black;
	background: rgba(0,0,0,0.3);
	color: #D8D8EB;

}
#ps-award-hdr h1 {
	border: none;
	font-size: 110%;
}

.ps-award-ctrl-bottom {
	margin-top: 0.5em;
	border-top: 1px solid black;
	margin-bottom: 0;
	border-bottom: none;
}

.ps-award-ctrl-bottom div.next,
.ps-award-ctrl div.next {
	float: right;
	padding: 0 1em;
}
.ps-award-ctrl-bottom div.prev, 
.ps-award-ctrl div.prev {
	float: left;
	padding: 0 1em;
}

.ps-award-ctrl-bottom div.curr, 
.ps-award-ctrl div.curr {
	font-weight: bold;
}

.ps-award-ctrl-bottom a.next, 
.ps-award-ctrl a.next {
	background: url(../img/icons/arrow_right.png) no-repeat 100% 50%;
	padding-right: 20px;
	font-weight: bold;
	margin-left: 0.25em;
}

.ps-award-ctrl-bottom a.prev, 
.ps-award-ctrl a.prev {
	background: url(../img/icons/arrow_left.png) no-repeat 0 50%;
	padding-left: 20px;
	font-weight: bold;
	margin-right: 0.25em;
}

#ps-award-frame .award,
#ps-award-frame .award-neg {
	padding: 0.5em;
	border: 1px solid #000;
	margin: 0.25em;
	background: rgba(42,90,0,0.5);
}
#ps-award-frame .award-neg {
	background: rgba(48,0,0,0.5)
}

#ps-award-frame .award h2,
#ps-award-frame .award-neg h2 {
	font-size: 110%;
	font-weight: bold;
}
#ps-award-frame .award p,
#ps-award-frame .award-neg p {
	font-size: 100%;
	color: #ececec;
	margin: 0 1em;
	padding-top: 5px;
}

#ps-award-frame .selected-plr {
	border: 1px solid black;
}

.roleimg, .weaponimg, .mapimg {
	text-align: center;
	margin-bottom: 1em;
	margin-left: 1em;
}
.mapimg img {
	
}
.hitbox {
	margin: 0 0.5em 1em;
	text-align: left;
}

.blurb {
	text-align: left;
	margin: 1em;
	font-size: 80%;
	color: black;
}

#smallmap {
	position: absolute;
	width: 225px;
	height: 165px;
	border: 1px solid black;
}
#map {
	height: 350px;
	border: 1px solid black;
	width: 100%;
	margin: 0 auto;
}
.map-header, .map-footer {
	width: 90%;
	margin: 0 auto;
}
#ps-main .map-header h3 {
	font-size: 100%;
	color: black;
}
.map-footer p {
	font-size: 80%;
	color: #666;
	text-align: left;
}

.ofc-left {
	width: 49%;
	float: left;
	margin-bottom: 1em;
}
.ofc-right {
	width: 49%;
	float: left;
	margin-bottom: 1em;
}
.ofc-least {
	width: 25%;
	float: left;
	margin-bottom: 1em;
}
.ofc-most {
	width: 75%;
	float: left;
	margin-bottom: 1em;
}
.ofc-full{
	width: 100%;
	margin: 0 auto 1em;
}

.skillchange-up, .skillchange-down, .rankchange-up, .rankchange-down {
	display: inline !important;
	float: none;
}

em.add-friend {
	font-size: 90%;
	font-style: normal;
}
em.add-friend a {
	color: gray;
}

/* Slider styles */
.ui-slider-1 .ui-slider-handle, 
.ui-slider-2 .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(../img/slider-handle.gif);  }
/* .ui-slider-1 .ui-slider-handle-active, .ui-slider-2 .ui-slider-handle-active { border: 1px dotted black;  } */
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider-1 { width: 200px; height: 23px; position: relative; background-image: url(../img/slider-bg-1.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-2 { width: 200px; height: 23px; position: relative; background-image: url(../img/slider-bg-2.png); background-repeat: no-repeat; background-position: center center; }

/* Heatmap styles */
.heatmap {
	margin: 0 1em 0 0;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #000;
	overflow: hidden;
	position: relative;
}

.heatmap img.overlay {
/*
	position: relative;
*/
}

.heatmap img.heat {
	position: absolute;
	top: auto;
	left: auto;
}

.heatmap div.ontop {
	position: absolute;
	color: #cccccc;
}
.heatmap div.hour {
	top: 0;
	right: 10px;
	width: 3.5em;
	display: none;
}
.heatmap div.hour .hour {
	font-size: 3em;
	font-family:Arial,Tahoma,Verdana, sans-serif;
	line-height: 1em;
	display: block;
}
.heatmap div.hour .desc {
	font-size: 90%;
}

.heatmap-ctrl {
	line-height: 1.75em;
	margin: 0 1em 0 0;
	padding: 0.25em 0;
	border: 1px solid black;
	background-color: #ccc;
	background: #ccc url(../img/page-title-bg.png) repeat-x top left;
}

.heatmap-slider {
	margin: 0 auto;
}

.heatmap-ctrl select option {
	padding-right: 10px;
}

.heatmap-progress {
	position: absolute;
	display: none;
}

#gallery div.theme {
	width: 80%;
	margin: 0 auto 1em;
	background-color: #EEE;
	border: 1px outset black;
	text-align: left;
	padding: 0.5em;
}
#gallery div.theme h3 {
	font-size: 100%;
	font-weight: normal;
	background: url(../img/page-title-bg-reverse.png) repeat-x left bottom;
	padding: 3px;
	border: 1px outset black;
	border-bottom: 2px solid black;
	margin-bottom: 0.25em;
}
#gallery div.theme h3 a {
	display: block;
}
#gallery div.theme p {
	line-height: 1.5em;
	overflow: hidden;
}
#gallery div.theme p label {
	font-weight: bold;
	display: table-cell;	/* Doesn't work in IE6, owell ... better than using floats */
	width: 75px;
}
#gallery div.theme p span {
	display: table-cell;
}
#gallery div.theme p.description {
	margin: 0.5em;
	color: #666;
}
#gallery div.theme .preview {
	float: right;
	border: 1px inset black;
	padding: 3px;
	background-color: #FFF;
	margin-left: 3px;
}
#gallery div.theme .preview img {
	max-width: 300px;					/* FF  */
	width: expression(this.width > 300 ? '300px' : true);	/* IE6 */
}
#gallery div.theme .website a 	{ padding-left: 20px; background: url(../img/icons/house.png) no-repeat 0 50%; }
#gallery div.theme .author  	{ padding-left: 20px; background: url(../img/icons/user_green.png) no-repeat 0 50%; }
#gallery div.theme .version  	{ padding-left: 20px; background: url(../img/icons/note.png) no-repeat 0 50%; }
#gallery div.theme .source  	{ padding-left: 20px; background: url(../img/icons/package.png) no-repeat 0 50%; }
#gallery div.theme .inuse  	{ padding-left: 20px; background: url(../img/icons/accept.png) no-repeat 0 50%; }
#gallery div.theme p.description { text-indent: 20px; background: url(../img/icons/information.png) no-repeat top left; }

#gallery div.theme p.inuse {
	color: green;
	font-weight: bold;
	background: none;
	padding: 0;
}

img.img-delete { /* editclan.php */
	background: url(../img/icons/delete.png) no-repeat 0 0;
}

/* --- weapon 'classes' ------------------- */
/* not used at the moment 
.ps-weapon-class-title {
	text-align: left;
	padding-left: 1em;
	margin-bottom: 0.5em;
	margin-top: 1em;
	background: url(../img/h1-bg.png) repeat-x left top;
	border: 1px solid #778899;
}

.ps-weapon-classes {
	text-align: center;
	font-weight: bold;
}
.ps-weapon-classes ul {
}
.ps-weapon-classes ul li {
	display: inline;
	margin-left: 0.5em;
}
.ps-weapon-classes a {
	text-decoration: none;
}

*/

/* --- stat tile blocks */
/* not used at the moment
.ps-tile-container {
	margin: 1em;
}

.ps-tile {
	margin: 0 0.5em 0.5em 0;
	float: left;
	padding: 0em;
	width: 200px;
	border: 1px solid black;
}

.ps-tile img.tile-img {
	width: 200px;
	height: 80px;
}

.ps-tile h2 {
	font-size: 100%;
	font-weight: bold;
}

.ps-tile p {
	height: 1.5em;
	padding: 0.1em 0.3em 0 0.3em;
	clear: both;
	background: url(../img/pct-red.png) no-repeat 200px 50%;
}
.ps-tile p.green {
	background-image: url(../img/pct-green.png);
}
.ps-tile p.blue {
	background-image: url(../img/pct-blue.png);
}

.ps-tile p label {
	float: left;
	text-align: left;
	font-weight: bold;
	width: 40%;
}
.ps-tile em {
	float: left;
	text-align: right;
	line-height: 1.5em;
	width: 3em;
	font-size: 90%;
	font-style: normal;
}
.ps-tile p span {
	float: right;
	text-align: right;
}

.ps-tile-clear { 
	clear: left; 
	margin: 1em 0;
}
*/

/* weapon image popup styles --- */
/* not used at the moment
.weapon-popup {
	position: absolute;
/*	width: 200px;
	height: 100px; */
/*
	overflow: hidden;
	border: 2px solid black;
	text-align: center;
	background: white;
	z-index: 65535;
}
.weapon-popup img { }
.weapon-popup p { 
	color: white;
	background: black;
	padding: 0.1em;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}
*/



/* --- clear floats ------------ */
.clear { clear: both; }
.ps-stat-container:after, 
.ps-stat-content p:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .ps-stat-container,
* html .ps-stat-content p
{ 
	height:1%; 
}

.scrollup{
	width:69px;
	height:53px;
	opacity:0.9;
	position:fixed;
	bottom:50px;
	right:12px;
	display:none;
	text-indent:-9999px;
	background: url('../../../../../templates/pwrfactory/images/main/icon_top.png') no-repeat;
}

.search-pad {
	padding-top: 27px;
}