@import url(reset.css);
@import url(scaffold.css);
@import url(popup.css);
@import url(jquery.cluetip.css);

/* =body
************************************************************** */

body {
	background: url(i/noise.png) repeat;
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #999;
}

/* =site
************************************************************** */

#site {
	background: url(i/bg/site-bg.jpg?v=3) no-repeat center top;
}

#splash #site {
	background-image: none;
}

/* =masthead
************************************************************** */

#masthead {
	position: relative;
	margin-bottom: 15px;
	padding-top: 120px;
	/*background: url(i/bg/masthead-bg1.jpg) no-repeat left 70px;*/
}

.js #site div.rotator {
	background: none;
}

.js #masthead-rotator {
	position: absolute;
	width: 999px;
	height: 122px;
	overflow: hidden;
	bottom: 2px;
	left: 0;
	z-index: 1;
}

/* =masthead-top
************************************************************** */

#top {
	position: relative;
	background: url(i/top-bg.png) no-repeat left bottom;
	padding-top: 2.75em;
	z-index: 10;
}

#top:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/*
#name {
	position: absolute;
	width: 229px;
	height: 57px;
	left: 20px;
	top: 35px;
	background: url(i/logo.png?v=3) no-repeat left top;
	text-indent: -1000em;
}
*/

#name {
	position: absolute;
	width: 246px;
	height: 61px;
	left: 20px;
	top: 31px;
	background: url(i/logo-r.png?v=1) no-repeat left top;
	text-indent: -1000em;
}

#name a {
	display: block;
	width: 229px;
	height: 57px;
	outline: none;
}

#title {
	position: absolute;
	right: 25px;
	top: 20px;
	width: 176px;
	height: 77px;
	background: url(i/masthead-title.png) no-repeat left top;
	text-indent: -1000em;
	z-index: 10;
}

/* =masthead-top-nav
************************************************************** */

#nav {
	position: relative;
	margin-right: 5px;
	margin-left: 4px;
}

#nav ul {
	list-style: none;
	position: relative;
	background: url(i/nav-bg.gif) repeat-x left center;
}

#nav ul:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#nav li {
	float: left;
}

#nav li:first-child a,
#nav li:first-child span {
	background-image: none;
}

#nav li a,
#nav li span {
	display: block;
	padding: 11px 11px 9px 14px;
	color: #bdebbe;
	background: url(i/nav-li.gif) no-repeat left center;
	font-size: 1.08em;
}

#nav li a:hover {
	color: #fff;
}

#nav li.selected,
#nav li.current {
	color: #fff;
}

#nav li.selected a,
#nav li.current span {
	color: #fff;
}

.js #nav .crn-l-t ,
.js #nav .crn-r-t,
.js #nav .crn-l-b,
.js #nav .crn-r-b   {
	position: absolute;
	width: 5px;
	height: 4px;
	background-position: left top;
	background-repeat: no-repeat;
}

.js #nav .crn-l-t {
	top: 0;
	left: 0;
	background-image: url(i/crn-l-t.gif);
}

.js #nav .crn-r-t {
	top: 0;
	right: 0;
	background-image: url(i/crn-r-t.gif);
}

.js #nav .crn-l-b {
	bottom: 0;
	left: 0;
	background-image: url(i/crn-l-b.gif);
}

.js #nav .crn-r-b {
	bottom: 0;
	right: 0;
	background-image: url(i/crn-r-b.gif);
}

/* =headers
************************************************************** */



.header:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.header h1,
.header h2,
.header h3,
.header h4 {
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.header {
	padding-bottom: 0.88em;
}

.header h1,
.header h2 {
	font-size: 1.42em;
	color: #fff;
}

.header h3 {
	font-size: 1.25em;
	color: #eeee9a;
}

.header h3 a {
	color: #eeee9a;
}

.header h4 {
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.header .action {
	float: right;
	padding-top: 0.5em;
}

.header .action a {
	color: #bdebbe;
}

#server .header h5 {
	margin-top: 1.5em;
}

/* =main-content
************************************************************** */

#main {
	/*background: url(i/main-faux-border.gif) repeat-x left top;*/
	padding-top: 14px;
}

#main a:hover {
	text-decoration: underline;
}

.hentry {
	background: url(i/entry-faux-border.gif) repeat-x left bottom;
	padding-bottom: 16px;
	margin-bottom: 19px;
	padding: 5px 10px 10px 10px;
}

#news-list .header {
	margin-bottom: 0.4em;
	padding-bottom: 0;
}

.no-comments {
	margin-top: 10px;
}

.entry-info {
	background: url(i/entry-info-bg.gif) repeat;
	margin-bottom: 1em;
	color: #b8b8b8;
	font-size: 0.83em;
	/*padding: 4px 0 3px 0;*/
}

.entry-info:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.entry-info .published {
	display: block;
	float: left;
}

.entry-info .day {
	padding: 6px 4px 5px 4px;
	background-color: #313131;
	display: block;
	float: left;
}

.entry-info .month {
	padding: 6px 10px 5px 10px;
	background-color: #2a2a2a;
	display: block;
	float: left;
}

.entry-info .comments-amount {
	padding: 6px 0 5px 10px;
	color: #bdebbe;
	display: block;
	float: left;
}

.entry-info .plugins {
	display: block;
	float: right;
	padding-right: 10px;
}

.entry-info .plugins .like {
	display: block;
	position: relative;
	bottom: -2px;
	float: left;
	width: 75px;
	overflow: hidden;
	margin-right: 10px;
}

.entry-info .plugins .share {
	display: block;
	float: left;
	position: relative;
	bottom: -3px;
}

.entry-content p {
	line-height: 1.4em;
}

.entry-content ul,
.entry-content ol {
	margin-left: 15px;
}

/* =content-2nd
************************************************************** */

#archive {
	margin-bottom: 23px;
}

#archive h2 {
	padding-left: 12px;
}

#calculator h2 {
	padding-left: 11px;
}

/* =your-servres
************************************************************** */

#your-servers {
	margin-bottom: 23px;
}

#your-servers h2 {
	padding-left: 12px;
}

#your-servers .list  span {
	display: block;
}

#your-servers .list  span.server {
	color: #7a7a7b;
	font-size: 0.92em;
	margin-top: 0.4em;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#your-servers .list  span.online {
	background-image: url(i/online-sp.gif);
}

#your-servers .list  span.offline {
	background-image: url(i/offline-sp.gif);
}

#your-servers  .list span.suspended {
	background-image: url(i/suspended-sp.gif);
}

#your-servers  .list span.expired {
	background-image: url(i/expired-sp.gif);
}

/* =calculator
************************************************************** */

