/* CSS Document */

@import url(reset.css);
@import url(default.css);
@import url(navi.css);

body {
  font: normal 76% Arial;
  line-height: 1.4em; color: #444;
}
table th {
	text-align:left;
}
body#index { background: #4c7629 url("../img/bg_index.jpg") center top no-repeat; }
body#sub { background: #4c7629 url("../img/bg_sub.jpg") center top no-repeat; }

/* Links
------------------------------------- */

a:link, a:visited, a:active { color: #004385; text-decoration: underline; }
a:hover { text-decoration: none; }

#results a.tabs {
  float: right; padding: 0 10px; font-size: 0.9em;
  text-transform: none; text-decoration: none; color: #fff;
}

#results a:hover, #results a.open { text-decoration: underline; }

.rarrow {
  background: url("../img/bullet_rarrow.png") left center no-repeat;
  text-decoration: none; padding-left: 12px;
}

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

a.white:hover { text-decoration: underline !important; }

.video_tn_wrap a:hover img { border: 2px solid #e2e2e2; }

.paginate a:link, .paginate a:visited, .paginate a:active {
  font-size: 0.8em; text-decoration: none;
  padding: 4px 8px; border: 1px solid #e2e2e2;
}
.paginate a.act {
	border:none !important;
}
.paginate a.act:hover {
	background:none !important;
}
.paginate a:hover { background: #e2e2e2; }
.paginate { font-size: 1.5em; font-weight: bold; }

#footer a:link, #footer a:visited, #footer a:active { color: #888; padding: 0 4px; }

/* Layout
------------------------------------- */

#container {
  width: 980px;
  margin: 0 auto 20px auto;
}

#index #header {
  width: 980px; height: 299px;
  background: url("../img/header_main.jpg") center top no-repeat;
}

#sub #header {
  width: 980px; height: 182px;
  background: url("../img/header_sub.jpg") center top no-repeat;
}

#header h1 a {
  display: block;
  width: 220px; height: 60px;
  margin: 0 auto;
}

#header h1 a span { margin-left: -9999px;}

#navi {
  width: 920px; height: 40px; overflow: hidden;
  background: url("../img/bg_navi.png") center top no-repeat;
  padding: 0 30px; 
}

#main {
  width: 920px; overflow: hidden;
  background: url("../img/bg_container.png") center top repeat-y;
  padding: 10px 30px; 
}

#frontpage {
  width: 920px; overflow: hidden;
  background: url("../img/bg_spacer_mid.gif") 560px bottom no-repeat;
}

#subpage {
  width: 920px; overflow: hidden;
  background: url("../img/bg_spacer_mid.gif") 240px bottom no-repeat;
}

#index #content {
  float: left; width: 560px;
}

#sub #content {
  float: right; width: 640px;
}

#spacer {
  float: left; width: 40px;
  background: url("../img/bg_spacer_top.gif") left top no-repeat;
}

#index #sidebar {
  float: right; width: 320px;
}

#sub #sidebar {
  float: left; width: 240px;
}

#footer {
  width: 920px;
  background: url("../img/bg_footer.png") center bottom no-repeat;
  padding: 10px 30px;
  color: #888;
  position:relative;
}

#footer_wrap {
  border-top: 1px solid #ddd;
  background: url("../img/bg_footer.jpg") center 1px no-repeat;
  padding: 15px 10px;
}

/* Special blocks
------------------------------------- */

#finnishtour {
  background: url("../img/bg_ft_block.gif") left bottom no-repeat;
  width: 560px; height: 167px;
  font-size: 1.2em;
  line-height: 1.3em;
}

#results {
  background: #f9f9f9 url("../img/bg_results_grad.gif") bottom left repeat-x;
  margin: 20px 0; border-bottom: 4px solid #004386;
  overflow: hidden;
}

#results_header {
  background: url("../img/bg_results_h2.gif") right top repeat-y !important;
  border: 1px solid #004386; padding: 4px 10px;
  text-transform: uppercase; font-size: 1.1em; color: #fff;
  overflow: hidden;
}

#results .player_card {
  float: left; background: #ddd;
  padding: 4px; margin: 10px;
  overflow: hidden;
}

#results #results_table {
  overflow: hidden; width: 360px;
}

#results_table table th {
  background: url("../img/bg_results_h2.gif") right top repeat-y !important;
  overflow: hidden;
}

#current {
  overflow: hidden;
}

.main_block {
  width: 270px;
}

.news_feat {
  border-bottom: 1px solid #e2e2e2;
}

.sidebox {
  overflow: hidden; width: 320px;
  margin: 10px 0; padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}


#sub .sidebox {
  overflow: hidden; width: 240px;
  margin: 10px 0; padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}

.video_info {
  background: #e2e2e2;
  padding: 10px;
  margin-bottom: 20px;
}

.embed {
  margin: 10px 0 0 0; padding: 10px;
  border-top: 1px solid #ccc;
}

