@charset "utf-8";
/* CSS Document */
html, body{
height:100%;
margin:0;
padding:0;
}
.bg_1{
background:url(images/bg.jpg) top no-repeat;
background-color:#e6e6e6;
}
.bg_2{
background:url(images/bg2.jpg) top no-repeat;
background-color:#e6e6e6;
}
.bg_3{
background:url(images/bg3.jpg) top no-repeat;
background-color:#e6e6e6;
}
form, table, ul, li, span, p, h1, h2, h3, h4, h5{
margin:0;
padding:0;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
border:0;
}
#container{
width:990px;
margin:0 auto;
}
#container .row{
width:990px;
float:left;
}
#container #top{
height:106px;
}
#container #middle{
height:431px;
}
#container #register{
height:371px;
}
#container #contact{
height:401px;
}
#container #player{
width:460px;
}
#container #sms{
height:401px;
}
#container #settings{
height:431px;
}
#container #bottom{
padding-bottom:35px;
}
#logo{
background:url(images/logo.png) top left no-repeat;
width:205px;
height:70px;
float:left;
display:inline;
margin-left:78px;
margin-top:16px;
}
#menu{
float:right;
margin-top:43px;
margin-right:18px;
float:right;
display:inline;
}
#menu ul{
list-style:none;
float:right;
}
#menu ul li{
display:inline;
padding-right:22px;
float:left;
}
#menu ul li a{
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:14px;
color:#fd4100;
}
#menu ul li a:hover{
color:#022793;
}
#container #middle #reg{
padding-top:174px;
width:298px;
float:right;
}
#container #middle #reg p{
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:20px;
color:#ffffff;
font-weight:bold;
}
#container #middle #reg p span{
color:#36c9ff;
}
.button_reg{
background:url(images/button_register.png) top left no-repeat;
width:211px;
height:69px;
display:block;
margin:0 auto;
margin-top:15px;
}
.button_reg:hover{
background-position:bottom;
}
#container #bottom .box{
width:300px;
padding-left:20px;
display:inline;
float:left;
}
#container #bottom .box h1 {
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:18px;
color:#0035a9;
font-weight:bold;
height:57px;
}
#rules h1{
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:18px;
color:#0035a9;
font-weight:bold;
padding-top:30px;
}
#container #bottom .box h1 span, #rules h1 span{
color:#fd4700;
}
#container #bottom .box p{
font-size:12px;
color:#415862;
line-height:16px;
text-align:justify;
width:280px;
}
#container #bottom .box p span{
color:#fd3000;
}
.reg_input{
background:url(images/input.png) top left no-repeat;
width:222px;
height:21px;
padding-top:6px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#415862;
border:0;
}
.button_register{
background:url(images/button_reg.png) top left no-repeat;
width:75px;
height:13px;
border:0;
float:right;
cursor:pointer;
}
#register .left{
width:530px;
float:left;
padding-top:90px;
}
#register .left table{
font-size:12px;
color:#415862;
}
#register .left table a{
font-size:12px;
color:#415862;
font-weight:bold;
}
#register .left table td{
height:38px;
padding-right:22px;
}
#register .right{
margin-top:132px;
width:330px;
float:right;
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:24px;
color:#ffffff;
font-weight:bold;
}
#contact .left{
width:800px;
margin-top:30px;
}
#contact .left table{
font-size:12px;
color:#415862;
}
#contact .left table a{
font-size:12px;
color:#415862;
font-weight:bold;
}
#contact .left table td{
height:38px;
padding-right:22px;
}
.contact_small{
background:url(images/contact_small.png) top left no-repeat;
width:222px;
height:21px;
padding-top:6px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#415862;
border:0;
}
.contact_big{
background:url(images/contact_big.png) top left no-repeat;
width:466px;
height:168px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#415862;
border:0;
}
.button_send{
background:url(images/button_send.png) top left no-repeat;
width:117px;
height:17px;
border:0;
cursor:pointer;
float:right;
}
#container #sms .left{
width:550px;
float:left;
display:inline;
padding-left:30px;
padding-top:40px;
}
#container #sms .left p{
color:#415862;
font-size:12px;
line-height:16px;
}
#container #sms .left p span{
color:#fd4700;
font-weight:bold;
}
#container #sms .right{
width:280px;
float:left;
}
.button_active{
background:url(images/button_active.png) top left no-repeat;
width:54px;
height:15px;
border:0;
cursor:pointer;
float:right;
margin-right:10px;
}
.set_input{
background:url(images/set_input.png) top left no-repeat;
width:162px;
height:21px;
padding-top:6px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#415862;
border:0;
}
#container #settings .left{
width:350px;
padding-left:90px;
display:inline;
float:left;
color:#415862;
font-size:12px;
padding-top:58px;
}
#container #settings .left table{
margin-top:25px;
}
#container #settings .left table td{
padding-right:15px;
height:31px;
}
#container #settings .right{
width:445px;
float:right;
color:#415862;
font-size:12px;
padding-top:58px;
}
#container #settings .right table{
margin-top:17px;
}
#container #settings .right table td{
padding-right:15px;
height:31px;
}
#container #settings h1{
font-family:myriad pro, tahoma, verdana, arial, sans-serif;
font-size:18px;
color:#0035a9;
}
#container #settings h1 span{
color:#fd4700;
}
#container #settings p{
color:#415862;
font-size:12px;
padding-top:18px;
}
.button_save{
background:url(images/button_save.png) top left no-repeat;
width:94px;
height:16px;
border:0;
cursor:0;
float:right;
}
.button_login{
background:url(images/button_login.png) top left no-repeat;
width:48px;
height:15px;
float:right;
cursor:pointer;
border:0;
}
#container #top{
height:106px;
}
#footer{
width:990px;
float:left;
padding-top:20px;
padding-bottom:30px;
font-size:11px;
color:#918580;
text-align:center;
}
#footer a{
font-size:11px;
color:#918580;
}