/*

Skeletoni üledefineerimine

*/

.section{

}


fieldset ,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea{
	margin: 2px;
	padding: 3px 2px;
}
input[type="number"]{
	width: auto;
	text-align:right;
}

select{
	margin: 2px;
}

textarea{
	width:420px;
	height:100px;	
}
/*
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-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.input{
	font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
	color: #666666;
}

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


/*
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 {
	background: #ffffff;
  	border: 3px solid #53061E;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin:1px;
	margin-left:3px;
	padding: 4px 7px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
}

.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 {
	background: #e7e6e4; /* Old browsers */
	background: #e7e6e4 -moz-linear-gradient(top, #e7e6e4 50%, #dfdcdb 50%); /* FF3.6+ */
	background: #e7e6e4 -webkit-gradient(linear, left top, left bottom, color-stop(50%,#e7e6e4), color-stop(50%,#dfdcdb)); /* Chrome,Safari4+ */
	background: #e7e6e4 -webkit-linear-gradient(top, #e7e6e4 50%,#dfdcdb 50%); /* Chrome10+,Safari5.1+ */
	background: #e7e6e4 -o-linear-gradient(top, #e7e6e4 50%,#dfdcdb 50%); /* Opera11.10+ */
	background: #e7e6e4 -ms-linear-gradient(top, #e7e6e4 50%,#dfdcdb 50%); /* IE10+ */
	background: #e7e6e4 linear-gradient(top, #e7e6e4 50%,#dfdcdb 50%); /* W3C */ }

input[type="button"].muuda:hover, 
input[type="button"].lisa:hover, 
input[type="button"].salvesta:hover {
	background: #eaf7ca; /* Old browsers */
	background: #eaf7ca -moz-linear-gradient(top, #eaf7ca 50%, #d1ef8b 50%); /* FF3.6+ */
	background: #eaf7ca -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eaf7ca), color-stop(50%,#d1ef8b)); /* Chrome,Safari4+ */
	background: #eaf7ca -webkit-linear-gradient(top, #eaf7ca 50%,#d1ef8b 50%); /* Chrome10+,Safari5.1+ */
	background: #eaf7ca -o-linear-gradient(top, #eaf7ca 50%,#d1ef8b 50%); /* Opera11.10+ */
	background: #eaf7ca -ms-linear-gradient(top, #eaf7ca 50%,#d1ef8b 50%); /* IE10+ */
	background: #eaf7ca linear-gradient(top, #eaf7ca 50%,#d1ef8b 50%); /* W3C */ 
}
input[type="button"].kustuta:hover {
	background: #ffeeee; /* Old browsers */
	background: #ffeeee -moz-linear-gradient(top, #ffeeee 50%, #ffcdcd 50%); /* FF3.6+ */
	background: #ffeeee -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffeeee), color-stop(50%,#ffcdcd)); /* Chrome,Safari4+ */
	background: #ffeeee -webkit-linear-gradient(top, #ffeeee 50%,#ffcdcd 50%); /* Chrome10+,Safari5.1+ */
	background: #ffeeee -o-linear-gradient(top, #ffeeee 50%,#ffcdcd 50%); /* Opera11.10+ */
	background: #ffeeee -ms-linear-gradient(top, #ffeeee 50%,#ffcdcd 50%); /* IE10+ */
	background: #ffeeee linear-gradient(top, #ffeeee 50%,#ffcdcd 50%); /* W3C */ 
}

input[type="button"].muunupp:hover {
	background: #dfefff; /* Old browsers */
	background: #dfefff -moz-linear-gradient(top, #dfefff 50%, #c6e2ff 50%); /* FF3.6+ */
	background: #dfefff -webkit-gradient(linear, left top, left bottom, color-stop(50%,#dfefff), color-stop(50%,#c6e2ff)); /* Chrome,Safari4+ */
	background: #dfefff -webkit-linear-gradient(top, #dfefff 50%,#c6e2ff 50%); /* Chrome10+,Safari5.1+ */
	background: #dfefff -o-linear-gradient(top, #dfefff 50%,#c6e2ff 50%); /* Opera11.10+ */
	background: #dfefff -ms-linear-gradient(top, #dfefff 50%,#c6e2ff 50%); /* IE10+ */
	background: #dfefff linear-gradient(top, #dfefff 50%,#c6e2ff 50%); /* W3C */ 
}

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

.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;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align:top;
}
table.sisestustabel td.group {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
}
table.sisestustabel th{
	text-align: right;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #53061E;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #53061E;
}


table.sisestustabel td.grupp {
	text-align: left;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR:#53061E;
	padding-left: 3px;
	padding-right: 3px;
	font-weight:bold;
	border: 1px solid #53061E;
}
table.raamiga {border: 1px solid #CCCCCC; border-collapse : collapse; width:100%; }
table.raamiga td {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	padding:3px 8px 3px 8px;
	vertical-align:sub;
	text-align: left;
}
table.raamiga tr {background-color:expression(this.rowIndex%2?"#E7E7E7":"")}
table.raamiga th{
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	text-align: left;
	background-color: #6A0624;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
table.raamiga tr:hover td {background-attachment: scroll; background-color: #FFFFCC; 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 #E7E7E7;}
table.raamiga td.number{text-align:right;}
table.raamiga th.number{text-align:center;}

/*
TOOLTIP


<span class="tooltip">?<span class="classic">mitmel päeval oli vaja ülesandega (natukenegi) tegeleda</span></span>
*/

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; }