.gallery {
  width: 640px; overflow: hidden;
  margin: 20px 0;
}

#gallery_images {

}
.gallery_wrap {
  float: left; width: 200px;
  overflow: hidden; margin: 0 20px 20px 0;
}
.gallery_tn_list {
	height:100px;
}
.gallery_tn_wrap {
  float: left; 
  width: 100px;
  overflow: hidden; 
  margin-right: 10px;
}

.gallery_tn_wrap:hover { background: #f2f2f2; }

.gallery_tn {
  text-align: center;
}

.gallery_tn img {
  border: 2px solid #dddddd;
  padding: 2px; background: #e2e2e2;
}

.gallery_txt {
  padding: 4px;
}

/* Texts
------------------------------------- */

#results_header h2 { float: left; font-weight: bold; }

#current h2, #sub h2 {
  font-size: 1.5em;
  padding: 0 4px 6px 4px; margin-bottom: 10px;
  border-bottom: 4px solid #dddddd;
}

#sub h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.news_feat h3, #results h3 { font-size: 1.5em; line-height: 1.2em; margin: 0.8em 0; }
#results h3 { color: #004386; background: url("../img/powered-by-golfbox.gif") right center no-repeat; }

#index #sidebar h2, #sub #sidebar h3 {
  background: url("../img/bg_sidebar_h2.gif") right bottom no-repeat; height: 26px; 
  text-transform: uppercase; font-size: 1.12em; color: #fff; font-weight: bold;
}

p { margin: 0.8em 0; }

#finnishtour p {
  padding: 24px 20px 10px 20px;
}

.blue { border-left: 1px solid #004386; }
.blue span { 
  display: inline-block; height: 26px; padding: 5px 40px 0 10px;
  background: url("../img/bg_sidebar_h2_blue.png") right top no-repeat;
}

.green { border-left: 1px solid #2c9761; }
.green span {
  display: inline-block; height: 26px; padding: 5px 40px 0 10px;
  background: url("../img/bg_sidebar_h2_green.png") right top no-repeat;
}

/* Lists
------------------------------------- */

ul {
  margin: 1em 0;
}

ul li {
  margin: 4px 0;
}

#current dl {
  width: 270px; overflow: hidden;
  background: #f9f9f9; clear: both;
}

#current dl dt {
  float: left; width: 56px;
  margin: 0; padding: 4px 2px;
  font-weight: bold;
}

#current dl dd {
  float: left; margin: 0; padding: 4px 2px;
}

#current dl dd.wide { width: 124px; }
#current dl dd.nrrw { width: 78px; }

dd.nrrw a.signup {
  display: block;
  width: 78px; height: 25px;
  background: url("../img/contest_buttons.png") 0 0 no-repeat;
}

dd.nrrw a.signup:hover { background: url("../img/contest_buttons.png") 0 -25px no-repeat; }

dd.nrrw a.results {
  display: block;
  width: 78px; height: 25px;
  background: url("../img/contest_buttons.png") -78px 0 no-repeat;
}

dd.nrrw a.results:hover { background: url("../img/contest_buttons.png") -78px -25px no-repeat; }

dd.nrrw a span { display: none; }

/* Form styles
------------------------------------- */

input[type=text] {
  border: 1px solid #d4d8de;
  padding: 3px 1px 1px 3px;
  background: #fff url("../img/bg_input.gif") left top no-repeat;
  height: 18px;
}

input[type=password] {
  border: 1px solid #d4d8de;
  padding: 3px 1px 1px 3px;
  background: #fff url("../img/bg_input.gif") left top no-repeat;
  height: 18px;
}

input[type=submit] {
	background:transparent url("../img/button_bg.png") repeat-x scroll 0 0;
	border-color:#ececec #adadad #adadad #ececec !important;
	border-style:solid !important;
	border-width:1px !important;
	font-size:1.0em;
	font-family: arial !important;
	font-weight: bold;
	margin:0px 0 0 0;
	padding:3px;
}

input[type=reset] {
	background:transparent url("../img/button_bg.png") repeat-x scroll 0 0;
	border-color:#ececec #adadad #adadad #ececec !important;
	border-style:solid !important;
	border-width:1px !important;
	font-size:1.0em;
	font-family: arial !important;
	font-weight: bold;
	margin:0px 0 0 0;
	padding:3px;
}

#search_box {
  width: 240px; height: 23px; margin-bottom: 20px;
  background: url("../img/bg_search_box.png") 0px 0px no-repeat;
}

#search_box:hover { background: url("../img/bg_search_box.png") 0px -23px no-repeat; }
/*#search_box:active { background: url("../img/bg_search_box.png") 0px -46px no-repeat; }*/

#search_box #s {
  float: left; padding: 2px; margin: 0;
  border: 0; width: 190px; font-size: 1em;
  background: none;
}

#search_box #go {
  float: right; margin: 1px 0;
}