#calculator .calculator-fields:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#calculator form .fields {
	display: block;
	width: 95%;
	float: right;
}

#calculator form select {
	width: 100%;
	margin-bottom: 10px;
}

#calculator .status {
	padding-left: 11px;
	border-top: 1px #434345 dashed;
	margin-top: 10px;
	padding-top: 10px;
}

#site #calculator .status .amount {
	margin-right: 0;
}

/* =content-3rd
************************************************************** */

#login {
	display: block;
	margin-bottom: 30px;
}

#login input[type="text"],
#login input[type="password"] {
	display: block;
	width: 95%;
	margin-bottom: 0.8em;
	padding: 0.3em;
}

#login .btn a {
	color: #fff;
}

/* =partners, friends, powered-by
************************************************************** */

#partners,
#friends {
	margin-bottom: 30px;
}

#partners .banner,
#friends .banner {
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

#partners .header,
#friends .header {
	background: url(i/partners-bg-top.png) no-repeat left bottom;
	margin-bottom: 0;
	padding-bottom: 0.88em;
}

#partners .partners-list,
#friends .friends-list {
	background: url(i/partners-bg-bottom.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	padding-top: 6px;
}

#partners  .partners-list a:last-child,
#friends  .friends-list a:last-child  {
	margin-bottom: 0;
}

.js #partners  .partners-list .last,
.js #friends  .friends-list .last {
	margin-bottom: 0;
}	

#powered-by {
	margin-bottom: 30px;
}

#powered-by div {
	text-align: center;
	margin-top: 10px;
}

#powered-by a {
	margin: 0 2px;
}

/* =loged-in
************************************************************** */

#loged-in {
	margin-bottom: 30px;
}

#loged-in .personal {

	padding-bottom: 10px;
	background: url(i/entry-faux-border.gif) repeat-x left bottom;
}

#loged-in .personal img {
	float: left;
}

#loged-in .personal .data {
	margin-left: 60px;
}

#loged-in .personal .data .name{
	color: #bdebbe;
	font-weight: bold;
}

#loged-in .personal .data .position:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#loged-in .personal .data .position span.position-name {
	display: block;
	float: left;
	font-size: 0.83em;
	color: #999;
}

#loged-in .personal .data .position span.position-name.user-id {
	font-size: 1em;
}

#loged-in .personal .data .position span.btn {
	display: block;
	float: right;
}

/* =comments, contact-form
************************************************************** */

#comments {
	padding-bottom: 16px;
	background:transparent url(i/entry-faux-border.gif) repeat-x scroll left bottom;
	margin-bottom: 19px;
}

#comments li {
	position: relative;
	display: block;
	padding-bottom: 10px;
	padding-top: 4px;
	background: url(i/comment-top.gif) no-repeat right top;
	margin-top: 10px;
}

#comments li .avatar {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 65px;
	height: 50px;
	background: url(i/comment-bit.gif) no-repeat right bottom;
}

#comments li blockquote {
	margin-left: 65px;
	padding: 6px 10px 10px 10px;
	background: #1f1f21 url(i/comment-bottom.gif) no-repeat left bottom;
}

#comments li blockquote p.author {
	color: #bdebbe;
	margin-bottom: 0.5em;
}

#comments li blockquote p {
	overflow: hidden;
}

#comments li.even-author,
#comments li.admin {
	background-position: left top;
}

#comments li.even-author .avatar,
#comments li.admin .avatar {
	right: 0;
	left: auto;
	width: 65px;
	height: 50px;
	text-align: right;
	background-image: url(i/comment-bit-even-author.gif);
	background-position: left bottom;
}

#comments li.even-author blockquote,
#comments li.admin blockquote {
	margin-right: 65px;
	margin-left: 0;
	background-image: url(i/comment-bottom-even-author.gif)
}

#comments li.repeat {
	margin-top: 0px;
}

#add-comment,
#contact-form {
	display: block;
	padding-top: 5px;
	background: url(i/add-comment-top.gif) no-repeat left top;
}

#add-comment fieldset,
#contact-form fieldset {
	display: block;
	padding: 5px 10px 10px 10px;
	background: #1f1f21 url(i/add-comment-bottom.gif) no-repeat left bottom;
}

#add-comment .author-data:after,
#contact-form .author-data:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#add-comment .author-data input[type="text"],
#add-comment textarea,
#contact-form .author-data input[type="text"],
#contact-form textarea {
	display: block;
	width: 97%;
	margin-bottom: 0.3em;
	padding: 0.3em;
}
#add-comment textarea,
#contact-form textarea {
	display: block;
	width:98%;
	margin-bottom: 0.3em;
	padding: 0.3em;
}

#add-comment .author-data label:after,
#contact-form label:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#add-comment .author-data span,
#contact-form label span {
	float: left;
}

#add-comment .author-data span.mandatory,
#contact-form  label span.mandatory {
	display: block;
	float: right;
	font-size: 0.83em;
	color: #797956;
}

#add-comment .author-data .name,
#contact-form .author-data .name {
	width: 220px;
	float: left;
}

#add-comment .author-data .email,
#contact-form .author-data .email  {
	float: right;
	width: 220px;
}

#add-comment .btn,
#contact-form .btn {
	margin-top: 20px;
}

#add-comment .btn a,
#contact-form .btn a {
	color: #fff;
	font-weight: bold;
}


#contact-form  select {
	width: 100%;
}

/* =regulations
************************************************************** */

#regulations ol {
	list-style: decimal;
	margin-left: 15px;
}

#regulations  li {
	margin-bottom: 2em;
}

#regulations  li p:first-child {
	display: inline;
	margin-left: -6px;
}

#regulations ul {
	margin-top: 0.5em;
}

#regulations ul li {
	margin-left: 25px;
	margin-bottom: 0.5em;
}

#regulations p.break {
	margin-bottom: 1em;;
}

/* =login-main, register
************************************************************** */

#login-main .fields:after,
#register .fields:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#login-main .fields .login,
#register .fields .login {
	float: left;
	width: 49%;
}

#login-main .fields .pass,
#register .fields .pass {
	float: right;
	width: 48%;
}

#login-main .fields input[type="text"],
#login-main .fields input[type="password"],
#register .fields input[type="text"],
#register .fields input[type="password"] {
	display: block;
	width: 95%;
	margin-bottom: 0.3em;
	padding:  0.3em;
	font-size: 1em;
}



#login-main a.button,
#register a.button {
	color: #fff;
	font-weight: bold;
}

#register #regulations {
	padding: 10px;
	background-color: #1f1f21;
	height: 17.25em;
	overflow: auto;
	margin-bottom: 0.3em;
}

#register .redirect {
	color: #666;
}

#register .recommendator {
	font-weight: bold;
}

