HTML {
	height: 100%;
	margin: 0;
	padding: 0;
}

BODY {
	height: 100%;
	background: transparent url(../_img/ui/bg_body.gif) 0 0 repeat;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

DIV, P, IMG, UL, OL, DL, H1, H2, H3, H4, FORM {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

A, A:VISITED {
	text-decoration: none;
	outline: none;
	cursor: pointer !important;
	color: #EB710E;
}

A:HOVER, A:VISITED:HOVER {
	color: #CCC;
}

A IMG {
	display: inline;
	border: 0;
}



DIV#wrap {
	position: relative;
	width: 944px;
	background: transparent url(../_img/ui/bg_wrap.jpg) 0 0 repeat-y;
	margin: auto;
	font: normal 0.75em/1.75 Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

DIV#header {
	width: 944px;
	height: 104px;
	background: transparent url(../_img/ui/bg_header.jpg) 0 0 no-repeat;
}



A#homelink {
	display: inline;
	width: 428px;
	height: 41px;
	margin: 30px 0 0 32px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}


UL#helpnavi {
	width: 410px;
	height: 39px;
	background: transparent url(../_img/ui/bg_helpnavi.jpg) 0 0 no-repeat;
	padding: 0 0 0 1px;
	list-style: none;
	float: right;
}

UL#helpnavi LI {
	display: block;
	height: 39px;
	margin-right: 1px;
	line-height: 39px;
	float: left;
}

UL#helpnavi LI A {
	display: block;
	height: 39px;
	background: transparent url(../_img/ui/bg_helpnavi.jpg) -9999px -9999px no-repeat;
	line-height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

LI#hn-kisa { width: 136px; }
LI#hn-pist { width: 75px; }
LI#hn-gall { width: 125px; }
LI#hn-link { width: 69px; }

LI#hn-kisa A:HOVER, BODY#sect-kisa LI#hn-kisa A { background-position: -1px -39px; }
LI#hn-pist A:HOVER, BODY#sect-pist LI#hn-pist A { background-position: -138px -39px; }
LI#hn-gall A:HOVER, BODY#sect-gall LI#hn-gall A { background-position: -214px -39px; }
LI#hn-link A:HOVER, BODY#sect-link LI#hn-link A { background-position: -340px -39px; }



UL#mainnavi {
	width: 904px;
	height: 70px;
	background: transparent url(../_img/ui/bg_mainnavi.jpg) 0 0 no-repeat;
	padding: 0 0 0 40px;
	list-style: none;
}

UL#mainnavi LI {
	display: block;
	height: 70px;
	margin-right: 1px;
	line-height: 70px;
	float: left;
}

UL#mainnavi LI A {
	display: block;
	height: 70px;
	background: transparent url(../_img/ui/bg_mainnavi.jpg) -9999px -9999px no-repeat;
	line-height: 70px;
	text-indent: -9999px;
	overflow: hidden;
}

LI#mn-uuti { width: 133px; }
LI#mn-team { width: 106px; }
LI#mn-kalu { width: 140px; }
LI#mn-jase { width: 158px; }
LI#mn-yhte { width: 323px; }

LI#mn-uuti A:HOVER, BODY#sect-uuti LI#mn-uuti A { background-position: -40px -70px; }
LI#mn-team A:HOVER, BODY#sect-team LI#mn-team A { background-position: -174px -70px; }
LI#mn-kalu A:HOVER, BODY#sect-kalu LI#mn-kalu A { background-position: -281px -70px; }
LI#mn-jase A:HOVER, BODY#sect-jase LI#mn-jase A { background-position: -422px -70px; }
LI#mn-yhte A:HOVER, BODY#sect-yhte LI#mn-yhte A { background-position: -581px -70px; }



DIV#footer {
	width: 944px;
	height: 74px;
	background: transparent url(../_img/ui/bg_footer_locot.jpg) 0 0 no-repeat;
}


DIV#contentwrap {
	width: 944px;
	min-height: 450px;
	background: transparent url(../_img/ui/bg_content.jpg) 0 0 no-repeat;
	padding: 90px 0 21px 0;
}

DIV#content {
	width: 779px;
	padding: 0 75px 0 90px;
}

DIV#lcol {
	width: 485px;
	float: left;
}

DIV#rcol {
	width: 228px;
	padding-top: 5px;
	float: right;
}

DIV#content.wide DIV#lcol {
	width: 365px;
}

DIV#content.wide DIV#rcol {
	width: 365px;
	border-left: 1px solid #444;
	padding-left: 23px;
}

