@font-face {
	font-family: Roboto-Regular;
	src: url(Roboto-Regular.ttf);
}

div.header a {
    color: white;
    text-decoration: none;
}
div.language {
	display: block; 
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 22px;
	text-align: start;
	vertical-align: center;
        padding-top: 3px;
        margin-right: 10px;
	
}

div.language img:hover {
	/*height: 16px;*/
     
        box-shadow: 2px 2px 5px #aaa;
}

div.language img {
	/*height: 16px;*/
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
	z-index: 99999;
        box-shadow: 2px 2px 5px #555;
}

div.language a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

div.language a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


body.short {
	padding-top: 22px;
}

body.fixed div.page {
	border: 1px;
	display: block;
	border-color: #c9cac4;
	border-style: solid;
	margin-top: 10px;
	/* positioning */
	width: 66%;
	min-width: 360px;
	max-width: 400px;
	margin-left: auto;
    margin-right: auto;
	/* rounded corners */
	border-radius: 3px;
	-moz-border-radius: 3px;
        margin-top: 25px;

	-webkit-box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
}

div.ui-tabs-panel {
    padding: 0px !important;
}

body.fluid div.page {
	border: 1px;
	display: block;
	border-color: #c9cac4;
	border-style: solid;
	margin-top: 10px;
	/* positioning */
	width: 100%;
	
	/* rounded corners */
	border-radius: 3px;
	-moz-border-radius: 3px;

	-webkit-box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
}
div.footer {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Roboto-Regular", Arial, sans-serif;
	font-size: 8pt;
	font-color: #005098;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 10px;

}
div.page-inner {
	border: 1px;
	border-color: #000000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	height: inherit;
}

div.header {
/*	background: url('images/header.png');
	background-size: 100% 100%;
*/	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-color: white;
	display: block;

	 /*<FONT face="Arial, Helvetica, sans-serif" style="font-size:10pt" color="#005098" align="justify"> -->*/

	/*font-family: Arial, Helvetica, sans-serif;*/
/*	font-family:"Roboto-Regular", Arial, sans-serif;
	font-size: 18pt;
	font-weight: bolder;
	color: white;
	text-align: center;
	text-shadow: #444 0.1em 0.1em 0.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-variant: small-caps;
*/
}

div.body {
	background: rgb(198,198,198); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzZjNmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(198,198,198,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(198,198,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(198,198,198,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(198,198,198,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(198,198,198,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(198,198,198,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	display: block;

}

div.body-inner {
	position: relative;
	background: url('images/vizjel.png');
	background-repeat: no-repeat;
	background-attachment: relative;
	background-position: 0% 100%;
	background-size: 160px 160px;
	display: block;
	border: 1px;
	border-style: solid;
	border-color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;


	text-align: justify;
	color: #005098;
	display: block;
	text-align: justify;
	font-size: 10pt;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Roboto-Regular", Arial, sans-serif;

}

div.body-inner a:link,
div.body-inner a:visited,
div.body-inner a:hover,
div.body-inner a:active
{
		 color: #005098;
}

span.form-widget input {
	margin: 0px;
	width: 151px;
	border-radius: 1px;
}


span.form-item {
	display: block;
	width: 100%;
	text-align: right;
	padding-bottom: 6px;
}

span.form-desc {
	min-width: 35%;
	text-align: left;
	display: inline-block;
}

input.submit-button {
	background: #005098;
	color: white;
	padding: 3px 6px 3px 6px;
	cursor:pointer;
	width: 110px !important;
	text-align: center;
	vertical-align: middle;
	border-radius: 1px;
	-moz-border-radius: 1px;
	font-family:"Roboto-Regular", Arial, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif;*/
	border: 0px;
	font-size: 12;
	margin: 0 auto;
}

div.login-box {
	margin-top: 10px;
}

div#type-selector {
	text-align: center;
}

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
/*	-webkit-box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
	border-color: inherit;*/
}

img.grayscale-disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
/*	-webkit-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.5);
*	border-color: #27b !important;*/
}

/*
div#type-selector img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	border-size: 1px;
	border-style: solid;
	border-color: white;
	-webkit-box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(128, 128, 128, 0.5);
}

div#type-selector img:hover {
	-webkit-box-shadow: 2px 2px 10px 3px rgba(192, 192, 192, 0.5);
	box-shadow: 2px 2px 10px 3px rgba(192, 192, 192, 0.5);
}
*/
div.body-inner h1 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Roboto-Regular", Arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
/*	color: white;*/
	text-align: center;
/*	text-shadow: #444 0.1em 0.1em 0.2em;*/
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 10px;

	margin: 0px;
	font-variant: small-caps;


}

img.flavor {
	width: 115px;
	height: 70px;
	margin-bottom: 10px;
	margin-right: 15px;
}

div.error {
	color: red !important;
	text-align: justify;
	background-repeat: no-repeat;
	min-height: 40px;
	padding-top: 20px;
	background-position-y: 50%;
	background-position-x: 5px;
	background-size: 40px 40px;
	vertical-align: middle;
	display: block;
}

span.error-title {
	display: block;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: center;
}
	

div.error a:link,
div.error a:visited,
div.error a:hover,
div.error a:active
{
		 color: red;
}