/* =server
************************************************************** */

.header p.server {
	font-size: 0.92em;
	clear: left;
	float: left;
}

.header p.online,
.header p.offline,
.header p.expired {
	padding-right: 46px;
}

.header p.online {
	background: url(i/online.gif) no-repeat right top;
}

.header p.offline {
	background: url(i/offline.gif) no-repeat right top;
}

.header p.expired {
	background: url(i/expired.gif) no-repeat right top;
}

.header p.server-description {
	float: right;
	font-size: 0.92em;
}

#server input[type="text"],
#server input[type="password"] {
	width: 15.83em;
}

#server select {
	width: 18.8em;
	padding: 0.2em;
}

#server select.normal {
	width: auto;
}

#server .addon select {
	width: 16.6em;
}

.validate .domain {
	vertical-align: 0.4em;
}

#server textarea {
	width: 95%;
	height: 5.40em;
}

#server .btn {
	margin-bottom: 20px;
}

.subheader {
	padding-bottom: 4px;
	margin-bottom: 5px;
	background: url(i/subheader-faux-border.gif) repeat-x left bottom;
	margin-top: 10px;
}



#server .header p.action a {
	color: #bdebbe;
}

#server .special {
	background-color: #252527;
}

#server .special p {
	overflow: hidden;
}

table.data {
	width: 100%;
	clear: both;
}

table.data thead th {
	color: #fff;
	font-weight: bold;
}

table.data thead {
	background-color:  #252527;
}

table.data thead th,
table.data tbody td {
	font-size: 0.83em;
	vertical-align: middle;
}

table.data tbody tr {
	background: url(i/subheader-faux-border.gif) repeat-x left bottom;
}

table.data tbody td,
table.data thead th {
	padding: 0.4em 0 0.3em 0;
}

table.data tbody td.value {
	color: #fff;
	font-size: 1.10em;
}

table.data tbody tr.even {
	background-color: #252527;
}

#tab-informacje table.data thead th {
	display: none;
}

ul.addons {
	font-size: 0.92em;
}

ul.addons li {
	padding: 0.82em 0 0.8em 0;
	/*background: url(i/subheader-faux-border.gif) repeat-x left bottom;*/
	border-bottom: 1px #424243 dashed;
	padding-right: 33px;
}

ul.addons li.owned {
	background: url(i/server-active.gif) no-repeat right center;
}

ul.addons li.stopped {
	background: url(i/server-stopped.gif) no-repeat right center;
}

ul.addons li p.title {
	color: #fff;
}

#tab-opcje form,
#tab-delegacja form {
	margin-top: 15px;
}

.columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#server .addon,
#server .code {
	float: left;
	width: 45%;
}

#server .addon {
	margin-right: 10px;
}

#tab-delegacja label {
	color: #7a7a7b;
}

#tab-delegacja .addons li {
	background: url(i/server-active.gif) no-repeat right center;
}

.addons li p.title span.nick {
	font-weight: bold;
}

.addons li a.del {
	color: #bdebbe;
	padding-left: 15px;
	background: url(i/del.gif) no-repeat left center;
}

#tab-delegacja .addons li.blocked {
	background-image: url(i/server-stopped.gif);
}


#tab-statystyki .stats {
	width: 230px;
	float: left;
}

#tab-statystyki .rest {
	width: 230px;
	float: right;
}

#tab-statystyki .stats .name{
	float: left;
}

#tab-statystyki .stats .value{
	float: right;
}

#tab-statystyki .stats p {
	font-size: 0.83em;
	color: #fff;
	font-weight: bold;
}

#tab-statystyki table.data {
	border-top: 1px #3e3e40 dashed;
	margin: 3px 0;
}

.frame {
	padding: 6px;
	background-color: #fff;
	overflow: auto;
	margin-bottom: 5px;
}

p.disabled {
	padding: 0.3em;
	margin-bottom: 0.3em;
	width: 18.3em;
	background-color: #1f1f21;
}

#main #server input.long {
	width: 92%;
}

#main #server p.long {
	width: auto;
}

#tab-statystyki .favoured {
	background-image: url(i/stats-fav-top.gif);
}

.stats .favoured div {
	background-image: url(i/stats-fav-bottom.gif);
}

.stats .favoured div p {
	text-align: center;
	padding: 10px 0;
}

#reinstall-info {
	display: none;
}

#site #command {
	width: 92%;
}

#command-options p {
	padding-left: 19px;
	font-size: 0.92em;
}

#command-options input {
	display: none;
}

.js #command-options input {
	display: inline;
}

#server .subheader .action {
	padding-top: 0;
}

#site td.players-amount {
	text-align: center;
}

.starting-command {
	overflow: hidden;
}

#tab-logi .special {
	height: 600px;
	overflow: auto;
}

#amx-conf {
	list-style: none;
}

#amx-conf li {
	margin-bottom: 10px;
}

#amx-conf li.conf-li {
	background: url(i/subheader-faux-border.gif) repeat-x scroll left bottom;
}

#amx-conf .header {
	padding-bottom: 0;
}

#amx-help-l,
#amx-configuration-help-l {
	float: left;
	margin-right: 20px;
}

#restarts-details {
	display: none;
	padding-top: 15px;
}

#restarts-details2 {
	display: none;
}

#restarts-details.shown,
#restarts-details2.shown {
	display: block;
}

#server .check-lbl {
	position: relative;
	top: -2px;
}

/* =profile
************************************************************** */

#profile input[type="text"],
#profile input[type="password"] {
	width: 15.83em;
}

#profile textarea{
	width: 95%;
	height: 5.40em;
}

#profile select {
	width: 16.6em;
}

#profile .instructions {
	margin-bottom: 1.5em;
}

#profile .file {
	float: left;
}

#profile .upload {
	float: right;
	padding-top: 0.2em;
}


#profile .status,
#calculator .status  {
	line-height: 2em;
	margin-bottom: 15px;
}

#profile .status:after,
#calculator .status:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#profile .status .caption,
#calculator .status .caption {
	float: left;
}

#profile .status .value,
#calculator .status .value {
	float: right;
	text-align: right;
}
#profile .status .amount,
#calculator .status .amount  {
	margin-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
}

#profile form.order select{
	width: 18.8em;
}

#profile .discount-ok {
	margin-left: 5px;
	vertical-align: middle;
	padding-bottom: 0.8em;
}


/* =customer-service
************************************************************** */

#customer-service .list p {
	color: #999;
}

#customer-service .list .separator {
	color: #414142;
}

#customer-service .list p.title {
	font-size: 1.25em;
	color: #eeee9a;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#customer-service .list li.new p.title {
	padding-left: 20px;
	background: url(i/mail.png) no-repeat left center;
}

