@charset "utf-8";

BODY, HTML {
	height: 100%;
	background: #929292;
	margin: 0;
	padding: 0;
}

BODY {
	background: transparent url(../_img/ui/tausta_gradient_tile.jpg) 0 0 repeat-x;
	font-size: 100%;
}

DIV, IMG, H1, H2, H3, P, UL, FORM, FIELDSET {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #FC3D32;
}

A:HOVER, A:VISITED:HOVER {
	text-decoration: none;
	color: #515151;
}

A IMG {
	border: 0;
}



DIV#wrap {
	position: relative;
	width: 750px;
	margin: auto;
	padding: 0 0 20px 0;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #515151;
}

DIV#header {
	position: relative;
	width: 750px;
	height: 140px;
	background: transparent url(../_img/ui/header.jpg) 0 0 no-repeat;
}

A#homelink {
	display: block;
	position: absolute;
	left: 10px;
	top: 91px;
	width: 286px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#mainmenu {
	width: 723px;
	height: 28px;
	background: transparent url(../_img/ui/valikko.gif) 0 0 no-repeat;
	padding: 2px 10px 0 17px;
	list-style: none;
}

UL#mainmenu LI {
	display: block;
	height: 28px;
	border: 1px solid #777;
	border-width: 0 1px;
	margin: 0 6px 0 2px;
	padding: 0;
	float: left;
}

UL#mainmenu LI A {
	display: block;
	height: 28px;
	padding: 0 9px;
	font: bold 14px/27px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

BODY#s-palv LI#n-palv,
BODY#s-kalu LI#n-kalu,
BODY#s-yhte LI#n-yhte,
BODY#s-link LI#n-link,
BODY#s-tila LI#n-tila {
	background: #555;
	border: 1px solid #818181;
	border-width: 0 1px;
}

UL#mainmenu LI A:HOVER {
	background: #555;
}




DIV#content {
	width: 694px;
	background: transparent url(../_img/ui/tausta_sisalto_tile.jpg) 0 0 repeat-y;
	padding: 0 28px;
}

DIV#footer {
	width: 750px;
	height: 57px;
	background: transparent url(../_img/ui/footer.jpg) left bottom no-repeat;
	margin-left: -28px;
	clear: both;
}



DIV#content IMG#bigg {
	display: inline;
	border: 1px solid #767A7D;
	margin: 22px -17px 11px 21px;
	float: right;
}

DIV#content H1 {
	padding: 19px 0 7px 0;
	font: normal 18px/23px Arial, Helvetica, sans-serif;
	color: #000;
}

DIV#content H2 {
	padding: 0 0 3px 0;
	font: normal 15px/19px Arial, Helvetica, sans-serif;
	color: #333;
}

DIV#content H3 {
	padding: 0;
	font: bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}

DIV#content P {
	padding-bottom: 11px;
}

DIV#content P.narrow {
	padding-right: 370px;
}

DIV#content UL {
	padding: 0 0 11px 17px;
}

DIV#content UL LI {
	margin: 0;
	padding: 0;
}



DIV#loginbox {
	width: 275px;
	border: 1px dotted #664;
	background: #FFC;
	margin: -21px 0 11px 0;
	padding: 9px 15px 11px;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV.fieldset {
	width: 670px;
	background: #FFE;
	border: 1px solid #997;
	border-color: #888 #997 #997 #888;
	margin-top: 31px;
	padding: 7px 11px 9px;
	clear: both;
}

H3.fieldset {
	width: 110px;
	border-left: 1px solid #997;
	background: #FFE;
	margin: -17px 0 13px 0 !important;
	padding: 0 7px 1px 7px !important;
	text-align: left;
}

H3.lined {
	background: transparent url(../_img/ui/h3-line.gif) 0 bottom repeat-x;
	margin-bottom: 3px;
	padding: 23px 0 7px 3px !important;
}



LABEL {
	margin: 0;
	padding: 0;
	line-height: 21px;
	vertical-align: middle;
}

LABEL.flt {
	display: inline;
	width: 120px;
	padding-right: 21px;
	font-weight: bold;
	text-align: right;
	line-height: 21px;
	float: left;
	clear: left;
}

SPAN.txtdata {
	line-height: 21px;
}

SPAN.txtdata.padded {
	display: block;
	line-height: 21px;
	padding-left: 141px;
}

SPAN.reqinfo {
	background: #FFF url(../_img/ui/bullet_red.png) -5px -1px no-repeat;
	padding-left: 4px;
}



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

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

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

INPUT.req {
	border: 1px solid #B33;
	background: #FFF url(../_img/ui/bullet_red.png) right 1px no-repeat;
}

INPUT.req.ok {
	background: #FFF url(../_img/ui/bullet_tick.png) right 1px no-repeat;
}

INPUT.chk {
	width: 13px;
	height: 13px;
	margin: 0 2px 0 0;
	vertical-align: middle;
}