DIV.brk {
	clear: both;
}



H1 {
	padding-bottom: 0.7647em;
	font: bold 2.4167em/1.379 Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #F5F5F5;
}

H2 {
	padding-bottom: 0.7647em;
	font: bold 1.4167em/1.2353 Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #F5F5F5;
}

H3 {
	padding-bottom: 0.2em;
	font: normal 1.25em/1.2667 Tahoma, Arial, Helvetica, sans-serif;
	color: #51AED6;
}

H4 {
	padding-bottom: 0.2308em;
	font: bold 1.1667em/1.3077 Tahoma, Arial, Helvetica, sans-serif;
	color: #E5E5E5;
}

H2 SPAN.datefield {
	display: block;
	width: auto;
	padding: 0 0 3px 0;
	font: bold 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #51AED6;
	float: none;
}



P {
	padding-bottom: 1.4167em;
}

BIG {
	font: normal 1.25em/1 Arial, Helvetica, sans-serif;
}



UL {
	list-style: none;
	padding-bottom: 1.4167em;
}

DIV#content UL LI {
	background: transparent url(../_img/ui/bullet_orange.png) 2px 9px no-repeat;
	padding-left: 13px;
}



A.clslink {
	background: transparent url(../_img/ui/crumb_final.gif) 2px 0 no-repeat;
	padding-left: 15px;
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
}

A.clslink.cur {
	font-weight: bold;
	font-size: 12px;
}

UL.datelist LI {
	background: none !important;
	border-bottom: 1px dotted #666;
	padding: 2px 0 4px 7px !important;
}

SPAN.datefield {
	display: block;
	width: 70px;
	font: normal 10px/21px Tahoma, Arial, Helvetica, sans-serif;
	padding-right: 11px;
	color: #FFC;
	float: left;
}

SPAN.racename {
	font-weight: bold;
}

SPAN.racename.done {
	background: transparent url(../_img/ui/bullet_tick.png) right 0 no-repeat;
	padding-right: 19px;
}

SPAN.racename.public {
	background: transparent url(../_img/ui/bullet_tick.png) right -1px no-repeat;
	padding-right: 19px;
}

A.reslink {
	display: block;
	background: transparent url(../_img/ui/bullet_go.png) 79px 3px no-repeat;
	padding-left: 96px;
}


DL {
	padding-bottom: 1.4167em;
	font: normal 0.9167em/1.7273 Tahoma, Arial, Helvetica, sans-serif;
}

DL DT {
	display: block;
	width: 155px;
	font-weight: bold;
	float: left;
}

DL DD {
	margin-left: 155px;
	padding-bottom: 5px;
}



FORM.dialogform {
	padding-top: 11px;	
}

LABEL {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

LABEL.flt {
	display: inline;
	width: 125px;
	line-height: 21px;
	float: left;
	clear: left;
}

INPUT, TEXTAREA, SELECT {
	margin: 0 0 5px 0;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: top;
}

SELECT {
	margin-right: 3px;
	padding: 1px;
}

INPUT.txt, 
TEXTAREA {
	border: 1px solid #999;
	border-color: #888 #999 #999 #888;
}

INPUT.chk {
	display: inline;
	margin: 1px 2px 0 0;
	vertical-align: middle;
}

INPUT.rdo {
	display: inline;
	margin: 1px 1px 0 0;
	vertical-align: middle;
}

INPUT.btn {
	border: 1px solid #CCC;
	background: #777;
	background-position: 3px center;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
}



DIV.newsblock {
	width: 620px;
	background: transparent url(../_img/ui/news_separ.gif) center bottom no-repeat;
	margin-bottom: 3em;
	padding-bottom: 2.25em;
	line-height: 1.5833em;
}



P.ytlogo {
	display: inline;
	width: 200px;
	height: 125px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 10px 39px 11px 20px;
	padding: 0;
	float: left;
}

P.ytlogo A {
	display: block;
	width: 200px;
	height: 125px;
	text-indent: -9999px;
	overflow: hidden;
}



UL#seasonselect LI,
UL#classselect LI,
UL#wkendselect LI {
	background: none !important;
	padding-left: 0 !important;
}


TABLE.points {
	border-collapse: collapse;
	border: 0;
}

TABLE.points TH {
	border: 0;
	border-bottom: 3px solid #666;
	padding: 3px 7px 3px 3px;
	text-align: left;
	vertical-align: top;
}

TABLE.points TD {
	border: 0;
	border-bottom: 1px solid #666;
	padding: 1px 7px 3px 5px;
	text-align: left;
	vertical-align: top;
}