form#customer-service {
	display: block;
	padding-top: 5px;
	background: url(i/add-comment-top.gif) no-repeat left top;
}

#customer-service fieldset {
	display: block;
	padding: 5px 10px 10px 10px;
	background: #1f1f21 url(i/add-comment-bottom.gif) no-repeat left bottom;
}

#customer-service input[type="text"],
#customer-service input[type="password"] {
	display: block;
	width: 95%;
	margin-bottom: 0.8em;
	padding: 0.3em;
	margin-top: 0.5em;
}

#customer-service textarea {
	width: 95%;
	height: 5.40em;
}

#customer-service select {
	width: 97.2%;
}

form#add-comment div,
form#customer-service div{
	margin-top: 8px;
}

/* =wallet, order
************************************************************** */

#wallet .status,
#order .status {
	line-height: 2em;
	margin-bottom: 15px;
}

#wallet .status:after,
#order .status:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#wallet .status .caption,
#order .status .caption {
	float: left;
}

#wallet .status .caption {
	font-size: 0.83em;
}

#wallet .status .value,
#order .status .value {
	float: right;
	text-align: right;
}

#wallet .status .amount,
#order .status .amount  {
	margin-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
}
	
#wallet .top-up .caption {
	font-size: 1em;
}

#wallet .top-up .value {
	float: left;
	margin-left: 40px;
}
	
#wallet table.data thead th {
	display: none;
}

#wallet table.data td {
	color: #fff;
}

#order table tbody tr td.amount,
#wallet table tbody tr td.amount {
	white-space: nowrap;
}

table.data td.date {
	text-align: right;
	padding-right: 10px;
}

#order table {
	width: 100%;
}

#order table thead th {
	display: none;
}

#order table tbody tr td {
	background: url(i/entry-faux-border.gif) repeat-x left bottom;
	padding: 0.5em;
}

#order table tbody tr td.btn {
	vertical-align: middle;
}

#order table tbody tr td.amount {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	vertical-align: bottom;
	white-space: nowrap;
	text-align: right;
}

#order table tbody td p.title {
	color: #fff;
}

#order table tbody td p.title span.game {
	font-weight: bold;
}

#order table tbody td a.del {
	color: #bdebbe;
	padding-left: 15px;
	background: url(i/del.gif) no-repeat left center;
}

#wallet .payment-amount {
	width: 49%;
	float: left;
	white-space: nowrap;
}

#wallet .payment-number {
	width: 49%;
	float: right;
}

#wallet input[type="text"],
#wallet input[type="password"] {
	display: block;
	width: 95%;
	margin-bottom: 0.8em;
	padding: 0.3em;
}

#wallet .top-up input[type="text"],
#wallet .top-up input[type="password"] {
	display: block;
	width: 17.3em;
	margin-bottom: 0.8em;
	padding: 0.3em;
}

.payment-operators {
	list-style: none;
}

.payment-operators:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.payment-operators li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.payment-operators li.sms-payment {
	margin-bottom: 9px;
}

.payment-type .payment-operators li {
	width: 210px;
}

.payment-operators li .logo {
	display: block;
	width: 210px;
	background: url(i/payment-option-bg.png) no-repeat left top;
	line-height: 87px;
	text-align: center;
	margin-bottom: 0;
	cursor: pointer;
	margin-bottom: 5px;
}

.payment-operators li .logo img {
	vertical-align: middle;
}

#order td.amount {
	padding-bottom: 0.4em;
}

#order td.amount p {
	padding-bottom: 0.11em;
}

#order td p.payment {
	padding-left: 10px;
	margin-top: 0.4em;
}

#order td.amount .payment-amount {
	font-size: 0.67em;
	margin-top: 0.4em;
	padding-bottom: 0;
}

#order td .nick {
	font-weight: bold;
}

#paymentAmount {
	float: left;
	margin-right: 5px;
}

#wallet .currency {
	float: left;
	padding-top: 0.45em;
}

ul.sms-list {
	margin-left: 15px;
}

/* =logs
************************************************************** */

#logs table.data thead th {
	display: none;
}

#logs table.data td {
	color: #fff;
}

/* =free-servers
************************************************************** */

#free-servers table {
	width: 100%;
	font-size: 0.83em;
}

#free-servers table thead tr {
	background: url(i/subheader-faux-border.gif) repeat-x left bottom;
}

#free-servers table tbody tr  {
	background: url(i/free-servers-pattern.gif) repeat;
}

#free-servers table tbody tr.shrinked {
	background: none;
}

#free-servers table thead th,
#free-servers table tbody td  {
	padding-bottom: 10px;
	vertical-align: top;	
}

#free-servers table tbody td {
	background: url(i/subheader-faux-border.gif) repeat-x left bottom;
	padding: 0 5px;
}

#free-servers table thead th a {
	padding: 7px 21px 5px 9px;
}

#free-servers table thead th a.selected {
	background-color: #171717;
}

#free-servers table thead th a.up,
#free-servers table thead th a.down {
	background-repeat: no-repeat;
	background-position: right center;
}

#free-servers table thead th a.up {
	background-image: url(i/up.gif);
}

#free-servers table thead th a.down {
	background-image: url(i/down.gif);
}

#free-servers table tbody td {
	padding: 8px 0;
}

#free-servers table tbody .header h3 {
	line-height: 1em;
	font-size: 1.50em;
}

#free-servers table tbody .header h3 img {
	float: left;
	margin-right: 5px;
	vertical-align: top;
}

#free-servers table tbody .header p.title-info {
	padding-top: 5px;
	clear: both;
	font-size: 1.1em;
}

#free-servers table tbody .header p.close {
	float: right;
	font-size: 1.1em;
}

#free-servers .stats {
	width: 460px;
	float: left;
}

#free-servers .stats .favoured {
	float: left;
	width: 230px;
}

#free-servers tr.full .columns {
	padding: 10px;
}

#free-servers .overall-stats {
	width: 210px;
	float: right;
}

#free-servers  table.data {
	font-size: 1.2em;
}

#free-servers  table.data tr {
	background: url(i/subheader-faux-border.gif) repeat-x left bottom
}

#free-servers .stats .name {
	float: left;
	color: #fff;
}

#free-servers .stats .value {
	color: #fff;
	float: right;
}

#free-servers table.data {
	border-top: 1px #3e3e40 dashed;
}

#free-servers table.data thead th,
#free-servers table.data tbody td {
	padding-bottom: 0.3em;
	background-image: none;
	padding-left: 0;
	padding-right: 0;
}


#free-servers table.data thead tr {
	background-color: #252527;
}

#free-servers table.data tbody tr.even {
	background-color: #252527;
}

