@import url("reset.css");
@import url("form.css");

/* BEGIN BASIC FORMATTING */

body{
background:#000051 url("bg-main.jpg") no-repeat 50% 0;
min-height:100%;
height:100%;
color:#747a86;
font:12px/1.618em Arial,Helvetica,Tahoma,sans-serif;
}

p{
margin:0 0 1.618em 0;
}

strong em, em strong{
color:#000;
}

a:link, a:visited{
text-decoration:none;
color:#fff;
}

#body.content a:link, #body.content a:visited, #content a:link, #content a:visited, #sidebar a:link, #sidebar a:visited{
text-decoration:none;
color:#007ce1;
}


a:hover{
text-decoration:underline;
}

#body.content a:hover{
background:#eff5ff;
color:#0756b2;
}

h1, h2, h3, h4, h5, legend, table caption, p.important, p.semiimportant{
color:#1361bb;
font:normal 30px/1em "Myriad Pro Light",Arial,Helvetica,Tahoma,sans-serif;
margin:0.809em 0 0.203em 0;
padding:0 0 20px 0;
text-align:left;
}

h1{
margin-top:40px;
}

h2{
font-size:24px;
}

h1, h2{
background:transparent url("bg-heading.png") no-repeat bottom left;
}

h3, legend, table caption, p.semiimportant{
font-size:20px;
}

legend{
margin:5px 0;
}

h4, h5{
font-size:14px;
color:#67707e;
}

table{
border-collapse:collapse;
width:100%;
margin:20px 0;
}

table th{
background:#66befe;
padding:3px 5px;
font-weight:normal;
text-align:left;
color:#fff;
font-size:14px;
border-right:1px solid #fff;
}

table td{
background:#eff5ff;
border-bottom:1px solid #fff;
padding:3px 5px;
font-size:11px;
}

ul, ol{
margin:5px 0 20px 10px;
}

ul li, ol li{
list-style:none;
margin:0 0 0 5px;
padding:4px 0 0px 20px;
background:url("bullet.png") no-repeat 0px 7px;
}

ol{
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

blockquote{
font:1.7em/1em "Trajan Pro",Georgia,Times,"Times New Roman",serif;
float:left;
padding:0.5em;
width:250px;
}

hr{
border-color:#dddad1;
border-style:solid;
border-width:1px 0 0;
clear: both;
margin:0 0 1em;
height:0;
}

abbr{
cursor:help;
}

::-moz-selection{
background: #00a9ff;
color:#fff;
} 

::selection {
background: #00a9ff;
color:#fff;
} 

/* SOME CUSTOM YET BASIC FORMATTING*/

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

.half{
width:48%;
float:left;
padding-right:2%;
}

.alignright{
float:right;
margin-left:10px;
}

.alignleft{
float:left;
margin-right:10px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}


/* END BASIC FORMATTING */

/* BEGIN LAYOUT */

#wrapper{
width:960px;
margin:0 auto;
overflow:hidden;
}

#header{
margin:-1px 0 0 0;
padding:19px 0 0 0;
position:relative;
z-index:999;
border-top:1px solid red;
}

#lang {
position:absolute;
top:10px;
right:0;
width:75px;
}

#lang a{
font-size:11px;
}

#lang a.active{
padding:0 10px 0 0;
background:url("ico-dropdown.gif") no-repeat 100% 2px;
display:block;
}

#lang ul, #lang ul li, #score-links ul, #score-links ul li{
float:none;
margin:0;
padding:0;
background:none;
z-index:999;
}

#lang ul, #score-links ul{
padding:2px;
background:#fff;
border:1px solid #026ec4;
display:none;
}

#score-links{
position:relative;
}

#score-links ul{
position:absolute;
top:20px;
right:0;
z-index:9999;
}

#scoreboard{
position:relative;
z-index:99;
}

#lang ul li, #score-links ul li{
border-top:1px solid #bce3ff;
}

#lang ul a, #score-links ul a{
display:block;
padding:2px 4px;
color:#004898;
}


#lang ul a:hover, #score-links ul a:hover{
background-color:#bce3ff;
}


#lang ul li.active, #score-links ul li.active{
font-weight:bold;
}


#header a.logo{
float:left;
position:relative;
left:-10px;
}

#header #banner{
float:right;
width:468px;
height:60px;
}

ul#mainmenu{
float:right;
padding:0 0 0 0;
margin:45px -5px 0 0px;
}

ul#mainmenu li{
float:left;
margin:0 5px 0 0;
padding:0;
overflow:hidden;
background:none;
}

ul#mainmenu li a{
padding:0 6px;
font-size:15px;
font-family:"Myriad Pro";
line-height:2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul#mainmenu a.cornered{
padding-left:0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

ul#mainmenu a.cornered span{
cursor:pointer;
padding-left:6px;
}

ul#mainmenu a.cornered.on{
background:transparent url("menu-right.gif") no-repeat top right;
}

ul#mainmenu a.cornered.on span{
background:transparent url("menu-left.gif") no-repeat top left;
}

ul#mainmenu li a:hover, ul#mainmenu li a.hover{
background-color:#1361bb;
text-decoration:none;
color:#fff
}

ul#mainmenu a.on{
background-color:#fff;
color:#026ec4;
}

ul#mainmenu a.cornered:hover{
background:transparent url("menu-on-right.gif") no-repeat top right;
}

ul#mainmenu a.on.cornered.hover{
color:#026ec4;
}

ul#mainmenu a.on.cornered.hover:hover{
color:#fff;
}

ul#mainmenu a.cornered:hover span{
background:transparent url("menu-on-left.gif") no-repeat top left;
}

