@import 'reset.css';
@import 'navigation.css';
@import 'box.css';
@import 'layout.css';
@import 'events.css';
@import 'forum.css';
@import 'login.css';
@import 'chatbox.css';
@import 'fader.css';
@import 'home.css';
@import 'poll.css';
@import 'field.css';
@import 'cup.css';
@import 'team.css';
@import 'fixture.css';
@import 'user.css';
@import 'messages.css';
@import 'ungl.css';
@import 'ladder.css';
@import 'page.css';

html{
overflow-Y:scroll
}

#top1 {
    width:  100%;
    height: 20px;
    position: fixed;
    z-index:400;
    left: 0px;
    top:  0px; 
    _position: absolute;
    _top: expression( 0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' );
    background:#000 url(../image/bgsh.jpg) 50% 0 no-repeat fixed;
} 
#top2 {
    width:  100%;
    height: 20px;
    position: fixed;
    z-index:400;
    left: 0px;
    top:  0px; 
    _position: absolute;
    _top: expression( 0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' );
    background:#000 url(../image/bgsh1.jpg) 50% 0 no-repeat fixed;
} 

#center {
    width:  850px;
    height: 100%;
    margin: 0px auto 0px auto;
    padding-top: 130px;
    border: 1px solid #000000;
    background-color: #00ff00;
} 

#share42 {padding: 6px 6px 0; background:url(../image/box.png) bottom right; border: 1px solid #4c4c4c; border-radius: 4px;}
#share42:hover {background: #606060; border: 1px solid #4c4c4c; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

#containermag {
width: 606px;
height: 150px;
margin: 0 auto;
padding: 0;
background-color: Gray
}

.mag_block {
float: left;
padding: 15px;
margin: 20px;
width: 130px;
height: 80px;
border-left: 2px solid #555555;
background-color: LimeGreen
}



    div.top 
    {
      background-size:5px 5px;
      background-position: left;
      background-repeat:no-repeat;
      border-radius: 5px;
      width:10px;
      height:10px;
      border:1px solid;

-moz-background-size:5px 5px; /* для Firefox 4+ */
-o-background-size:5px 5px; /* для Opera 9.5+ */
-webkit-background-size:5px 5px; /* для Safari 5+ и Chrome 4+ */
-khtml-background-size:5px 5px; /* для Konqueror (WebKit-браузеров) */


    }

.wrapper{
   padding:0 0 0 104px; /*ширина картинки + отсуп от нее*/
   overflow:hidden; /*чтобы контейнер не схлоповался*/
   zoom:1; /*то же самое, что и выше, но для IE. В некоторых случаях можно обойтись и без zoom*/


   }
.wrapper img{
      float:left;
      margin-left: -104px; /* сдвигаем на значение padding у .wrapper*/



}
.stylesesa{
      	width: 180px;
	height: 80px;
	margin-left: -104px;
	position: absolute;
	background: url(../image/white-gradient.png) no-repeat;
}

.cardmoney {
      	width: 400px;
	height: 253px;
	margin-left: 0px;

	background: url(../image/cardwebmoney.png) no-repeat;
}
.cardmoneyvip {
      	width: 400px;
	height: 253px;
	margin-left: 0px;

	background: url(../image/cardwebmoneyvip.png) no-repeat;
}
.cardyandex {
      	width: 400px;
	height: 253px;
	margin-left: 0px;

	background: url(../image/cardyandex.png) no-repeat;
}



a {
	text-decoration: none;
	
	color: #9dc4ff;
}
a:active { 
	color: #6F0000;
}
a:hover { 
	color: #ebf3ff;
}


ula{
	 width: 100px;
	 background-color: #9dc4ff;
	}



	lia a{
	 display: block;
	 color: #9dc4ff;
	 width: 176px;
	 padding: 0px 4px;
	 margin: 0px 0px;
	 border-bottom: 0px dotted #96BF1F;
	 -moz-transition: background-color .3s ease-in;
	 -webkit-transition: background-color .3s ease-in;
	 -o-transition: background-color .3s ease-in;
	 transition: background-color .3s ease-in;
	}


	lia a:hover{
	 background-color: #565656;
	 color: #fff;
	 -moz-transition: background-color 0.01s;
	 -webkit-transition: background-color 0.01s;
	 -o-transition: background-color 0.01s;
	 transition: background-color 0.01s;
	}





body{
color:#e0e0e0;
background:#000 url(../image/bg.jpg) 50% 0 no-repeat fixed;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
line-height:1.5;
text-align:left;
}