#free-servers .overall-stats  table {
	font-size: 1em;
}

#free-servers .overall-stats  table thead {
	display: none;
}

#free-servers .overall-stats  table tr {
	background: url(i/subheader-faux-border.gif) repeat-x left bottom;
}

#free-servers .overall-stats  table tbody td {
	padding: 0.4em 0 0.3em;
	background-image: none;
}

#free-servers a.details.loading {
	padding-right: 24px;
	background: url(i/roller.gif) no-repeat right center;
}

#free-servers a.details.loading:hover {
	text-decoration: none;
}

/* =buy-game
************************************************************** */

#buy-game ul {
	list-style: none;
}

#buy-game ul li {
	padding-bottom: 18px;
	border-bottom: 1px dashed #414142;
	margin-bottom: 7px;
}

#buy-game .price {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.36em;
	font-weight: bold;
	margin-right: 5px;
}

#buy-game .action {
	padding-top: 0;
}

#buy-game .includes img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* =my-servers
************************************************************** */

#my-servers ul {
	list-style: none;
}

#my-servers ul li {
	padding-bottom: 18px;
	border-bottom: 1px dashed #414142;
	margin-bottom: 7px;
}

#my-servers .header {
	padding-bottom: 0;
}

#my-servers .header input {
	float: left;
	margin-right: 5px;
}

#my-servers .action {
	padding-top: 3px;
}

#my-servers .descr img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#my-servers ul li.online h3 a {
	padding-left: 46px;
	background: url(i/online.gif) no-repeat left center;
}

#my-servers ul li.offline h3 a {
	padding-left: 46px;
	background: url(i/offline.gif) no-repeat left center;
}

#my-servers ul li.suspended h3 a {
	padding-left: 68px;
	background: url(i/suspended-sp.gif) no-repeat left center;
}

#my-servers ul li.expired h3 a {
	padding-left: 46px;
	background: url(i/expired.gif) no-repeat left center;
}

#my-servers .header .more {
	font-size: 0.80em;
	font-weight: normal;
}

/* =order
************************************************************** */

#order .sms-discount {
	display: block;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 29px;
	height: 1.3em;
	text-indent: -1000em;
}

#order .sms5 {
	background-image: url(i/sms5.gif);
}

#order .sms7 {
	background-image: url(i/sms7.gif);
}

#order .sms10 {
	background-image: url(i/sms10.gif);
}

#order .sms15 {
	background-image: url(i/sms15.gif);
}

/* =static-pages
************************************************************** */

.static p {
	margin-bottom: 1.4em;
	line-height: 1.4em;
}

.static p.list-title {
	margin-bottom: 0;
	font-weight: bold;
}

address,
.info {
	margin-bottom: 1.4em;
}

address p,
.info p,
.favoured p {
	margin: 0;
}

.favoured .title {
	margin-bottom: 1.4em;
	font-weight: bold;
}

.favoured .demo {
	margin-bottom: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: 1px dashed #414142;
}

.info,
address {
	line-height: 1.4em;
}

#game-list ul,
#prices ul,
#help ul {
	list-style: none;
}

#prices ul {
	margin-bottom: 1.4em;
}

#help ul li {
	margin-bottom: 1.4em;
}

#help ul li p {
	margin-bottom: 0;
}

#help .question {
	color: #999;
	font-weight: bold;
}

#help .question span{
	color: #bdebbe;
	font-weight: normal;
}

.model-1-2-3 #help .answer {
	background: url(i/form-error-top.png) no-repeat left top;
	padding-top: 13px;
	margin-bottom: 10px;
}

.model-1-2-3 #help .answer  p {
	background: url(i/form-error-bottom.png) no-repeat left bottom;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
}

.model-1-3 #help .answer {
	background: url(i/form-error-top-113.png) no-repeat left top;
	padding-top: 13px;
	margin-bottom: 10px;
}

.model-1-3 #help .answer  p {
	background: url(i/form-error-bottom-113.png) no-repeat left bottom;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
}

#prices .expression {
	font-weight: bold;
}

.static p.spacer {
	margin: 1.4em 0;
}

.static .favoured {
	margin-bottom: 10px;
}

.static .favoured div:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.favoured  p.alert {
	float: left;
	background-color: #aa0000;
	padding: 2px 4px;
	color: #fff;
}

.favoured  .notice {
	margin-left: 5.25em;
}

.favoured  .notice p,
.favoured  .notice ul {
	margin-bottom: 1em;
}

.favoured  .notice p.descr {
	margin-bottom: 0;
}

#prices .tab {
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: 1px #434345 dashed;
}


.filtered-list {
margin-bottom: 10px;
border: 1px solid #444547;
}

.filtered-list li {
padding: 5px;
}

.filtered-list li.odd {
background-color: #39393c;
}

#about .banners p {
	margin-bottom: 5px;
}

#about .banners p.descr {
	font-weight: bold;
}

#about .banners img {
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}

#about .banners div {
	margin-bottom: 15px;
}

/* =footer
************************************************************** */

#footer {
	margin-top: 20px;
	margin-bottom: 24px;
	padding-top: 11px;
	background: url(i/footer-faux-border.gif) repeat-x left top;
}

#footer:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#footer .copy {
	float: left;
}

#footer .copy a span {
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .author {
	float: right;
}

#footer .author a {
	padding-right: 21px;
	background: url(i/tree.png) no-repeat right center;
}

#footer .author a:hover {
	text-decoration: underline;
}

/* =messages
************************************************************** */

.error-msg,
.ok-msg,
.alert-msg,
.countdown-msg  {	
	margin: 10px 0;
	padding-top: 5px;
}

.error-msg {
	background: #f3cfcf url(i/error-top.png) no-repeat left top; 
}

#login-main .error-msg {
	background: #f3cfcf url(i/error-top-main.gif) no-repeat left top; 
}

.ok-msg,
.alert-msg,
.countdown-msg {
	background: #ebf09e url(i/ok-top.png) no-repeat left top; 
}


.error-msg div,
.ok-msg div,
.alert-msg div,
.countdown-msg div  {
	background-repeat: no-repeat;
	background-position: left bottom; 
	padding-bottom: 5px;
}

.error-msg div {
	background-image: url(i/error-bottom.png);
	background-color: #f3cfcf;
}


#login-main .error-msg div  {
	background-image: url(i/error-bottom-main.gif); 
}


.ok-msg div,
.alert-msg div,
.countdown-msg div {
	background-image: url(i/ok-bottom.png);
	background-color: #ebf09e;
}



#site .error-msg div.inner,
#site .ok-msg div.inner,
#site .alert-msg div .inner,
#site .countdown-msg div .inner {
	padding: 5px 15px 5px 64px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #383838;
	margin: 0;
}

