html, body {
height: 100%;
text-align: left;
font-family: Trebuchet MS, Lucida Sans Unicode, Palatino Linotype;
font-size: 14px;
color: #706150;
}

body {
margin:0;
#ffffff;
}

h1 {
font-size: 17px;
margin-top: 0px; margin-bottom: 15px;
}

h2 {
font-size: 15px;
color: #e07700;
}

h3 {
font-size: 13px;
font-weight:bold;
}

fieldset.avaldus {
width:580px;
border: 1px solid #d6cfc9;
margin-bottom:10px;
}

fieldset.avaldus legend {
color: #e07700;
font-size:14px;
font-weight:bold; 
}

a:link, a:visited {text-decoration: underline; color: #e07700;}
a:active, a:hover {text-decoration: none; color: #e07700;}

a.intlink:hover {border-bottom: 1px dashed #d6cfc9;}

a.objects {color: #706150;}

/* Фиксим проблему с позиционированием и шириной слоёв в разных браузерах */
/* Для IE прописываем в теле template.html после ссылки на этот файл */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */

/* <div class="clearing"></div> вместо <br> */
.clearing {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
overflow:hidden;
}

.map-Out {
background:url(template_images/kaart.jpg) top left no-repeat; }
.map-On {
background:url(template_images/kaart-suur.jpg) top left no-repeat;
 }

#gradientmap {
padding: 10px;
 /* webkit example */
 background-image: -webkit-gradient(
   linear, right top, left top, from(rgba(231,221,210, 0.5)),
   to(rgba(231,221,210, 0.5))
 );

 /* mozilla example - FF3.6+ */
 background-image: -moz-linear-gradient(
   right center,
   rgba(231,221,210, 0.5) 20%, rgba(231,221,210, 0.5) 95%
 );

 /* IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.gradient(
   gradientType=0, startColor=0, endColorStr=#E7DDD2
 );

 /* IE8 uses -ms-filter for whatever reason... */
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(
   gradientType=0, startColor=0, endColorStr=#E7DDD2
 );
}

.link {text-decoration: underline; color: #993300; cursor: pointer;}
.link:hover {text-decoration: none; color: #993300; cursor: pointer;}

a.button, input.button{
padding:5px 15px 5px 15px;
display: inline-block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
color:#ffffff;
text-decoration:none;
font-family:Trebuchet MS;
font-size:14px;
font-weight:bold;
padding:6px 32px;
text-shadow:1px 1px 0px #e07700;
outline:none;
position:relative;
margin-top:10px;
background:transparent url(template_images/buttonover.png) repeat-x top left;
white-space:nowrap;
cursor: pointer;
}

a.button:hover, input.button:hover{
background-color: #777;
}
a.button:active{
top: 1px;
left:1px;
}

a.red, input.red{
background-color: #c60f0f;
border: 1px solid #7F0000;
color: #FFF;
text-shadow: 1px 1px 4px #7F0000;
}

a.red:hover, input.red:hover{
background-color: #B00000;
}


a.orange, input.orange{
color:#ffffff;
font-family:Trebuchet MS;
font-size:14px;
font-weight:bold;
background-color: #ffa200;
border: 1px solid #e07700;
text-shadow: 1px 1px 4px #e07700;
}

a.orange:hover, input.orange:hover{
background-color:#FF7800;
}

a.admin{
width:50px;
padding:5px 5px 5px 5px;
color:#e07700;
font-family:Trebuchet MS;
font-size:16px;
font-weight:bold;
background-color: #ffa200;
border: 1px solid #e07700;
text-shadow: 0px 0px 0px #e07700;
}

a.admin:hover{
background-color:#FF7800;
color:#FF7800;
}


table.sorttable {
  margin: 5px 0px 0px 0px;
  border-collapse: collapse;
  border: 0px;
}

table.sorttable td {
  padding: 5px;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #bababa;  
}

table.sorttable thead tr {
 color:#000000;
 font-size: 12px;
 padding:5px;
    text-shadow:1px 1px 1px #fff;
    border:0px solid #bababa;
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(top, #e7e7e7 0%, #bababa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* W3C */
}

table.sorttable td.cell {
  border: 1px solid #bababa;
  text-align: center;
}

table.sorttable td.empty {
  border: 0px;
  text-align: center;
  background-color: #ffffff;
}


/* Zebra table rows */
tr.Item:nth-child(odd) { background-color:#FFF2D9; }
tr.Item:nth-child(even)	{ background-color:#ffffff; }


.Item {
  border-collapse: collapse;
  border: 1px solid #bababa;
  background-color: #ffffff;
}

.ItemInactive {
  border-collapse: collapse;
  border: 1px dotted #909090;
	background: #d0d0d0;
}


.gradient-On {
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ff9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF2D9), color-stop(100%,#ff9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ff9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ff9900 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ff9900 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#ff9900 100%); /* W3C */
}


.navigator_pages {margin:15px; text-align:center; color: #606060;}

.page, a.page	{
    cursor: pointer;
    padding: 3px;
    font-size:12px;
    font-weight:bold;
    color:#606060;
    background-color:none;
    border:1px solid #606060;
    text-decoration:none;
    text-align:center;
}
.page:hover	{
    padding: 3px;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
    background-color:#606060;
    text-decoration:none;
    text-align:center;
    
}

.spage, .spage a	{
    padding: 5px;
    font-size:14px;
    font-weight:bold;
    color:#303030;
    border:1px solid #303030;
    text-decoration:none;
    text-align:center;
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(top, #e7e7e7 0%, #bababa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e7e7e7 0%,#bababa 100%); /* W3C */  
}


.goback {
  padding-left:0px;
  padding-right:10px;
	padding-bottom:0px;
}

.goback	a{
    font-size:10px;
}

.goback a:hover	{
    color:#ffffff; 
    background-color:#e07700;
    border:2px solid #e07700;
    text-decoration:none;
}

#SystemMsgOk {
/* Настраиваем внешний вид слоя */
	text-align: center;
	vertical-align: middle;
	color:#000000; 
  background-color: #80ff80; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding: 5px 0px;
	margin: 10px 0px;
}

#SystemMsgError {
/* Настраиваем внешний вид слоя */
	text-align: center;
	vertical-align: middle;
	color:#000000;	
  background-color: #ff8080; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding: 5px 0px;
	margin: 10px 0px;
}	


.FormAdd {
color:#000000;
/* Настраиваем внешний вид слоя */
/*	width: 400px; /* шириша слоя диалогового окна */
	background-color: #82e176; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding:5px;
}

.FormEdit {
color:#000000;
/* Настраиваем внешний вид слоя */
/*	width: 400px; /* шириша слоя диалогового окна */
  background-color: #fda957; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding:5px;
}	

.FormMove {
color:#000000;
/* Настраиваем внешний вид слоя */
/*	width: 400px; /* шириша слоя диалогового окна */
  background-color: #93bbfc; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding:5px;
}

.FormDelete {
color:#000000;
/* Настраиваем внешний вид слоя */
/*	width: 400px; /* шириша слоя диалогового окна */
  background-color: #ff9999; /* цвет слоя диалогового окна */
	border: 1px dotted gray; /* рамка слоя диалогового окна*/
	padding:5px;
}	

/* <input type="search"> для показа крестика, стирающего набранное в поле */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


.OkLight {
background-color: #80ff80;
}

.NotOkLight {
background-color: #ff8080;
}

.ClearLight {
background-color: none;
}