/*

Skeletoni üledefineerimine

*/

.section{

}


fieldset ,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea{
	margin: 2px;
	padding: 5px;
	width: calc(100% - 10px);
	
	
}
input[type="number"]{
	width: auto;
	text-align:right;
}

select{
	margin: 2px;
}

textarea{
	width:350px;
	/*height:100px;	*/
	min-height:20px;
}
select {
	max-width: none;	
}
/*
ALUS
*/

.error{
	background-color: #FFE5E5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FC3A30;
	border-bottom-color: #FC3A30;
	padding: 5px 15px;
	
}

.input{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
	font-size:0.95em;
	
}

.f_element{float:left;}
.f_nimi{font-weight: bold; color: #322d2d; }


/*
NUPUD
*/

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#D10639;
	border:1px solid #D10639;
	padding:5px 8px 6px;
	color:#fff;
	font-weight:500;
	margin-right:3px;
	font-size:0.9em;
	
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
    text-decoration:none;
	cursor:pointer;
	color:#fff; 
	opacity:0.75;
	}


.button.disabled, .button:disabled, button.disabled {
  opacity: 0.50; 
  background:#E9E9E9;
  border:solid 1px #ddd!important;
  padding: 4px 7px 4px !important;
}
.button:hover.disabled, button:hover.disabled {
  opacity: 0.50; 
  background:#E9E9E9;
  cursor: default;
  border:solid 1px #ddd!important;
}

input[type="button"].muuda:hover, 
input[type="button"].lisa:hover, 
input[type="button"].salvesta:hover {
	
}
input[type="button"].kustuta:hover {

}

input[type="button"].muunupp:hover {
	
}

input[type="button"].peidus {
	visibility:hidden;
}

input[type="button"].disabled, input[type="button"].disabled:hover{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#f4f4f4;
	border:1px solid #ddd;
	text-shadow:0 1px 0 #fff;
	padding:5px 8px;
	color:#AEAEAE;
	font-weight:400;
	font-size:0.95em;
	margin-top:2px;
	margin-bottom:2px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.nupud{
	margin-top: 10px;
	clear:both;
}

.form_save_progress, .form_save_success{
	color: green;
}

.form_save_error{
	color: red;
}

input.req,
textarea.req,
select.req{
	background-color:#FFF68F;
}

/*

TABELID

*/


table.sisestustabel {BACKGROUND-COLOR: #FFFFFF; width:100%;}
table.sisestustabel td {
	FONT-WEIGHT: normal;
	COLOR: #333333;
	border: 1px solid #E2DDD6;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align:top;
}
table.sisestustabel td.group {
	FONT-WEIGHT: normal;
	COLOR: #0099CB;
	font-size:0.95em;
	border-right: 1px dotted #E2DDD6;
	padding: 3px;
	background-color:#FFFFFF;
}
table.sisestustabel th{
	text-align: right;
	FONT-WEIGHT: normal;
	COLOR: #333333;
	BACKGROUND-COLOR: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #E2DDD6;
}


table.sisestustabel td.grupp {
	text-align: left;
	FONT-WEIGHT: normal;
	font-size:0.95em;
	COLOR: #0099CB;
	BACKGROUND-COLOR:#fff;
	padding: 3px;
	font-weight:500;
	border: 1px solid #E2DDD6;
}

table.raamiga {border: 1px solid #DDDDDD; border-collapse: collapse; width:100%; line-height: 1.1em; margin-top:5px;}
table.raamiga td {
	FONT-WEIGHT: normal;
	font-size:0.95em;
	padding: 7px 5px 5px;
	vertical-align:middle;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

table.raamiga th{
	FONT-WEIGHT: 500;
	font-size:0.95em;
	padding: 7px 5px 7px;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color:#EFEFEF;

}
table.raamiga tr:hover td {background-attachment: scroll; background-color: #F8F8F8; background-image: none; background-repeat: repeat; background-position: 0 0;}
table.raamiga tr:nth-child(even),table.raamiga tbody tr.even td { background-color:#fff; }
table.raamiga tr:nth-child(odd),table.raamiga tbody tr.odd td {background: none repeat scroll 0 0 #FFFFFF;}
table.raamiga td.number{text-align:right;}
table.raamiga th.number{text-align:center;}
table.raamiga tbody td.sorting_1{background-color: #FFFFFF;}





table.alam_tabel {border: none; border-collapse: collapse; width:100%; line-height: 1.1em; margin-top:0;}
table.alam_tabel td {
	FONT-WEIGHT: normal;
	font-size:0.95em;
	padding: 7px 9px 5px;
	vertical-align:middle;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
table.alam_tabel th:last-child {
    border-right:none!important;
} 
table.alam_tabel td:last-child {
    border-right:none!important;
	
} 
table.alam_tabel tr:last-child td{
    border-bottom:none!important;
	
} 
 
table.alam_tabel tr {
	/*height: 35px;*/
}
table.alam_tabel th{
	FONT-WEIGHT: 500;
	font-size:0.95em;
	padding: 7px 9px 7px;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;

}
td .taane_0{
    font-weight:600!important;
	text-transform: uppercase;
}
td .taane_1{
     padding-left:22px!important;
}
td .taane_2{
     padding-left:38px!important;
}
td .taane_3{
    padding-left:54px!important;
}
/*table.raamiga td:nth-child(3), td:nth-child(4) {
  display: none
}
table.raamiga th:nth-child(3), th:nth-child(4) {
  display: none
}*/
/*


TOOLTIP


<span class="tooltip">?<span class="classic">mitmel päeval oli vaja ülesandega (natukenegi) tegeleda</span></span>
*/
table.avaleht {border: none; border-collapse: collapse; width:100%; line-height: 1.1em;}
table.avaleht td {
	FONT-WEIGHT: normal;
	font-size:0.95em;
	padding: 7px 5px 20px;
	vertical-align:top;
	text-align: left;
	background-color: #FFFFFF;
	width:50%;
}

table.avaleht th{
	FONT-WEIGHT: 500;
	font-size:1.2em;
	padding: 10px 5px 10px;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color: #F6F6F6;

}
table.avaleht td.line {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 7px 5px 7px;
}
span.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
span.tooltip span {
	margin-left: -999em;
	position: absolute;
}
span.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
span.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
span.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
span.tooltip:hover span.classic { padding: 0.8em 1em; }
span.tooltip:hover span.custom { padding: 0.5em 0.8em 0.8em 2em; }
span.tooltip:hover span.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
span.tooltip:hover span.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
span.tooltip:hover span.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
span.tooltip:hover span.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
span.tooltip:hover span.warning { background: #FFFFAA; border: 1px solid #FFAD33; }