#site .alert-msg div .inner,
#site .countdown-msg div .inner {
	background-position: left top;
}

.error-msg div.inner a,
.ok-msg div.inner a,
.alert-msg div .inner a,
.countdown-msg div .inner a {
	color: #383838;
	text-decoration: underline;
}

.error-msg p.msg,
.ok-msg p.msg,
.alert-msg p.msg,
.countdown-msg p.msg{
	font-weight: bold;
}

#site .error-msg div.inner{
	background-image: url(i/error.png);
}

#site .ok-msg div.inner{
	background-image: url(i/ok.png);
}

#site .alert-msg div.inner{
	background-image: url(i/alert.png);
}

.countdown-msg div.inner{
	background-image: url(i/refresh.png);
}

.form-error {
	background: url(i/form-error-top.png) no-repeat left top;
	padding-top: 13px;
	margin-bottom: 10px;
	display: none;
}

.form-error.visible {
	display: block;
}

.form-error  p {
	background: url(i/form-error-bottom.png) no-repeat left bottom;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-top: 6px;
	color: #ff7a7a;
}

.form-error  p span {
	background-color: #aa0000;
	padding: 2px 4px;
	color: #fff;
}

.extra .inner {
	margin-right: 0px;
}

.extra .inner:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.inner .message {
	background: none;
}

.extra .inner .message {
	float: left;
	width: 80%;
}

.extra .inner .extra {
	float: right;
	background: none;
}

.extra .inner .extra .btn {
	/*margin-top: 10px;*/
	margin-top: 0;
	margin-bottom: 0;
	background: none;
}

.extra .inner .extra .btn a.button {
	display: block;
	overflow: hidden;
}

.extra .inner .extra a.button {
	text-decoration: none;
}

#site .extra .inner .extra a.button span {
	color: #fff;
}

.js .extra .inner .extra a.button span.c4 {
	background-image: url(i/corner-left-bottom-alert.png);
}

.js .extra .inner .extra a.button span.c1{
	background-image: url(i/corner-left-top-alert.png);
}

.js .extra .inner .extra a.button span.c2 {
	background-image: url(i/corner-right-top-alert.png);
}

.js .extra .inner .extra a.button span.c3 {
	background-image: url(i/corner-right-bottom-alert.png);
}

/* =password-recovery
************************************************************** */

#password-recovery form {
	display: block;
	margin-top: 10px;
}

#password-recovery label {
	margin: 0.3em 0;
}

#password-recovery input[type="text"],
#password-recovery input[type="password"] {
	display: block;
	width: 50%;
	margin-bottom: 0.8em;
	padding: 0.3em;
	margin-top: 0.5em;
}

/* =countdown
************************************************************** */

#countdown #site {
	width: 470px;
}

#countdown .countdown-msg {
	position: absolute;
	width: 470px;
	top: 50%;
	margin-top: -40px;
}

#countdown .error-msg {
	position: absolute;
	width: 470px;
	top: 50%;
	margin-top: -40px;
}

#countdown .extra .inner .extra {
	padding-bottom: 0;
}

#countdown .extra .inner .extra p {
	color: #b8be64;
	font-size: 2.3em;
}

#countdown .extra .inner .message {
	width: 90%;
}

/* =general
************************************************************** */

a {
	color: #bdebbe;
}

.semantic {
	display: none;
}


.special {
	background-color: #171717;
	padding: 5px 10px 10px 10px;
}

label {
	font-size: 0.92em;
	display: block;
	margin-bottom: 0.30em;
}

label.normal {
	font-size: 1em;
	margin-bottom: 0;
	display: inline
}

label.promo-lbl {
	float: left;
	margin-right: 5px;
}

.favoured {
	padding-top: 5px;
	background: url(i/add-comment-top.gif) no-repeat left top;
	margin-bottom: 10px;
}

.favoured div {
	padding: 5px 10px 10px 10px;
	background: #1f1f21 url(i/add-comment-bottom.gif) no-repeat left bottom;	
}

.favoured div p {

}

#content-2nd .favoured {
	background-image: url(i/content2nd-favoured-top.gif);
}

#content-2nd .favoured div {
	background-image: url(i/content2nd-favoured-bottom.gif);	
}

.adnotation {
	background-color: #aa0000;
	color: #fff;
	padding: 0 0.3ex;
}

.extra-info {
	
}

.avatar-info {
	margin-top: 1.4em;
}

.avatar-info ul {
	list-style: none;
	margin-bottom: 1.4em;
}

.avatar-info ul:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.avatar-info ul li {
	float: left;
}

.avatar-info ul li:before {
	content: ", ";
	padding-right: 0.5ex;
}
.avatar-info ul li:first-child:before {
	content: "";
	padding-left: 0;
}

#tab-disk {
	margin-bottom: 1.98em;;
}

.help {
	display: block;
	width: 14px;
	height: 14px;
	background: url(i/help.gif) no-repeat left top;
	text-indent: -1000em;
	overflow: hidden;
}

#tab-konfiguracja .help {
	padding-top: 5px;
	background-position: center bottom;
}


a.i-have-a-problem {
	padding-left: 15px;
	background: url(i/alert.gif) no-repeat left center;
	font-weight: normal;
	margin-left: 10px;
}



/* =image-gallery
************************************************************** */

.image-gallery {
	padding-top: 5px;
	background: url(i/add-comment-top.gif) no-repeat left top;
	margin-bottom: 1.4em;
}

.js .image-gallery ,
.js .inner-gallery {
	overflow: hidden;
}

.js .inner-gallery {
	width: 450px;
	position: relative;
}

.image-gallery .inner-gallery {
	padding: 5px 10px 5px 10px;
	background: #1f1f21 url(i/add-comment-bottom.gif) no-repeat left bottom;
}

.js .image-gallery .inner-gallery {
	padding: 3px 10px 5px 10px;
}

.image-gallery ul {
	position: relative;
	list-style: none;
	width: 480px;
}

.js .image-gallery ul {
	width: 2000px;
	left: 0;
}

.image-gallery ul:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.image-gallery ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.js .buttons:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.js .image-gallery ul li {
	margin-bottom: 0px;
}

.image-gallery .jcarousel-item {
	width: auto;
	height: auto;
}

.image-gallery  .title {
	text-align: center;
	padding-bottom: 5px;
}

.js .image-gallery  .title {
	width: 408px;
	float: left;
}

.js .image-gallery  .title {
	padding-left: 5px;
	padding-right: 5px;
}

.js .gallery-prev,
.js .gallery-next {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline: none;
} 

.js .gallery-prev {
	background-image: url(i/arrow_l.gif);
}

.js .gallery-next {
	background-image: url(i/arrow_r.gif);
} 

