*{ margin: 0px; padding: 0px; }
html, body{	height: 100%; width: 100%; }

body{
	font: 11px/17px Tahoma, Arial, "Lucida Grande", sans-serif;
}

.hUnCenter{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 150px;
}

.hUnCenter2 {
	padding-left: 10px;
	
	/*width: 2000px;*/ /*1252px;*/
	min-width: 1252px;
/*
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
*/
}

/* Standard layout classes and stuff */
.left{ text-align: left; }
.right{ text-align: right !important; }
.center{ text-align: center !important; }

table, tr, td{	
	border-collapse: collapse;
	border: 0px;
}
img{ border: 0px; }

a#image img{
	border: 1px solid #989898;
}

.showRow{ display: table-row !important; _display: block !important; }

/* Designed elements, components begins here */

a{
	color: #485B71;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #000;
	text-decoration: underline;
}

.fRight{
	float: right;
}

.fLeft{
	float: left;
}

.fClear{
	clear: both;
}

.loginBox{
	width: 300px;
	border: 1px solid #D9DBFF;
	text-align: center;
	background-color: #fff;
}

.loginBox td{
	background-color: #fff;
	padding: 3px 0px 3px 0px;
	font-size: 12px;
}

.loginBox td.top{
	height: 70px;
	border-bottom: 1px solid #DFDFDF;
}

.loginBox td.top a#logo{
	height: 45px;
	background: url(../images/logoEPS.gif) no-repeat center;
	width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.loginBox input.text{
	width: 140px;
}

.loginBox input.button{
	width: 100px;
	margin: 10px 0px;
}

#headerContainer {
	width: 100%;
	height: 80px;
	
	padding-top: 10px;
	font: normal 40px/60px Tahoma;
}

#menuContainer {
	float: left;
	width: 250px;	
}

#tplContainer {
	float: left;
	width: 748px; /*748*/
	min-width: 748px;
	background-color: white;	
	text-align: left;
}

#footerContainer {
	clear: both;
	width: 100%;
	height: 40px;
}

ul#menu {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}

ul#menu li {
	line-height: 40px;
}

#menu a {
	display: block;
	
	background: url(../images/meniu.gif) no-repeat left bottom;
	margin-left: 5px;
	padding-left: 25px;
}

#tplContainer table.list2 {
	text-align: left;
	width: 740px;
	border: 1px solid #505050;
}

#tplContainer table.edit {
	display: block;
	float: left;
	
	border: 1px solid #505050;
	margin: 0px auto;
	
	border: 0px;
}

#tplContainer table.edit tbody {
	border: 1px solid #505050;
}

#tplContainer table.list2 th, #tplContainer table.list2 td, #tplContainer table.edit th, #tplContainer table.edit td {
	border: 1px solid #505050;
	padding: 2px 5px;
	font-size: 12px;
	text-align: left;
}

#tplContainer table.list2 th a, #tplContainer table.edit th a {
	color: white;
	text-decoration: none;
}

#tplContainer table.list2 th a:hover, #tplContainer table.edit th a:hover {
	color: white;
	text-decoration: underline;
}

th.sortLink, th.sortLink {
	cursor: pointer;
}

#tplContainer table.edit2 {
	border: 1px solid #505050;
	margin: 0px 10px 0px 0px;
}

#tplContainer table.edit2 th, #tplContainer table.edit2 td {
	border: 1px solid #505050;
	padding: 2px 5px;
	font-size: 12px;
	text-align: left;
}

#tplContainer table.list2 th, #tplContainer table.edit th, #tplContainer table.edit2 th {
	background-color: #14437E;
	color: White;
}

#tplContainer h1 {
	text-align: center;
	font-size: 13px;
	line-height: 30px;
}

#userNE {
	padding: 0px;
	margin: 0px;
}

.red {
	color: red;
}

ul.menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.menu li {
	margin: 2px 0px;
	width: 220px;
	text-align: center;
	font-size: 13px;
}

ul.menu li.first {
	font-weight: bold;
	background-color: #F36F21;
	border: 1px solid Gray;
	color: white;
}

ul.menu li a {
	display: block;
	height: 20px;
	width: 220px;
	color: white;
	line-height: 20px;
}

ul.menu li a:hover {
	text-decoration: underline;
}

a.active {
	font-weight: bold;
}

ul.menu li.second ul {
	margin: 0px;
	padding: 0px;
	border: 1px solid Gray;
	list-style: none;
}

ul.menu li.second ul li a{
	color: #14437E;
}

.zebras {
	background-color: #EEEEEE;
}

.blue {
	color: #14437E;
}

.orange {
	color: #F36F21;
}

a.edit {
	display: block;
	float: left;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/edit.gif) no-repeat center;
}

a.delete {
	display: block;
	float: left;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/delete.gif) no-repeat center;
}

a.recover {
	display: block;
	float: left;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/recover.gif) no-repeat center;
}

a.services {
	display: block;
	float: left;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/services.gif) no-repeat center;
}

