* {padding:0;margin:0}

body {	font:12px 'Trebuchet MS',Arial,Serif}

p {padding:8px 0;color:#555}
ul {padding:4px}
ol {padding:4px 16px;margin-bottom:16px}
h1 {font-size:24px}
h2 {font-size:16px;color:#555}
h3 {font-size:14px;color:#A66201}
h4 {font-size:12px;color:#2899DC}

.text3 {font-size:11px;color:#555;line-height:14px}

.cleaner {display:block;overflow:hidden;height:1px;clear:both}
.clean {clear:both}
.inner {float:left;width:615px}
.lite {font-size:12px !important}
.hidden {display:none !important}
input[type="hidden"] {display:none !important}

a {
	text-decoration:none;
	color:#2899DC
	}
a:hover {text-decoration:underline}

a img {border:0}

form fieldset {border:0}
form legend {display:none}
ul li {background:url(/images/bullet.png) 0 6px no-repeat;list-style:none;padding-left:9px}
ol li {list-style-position:inside}
ul ul li {background-image:url(/images/bullet-blue.png);list-style:none;padding-left:9px;margin-left:8px}



#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
	}

#header {
	position: relative;
	height:96px;
	padding:4px 15px;
	background:url(/images/top-bg.png) left top repeat-x
	}

#logo {
	display:block;
	float:left;
	width:170px;
	height:85px;
	}

#header form {float:right;width:700px;height:46px}
#header fieldset {display:block;float:right}
#header form label, form#news-subscribe label {
	color:#555;
	font-size:10px;
	padding:0;
	margin:0;
	line-height:12px;
	float:left;
	margin-right:6px
	}
#header form input, form#news-subscribe label input, #header form label strong {
	clear:both;
	display:block;
	padding:2px;
	height:16px;
	width:100px
	}

#header form label strong {font-size:14px;color:#555;white-space:nowrap;margin:4px 4px 0 0;text-align:right}

input, textarea {
	border:1px solid #CCC
	}

#header ul {float:right;display:block;list-style:none;padding:0}
#header li {
	float:left;
	margin:0 10px 0 0;
	background:none;
	padding:0
	}
#header li a {
	font:bold 12px 'Trebuchet MS';
	color:#2899DC

	}


#header form input.button {border:0;margin:0 -2px 0 0;height:24px;width:87px}

#right-wrapper {
	width:236px;
	float:right;
	padding:0 0 20px 24px;
	margin-top:30px;
	background:url(/images/shadow.png) left top no-repeat
	}
#right-wrapper dl {margin-bottom:20px}
#right-wrapper dl dd {margin-bottom:10px}
#right-wrapper dl dd p {font-size:11px;color:#555;padding:4px 0}
#right-wrapper dl dt {color:#2899DC;font:normal 11px 'Trebuchet MS';margin-top:4px}
#right-wrapper dl dt small {color:#000;font:normal 10px 'Trebuchet MS';display:block;width:260px}


#content {
	padding-top:30px;
	margin:0 260px 20px 0;

	}

* html #content {margin-right:290px}
	
#content h2 {margin-top:10px}
#content dt {margin-top:12px;font-size:1.1em}
#content dd {color:#555}

#left-picture {
	width:370px;
	height:320px;
	background:url(/images/tervisekond.jpg) left bottom no-repeat;
	float:left

	}

#middle {
	margin-left:374px;
	float:none;
	padding:0 12px;
	line-height:14px
	}

#footer {
	clear:both;
	background:url(/images/footer-bg.png) left top repeat-x;
	text-align:center;
	font-size:10px;
	color:#BEBEBE;
	padding:4px 0 32px 0;
	margin:20px 0 0 0
	}
#footer a {color:#aaa}

/* BUTTONS */

.small-button {
	border:0;
	line-height:23px;
	font-size:11px;

	color:white;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	width:99px;
	height:25px;
	background:url(/images/buttons-small.png) left top no-repeat
	}

.small-button:hover, .small-button.active {
	text-decoration:none;
	background-position:0 -25px
	}

.s-green {background-position:0 -50px}
.s-green:hover {background-position:0 -75px}

.s-yellow {background-position:0 -100px}
.s-yellow:hover {background-position:0 -125px}

.s-red {background-position:0 -150px}
.s-red:hover {background-position:0 -175px}

.s-purple {background-position:0 -200px}
.s-purple:hover {background-position:0 -225px}