/* =content-pagers
************************************************************** */

.pager {
	margin-top: 5px;
	list-style: none;
	float: right;
	clear: right;
}

.pager li {
	border-color: #252323;
	border-style: solid;
	border-width: 1px 0;
	float: left;
	margin-left: 5px;
	font-weight: bold;
}

.pager li.selected {
	border-color: #171717;
}

.pager li a,
.pager li.selected span {
	display: block;
	margin: 0 -1px;
	color: #bdebbe;
	padding: 2px 5px;
}

.pager li a {
	background-color: #252323;	
}

.pager li.selected span {
	background-color: #171717;	
}

.pager li.dots {
	border: 0;
	padding-top: 0.6em;
	margin-left: 8px;
}

.pager li:hover {
	border-color: #3f3c3c;
}

.pager li.selected:hover {
	border-color: #171717;
}

#site .pager li a:hover {
	color: #fff;
	background-color: #3f3c3c;	
}

/* =list
************************************************************** */

#main ul.list li a,
#site #main ul.list li.new a,
#main ul.list li.selected span.inner {
	display: block;
	padding: 6px 0 6px 12px;
	border-bottom: 1px #414142 dashed;
	color: #bdebbe;
	background: none;
}

#main ul.list li:first-child a,
#main ul.list li.selected:first-child span.inner {
	border-top: 1px #414142 dashed;
}

#main ul.list li.selected span.inner ,
#main ul.list li.selected a,
#main ul.list li.selected a:hover {
	background: url(i/archive-list-li.png) no-repeat left center;
	font-weight: bold;
}

#main ul.list li.selected span.inner  {
	margin-right: 0;
}

#main ul.list li a:hover {
	background: url(i/archive-list-li-hover.gif) repeat-x left top;
	text-decoration: none;
}

#main ul.list ul {
	list-style: none;
}

#main ul.list ul li a,
#main ul.list ul li.selected span.inner {
	display: block;
	padding: 6px 0 6px 12px;
	border-bottom: 1px #414142 dashed;
	color: #bdebbe;
}

#site #main ul.list ul li a,
#site #main ul.list ul li.selected span.inner {
	border-top: none;
}

#main ul.list li.linked ul li a .bottom {
	background: url(i/archive-list-linked-li-bottom.png) no-repeat 7px top;
	padding-top: 5px;
	margin-top: -5px;
}

#main ul.list li.linked a .top {
	background: url(i/archive-list-linked-li-top.png) no-repeat 7px bottom;
	padding-bottom: 5px;
	margin-bottom: -5px;
}

#main ul.list li.linked ul li:last-child a .top {
	background-image: none;
}

#main ul.list li.linked-selected a {
	background: url(i/archive-list-li-hover.gif) repeat-x left top;
}


#main ul.list li.linked-bottom a {
	border-bottom: 1px #414142 dashed;
}

#main ul.list li.linked.selected ul li a,
#main ul.list li.linked.child-selected a,
#main ul.list li.linked.child-selected ul li a {
	background: url(i/archive-list-li-hover.gif) repeat-x left top;
}

#main ul.list li.linked.child-selected ul li.selected a {
	background: url(i/archive-list-li.png) no-repeat left center;
}

#site #main #loged-in ul.list li.new a {
	padding-left: 30px;
	background: url(i/mail.png) no-repeat 10px center;
}

#site #main ul.list li.mail a {
	padding-left: 30px;
	background: url(i/exl.gif) no-repeat 10px center;
}

/* =tabs
************************************************************** */

ul.tabs {
	background: url(i/tabs-line.gif) repeat-x left bottom;
	padding-bottom: 1px;
	padding-left: 10px;
	margin-bottom: 15px;
	display: none;
}

ul.tabs.normal {
	display: block;
}

ul.tabs:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.tabs li {
	float: left;
	margin-right: 3px;
	background: url(i/tabs-right.gif) no-repeat right top;
}

ul.tabs li a {
	padding: 0.67em 0.67em 4px 0.67em;
	background: url(i/tabs-left.gif) no-repeat left top;
	float: left;
	color: #5a745a;
	font-weight: bold;
	outline: none;
}

#site ul.tabs li a:hover {
	color: #bdebbe;
	text-decoration: none;
}

ul.tabs li.selected {
	background: url(i/tabs-selected-right.gif) no-repeat right top;
	margin-bottom: -1px;
}

ul.tabs li.selected a {
	padding: 0.67em 0.67em 5px 0.67em;
	background: url(i/tabs-selected-left.gif) no-repeat left top;
	color: #bdebbe;
}

.js .inactive {
	display: none;
}

/* =fanbox
************************************************************** */

#fanbox {
	padding-top: 42px;
}

/* =validate
************************************************************** */

.validate {
	position: relative;
}

.validate .sign {
	position: absolute;
	z-index: 5;
	width: 14px;
	height: 18px;
	left: 185px;
	top: 0.3em;
	background-position: left center;
	background-repeat: no-repeat;
}

.ok .sign {
	background-image: url(i/ok.gif);
}

.error .sign {
	background-image: url(i/error.gif);
}

.validate input {
	padding-right: 30px;
}

/* =opacity
************************************************************** */