TABLE.points TH.ri,
TABLE.points TD.ri {
	text-align: right;
	padding-right: 11px;
}

TABLE.points TR.hometeam TD {
	font-weight: bold;
	color: #FFC;
}

SPAN.rlistname {
	display: block;
	background: transparent url(../_img/ui/crumb_final.gif) 2px 2px no-repeat;
	padding-left: 15px;
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
}

SPAN.rlistname.pri A,
SPAN.plistname.pri {
	background: transparent url(../_img/ui/bullet_red.png) -3px 0 no-repeat;
	padding-left: 15px;
}

SPAN.rlistname.pub A,
SPAN.plistname.pub {
	background: transparent url(../_img/ui/bullet_tick.png) -2px -1px no-repeat;
	padding-left: 15px;
}


DIV.galthumb {
	width: 70px;
	height: 70px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 10px 13px 0;
	overflow: hidden;
	overflow: visible;
	float: left;
}

DIV.galthumb A {
	display: block;
	width: 70px;
	height: 70px;
	background: transparent url(../_img/ui/thumbframe-s.gif) 0 0 no-repeat;
	overflow: hidden;
	cursor: pointer !important;
	outline: none;
	overflow: visible;
}



DIV#shade {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #111;
	z-index: 90;
}

DIV#webimagebox {
	position: fixed;
	left: -9999px;
	top: -9999px;
	width: 68px;
	height: 68px;
	background: #000;
	padding: 0 2px 2px 0;
	overflow: hidden;
	z-index: 100;
}

DIV#imgcounter {
	position: absolute;
	height: 19px;
	right: 1px;
	top: 1px;
	background: #444;
	padding: 0 5px;
	font: normal 10px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

DIV#webimagebox IMG {
	background: #F60;
	padding: 1px;
}

DIV#webimagebox DIV#caption {
	height: 32px;
	padding: 0 11px;
	line-height: 29px;
}

DIV#webimagebox A#prev,
DIV#webimagebox A#next {
	display: none;
	position: absolute;
	top: 50%;
	width: 40%;
	height: 150px;
	background: transparent url(../_img/ui/blank.gif) 0 0 no-repeat;
	margin-top: -75px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

DIV#webimagebox A#prev {
	left: 11px;
}

DIV#webimagebox A#next {
	right: 11px;
}

DIV#webimagebox A#prev:HOVER {
	background: transparent url(../_img/ui/nuoli_prev.png) left center no-repeat;
}

DIV#webimagebox A#next:HOVER {
	background: transparent url(../_img/ui/nuoli_next.png) right center no-repeat;
}

IMG#webimageboxloader {
	position: fixed;
	left: 50%;
	top: 35%;
	border: 1px solid #333;
	background: #000;
	padding: 10px;
	margin: -27px 0 0 -27px;
	z-index: 101;
}

H2#gname {
	padding: 0 0 3px 0;
}

P#gdata {
	background: transparent url(../_img/ui/crumb_final.gif) 2px 1px no-repeat;
	padding: 0 0 9px 15px;
	font: normal 0.9167em/1.5455 Tahoma, Arial, Helvetica, sans-serif;
}

P#gtext {
	width: 459px;
	border-left: 1px dotted #963;
	margin: 0 0 31px 1px;
	padding: 0 0 2px 12px;
	font: normal 0.9167em/1.5455 Tahoma, Arial, Helvetica, sans-serif;
}



DIV#content UL#selector {
	padding: 0;
}

DIV#content UL#selector LI {
	background: none;
	padding: 0 0 7px 0;
	font: bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
}

DIV#content UL#selector LI A {
	display: block;
	background: transparent url(../_img/ui/crumb_final.gif) 3px 1px no-repeat;
	padding: 0 0 0 15px;
	font-weight: normal;
}

DIV#content UL#selector LI.cur A {
	font: bold 12px/17px Tahoma, Arial, Helvetica, sans-serif;
}

DIV#content UL#selector LI.cur DIV.gdate {
	width: 75px;
	background: transparent url(../_img/ui/bullet_og.png) right 0 no-repeat;
}


DIV#content UL#selector LI A.cur {
	font-weight: bold;
	font-size: 12px;
}



INPUT.req {
	background: #FFC url(../_img/ui/bullet_red.png) right 2px no-repeat;
}

LABEL.req {
	background: transparent url(../_img/ui/bullet_red.png) -5px 4px no-repeat;
	padding-left: 11px;
	width: 114px;
	color: #FFC;
}