INPUT.rdo {
	width: 13px;
	height: 13px;
	margin: 2px 2px 0 0;
	vertical-align: middle;
}

INPUT.btn {
	border: 1px solid #333;
	border-color: #555 #111 #111 #555;
	background: #888;
	font: bold 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
}

INPUT.btn {
	width: 0;
	padding: 0;
	line-height: 13px;
	overflow: visible;
}

INPUT.btn[class] { /*ie ignores [class]*/
	width: auto;
	padding: 2px 6px 3px;
}

A.btn {
	display: block;
	border: 1px solid #333;
	background: #888;
	margin-right: 7px;
	padding: 0 7px;
	font: bold 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	float: left;
}

A.btn:HOVER {
	color: #EEE;
}



LI.act {
	font-weight: bold;
}

TABLE {
	border-collapse: collapse;
	margin-bottom: 11px;
}

TH,
TD {
	border-collapse: collapse;
	padding: 3px 7px 4px;
	vertical-align: top;
	text-align: left;
	font: normal 11px/15px Tahoma, Arial, Helvetica, sans-serif;
}



TABLE#ordertable {
	margin-top: 11px;
	clear: both;
}

TABLE#ordertable TH {
	border-right: 1px solid #666;
	border-bottom: 2px solid #666;
	font-weight: bold;
}

TABLE#ordertable TD {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #222;
}

TABLE#ordertable TD A {
	color: #111;
}

TABLE#ordertable TH.last,
TABLE#ordertable TD.last {
	border-right: 0;
}

TR.os-0 TD,
TR.us-2 TD {
	background: #FFE;
}

TR.os-1 TD,
TR.us-0 TD {
	background: #EE4;
}

TR.os-2 TD,
TR.us-1 TD {
	background: #7C5;
}

TR.os-3 TD,
TR.us-2 TD {
	background: #EEE;
	color: #444 !important;
}

IMG#sortindicator {
	border: 0;
	margin: 3px 0 0 3px;
	float: right;
}



DIV#dialog {
	position: absolute;
	left: 50%;
	top: 25px;
	border: 3px solid #443;
	background: #EEE;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

DIV#dialog.order,
DIV#dialog.archive,
DIV#dialog.userorder {
	width: 806px;
	min-height: 500px;
	background: #EEE url(../_img/ui/bg-odetails.gif) -98px 0 repeat-y;
	margin: 0 0 0 -408px;
}

DIV#dialog.userorder {
	min-height: 360px;
}

DIV#dialog.user,
DIV#dialog.adduser {
	width: 440px;
	min-height: 415px;
	margin: 0 0 0 -225px;
}

DIV#dialog.company, 
DIV#dialog.addcompany {
	width: 440px;
	min-height: 150px;
	margin: 0 0 0 -225px;
}


A.closedialog {
	display: block;
	position: absolute;
	right: 7px;
	top: 7px;
	width: 50px;
	height: 21px;
	border: 2px solid #998;
	background: #665;
	font-weight: bold;
	line-height: 19px;
	text-align: center;
	cursor: pointer;
	color: #FC0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


DIV#dialog H3 {
	padding-bottom: 3px;
	font: normal 15px/19px Arial, Helvetica, sans-serif;
}

DIV#dialog P {
	padding-bottom: 17px;
}

DIV#dialog FORM {
	padding: 11px 17px 13px;
}

DIV#dialog LABEL.flt {
	width: 135px;
	padding-right: 0;
	text-align: left;
}

DIV#dialog SPAN.txtdata.padded {
	padding-left: 135px;
}



DIV#userdata {
	width: 370px;
	padding-bottom: 11px;
	float: left;
}

DIV#admindata {
	width: 370px;
	padding-bottom: 11px;
	float: right;
}

DIV#buttonspace {
	position: relative;
	background: #D8D8D8;
	border: 1px solid #443;
	padding: 13px 0 8px;
	margin: 0 -17px -13px;
	text-align: center;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV#imgattach {
	height: 48px;
	padding: 5px 0 7px;
}

DIV#imgattach.empty {
	padding: 0 0 12px;
}

A.attimg {
	display: block;
	border: 3px solid #555;
	background: #FFF;
	margin-right: 9px;
	padding: 1px;
	float: left;
}

A.attimg IMG {
	border: 0;
	width: 40px;
	height: 40px;
}

DIV#addimage,
DIV#addattach,
DIV#archival {
	position: absolute;
	width: 334px;
	min-height: 110px;
	border: 3px solid #443;
	background: #EEE;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

DIV#addimage { margin: -25px 0 0 -235px; }
DIV#addattach { margin: -20px 0 0 -15px; }

DIV#archival { width: 434px; }



INPUT#od-notified.valok {
	padding-right: 13px;
	background: #FFF url(../_img/ui/bullet_tick.png) right 1px no-repeat;
}