.op50 td {filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.op60 td {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.op70 td {filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.op80 td {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.op90 td {filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}

/* =content-buttons
************************************************************** */

div.btn {
	margin: 20px 0;
}

div.btn-right {
	margin: 20px 0;
	text-align: right;
}

div.btn-center {
	margin: 20px 0;
	text-align: center;
}

div.btn .space {
	margin-left: 10px;
}

div.btn-inline {
	float: left;
	margin-left: 10px;
	padding-top: 3px;
}

.button {
	border: 2px solid #d7d7d7;
	border-bottom-color: #55524b;
	border-right-color: #55524b;
	padding: 2px 4px;
	color: #fff;
	cursor: pointer;
	position: relative;	
	background-color: #606665;
	white-space: nowrap;
	outline: 0;
	font-weight: bold;
}

#site .button {
	color: #fff;
}

#site .button:hover {
	text-decoration: none;
}

.button.space {
	margin-left: 10px;
}

.button:active {
	border-top-color: #828183;
	border-left-color: #828183;
	border-right-color: #f9f8f9;
	border-bottom-color: #f9f8f9;
}



/* =buttons-adv
************************************************************** */

.js a.button {
	/* three decimal places needed for IE */
	padding: 0.385em 0.538em;
	border: 0;
	vertical-align: middle;
}

.js #site a.button span.inner {
	position: relative;
	z-index: 100;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}



.js a.button .mask {
	display: none;
}

.js a.button span.c1, 
.js a.button span.c2,
.js a.button span.c3,
.js a.button span.c4,
.js a.button span.b1,
.js a.button span.b2,
.js a.button span.b3,
.js a.button span.b4 {
	position: absolute;
	overflow: hidden;
	padding-left: 0;
}

.js a.button span.c1,
.js a.button span.c2,
.js a.button span.c3,
.js a.button span.c4 {
	width: 7px;
	height: 7px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 20;
}

.js a.button span.b1,
.js a.button span.b2,
.js a.button span.b3,
.js a.button span.b4 {
	background-color: #fff;
	opacity: 0.3;
}

.js a.button span.b1,
.js a.button span.b3 {
	height: 1px;
	left: 7px;
	right: 7px;
}

.js a.button span.b2,
.js a.button span.b4 {
	width: 1px;
	top: 7px;
	bottom: 7px;
}

.js a.button span.b1 {		
	top: 1px;	
}

.js a.button span.b3 {		
	bottom: 1px;	
}

.js a.button span.b2 {		
	right: 1px;	
}

.js a.button span.b4 {		
	left: 1px;	
}

.js a.button span.c1,
.js a.button span.c2 {
	top: 0;
}

.js a.button span.c2,
.js a.button span.c3 {
	right: 0;
}

.js a.button span.c3,
.js a.button span.c4 {
	bottom: 0;
}

.js a.button span.c4,
.js a.button span.c1 {
	left: 0;
}

.js a.button span.c1 {
	background-image: url(i/corner-left-top.png);
}

.js a.button span.c2 {
	background-image: url(i/corner-right-top.png);
}

.js a.button span.c3 {
	background-image: url(i/corner-right-bottom.png);
}

.js a.button span.c4 {
	background-image: url(i/corner-left-bottom.png);
}

.js a.button span.mt,
.js a.button span.mb {
	position: absolute;
	height: 15px;
	right: 0;
	left: 0;
	background-repeat: repeat-x;
	background-position: 0 0;
	z-index: 10;
	padding-left: 0;
}	

.js a.button span.mt {
	top: 0;
	background-image: url(i/darkmask-pressed.png);
	display: none;
}

.js a.button span.mb {
	bottom: 0;
	background-image: url(i/darkmask.png);
}

.js a.button:active > span.mt {
	display: block;
}

.js a.button:active > span.mb {
	display: none;
}

/*
.js a.active span.mt {
	_display: block;
}

.js a.active span.mb {
	_display: none;
}
*/

/* =browser tweaking
************************************************************** */

/*
input.button::-moz-focus-inner {
	border: 0;
	outline: 0;
	padding: 0;
}
*/

.js a.button.safari .inner {
	vertical-align: middle;
}

.js #site .button.opera {
	background: transparent url(i/button-op.gif) repeat-x left center;
	padding: 15px 0;
}

.js .button.opera .op-left {
	background: url(i/button-op-l.gif) no-repeat left center;
	padding: 15px 0 15px 6px;
}

.js .button.opera .op-right {
	background: url(i/button-op-r.gif) no-repeat right center;
	padding: 15px 6px 15px 0;
}

/*
.js a.button.opera {
	padding: 0;
}


.js a.button.opera .inner {
	padding: 0.385em 0.538em;
}

.js a.button.opera .mask {
	display: block;
	background-color: inherit;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.opera {
	position: relative;
	top: -50px;
	height: 1.5em;
	overflow: hidden;
}

.opera .inner {
	position: absolute;

	overflow: hidden;
}

.opera .c3 {
	position: absolute;
}
*/
/* =sizes
************************************************************** */

 .size0 { background: none;}
 .size1 { width: 1%;}   .size2 { width: 2%;}  .size3 { width: 3%;}    .size4 { width: 4%;}
 .size5 { width: 5%;}   .size6 { width: 6%;}  .size7 { width: 7%;}    .size8 { width: 8%;}
 .size9 { width: 9%;}  .size10 { width: 10%;} .size11 { width: 11%;} .size12 { width: 12%;}
.size13 { width: 13%;} .size14 { width: 14%;} .size15 { width: 15%;} .size16 { width: 16%;}
.size17 { width: 17%;} .size18 { width: 18%;} .size19 { width: 19%;} .size20 { width: 20%;}
.size21 { width: 21%;} .size22 { width: 22%;} .size23 { width: 23%;} .size24 { width: 24%;}
.size25 { width: 25%;} .size26 { width: 26%;} .size27 { width: 27%;} .size28 { width: 28%;}
.size29 { width: 29%;} .size30 { width: 30%;} .size31 { width: 31%;} .size32 { width: 32%;}
.size33 { width: 33%;} .size34 { width: 34%;} .size35 { width: 35%;} .size36 { width: 36%;}
.size37 { width: 37%;} .size38 { width: 38%;} .size39 { width: 39%;} .size40 { width: 40%;}
.size41 { width: 41%;} .size42 { width: 42%;} .size43 { width: 43%;} .size44 { width: 44%;}
.size45 { width: 45%;} .size46 { width: 46%;} .size47 { width: 47%;} .size48 { width: 48%;}
.size49 { width: 49%;} .size50 { width: 50%;} .size51 { width: 51%;} .size52 { width: 52%;}
.size53 { width: 53%;} .size54 { width: 54%;} .size55 { width: 55%;} .size56 { width: 56%;}
.size57 { width: 57%;} .size58 { width: 58%;} .size59 { width: 59%;} .size60 { width: 60%;}
.size61 { width: 61%;} .size62 { width: 62%;} .size63 { width: 63%;} .size64 { width: 64%;}
.size65 { width: 65%;} .size66 { width: 66%;} .size67 { width: 67%;} .size68 { width: 68%;}
.size69 { width: 69%;} .size70 { width: 70%;} .size71 { width: 71%;} .size72 { width: 72%;}
.size73 { width: 73%;} .size74 { width: 74%;} .size75 { width: 75%;} .size76 { width: 76%;}
.size77 { width: 77%;} .size78 { width: 78%;} .size79 { width: 79%;} .size80 { width: 80%;}
.size81 { width: 81%;} .size82 { width: 82%;} .size83 { width: 83%;} .size84 { width: 84%;}
.size85 { width: 85%;} .size86 { width: 86%;} .size87 { width: 87%;} .size88 { width: 88%;}
.size89 { width: 89%;} .size90 { width: 90%;} .size91 { width: 91%;} .size92 { width: 92%;}
.size93 { width: 93%;} .size94 { width: 94%;} .size95 { width: 95%;} .size96 { width: 96%;}
.size97 { width: 97%;} .size98 { width: 98%;} .size99 { width: 99%;}

/* =disable list-style
************************************************************** */

#nav,
.tabs,
.list,
.addons
{
	list-style: none;
}