html,body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
}

body {
	height: 100%;
}

h1 {
	color:#88A808;
	font-size: 45px;
	font-weight:normal;
	line-height:45px;
	margin:0;
	margin-bottom:30px;
}
h2 {
	color:#88A808;
	font-size: 2em;
	font-weight:bold;
}
a {
	color: inherit;
	text-decoration: none;
}

form { display: inline; }

label
{
	display: block;
}

fieldset
{
	margin-left: auto;
	margin-right: auto;
	border:none;
}

legend
{
	color: #fff;
	background: #CC0000;
	border: 1px solid #CCC;
	padding: 2px 6px;
	margin-left: auto;
	margin-right: auto;
} 


blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}


p {
	margin-top: 1em;
}


/*-------------------------------LEHE STRUKTUUR----------------------------------------*/
#page-container {
	
	width: 100%;
	position:relative;
	/*border: 1px solid black;*/
	font-family: 'Nobile', arial, serif;
}
#header  {
	height: 40px;
	padding: 5px;
	background: #A39E7E; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BAB699', endColorstr='#A39E7E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#BAB699), to(#A39E7E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #BAB699,  #A39E7E); /* for firefox 3.6+ */
}
#header-cell  {
	height: 40px;
	padding: 5px;
}

#header p{

	font-family: 'Cantarell', arial, serif;
	font-size: 12px;
	margin-top: -20px;
	color: #FFF;
}

#HeaderTitle{
	display:inline-block;
}
#HeaderParem{
	float:right;
	display:inline;
}

#content {
	margin:0;
	padding-top: 30px;
	position:relative;
	width:100%;
}

#footer  {
	display:block;
	font-size: 10px;
	color: #777;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	border-top: 1px solid #CCC;
	margin-top: 20px;
	height:20px;   /* Height of the footer */
	line-height:20px; /*(match 'line-height' to 'height')*/
	
}
#footer  a {
	color: #777;
	font-size: 10px;
	font-family: 'Nobile', arial, serif;
	text-decoration:none;
	
}

#clock {
	color: #FFF;
	font-size: 18px;	
	position: absolute;
	top: 54px;
	right: 5px;
	background-color:#779999;
	border: 1px solid #FFF;
	height:25px;
	line-height:25px;
	width:30em;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
/*-------------------------------STIILID ----------------------------------------*/

.vinjett {
 	box-shadow:inset 0 0 50px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 0 50px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0,.1);
}



/*Sektsioonid---------------------------*/
.top-align
{
	vertical-align: Top;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	height:100%;
	width:800px;
	position:relative;
}
.laisisu
{
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width:1200px;
	overflow: auto;
	height:100%;
}
.vasakveerg
{
	width:800px;
	float:left;
	padding:15px;

}	

.paremveerg
{
	width:300px;
	float:left;
	display:inline;
	padding:15px;
	margin-left:-1px;
	
}

.ankeet
{
	text-align:left;
	width:770px;
	border: 1px solid #ccc;
	padding:1em;
	position: relative;
	margin-bottom:1em;
	margin-top:1em;
}
.kysimuskast
{
	display:block;
	border-bottom: 1px dotted #ccc;
	padding:5px;
	position:relative;
}

.kysimus
{
	display:inline;
	font-size: 1.1em;
	font-weight:bold;
	padding: 10px;
	vertical-align: middle;
}
.vastus
{
	font-size: 1.1em;
	
	display:inline;
	padding: 10px;
	vertical-align: middle;
	
}
.tervekast
{
	font-size: 1.3em;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
	width: 760px;
	position:absolute;
}

.vastus label
{
	display: inline;
	margin-right: 30px;
	margin-left: 2px;
	vertical-align: super;
}


.sticker{
	font-family: sans-serif;
	height:101px; 
	width:97px;
	position:absolute;
	background-repeat:no-repeat;
	text-align:center;
	line-height: 101px;
	color: #FFF;
}
.sticker p {
	font-size: 5.5em;
	font-weight: bold;
	margin-top:-4px;
	margin-left:-4.5px;
	letter-spacing:-7px
}
.stickera {
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color:#FFF;
	margin-top:-132px;
	margin-left:6px;
	letter-spacing:2px
}

.important{
	font-size: 4em;
	font-weight: bold;
	text-decoration:underline;
	color:#CC0000;
}


div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: right; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}