P.req {
	background: transparent url(../_img/ui/bullet_red.png) -5px 4px no-repeat;
	padding-left: 11px;
	color: #FFC;
}



DIV#toolbar {
	height: 21px;
	background: #222;
	border: 5px solid #444;
	margin-bottom: 31px;
	padding: 3px 7px 3px;
	clear: both;
}

DIV#toolbar A {
	display: inline;
	height: 21px;
	margin-right: 21px;
	line-height: 19px;
	float: left;
}

UL#gallerylist LI {
	width: 769px;
	border-bottom: 1px dotted #666;
	background: none !important;
	padding: 2px 5px 5px;
	float: left;
	clear: both;
}

DIV.galldate {
	width: 85px;
	float: left;
}

DIV.gallname {
	width: 335px;
	float: left;
}

DIV.gallcomm {
	width: 314px;
	background: transparent url(../_img/ui/crumb_final.gif) 2px 2px no-repeat;
	padding-left: 15px;
	font-size: 11px;
	line-height: 19px;
	white-space: nowrap;
	overflow: hidden;
	color: #CCC;
}

DIV.galldata {
	width: 75px;
	float: left;
}

DIV.gallrace {
	width: 160px;
	float: left;
}

DIV.gallseri {
	background: transparent url(../_img/ui/crumb_final.gif) 2px 2px no-repeat;
	padding-left: 15px;
	font-size: 11px;
	line-height: 19px;
	color: #CCC;
}



DIV#dbox {
	display: none;
	position: absolute;
	border: 7px solid #666;
	background: #444;
	color: #EEE;
}

DIV#dbox A#dclose {
	display: block;
	position: absolute;
	right: 7px;
	top: 7px;
	border: 1px solid #666;
	background: #FC0;
	padding: 0 7px 0 7px;
	font: bold 11px/21px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

DIV#dcontent {
	padding: 11px 21px;
}



DIV#gall-sidebar {
	width: 595px;
	height: 31px;
	border: 3px solid #666;
	background: #333;
	margin-bottom: 7px;
	padding: 0 13px 0 0;
}

DIV#gall-sidebar A.g-tab {
	font: normal 13px/29px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 0 0 13px;
}

DIV#gall-sidebar A.g-tab.act {
	font-weight: bold;
}



DIV.g-tab {
	display: none;
	width: 585px;
	border: 1px dotted #666;
	padding: 13px;
	float: left;
}

DIV.g-tab.open {
	display: block;
}

DIV.infobox {
	border-bottom: 1px dotted #666;
	background: #333;
	margin: -13px -13px 21px -13px;
	padding: 3px 11px 5px 11px;
	font: normal 11px/21px Tahoma, Arial, Helvetica, sans-serif;
}

DIV#g-imglist {
	width: 564px;
	height: 312px;
	border: 5px solid #333;
	margin-top: 37px;
	padding: 8px 0 0 8px;
	overflow: auto;
	float: left;
}

DIV#g-imglist DIV.galthumb {
	margin: 0 8px 8px 0;
}

DIV#dcontent H2 {
	padding-bottom: 3px;
}

DIV#dcontent LABEL.flt {
	width: 130px;
}

DIV#dcontent P#g-name {
	background: transparent url(../_img/ui/crumb_final.gif) 2px 3px no-repeat;
	padding: 0 0 31px 15px;
}



FORM#fupload {
	border: 5px solid #333;
	background: #666;
	padding: 7px 11px;
	margin-bottom: 21px;
}

FORM#fupload P {
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
}

UL#workimglist {
	height: 111px;
	border: 5px solid #333;
	padding: 3px 11px 7px 11px;
	overflow: auto;
}

UL#workimglist LI {
	height: 19px;
	padding-left: 21px;
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
}

UL#workimglist LI.wait {
	background: transparent url(../_img/ui/bullet_picture.png) 0 2px no-repeat;
}

UL#workimglist LI.work {
	background: transparent url(../_img/ui/ajax-loader2.gif) 0 3px no-repeat;
}

UL#workimglist LI.done {
	background: transparent url(../_img/ui/bullet_tick.png) 0 3px no-repeat;
}

A.remworkimg {
	padding: 0 17px 0 11px;
}

A#doworkimages {
	float: right;	
}



DIV#pagination {
	height: 21px;
	margin-top: 21px;
	line-height: 21px;
	clear: both;
}

DIV#pagination A {
	display: block;
	height: 19px;
	width: 19px;
	border: 1px solid #AAA;
	background: #333;
	margin-right: 7px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	float: left;
}

DIV#pagination A.act {
	background: #EB710E;
	color: #222;
}