@charset "UTF-8";

/***** -[load fonts]- *****/

@font-face {
	font-family:"IconicStroke";
	src:url("../fonts/iconic_stroke/iconic_stroke.eot?") format("eot"),
	url("../fonts/iconic_stroke/iconic_stroke.woff") format("woff"),
	url("../fonts/iconic_stroke/iconic_stroke.ttf") format("truetype"),
	url("../fonts/iconic_stroke/iconic_stroke.svg#IconicStroke") format("svg");
	font-weight:normal;
	font-style:normal;
}

/***** -[global tags]- *****/
html, hml body {
	height: 100%;
	min-height: 80%
	max-height: 100%;
	text-align: center;
	font-size: 11px;
	background: #000 url(../images/bg1.jpg) no-repeat fixed top center; /* for non-css3 browsers */
}

div#content {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	width: 900px;
	text-align: left;
	border: 1px solid #343b43;	
	border-radius:8px;
	z-index: 20;
    background: transparent url(../images/bg_white.jpg) repeat top left;
}

.shadow {
	display: block;
	width:884px;
	height:36px;
	margin: 0 auto;
}

br.clear {
	clear: both;
}


/***** -[header]- *****/

#header {
	background: url(../images/fakt_login.png) center no-repeat;
	height: 66px;
	}

#header_small {
	background: #1e1e1e;
	height: 24px;
	}
	

/***** -[topnavi]- *****/
ul#topnavi {
	position: relative;
	display:block;
	height: 30px;
	width: 900px;
	padding-top: 15px;
	margin: 30px auto 20px auto;
	text-align: left;
	z-index: 1;
}
ul#topnavi li {
	display: inline;
	padding: 10px 10px 10px 10px;
	margin-right: 10px;
	/*line-height: 30px;*/
	height: 80px;
	opacity: 0.5;
	
	transition: all 0.3s ease-in-out;
	moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

ul#topnavi li:hover {
	opacity: 1;
}

ul#topnavi a {
	padding: 5px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
}

ul#topnavi a:hover {
    color: #fff;
	text-decoration: none;
}

ul#topnavi .active {
    color: #fff;
	text-decoration: none;
	opacity: 1;
}

/***** -[leftnavi]- *****/

#leftnavi {

}

ul#leftnavi .active {
    color: #922520;
    opacity: 1;
}

ul#leftnavi {
	float: left;
	width: 150px;
	padding: 20px 0;
}

ul#leftnavi h3 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	/*text-align: center;*/
	margin-bottom: 10px;
    padding-left: 20px;
}

ul#leftnavi li {
	padding: 2px 20px;
}

ul#leftnavi li a {
	font-size: 12px;
	color: #000;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
    opacity: 0.4;
}

ul#leftnavi li a:hover {
    color: #922520;
    opacity: 1;
    
    transition: all 0.2s ease-in-out;
	moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

/***** -[rightcolumn]- *****/
div#right {
	float: left;
	width: 745px;
    min-height: 200px;
    border-left: 1px solid #9f9b6d;
}
div#right div#limit_bar {
	margin: 10px;
	padding: 10px;
	border: 1px #000 solid;
	border-radius: 3px;
	background: #D6D6D6;
}

/***** - [save_container]- *****/
div#save_container {
	margin: 10px;
	background: #FFFABF; 
	border: 1px #BFBA83 solid; 
	padding:10px;
}
div#save_container div#save_text {
}
div#save_container div#save_text.success {
	color: green;
}
div#save_container div#save_text.failure {
	color: red;
}

/***** - [tooltip]- *****/

.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#444;color:#fff;padding: 12px 24px;line-height: 18px;font-size:12px;line-height:12px;white-space:nowrap;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}.hint--top:before{border-top-color:#444}.hint--bottom:before{border-bottom-color:#444}.hint--left:before{border-left-color:#444}.hint--right:before{border-right-color:#444}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-20px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:before,.hint--top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:before,.hint--bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:before,.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:before,.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #5a2626}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6d5228}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193c4c}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a331a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}

span.information {
	font-family: IconicStroke;
	
	position: relative;
	display: inline-block;
	top: 0px;
	left: 0px;
	height: 14px;
	width: 14px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	text-indent: 5px;
	text-shadow: none;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: rgba(102,102,102,0.8);
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.8);
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.8);
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.8);
	text-align: left;
	cursor: pointer;
	
}

span.information_big {
	font-family: IconicStroke;
	font-size: 18px;
	color: #444;
	text-shadow: none;
}

/***** - Zebra stripes - ******/
tr.otsikko td {
	display: block;
	width: 93px;
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	height:25px;
	padding-top:15px;
  	text-shadow: 0px 1px 0px #fff;
  	border-bottom: 1px solid #d1d7df;
  	background: -moz-linear-gradient(top,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.06) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(38%,rgba(0,0,0,0)),color-stop(39%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.06)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.06) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.06) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.06) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.06) 100%);
}

tr.laskut {
	display: block;
  	border-bottom: 1px solid #d1d7df;
  	padding-top:15px;
  	height: 25px;
  	width: 749px;
  	font-size: 12px;
  	text-shadow: 0px 1px 0px #fff;
}

tr.laskut:nth-child(even) {
   background-color: #eeeeee;
}

tr.laskut:nth-child(odd) {
   background-color: #f9f9f9;
}

tr.laskut:hover {
	
	background: rgba(115, 141, 182, 0.2);
	
	transition: all 0.2s ease-in-out;
	moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

body#transaction table#transaction_all thead tr td {
	font-weight: bold
	border: 1px solid red;
}
body#transaction table#transaction_all tbody tr td {
}
body#transaction table#transaction_all tfoot tr td {
	font-weight: bold;	
}

tr.odd {
  background-color: #99ff99;
}

/***** - [footer]- *****/
#footer {
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	line-height: 2;
	}
	
#footer a {
	color: #922520;
	text-decoration: none;
	}