input.embed_text { border: 1px solid #ccc; padding: 2px; width: 170px; }
input.search_button {
  width: 50px; padding: 1px;
  border: 1px solid #a0b1dc; background: #deeafc;
}

/* form rows */
div.formrow {
  clear: both; overflow: hidden; border-top: 1px solid #ccc;
  padding-top: 6px; width: 220px; }
div.formrow span.label {
  float: left; display: block;
  height: 20px; width: 32px;
  padding: 2px 4px;
  text-align: right;
}
div.formrow span.formw {
  float: right; display: block;
  height: 24px; width: 180px;
  text-align: left;
}

/* Table styles
------------------------------------- */

table {
  width: 340px;
  border-bottom: 2px solid #ebebeb;
}

table thead tr {
  background: url("../img/bg_results_h2.gif") right top repeat-y;
  border: 1px solid #004386; color: #fff;
}

table th, table td { padding: 2px; }
table td { text-align: center; }
table .player { text-align: left; }

table .wide { width: 120px; }
table .mid { width: 50px; }
table .sml { width: 40px; }

/* Playercard - New player
------------------------------------- */

div#content fieldset {
	border: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div#content legend {
	border: 1px solid #e1e1e1;
	margin-left: 10px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

div.luo_pelaaja input[type=text] {
  border: 1px solid #d4d8de;
  padding: 3px 1px 1px 3px;
  background: #fff url("../img/bg_input.gif") left top no-repeat;
  height: 18px;
}

div.line div {
	margin: 0 10px 0 0;
	float: left;
}

div.line div p {
	font-size: 11px;
}

div.line {
	clear: both;
	padding: 10px;
}

div.line label{
	display: block;
	font-weight: bold;
	margin: 2px 0;
}
div.line label span{
	color: #e32929;
}

div.sitemap {
	
}
div.sitemap li a.root {
	font-weight:bold;
}
div.sitemap li a.child {
	background:url(../img/bullet_rarrow.png) no-repeat left center;
	padding-left:10px;
}

/* Breadcrumbs
------------------------------------- */

div#breadcrumbs {
	border-top: 1px dotted #e1e1e1;
	border-bottom: 1px dotted #e1e1e1;
	padding: 5px 2px 5px 0px;
	margin-bottom: 15px;
}
div#breadcrumbs img{
	margin-bottom: -1px;
	padding-right: 5px;
}

div#breadcrumbs span.etusivu {
	color: #004385;
}

div#content .directory li a.char { 
	background: #565656 url("../img/bg_directory.gif") right -30px no-repeat !important; 
}

div.live_scoring_table table td {
	text-align:left !important;
}

/* Gallery Listing
------------------------------------- */

div.gallery_list {
	overflow: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #e1e1e1;
}
div.gallery_thumb {
	float:left;
}

div.gallery_desc {
	float:left;
}

div.gallery_list img.thumb {
	border:1px solid #e1e1e1;
	padding: 3px;
}

div.gallery_list img.thumb:hover {
	border:1px solid #808080;
	padding: 3px;
}

div.gallery_list h3 {
	margin: 0px 10px 10px !important;
}

div.gallery_list p {
	margin: 10px;
}

div.gallery_list p.date {
	color: #9e9e9e;
	font-size: 0.85em;
}

/* popup */
#share_popup {
	position:fixed;
	top:50%;
	left:50%;
  	border:10px #004385 solid;
/*	width:170px;*/
/*	height:130px;*/
	margin-left:-98px;
	margin-top:-85px;
	background:#fff;
	padding:10px;
	display:none;
}
#share_popup h2 {
	margin:0 0 10px;

}
#share_popup #vinkkaa_success {
	display:none;
}
#share_popup div.input {
	margin:5px 0;
}
#share_popup div.button {
	margin:10px 0 0;
}

ul.search li a {
	background:url(../img/bullet_rarrow.png) no-repeat left center;
	padding-left:10px;
}

.ymparisto_wrapper {
	font: normal 12px Arial;
	color: #4c7629;
	width:560px;
}

.ymparisto_top{
	height:78px;position:relative;
	background:url("../img/ymparistotietoisku_top.jpg") center top no-repeat;
}
.ymparisto_top h2 {margin-left:-999em;margin:0;padding:0;}
.ymparisto_top h2 span {margin-left:-999em;}
.ymparisto_top a.slu {display:block;position:absolute;top:36px;right:18px;width:80px;height:36px;}
.ymparisto_top a.slu span {margin-left:-999em;}

.ymparisto_middle {background:url("../img/ymparistotietoisku_middle.jpg") center top repeat-x;padding:10px 20px;}
.ymparisto_middle p {margin:0;padding:0;line-height:18px;}

.ymparisto_bottom{ height:24px;background:url("../img/ymparistotietoisku_bottom.jpg") center top no-repeat; }

a#trust {
	top:18px;
	left:436px;
	position:absolute;
}