input[type="text"], input[type="password"]
{
	border: 1px solid #c6dade;
	font-family: tahoma;
	font-size: 10pt;
	color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type=submit]{
padding:3px 6px;
}

textarea{
font-family:sans-serif;
width:100%;
height:100px;

	background: #f9f9f9;
	border: 1px solid #aaa;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;


}


.member{
font-weight:bold;
color:#888;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
color:#dcdcdc;
}

.flag, .gameflag{
position:relative;
vertical-align:middle;
line-height:100%;
bottom:1px;
}

.clearer{
clear:both;
}

#newsbody, #cupbody{
padding:0;
clear:both;
overflow:hidden;
margin-bottom:2px;
}

#MainColumn .p-forum .module .newsbody{
padding:10px;
clear:both;
overflow:hidden;
margin-bottom:10px;
text-align:justify;
}

.newsimg{
border:1px solid #000;
margin:2px 2px -2px 2px;
}

.body ul{
list-style:disc outside;
margin-left:16px;
}

table tr.odd td{
background:#1F1F1F;
}

table.thright{
width:100%;
}

table.thright th,
table.thright td{
padding:5px;
}

table.thright th{
text-align:right;
vertical-align:top;
width:70px;
}

.lesspadding{
padding:1px !important;
}

blockquote{
background:#a8badf;
border-radius:5px;
padding:8px;
clear:both;
color:#333;
}

blockquote a, blockquote a.member{
color:#222;
}

hr{
border-collapse:collapse;
height:0;
padding:0;
margin:7px 0;
border:0;
border-top:1px solid #333;
}

.padded{
padding:5px;
}

table.padded{
width:100%;
}

table.padded td,
table.padded th{
padding:5px;
}

table.padded th{
padding: 3px;
font-weight: bold;
color: #DDD;
}

fieldset{
padding:5px;
margin:5px;
border:1px solid #333;
}

fieldset legend{
font-weight:bold;
}

.field{
width:618px;
float:left;
margin:3px 0;
}

.field label{
width:150px;
float:left;
text-align:right;
padding-right:5px;
line-height:25px;
height:25px;
}

.field textarea{
width:450px;
}

.captcha{
width:318px;
height:129px;
float:left;
overflow:hidden;
position:relative;
}

.captcha input{
position:relative;
right:4px;
}

span.required{
color:#CC0000;
}

table.left th{
text-align:left;
}

.p-login .module .body{
position:relative;
}

.p-login .datetime{
position:absolute;
right:30px;
top:20px;
text-align:center;
}

.p-login .time{
font-size:25px;
color:#AAA;
text-shadow:#111 0 1px 5px;
}

.nowrap{
white-space:nowrap;
}

caption{
font-weight:bold;
font-size:14px;
color:#AAA;
}

.center{
text-align:center;
}

.small{
font-size:8px;
font-weight:normal;
}

.rlabel{
text-align:right;
float:right;
padding-right:5px;
}

.rt{
text-align:right;
}

/*Content*/
#bodypage, #bodypage .dleft, #bodypage .dright
{
	height: auto;
}

#bodypage
{
	width: 100%px;
	margin: 0 auto;
	//background-repeat: repeat-x;
	//background-position: center top;
}

#bodypage .dright
{
	//padding-right: 110px;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: right top;
}

.container
{
	padding-top: 8px;
}

#rightcol
{
	width: 200px;
	height: auto;
	padding: 0 0 0 7px;
}

#maincol
{
	height: auto;
}

#mainbox
{
	height: auto;
}

/*Maps*/
#hintbox
{
        position:absolute;	
        top: 0;	background-color: #7e7e7e;	
        width: 160px;	
        padding: 2px;	
        border:1px solid #7e7e7e;	
        font:normal 11px Verdana;	
        line-height:18px;	
        z-index:100;	
        visibility: hidden;
}



#socializ

{

position: fixed;
z-index: 1000;
width: 44px;
text-align: center;
font-size:14px;
top:80px;
right: 20px;
padding: 5px 5px 0;
background:url(../image/box.png) top left;
border: 1px solid #4c4c4c;
border-radius: 5px;
box-shadow: 0px 0px 8px #c2c2c2;
}
#socializ:hover {background: #606060; border: 1px solid #4c4c4c; box-shadow: 0 0 5px #DDD;}


div.language
{


	width: 80px;
	height: 23px;
	text-align: right;
	float: right;
	margin-top: 6px;
	margin-right: -2px;
}

div.language img
{
	margin-top: 0px;
	margin-right: 5px;
}