.valim_progress {
	position:absolute;
	left: 50%;
	top:30%;
	margin-left: -110px;
	padding: 10px;
	display:block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	background: #cccccc;
	font-size:300%;
	font-weight: bold;
	text-align: center;
}
.flags 
{
	border: none;
	background: none;
	position: absolute; 
	top: 35px; 
	right: 7px; 
}
.flags  input
{
	border: none;
	background: none;
}
.login 
{
	color: #7A7A7A;
	font-size: 11px;
}
.info{
	display:block;
	margin-left: auto;
	margin-right: auto;

	/*nurgad*/	
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	padding: 10px;
	background-color: #859936;
	/*drop-shaddow*/
	-moz-box-shadow: 5px 5px 10px #999;
	-webkit-box-shadow: 5px 5px 10px #999;
	box-shadow: 5px 5px 10px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	
	color:#FFF;
 }
.info a,
.info p,
.info H1,
.info H2,
.info H3,
.info label {
	color:#FFF;
}
 .infoinput {
	background: #FFF;
	height: 25pt;
	font-size: 18pt;
 }



.tabeliPais {
	color: RGB(100,100,100);
	font-weight: bold;
	background-color: RGB(220,220,230) ;
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
}
.tabeliPais2,th {
	font-weight: bold;
	background-color: #808066;
	color: #FFFFFF;

}

.error {
	color: RGB(200,10,10);
	font-weight: bold;
}




.tabel
{
	display: table;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}

.tabelrida1
{
	display: table-row;
}
.tabelrida2
{
	display: table-row;
}
.tabelrida3
{
	display: table-row;
	background-color: RGB(220, 220, 220);
}
.tabelrida4
{
	display: table-row;
	background-color: RGB(250, 250, 250);
}
.hilight {
	background-color: #FFCC99;
}
.tabelridapais
{
	display: table-row;
	color: RGB(100,100,100);
	font-weight: bold;
	background-color: RGB(220,220,230) ;
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;	
}

/*------submen��------*/
.submenu_container{
	display:block;
	height:2.8em;
	/*border: 1px solid #CCC;*/
	padding: 0;
	margin-top: .5em;

}
.submenu li
{
	float: left;
	margin: 0 0.15em;
} 

.submenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
} 
.submenu li a
{
	background-color: #6699CC;
	height: 2em;
	line-height: 2em;
	min-width: 5em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 5px;
} 
.submenu  a:hover
{
	background-color: #407FBF;

} 
.menuhighlight li a
{

	background-color: #CC0000;
	height: 2em;
	line-height: 2em;
	min-width: 5em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 5px;
} 
.menuhighlight  a:hover
{
	background-color: #407FBF;

} 

.pct1 
{
	display:inline;
	float:right;
	margin-left: 2em;
} 
.pct2 
{
	display:inline;
	float:right;
} 

.myButton {

	-moz-box-shadow: 2px 2px 8px -2px #616061;
	-webkit-box-shadow: 2px 2px 8px -2px #616061;
	box-shadow: 2px 2px 8px -2px #616061;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4bf2a), color-stop(1, #8eab1b) );
	background:-moz-linear-gradient( center top, #a4bf2a 5%, #8eab1b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4bf2a', endColorstr='#8eab1b');
	background-color:#a4bf2a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #949194;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 8px;
	text-decoration:none;

}.myButton:hover {

	color:#ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8eab1b), color-stop(1, #a4bf2a) );
	background:-moz-linear-gradient( center top, #8eab1b 5%, #a4bf2a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eab1b', endColorstr='#a4bf2a');
	background-color:#8eab1b;
	

}.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {

	-moz-box-shadow: 2px 2px 8px -2px #616061;
	-webkit-box-shadow: 2px 2px 8px -2px #616061;
	box-shadow: 2px 2px 8px -2px #616061;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4bf2a), color-stop(1, #8eab1b) );
	background:-moz-linear-gradient( center top, #a4bf2a 5%, #8eab1b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4bf2a', endColorstr='#8eab1b');
	background-color:#a4bf2a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #949194;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 8px;
	text-decoration:none;

}.myButton2:hover {

	color:#ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8eab1b), color-stop(1, #a4bf2a) );
	background:-moz-linear-gradient( center top, #8eab1b 5%, #a4bf2a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eab1b', endColorstr='#a4bf2a');
	background-color:#8eab1b;
	

}.myButton2:active {
	position:relative;
	top:1px;
}


/* This imageless css button was generated by CSSButtonGenerator.com */



/*------timepicker------*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#dhtmltooltip{
	color: #FFFFFF;
	position: absolute;
	border: 1px solid grey;
	width: 150px;
	padding: 2px;
	background:  rgba(153,204,102,0.8) ;
	background-color:  #8eab1b;
	visibility: hidden;
	z-index: 100;

}


@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }

th {
	background-color: #808066;
	color: white;
}

th a {
	color: white !important;
}
.container{
	width: 100%;
}

.numberCell {
	text-align: right;
}
.centerCell {
	text-align: center;
}

.mandatory
{
	color:#CC0000;
}