/* Component containers ----------------------------------*/
.ui-widget { font-family: Ubuntu, 'Lucida Grande', Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Ubuntu, 'Lucida Grande', Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #065883; background: #065883 url(images/ui-bg_glass_25_065883_1x400.png) 50% 50% repeat-x; color: #eeeeee; font-weight: bold; }
.ui-widget-header a { color: #eeeeee; }

.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Tooltip ----------------------------------*/
.ui-tooltip { 
	padding:8px; position:absolute; z-index:9999; 
	-o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; 
	border: 2px solid #087BB8;
	background: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#EEE')";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #EEE));
	background-image: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: linear-gradient(top, #FFF 0%, #EEE 100%); }
	
* html .ui-tooltip { background-image: none; }
body .ui-tooltip { border-width:2px; }

html { overflow-y: scroll; }
body { font-family: Ubuntu, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 13px; margin:0; padding:0; background: #fff; }
#header { 
	padding: .6em 2em; text-align:center; font-size:1.2em; font-weight: normal;
	background: #065883;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#087BB8', endColorstr='#065883')";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #087BB8), color-stop(1, #065883));
	background-image: -webkit-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -moz-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -ms-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -o-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: linear-gradient(top, #087BB8 0%, #065883 100%); 
	}
p { color: #087BB8; font-size:1.2em; }
li { list-style:none; }
pre { font-style: none; line-height: 1.5em; }
a { color:#222; text-decoration: none; }
a:visited { color:#d9bb73; }
a:hover { text-decoration: underline; cursor:pointer; }
#ottelut { width:95%; margin: 1em auto; border-top: 1px solid #087BB8; padding: 2em 0 1em; }
#linkit { width:95%; margin: 0 auto; border-top: 1px solid #087BB8; padding:0; padding-bottom: .5em; white-space: nowrap; }
#linkit table { width:auto; margin: 0 auto; }
#linkit table tr { vertical-align: top; }
#linkit table td { width:20em; padding: .5 3em; }
#linkit ul { padding: 0 1.5em; }
#linkit li { list-style:circle; }
.copyright { width:100%; text-align: center; color: #dcdcdc; clear: both; font-size: .8em; margin-bottom: .3em; margin-top: 1.5em; z-index: 1; }
.copyright a { color: #dcdcdc; }

#form { width: 500px; margin-left:auto; margin-right:auto; }
#form-text { 
	width: 36em; font-size: 1em; padding: .4em 1em .4em 1.4em; margin:2.7em auto 1em !important; border: 1px solid #087BB8; 
	background: #FFF; 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.3, #FFF));
	background-image: -webkit-linear-gradient(top, #EEE 0%, #FFF 30%);
	background-image: -moz-linear-gradient(top, #EEE 0%, #FFF 30%);
	background-image: -ms-linear-gradient(top, #EEE 0%, #FFF 30%);
	background-image: -o-linear-gradient(top, #EEE 0%, #FFF 30%);
	background-image: linear-gradient(top, #EEE 0%, #FFF 100%);
	-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
.result-info { width:35em; text-align: center; color: #087BB8; background: rgba(255,255,255,0.8); padding: .4em .2em; margin-left: auto; margin-right: auto; }
.result-info a { color: #087BB8; }
input:focus { outline: none; }

#form .ui-state-hover { background: rgba(6, 88, 131, .8); }
#form .ui-state-active { background: rgba(6, 88, 131, .5); }

input.text:focus { -webkit-box-shadow: .3em .3em .3em #eee; -moz-box-shadow: .3em .3em .3em #eee; box-shadow: .3em .3em .3em #eee; }
#ottelut-loading { width:4em; margin:2em auto; }
#ottelut-content { width:95%; margin-left:auto; margin-right:auto; }
#ottelulista { border-collapse: collapse; border: 0; margin: 0 auto; }
#ottelulista td { padding:.5em; white-space:nowrap; }
#ottelulista tbody tr:nth-child(odd) { background: #FFF; }
#ottelulista tbody tr:nth-child(even) { background: #EED; }
#ottelulista thead tr:first-child { 
	font-weight:normal; 
	background: #065883;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#087BB8', endColorstr='#065883')";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #087BB8), color-stop(1, #065883));
	background-image: -webkit-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -moz-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -ms-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: -o-linear-gradient(top, #087BB8 0%, #065883 100%);
	background-image: linear-gradient(top, #087BB8 0%, #065883 100%);
	color: #eee; }
#ottelulista thead tr:first-child td { text-decoration: none !important; cursor:default !important; }
#ottelulista thead > tr td:first-child { -webkit-top-left-radius: 4px; -moz-top-left-radius: 4px; -ms-top-left-radius: 4px; -o-top-left-radius: 4px; border-top-left-radius: 4px; }
#ottelulista thead > tr td:last-child {	-webkit-top-right-radius: 4px; -moz-top-right-radius: 4px; -ms-top-right-radius: 4px; -o-top-right-radius: 4px; border-top-right-radius: 4px; }
#ottelulista td span:hover { text-decoration:underline; cursor:pointer; }
#print:hover, #info:hover { text-decoration: underline; cursor: pointer; }

.header-link, .header-link:hover, .header-link #header {
  text-decoration: none;
}