a.parameters {
	display: block;
	float: left;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/parameters.gif) no-repeat center;
}

a.calendar {
	display: block;
	float: right;
	padding: 0px 2px;
	height: 20px;
	width: 20px;
	background: transparent url(../images/calendar.gif) no-repeat center;
}

a.new {
	display: block;
	float: left;
	height: 20px;
	width: 250px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	background: transparent url(../images/new.gif) no-repeat left;
}

a.xls {
	display: block;
	float: right;
	height: 20px;
	width: 10px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	background: transparent url(../images/xls.gif) no-repeat left;
}

a.pdf {
	display: block;
	float: right;
	height: 20px;
	width: 10px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	background: transparent url(../images/pdf.gif) no-repeat left;
}

a.print {
	display: block;
	float: right;
	height: 20px;
	width: 10px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	background: transparent url(../images/print.gif) no-repeat left;
}

td.actions2, th.actions2 {
	padding: 2px 0px;
	width: 48px;
}

th.actions2 {
	width: 48px;
}

span.ff {
	display: block;
	width: 48px;
}

td.actions1, th.actions1 {
	padding: 2px 0px;
	width: 24px;
}

th.actions1 {
	width: 24px;
}

td.actions3, th.actions3 {
	padding: 2px 0px;
	width: 72px;
}

th.actions3 {
	width: 72px;
}

.logo {
	float: left;
	width: 230px;
}

.logo {
	float: left;
	width: 230px;
}

.top {
	width: 600px;
}

.logout {
	margin: 0px;
	padding: 0px;

	float: left;
	height: 20px;
	width: 150px;
	
	font-size: 12px;
	line-height: 20px;
}

ul.points {
	list-style: none;
	clear: both;
}

ul.points li {
	display: block;
	float: left;
	height: 50px;
	width: 50px;
	border: 1px solid;
}

ul.points li.type1 {
	background: transparent url(../images/type1.gif) no-repeat bottom center;
}

ul.points li.type2 {
	background: transparent url(../images/type2.gif) no-repeat bottom center;
}

ul.points li.type3 {
	background: transparent url(../images/type3.gif) no-repeat bottom center;
}

ul.points li.type4 {
	background: transparent url(../images/type4.gif) no-repeat bottom center;
}

ul.points li.type5 {
	background: transparent url(../images/type5.gif) no-repeat bottom center;
}

.pagePath {
	text-align: left;
	padding: 0px 10px 10px 10px;
}

.pagePath h1 {
	font-weight: bold;
	display: inline;
	padding: 0px 5px;	
}

.pagePath h1 a {
	color: #14437E;
}

.pagePath h1 a:hover {
	text-decoration: underline;
}

#legend {
	padding-top: 10px;
	list-style: none;
}

#legend li{
	height: 35px;
	line-height: 35px;
	padding-left: 35px;
}

#legend li.type1 {
	background: transparent url(../images/type1.gif) no-repeat center left;
}

#legend li.type2 {
	background: transparent url(../images/type2.gif) no-repeat center left;
}

#legend li.type3 {
	background: transparent url(../images/type3.gif) no-repeat center left;
}

.message {
	clear: both;
	display: block;
	float: left;
	height: 30px;
	width: 450px;
	text-align: left;
	font-size: 14px;
	color: red;
}

.message2 {
	clear: both;
	display: block;
	float: left;
	height: 30px;
	width: 450px;
	text-align: left;
	font-size: 14px;
	color: green;
}

/* Tooltip */

.tooltip{
	background-color: #E1F0FF;
	padding: 8px 5px 0px 5px !important;
	border: 2px solid #9FAFC0;
	width: 200px;
	color: #222;
	font: normal 12px/14px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

.tooltip h1{
	font: normal 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: inline;
}

.tooltip p{
	padding: 2px 0px 2px 0px;
}

.tip-shadow {
	position: absolute;
	display: none;
	z-index: 50;
	float:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right;
	margin: 10px 0 0 10px;
}

.tip-shadow div {
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}

* html .tip-shadow{
	background: none;
}

/* -------- */



a.statusImg {
	display: block;
	height: 30px;
}

a.statusImg:hover {
	text-decoration: none;
}

input.long {
	width: 98%;
}

div.servicesForm {
	float: left;
	background-color: #E0EFFE;
	padding: 10px;
	margin-left: 5px;
	border: 1px solid #505050;
}

.filtering {
	padding-bottom: 10px;;
}

.red2 {
	background-color: red;
}

.red3 {
	background-color: #FDEFE5;
}

.white {
	background-color: white;
	width: 10px;
}

.small {
	width: 10px;
}

.full {
	width: 150px;
}

.long200 {
	width: 200px;
}

.hidden {
	display: none;
}

.top {
	vertical-align: top;
}

textarea#file {
	font-size: 16px;
}

select {
}

.show {
	display: table-row;
}

.width3 {
	width: 300px;
}

.width4 {
	width: 150px;
}