ul#mainmenu a, ul#mainmenu a span{
float:left;
height:29px;
}

ul#mainmenu li ul{
background-color:#1361bb;
float:none;
display:block;
clear:both;
position:absolute;
top:90px;
margin:0;
padding:3px;
display:none;
z-index:99999;
}

ul#mainmenu li ul li{
border-top:1px solid #2971c4;
margin:0;
padding:0;
display:block;
clear:both;
width:150px;
}

ul#mainmenu li ul a{
padding:0 5px;
margin:0;
-moz-border-radius:0;
-webkit-border-radius:0;
float:left;
display:block;
width:100%;
font-size:13px;
}

ul#mainmenu li ul li.on a{
font-weight:bold;
}

ul#mainmenu li ul li a:hover{
background-color:#2971c4;
}


#body.content ul.submenu{
margin:40px 0 20px 0;
padding:0;
background:none;

display:block !important;
float:none !important;
width:100% !important;
clear:both !important;
}


#body.content .submenu li{
background:none;
clear:none;

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;


margin:0;
border-right:1px solid #afccde;
padding:0;
}

#body.content .submenu li a{
padding:0 5px;
font-weight:bold;
font-size:11px;
}

#sidebar{
width:350px;
float:right;
}

div.block{
background:#fff;
padding:10px;
border:1px solid #63beff;
margin:0 0 10px 0;
-moz-box-shadow: 1px 1px 1px #666;
-webkit-box-shadow: 1px 1px 1px #666;
box-shadow: 1px 1px 1px #666;
}

.block table{
margin:0;
}

.block td{
text-align:center;
}

#sidebar .block td a{
display:block;
background:#;
background:#007CE1;
color:#fff;
}


.block th{
font-size:11px;
padding:2px 0;
color:#747A86;
font-weight:bold;
background:none;
}

.extrastrong{
color:#000;
font-weight:bold;
font-style:italic;
font-size:21px;
font-family:"Myriad Pro";
vertical-align:middle;
padding:0 10px;
}

#games{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
background:transparent url("bg-topblock.png") no-repeat 0 0;
border:0;
padding-top:25px;
width:330px;
}

h2.nextgame{
background-image:url("bg-heading-meistriliiga.png");
padding-bottom:25px;
}

#games img{
vertical-align:middle;
}

#matchlocation{
float:right;
width:120px;
font-size:11px;
text-align:right;
}

#matchlocation span{
font-size:14px;
}

.inline{
float:right;
margin-top:10px;
}

#link-calendar{
padding-right:25px;
background:url("ico-calendar.gif") no-repeat top right;
}

#link-scores{
padding-right:15px;
background:url("ico-dropdown.gif") no-repeat 100% -10px;
}

.block.ad{
padding:0;
background:#787878;
position:relative;
}

.ad-content{
display:block;
clear:both;
}

.block.ad span{
color:#787878;
font-size:10px;
background:#fff;
padding:0 6px;
position:absolute;
bottom:0;
right:0;
opacity:.8;
z-index:9999;
}

div.block h2{
margin:.3em 0 0 0;
}

#scoreboard table, #scoreboard table td{
margin:0;
background:none;
padding:0;
}

#naised, #noored{
display:none;
}

#body{
float:left;
width:600px;
margin-top:-3px;
}

#body.content{
background:#fff url("bg-topcontent.jpg") no-repeat;
padding:0 20px;
width:560px;
}

#body.content ul li{
border-left:1px solid #fff;
padding-left:20px;
background-position:2px 7px;
}


#tabs{
padding-top:20px;
}

#tabs ul{
margin:0;
padding:0;
background:#fff;
}

#tabs ul li{
float:left;
margin:0;
padding:10px 10px 3px 10px;
background:transparent url("bg-overlay.png");
}

#tabs .switchable ul li{
float:none;
padding:0;
background:none;
margin:0 0 10px 0;
}

#tabs li.active{
padding:15px 10px 5px 10px;
background:#fff;
margin-top:-7px;
-moz-border-radius-topright:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-radius-topleft:5px;
}

#tabs ul li a{
font-size:18px;
font-family:"Myriad Pro Light";
color:#535353;
}

#tabs .switchable ul li a{
font-size:14px;
}

#tabs ul li a span{
color:#007ce1;
}

#tab-content{
background:#fff;
display:block;
clear:both;
padding:10px;
}

#tab-content p{
margin:0;
}

#footer{
float:left;
clear:both;
width:100%;
font-size:11px;
color:#7a7a7a;
padding:0;
margin:5px 0 0 0;
color:#dbecff;
line-height:1.3em;
background:transparent url("footer-bg.png") no-repeat 0 0;
}

#footer img{
vertical-align:middle;
}

#footer strong{
color:#fff;
}

#footer address{
width:100%;
font-style:normal;
float:left;
margin-top:-50px;
position:relative;
z-index:9999;
}

/* IE refusing to support css3*/
#tabs ul.cornered li.active{
background:transparent;
padding:0;
-moz-border-radius-topright:0px;
-webkit-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
-webkit-border-radius-topleft:0px;
}

#tabs li.active .left.corner{ 
background: url(nw.gif) no-repeat top left; 
padding-left:10px;
float:left;
}

#tabs li.active .right.corner{ 
background: url(ne.gif) no-repeat top right; 
padding:15px 10px 5px 0;
float:left;
}

/*  */

#tooltip{
	position:absolute;
	border:1px solid #007ce1;
	background:#eff5ff;
	padding:2px 5px;
	color:#333;
	display:none;
	z-index:999;
	width:240px;
	}	

strong.location em{
color:#007ce1;
}
/*  */