.s-gray {background-position:0 -250px;color:#555}
.s-gray:hover {background-position:0 -275px;color:#000}


.mid-button.right {margin-right:6px}

.mid-button {
	border:0;
	line-height:32px;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	width:124px;
	height:34px;
	background:url(/images/buttons-mid.png) left top no-repeat
	}

.mid-button:hover , .mid-button.active {
	text-decoration:none;
	background-position:0 -34px
	}

.m-red {background-position:0 -68px}
.m-red:hover, .m-red.active {background-position:0 -102px}

.m-green {background-position:0 -136px}
.m-green:hover , .m-green.active {background-position:0 -170px}

.m-small {font-size:10px}

.big-button b {display:none}
.big-button small {font-size:11px;margin-top:-24px;display:block}
.big-button, .button-banner {
	border:0;
	position:relative;
	line-height:54px;
	font-size:24px;
	font-weight:bold;
	color:white;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	width:210px;
	height:58px;
	background:url(/images/buttons.png) left top no-repeat
	}

.bshort {
	width:176px;
	background-image:url(/images/buttons-short.png)
	}
	
.big-button:hover {
	text-decoration:none;
	background-position:0 -58px
	}
.button-banner {
	width:123px;
	height:273px;
	font-size:20px;
	background-image:url(/images/button-banner.jpg);
	margin:36px 0 0 8px
	}
.button-banner small {display:block;font-size:10px;font-weight:normal;white-space:nowrap;margin-top:-20px}
.button-banner:hover {text-decoration:none;color:#FA0}

	
.line2 {line-height:42px}
.b-yellow {background-position:0 -116px}
.b-yellow:hover {background-position:0 -174px}

.b-blue {background-position:0 -232px}
.b-blue:hover {background-position:0 -290px}

.b-red {background-position:0 -348px}
.b-red:hover {background-position:0 -406px}


.left {display:block;float:left !important}
form span.left {margin-right:32px}
.right {display:block;float:right !important}
.center {padding:10px 0 0 70px}
.center1 {padding:10px 36px}

.register-form fieldset {padding:0;margin:0 0 20px 0;display:block}
.register-form em {color:red;font-size:10px;font-weight:normal}
.register-form label{width:260px;display:block;margin-top:6px;font-weight:bold;font-size:13px;color:#2899DC}
.register-form label alert {width:260px;display:block;margin-top:6px;font-weight:bold;font-size:13px;color:red}

.register-form input, .register-form textarea, .register-form select {width:250px;display:block;font-size:18px;padding:2px 4px;color:#555}

.competition input, .competition textarea, .competition select {font-size:14px !important;font-weight:normal !important}
label.l2, .l2 input, .l2 select {width:120px}

select.l3 {width:80px;float:left;margin-right:10px;font-size:14px;font-weight:bold}
select.l2 {width:120px;float:left;margin-right:10px;font-size:14px;font-weight:bold}
div.l2 {margin-bottom:11px}

a.single {margin-left:132px}

.competition label  {width:140px !important}
.competition label  a, .register-form label  a  {margin-top:14px !important}
.competition label  a.dp-choose-date {margin-top:4px !important}
.competition label.l2  input {width:100px !important}
.competition label.l1 input {width:130px !important}
.competition a.mid-button {margin-top:-6px}

select.last {margin-right:0 !important;float:right}
.register-form select {padding:0}
.register-form textarea {height:126px;font-size:12px}
.register-form .emails {margin-right:80px}
.addmembers label {width:210px}
.addmembers input {width:194px}
form.left {width:260px;margin-right:60px}
* html form.left {width:260px;margin-right:30px}

.checkbox {display:inline}
.checkbox input {display:inline;width:auto;border:0;margin-right:.3em}

.addmembers li {
	display:block;
	width:330px;
	font-size:16px;
	color:green;
	height:40px;
	text-align:left;
	padding:0;
	margin:1px 0;
	background:none;
	}

.addmembers li strong {float:left;line-height:34px}
.addmembers li a {float:right}


form#news-subscribe {margin-top:4px}
form#news-subscribe input.button {border:0;margin-top:11px}

#contacts dl {margin:16px 0;padding-left:120px;background:url(/images/bullet.png) left top no-repeat;height:133px}
#contacts dd {color:#555}

dl#karu {background-image:url(/images/k.karu.jpg)}
dl#varul {background-image:url(/images/r.varul.jpg);height:auto}
dl#jallai {background-image:url(/images/j.jallai.jpg)}
dl#gubaidulin {background-image:url(/images/b.gubaidulin.jpg)}
dl#jarvet {background-image:url(/images/h.jarvet.jpg)}

#menu-active a {color:#000 !important}

.green {color:#8CD928}
.red {color:#FF7878}
.legend {background:#EEF}
.color {background:#E9F5FB}

.calendar {border-bottom:2px solid #D4EBF8;border-collapse:collapse;width:95%}
.calendar thead {color:#2899DC}
.calendar thead  th {text-align:left;padding:4px 12px}
.calendar th {border-bottom:1px solid #D4EBF8}
.calendar td {color:#555;padding:6px 12px;border:1px solid #D4EBF8;border-width:0 0 1px 0}
.calendar tr.active td {background:#FBD000;border-color:#A66201;color:black}
.calender #col1 {width:20%}
.calender #col2 {width:30%}
.calender #col3 {width:50%}

#user-menu {margin:8px 0;clear:both}

#lang, #lang li {

	display:block;
	float:left;
	margin:0;
	padding:0;
	font-size:10px
	}

#lang {
	position:absolute;
	right:0;
	top:110px
	}

#lang li {margin:0 10px 0 0}

#lang li a {
	display:block;
	width:16px;height:16px;;
	text-decoration:none;
	color:gray;
	position:relative;
	background:url(http://images.fotki.com/flags/ee.gif) center top no-repeat
	}

#lang li#ru a {background-image:url(http://images.fotki.com/flags/ru.gif)}
#lang li#en a {background-image:url(http://images.fotki.com/flags/uk.gif)}

#lang li a:hover {
	color:black;
	text-decoration:underline
	}



dl.table-display
{
height:auto;
width: 40em;
margin: 10px 0;
padding: 0
}

dl.table-display dt
{
height:auto;
width: 13em;
float: left;
margin:0 !Important;
padding: 5px 0 !Important;
border-top: 1px solid #eee;
font-weight: bold;
color:#2899DC
}

dl.table-display dd
{
height:auto;
float: left;
width: 22em;
margin: 0 !Important;
padding: 5px 0 !Important;
border-top: 1px solid #eee;
}

dl.woborder, dl.woborder dt, dl.woborder dd {border:0} 

dl.short {width:24em} 
dl.short dt {width:14em} 
dl.short dd {width:8em} 

.pagination {margin:16px 0;padding:0}
.pagination li  {margin:0 4px;float:left}
.pagination li.first  {background:none;padding:0}

.pagination li.active a {color:black;font-weight:bold}
.pagination li a  {display:block;padding:0 4px}

#company dt {padding-bottom:28px;clear:both}
#company  dd {margin:8px 0 32px 0;clear:both}
#company  dd  img {display:block;float:left;margin-top:-16px}
#company  dd  h2, #company  dd  p  {display:block;padding-left:186px}
#company  dd h2 {font-size:16px;clear:both}
#company  dd em strong {color:#2899DC}
#company  dd em strong:hover {background:#EEE}

#partners-bottom {width:900px;margin:32px auto 0 auto;text-align:center}

/* CALENDAR */

.user-calender  a.week01 {background:#DFC}
.user-calender  a.week02 {background:#FFC}

.calender-legend  li {background:none;float:left}
.calender-legend i {display:block;width:16px;height:16px;float:left;margin-right:6px}
.calender-legend .week01 i {color:#DFC;border:1px solid #D4EBF8;background:#DFC}
.calender-legend .week02 i {color:#FFC;border:1px solid #D4EBF8;background:#FFC}

.user-calender  {padding:0 0 0 1px;background:#D4EBF8;float:left;margin:8px auto 8px 0;width:455px}
.user-calender  b, .week-numbers b {display:block;width:66px;margin:0 0 0 -1px;padding:4px 0;float:left;background:#FFF;text-align:center;text-decoration:none;font-size:18px;color:#49A8E1}
.week-numbers {}
.week-numbers b {float:none;height:54px;padding:0;margin:0}
.week-numbers b#nadal {height:auto;padding:16px 0 20px 0;font-size:14px}
.user-calender  a {display:block;width:64px;height:53px;overflow:hidden;margin:1px 1px 0 0;float:left;background:#FFF;text-align:center;text-decoration:none}
.user-calender  a strong {font-size:30px;color:#777;line-height:24px;display:block;padding:6px 0 2px 0}
.user-calender  a.week strong {color:#000}
.user-calender  a span {font-size:10px;color:#777}
.user-calender  a span sup {font-size:8px;color:#777}
.user-calender  a.edit span {color:#2899E5}
.user-calender  a.edit span sup {color:#2899E5}
.user-calender  a.wostep span {color:#777}

.user-calender  a.today {background:#49A8E1;color:#FFF}
.user-calender  a.today span, .user-calender  a.today strong, .user-calender  a.today span sup {color:#FFF}

.user-calender  a.edit:hover, .user-calender  a.c-active {background:#FDD200}
.user-calender  a.edit:hover strong, .user-calender  a.edit:hover span, .user-calender  a.edit:hover span sup {color:#FFF}
.user-calender  a.wostep:hover span {color:#A15B01}

.user-calender  a.before,
.user-calender  a.after  {background:#fff;color:#ccc}
.user-calender  a.before span, .user-calender  a.before strong, .user-calender  a.before sup,
.user-calender  a.after span, .user-calender  a.after strong, .user-calender  a.after sup {color:#ccc}

input.checkbox {border:0;width:16px !important}

#chart-functions, .u-chart {margin-left:48px; // margin-left:0}

#helper {clear:both}

.leader {font-weight:bold !important;background:#F8F8F8}
dt.leader {color:#F80 !important}
dd.leader {color:#000 !important}

#ads {width:616px;padding:8px 0 4px 0;margin-top:24px;background:#FaFaFa;position:relative;overflow:hidden;text-align:center}
#ads a img {border:0}

.distance_seb {width:260px;display:block;margin-top:6px;font-size:18px;padding:2px 4px;color:#555}
.distance_seb b {font-weight:bold;font-size:13px;color:#2899DC;clear:both;display:block}
.distance_seb input { display: inline; margin: 0 6px 0 7px; width: auto;height:auto;border:0}

#top-banner {
	overflow:hidden;
	clear:both;
	text-align:center
	}
#top-banner img {
	display:block;
	margin:0 auto

	}