/************************
Reenergija
   by GregAS
************************/

.hidden {display:none;}

/*************** DEFAULT ***************/

html {
	margin: 0; 
	padding: 0;
	}

body {
	margin: 0px 10px 15px 10px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	background:#fff url(../images/porabim/bg-reenergija.png) repeat-x left top;
	text-align: center;
	}

p  { 
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	}
	
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

input {
	font-size: 11px;
	border-top: 1px solid #43535D;
	border-bottom: 1px solid #7A97AA;
	border-left: 1px solid #808080;
	border-right: 1px solid #7A97AA;
	color: #000000;
	}
	
.noinput {
	border: none;
	background: none;
	}
	
img {
	 border: 0;
	 }
	 
a {
	text-decoration: underline;
	color: #000;
	background-color: transparent;
}

a:hover, a:active {
	text-decoration: none;
}

ul {
	padding: 0px 0px 5px 17px;
	margin: 0px 0px 4px 0px;
}

ol {
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#middleContent ul li {
	margin: 2px 0px 1px 0px;
	padding: 0px;
	list-style-image: url(../images/porabim/bullet-reenergija.gif);
}

h1, h2, h3 {
	color:#E4C803;
	background-color: transparent;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
}

h2 {
	font-size: 13px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}

h3 {
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 12px 0px;
}

div.hr {
  	height: 1px;
	width: 185px;
  	background: transparent url(../images/porabim/bg-menu-turizem.gif) repeat-x scroll left;
  	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	}
	
div.hr hr {
  display: none;
	}

/*************** LAYOUT ***************/
#frame {
	margin: 0 auto 0 auto;
	width: 950px;
	text-align: left;
	}

#container {
	width: 950px;
	text-align: left;
	margin: 16px 0 0 0px;
	padding: 0px;
	background:#FFF url(../images/porabim/crta-bottom.gif) no-repeat center bottom;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
#containerHome {
	width: 755px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: transparent url("../images/porabim/bg-home.gif") top left repeat-y;	
	}

#float-wrapper { /*right + middle*/
	float: left; 
	width: 950px; 
	margin: 10px 0px 0px 0px;
	padding: 0px;
	} 
	
#float-wrapperHome { /*right + middle*/
	float: right; 
	width: 565px; /*sum 585*/
	margin: 10px 0px 10px 15px;
	padding: 0px;
	} 
	
#middle {
	float: left;
	width: 350px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px;
	}
	
#middleIns {
	float: left;
	width: 710px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 20px 15px;
	}
#middleIns1 {
	float: left;
	width: 350px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 20px 15px;
	}
	
#middle ul li {font-size:1.3em; color:#333; font-family:verdana;}
#middle ul li strong {color:#333;}
	
#middleWide {
	float: left;
	width: 570px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 7px solid #f3cb57;
	}
	
#middleHome {
	float: left;
	width: 395px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#left {
	float: left;
	width: 160px;
	margin:15px 0 0 25px ! important;
	margin: 15px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	}
	
#right {
	float: right;
	vertical-align: top;
	width: 340px;
	padding: 0px 0px px 0px;
	margin: 0px 10px 0px 0px;
	/*background: transparent url("images/bg-right.jpg") bottom left no-repeat;*/
	
	}
	
	
#prijava {background:url(../images/porabim/prijava.gif) no-repeat 0 0; width:320px; height:228px; padding:40px 0 0 15px; margin-top:10px;}
#prijava h2 {color:#333; font-size:2em; margin-bottom:5px;}
#prijava ul li {background:none; padding-left:0; list-style:none; margin:10px 0; list-style-image:none;}
#prijava ul {margin:10px 0 0 0; padding:0;}
#prijava label {display:block; float:left; width:120px; text-align:right; margin-right:5px; font-size:1.2em;}
#prijava input {height:17px; font-size:14px;}
#prijavaBottom p.pozabljeno {float:right; padding-top:0; margin-right:30px !important; margin-right:15px; margin-top:-15px;}
#prijavaBottom {margin:0 0 0 10px;}
#prijavaBottom p {padding-top:-3px;}
input#sendHome {font-size:12px; height:auto; padding-bottom:3px; margin-left:125px; cursor:pointer; border:1px solid #333;}
#prijava ul li.noMar {margin-bottom:0;}
#razredVarcno {background:url(../images/porabim/varcno.png) no-repeat 100% 0; width:727px; height:106px; margin:15px 0; position:relative;}
#razredPovprecno {background:url(../images/porabim/povprecno.png) no-repeat 100% 0; width:727px; height:106px; margin:15px 0;}
#razredPotratno {background:url(../images/porabim/potratno.png) no-repeat 100% 0; width:727px; height:106px; margin:15px 0;}

#razredVarcno p {font-size:20px; color:#333; font-family:Arial, Helvetica, sans-serif; text-align:right; width:240px; line-height:23px; margin-bottom:9px;}
#razredVarcno strong {font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif; width:250px; margin-left:300px; line-height:40px; display:block; margin-top:-3px;}

#razredPovprecno p {font-size:20px; color:#333; font-family:Arial, Helvetica, sans-serif; text-align:right; width:240px; line-height:23px; padding-top:10px; margin-bottom:9px;}
#razredPovprecno strong {font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif; width:250px; margin-left:265px; line-height:40px; display:block; margin-top:-13px;}

#razredPotratno p {font-size:20px; color:#333; font-family:Arial, Helvetica, sans-serif; text-align:right; width:240px; line-height:23px; padding-top:10px; margin-bottom:9px;}
#razredPotratno strong {font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif; width:250px; margin-left:280px; line-height:40px; display:block; margin-top:-12px;}


.vnosPodatkov {float:left; width:400px; background:#ececec; padding:5px 10px; margin:5px 25px 15px 0;}
.vnosPodatkov ul {margin-left:0; padding-left:0;}
.vnosPodatkov ul li {list-style:none; margin:5px 0; padding-left:0;list-style-image:none;}
.vnosPodatkov ul li label {display:block; width:100px; text-align:right; margin-right:5px; float:left;}
.vnosPodatkov ul li textarea {width:160px; border-color:#43535D #7A97AA #7A97AA #808080; border-style:solid; border-width:1px; background:#DEEAF2; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
.vnosPodatkov ul li textarea:focus {background:#fff;}
.vnosPodatkov ul li input#send {margin-left:105px; width:60px; height:20px; font-size:1.2em; padding-bottom:6px; cursor:pointer;}
.vnosPodatkov ul li input#send:hover {background:#fff;}
input#vnos:focus {background:#fff;}
.vnosPodatkov h2 {color:#C61217; font-size:1.2em;}
div.noMargin {margin:5px 0 0 0; width:300px;}

#ureNasvetiUrediForm textarea  {height:50px; width:275px;}

.mesecni {width:710px; margin:10px 0 15px 0; font-size:1.1em; background:#fffada; border:1px solid #e4c803; position:relative; z-index:1000;} 
.mesecni #urePodatkiMesecniForm li {margin:10px 0;}
.mesecni #urePodatkiMesecniForm label {width:200px; margin-top:2px;}
.mesecni #urePodatkiMesecniForm input {height:18px; font-size:1.2em; padding:0 5px;}
.mesecni #urePodatkiMesecniForm label#date_om_lbl {margin-top:0;}
.mesecni #urePodatkiMesecniForm span.ukrepi {width:200px; display:block; text-align:right;}

.mesecni #urePodatkiMesecniForm input#stanje_vt_m {width:250px;}
.mesecni #urePodatkiMesecniForm input#stanje_mt_m {width:250px;}
.mesecni .checkboxWrapper input {margin-left:205px;}

a.navodila {float:right; text-align:right; text-decoration:underline; font-weight:bold; text-align:center; position:absolute; top:75px; right:120px; background:#fff; border:1px solid #E4C803; padding:5px;}
a.navodila:hover {text-decoration:none;}
#opisNavodila {position:absolute; top:97px; right:-156px; width:400px; z-index:9999;}
#opisNavodila iframe {background:#FFFADA; border:1px solid #E4C803;}
#opisNavodila .close {float:right;}



.dnevni {width:367px; height:210px;}
.dnevni #urePodatkiDnevniForm li {margin:10px 0;}

#urePodatkiMesecniForm ol li label#ukrep_1_lbl, #urePodatkiMesecniForm ol li label#ukrep_2_lbl, #urePodatkiMesecniForm ol li label#ukrep_3_lbl, #urePodatkiMesecniForm ol li label#ukrep_4_lbl {width:400px; text-align:left; padding-left:5px;}

#urePodatkiMesecniForm ol li label#ukrep_5_lbl {width:auto; padding-left:5px;}
#urePodatkiMesecniForm ol li label#ukrepi_m_lbl {display:none;}
#urePodatkiMesecniForm ol li input#ukrepi_m {margin:2px 0 0 0;}
.mesecni .requiredText {margin-left:205px; font-size:0.9em;}
.requiredText {font-size:0.9em;}
.requiredText span {color:#ff0000;}
.mesecni #urePodatkiMesecniForm #submitButton {margin-left:205px; font-size:1.1em; height:auto; padding:3px 15px;}


#diploma {position:absolute; left:0; bottom:0; color:#009900;}
#diploma a.diploma {display:block; width:200px; height:20px; background:url(../images/porabim/diploma.gif) no-repeat 0 0; padding-left:35px; margin-top:3px; color:#333; text-decoration:none;}
#diploma a.diploma:hover {text-decoration:underline;}

img.banner {margin-top:15px;}


/*************** LAYOUT - STYLES ***************/

#head {
	background: transparent url(../images/porabim/bg-head-reenergija.png) left top repeat-x;
	padding:10px 0 0 0px;
	margin: 0px;
	display: block;
	height: 85px; /*81*/
	text-align: left;
	position:relative;
	}

#head a.logo {position:absolute; top:0; left:20px; display:block; width:125px; height:85px; text-indent:-9999px; z-index:9999;}
	
#head h1 {
	text-indent: -9999px;
	padding: 0px 0px 0px 0px;
	}
	
#head h1 a	{
	background:transparent url(../images/porabim/logo-reenergija1.gif) no-repeat right top;
	width: 150px;
	height: 46px;
	display: block;
	text-decoration:none;
	padding: 0px;
	position:absolute;
	top:22px;
	left:150px;
	}
	
#head h1 a:hover	{
	text-decoration:none;
	}
	
#navTop {
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	color: #666;
	font-size: 10px;
	}
	
#navTop a {
	text-decoration:none;
	color: #888888;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	}
	
#navTop a:hover {
	text-decoration:underline;
	}

#nav {
	padding: 15px 8px 0px 0px;
	float: right;
	color: #f3cb57;
	font-size: 25px;
	display: block;
	line-height:30px;
	}
	
#nav ul {
	padding: 0px;
	list-style-type: none;
	}
	
#nav ul li {
	list-style-image: none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	}
	
#nav ul li a {
	color: #989898;
	text-decoration:none;
	border-left: 2px solid #D5D5D5;
	padding: 40px 10px 0px 5px;
	margin: 0px 0px 0px 15px;
	height: 14px;
	font-size: 11px;
	background: transparent url("../images/porabim/bg-nav.gif") right bottom no-repeat;
	}

#nav ul li a:hover{
	text-decoration:none;
	}
	
#nav ul li .elektro, .elektro:active, .elektro:hover, .elektro:visited {
	color: #048245;
	text-decoration:none;
	border-left: 2px solid #D5D5D5;
	padding: 40px 10px 0px 5px;
	margin: 0px 0px 0px 15px;
	height: 14px;
	font-size: 11px;
	background: transparent url("../images/porabim/bg-nav.gif") right bottom no-repeat;
	}
	
.imgHome img {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 6px solid #048245;
	}
	
#search {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 5px 5px;
	background: transparent url("../images/porabim/bg-search.gif") left top no-repeat;
	}
	
#path {
	color: #AFAFAF;
	padding: 0px;
	font-size: 10px;
	padding: 5px 0px 8px 0px;
	width:500px;
	}
	
#path a {
	color: #AFAFAF;
	text-decoration:underline;
	}

#path a:hover{
	text-decoration:none;
	}

#middleContent {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float:left;
	}
	
#middleContent h1 {
	color:#E4C803;
	background-color: transparent;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
	line-height:22px;
	}
		
#middleHome h1 {
	background: transparent url("../images/porabim/bg-h1.gif") left top no-repeat;
	color:#8aac1e;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	height: 25px;
	}

#leftContent {
	padding: 0px 0px 0px 0px;
	margin:0px;
	}
	
#leftContent h2 {
	color: #5f5f5f;
	font-size: 11px;
	margin: 0px 8px 4px 10px;
	padding: 3px 0px 0px 0px;
	}
	
#leftContent p {
	color: #5f5f5f;
	font-size: 10px;
	line-height: 13px;
	margin: 0px 8px 5px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#leftContent p a {
	color: #5f5f5f;
	font-size: 10px;
	text-decoration:underline;
	}
	
#leftContent p a:hover {
	text-decoration:none;
	}	

#rightContent {
	margin: 0px 0px 0px 10px;
	}
	
#rightContent h1 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #048245;
	font-size: 12px;
	font-weight: bold;
	}

#footer { 
	background:#fff url(../images/porabim/bg-footer-reenergija.png) no-repeat left bottom;
	color:#666666;
	padding:7px 25px 0 25px;
	height:150px;
	clear: both;
	width: 900px;
	text-align: left;
	}
	
#footer a {
	text-decoration: underline;
	color: #888888;
	}
	
#footer a:hover { 
	text-decoration: none;
	}

	
/*************** Linki ***************/
.linkBel, .linkBel:visited {
	text-decoration: underline;
	color: #FFFFFF;
 }

.linkBel:hover, .linkBel:active {
	text-decoration: none;
 }
 
.linkMore, .linkMore:visited {
	background: transparent url(../images/porabim/ico-link.gif) center right no-repeat;
	text-decoration: underline;
	padding: 0px 20px 2px 0px;
	color: #000000;
	}
	
.linkMore:hover {
	text-decoration: none;
	}	

.linkBack, .linkBack:visited {
	float: left;
	margin-top: 10px;
	background: transparent url(../images/porabim/ico-link-back.gif) center left no-repeat;
	text-decoration: underline;
	padding: 0px 0px 2px 20px;
	color: #000000;
	}
	
.linkBack:hover {
	text-decoration: none;
	}	


/*************** Ostalo***************/
	
.banner {margin-left:25px;}

.imgRight {
	margin: 0px 0px 10px 10px;
	padding: 2px;
	float: right;
	border: 1px solid #f1f1f1;
}

.imgLeft {
	margin: 0px 10px 10px 0px;
	padding: 2px;
	float: left;
} 


.imgGalerija {
	padding: 2px;
	border: 1px solid #f1f1f1;
} 

.imgZoom {

	margin: 0px 10px 10px 0px;
	padding: 2px 2px 17px 2px;
	border: 1px solid #f1f1f1;
	background: transparent url("../images/porabim/ico-zoom.gif") bottom right no-repeat;
	}

.okvir {
	padding: 2px 0px 0px 3px;
	border: 1px solid #E4C803;
	margin-bottom: 5px;
	}
	
.fieldSearch {
	height: 15px;
	width: 110px;
	font-size: 11px;
	padding: 2px 0px 0px 3px;
	margin-right: 5px;
	}
	
.btn {
	font-size: 11px;
	border-top: 1px solid #43535D;
	border-bottom: 1px solid #7A97AA;
	border-left: 1px solid #808080;
	border-right: 1px solid #7A97AA;
	background: #FFFFFF;
	color: #000000;
	}

.formaClean {
	font-size: 11px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: transparent;
	color: #000000;
	}
	
.textRdec {
	color: #048245;
	}

.leftSiva {
	color: #FFFFFF;
	background-color: #989898;
	padding: 8px 2px 15px 5px;
	}

/*  Tabele  */

#middleContent .tblContent {
	margin: 10px 0 5px 0;
}

#middleContent .tblContent td {
	padding: 2px 2px;
	border-bottom: 1px solid #048245;
}

#middleContent .cellHeader {
	color: #000;
	font-size: 11px;
	padding: 8px 2px 4px 2px;
	font-weight: bold;
	border-bottom: 2px solid #048245 !important;
}

#middleContent .cellFooter {
	color: #000;
	font-size: 11px;
	padding: 8px 2px 4px 2px;
	font-weight: normal;
	border-bottom: 2px solid #048245 !important;
}

.textZelen {
	color:#8aac1e;
	}

#middleContent p.textZelen a { color:#8aac1e;}

.txtSmall {
	font-size: 9px;
	}

.scrambledMail{
	float:left;
	width:100px;
	font-size: 10px;
}	

.klub {
	background:transparent url(../images/porabim/klub-reenergija.jpg) no-repeat left top;
	height:139px;
	margin-bottom:10px;
	}

.klub h3 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;	
	padding:15px 0 0 13px ! important;
	padding:5px 0 0 13px;
	margin:10px 0 0 0;
	}
	
.klub p {
	color:#666;
	font-size:12px;
	margin:10px 0 10px 13px;
	}

.klub span {
	display:block;
	font-weight:bold;
	margin:7px 0 0 45px;
	}
	
.klub a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:14px 0 0 60px;
	padding:0;
	width:110px;
	}	
/** MENU **/

ul#navmenu {
	padding: 0px 0px 0px 0px;
	}

ul#navmenu p {
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

ul#navmenu li {
  background: transparent url(../images/porabim/bullet-reenergija.gif) no-repeat left 10px ! important;
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px; /*For KHTML*/
  display: block !important; /*For GOOD browsers*/
 
  position: relative;
  }

/* Root Menu */
ul#navmenu a {
	color: #666;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 7px 5px 7px 10px;
	zoom:1;
	}

ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	text-decoration: underline;
	}

ul#navmenu .selected, ul#navmenu .selected:visited, ul#navmenu .selected:hover, ul#navmenu .selected:active {
	display: block;
	text-decoration: none;
	font-weight: bold;
	height: auto !important;
	height: auto;
	}
	
ul#navmenu li.submenu {background:none !important;}
ul#navmenu li.submenu a {padding-left:10px;}

/**** Submenu ****/

ul#navmenu .submenu a, ul#navmenu .submenu:visited a{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 5px 2px 12px;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	}

ul#navmenu .submenu a:hover, ul#navmenu .submenu a:active {
	text-decoration: underline;
	border-bottom: none;
	}

ul#navmenu .submenu a.selcted, ul#navmenu .submenu a.selected:visited, ul#navmenu .submenu a.selected:hover, ul#navmenu .submenu a.selected:active {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	padding: 2px 5px 2px 12px;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	}
	
/*prvi menu*/	
	
ul#navmenu .first a {
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	height: auto !important;
	height: 1%; /*For IE*/
	}

ul#navmenu .first a:hover {
	text-decoration: underline;
	}
	
ul#navmenu .firstOn{
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 7px 5px 7px 0px;
	height: auto !important;
	height: 1%; /*For IE*/
	}

ul#navmenu .firstOn, ul#navmenu .firstOn:visited, ul#navmenu .firstOn:hover, ul#navmenu .firstOn:active {
	display: block;
	text-decoration: none;
	font-weight: bold;
	height: auto !important;
	height: 1%; /*For IE*/
	}
	
/*** HIGHSLIDE ***/

.highslide {
	cursor: url(../images/porabim/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 3px solid #fff;
	margin-bottom:5px;
	padding: 0px;
}
.highslide:hover img {
	border: 3px solid #de2c0f;
	padding: 0px;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
#highslide-container img {
	border:0 ! important;
}

.slikeDesno {
	float:right;	
	padding-bottom: 5px;
	margin: -103px 0px 0px 0px;
}

.errormessage_onsubmit {
	width:300px;
	padding:10px 0 5px 0;
	margin:10px 0 10px 0 ! important;
	margin:100px 0 0 0;	
	border:1px solid #bf3018;
	background-color:#f3cb57;
	color:#bf3018;
	line-height:22px;
}

.errormessage_onsubmit2 {
	width:300px;
	padding:10px 0 5px 0;
	border:1px solid #bf3018;
	background-color:#f3cb57;
	color:#bf3018;

	line-height:22px;

    clear:both;

}

.errormessage_onsubmit li,.errormessage_onsubmit2 li {

	list-style-type:none;

}
.mainOption{
	font-weight:bold;
}

/* obrazci */
form ol li {
	list-style-type:none;
	list-style-image:none;
	margin:0 0 5px 0;
}
form fieldset {
	border:none;
}
form ol {
	padding:0;
	margin:0;
}
form fieldset {
	padding:0;	
}
form ol li label {
	float:left;
}
form ol li input, fom ol li select {
	float:left;
}
.formPrijave label {
	width:130px;
}

#errorMessage li {
	list-style-type:none;
	list-style-image:none;
	padding:0;
}
#errorMessage ul {
	padding:0;
}
#errorMessage {
	border:1px solid #DE2C0F;
	background-color:#DE2C0F;
	padding:10px;
	margin:10px 0;
	color:#fff;
}

#noticeMessage {
	background-color:#DE2C0F;
	padding:10px;
	margin:10px 0;
	color:#fff;
}

#errorMessageOk {
	background-color:#00990B;
	padding:10px;
	margin:10px 0;
	color:#fff;
}

img.graf {margin-bottom: 15px;}

#topNav {text-align:right; padding-right:25px; color:#666; margin-top:40px; font-size:10px;}
#topNav a {color:#666;}
#topNav strong {text-transform:capitalize;}

.komentarji {width:732px; float:left;}
.komentarji h2 {margin:7px 0; font-size:15px;}
.komentarji span.date {font-size:10px; color:#666;}
.komentarji span.user {font-size:10px; color:#666;}
.komentarji .komentar {background:#f5f5f5; margin-bottom:10px; padding:5px;}

.komentarjiWide {width:730px; float:left;}
.komentarjiWide h2 {margin:7px 0; font-size:15px;}
.komentarjiWide span.date {font-size:10px; color:#666;}
.komentarjiWide span.user {font-size:10px; color:#666;}
.komentarjiWide .komentar {background:#f5f5f5; margin-bottom:10px; padding:5px;}

span.error {float:left; color:#C02424;}

table {border:none;}
table td {border-bottom:1px solid #DDDCDC; border-left:none; border-right:none; border-top:none; vertical-align:middle; padding:2px 5px;}
table th {border:none; vertical-align:middle; padding:2px 5px; font-weight:bold; background:#dddcdc;}
table td p {margin:0;}
table tr.imp td {font-weight:bold; background:#f0efef;}

table tr.mesecniObracun {background:#83F08B;}
table tr.archive {color:#999;}
table tr.counterChangedNew {color:#999;}
table tr.counterChangedOld {color:#999;}

table tr.klicniCenter td span {background:url(../images/porabim/phone.png) no-repeat 0 0; width:16px; height:16px; display:block;}
table tr.phone td span {background:url(../images/porabim/phone.png) no-repeat 0 0; width:16px; height:16px; display:block;}
table tr.counterChangedOld td span {background:url(../images/porabim/menjava.png) no-repeat 0 0; width:16px; height:16px; display:block;}
table tr.counterChangedNew td span {background:url(../images/porabim/menjava.png) no-repeat 0 0; width:16px; height:16px; display:block;}
table tr.archive td span {background:url(../images/porabim/arhiv.png) no-repeat 0 0; width:16px; height:16px; display:block;}
table tr.internet td span {background:url(../images/porabim/normalnivnos.png) no-repeat 0 0; width:16px; height:16px; display:block;}

.legend span.klicniCenter {background:url(../images/porabim/phone.png) no-repeat 0 0; width:16px; height:16px; display:block; float:left;}
.legend span.counterChanged {background:url(../images/porabim/menjava.png) no-repeat 0 0; width:16px; height:16px; display:block; float:left;}
.legend span.archive {background:url(../images/porabim/arhiv.png) no-repeat 0 0; width:16px; height:16px; display:block; float:left;}
.legend span.internet {background:url(../images/porabim/normalnivnos.png) no-repeat 0 0; width:16px; height:16px; display:block; float:left;}
#middleContent .legend li {padding:0; margin:0 20px 5px 0; background:none; float:left; list-style-image:none; list-style-type:none;}
#middleContent .legend ul {margin:0; padding:0;}


table td span {position:relative;}
table td span div {position:absolute; bottom:15px; left:15px; display:none; text-align:left; padding:6px 10px; background:#FFFADA; border:1px solid #E4C803; width:230px;}
table td span:hover div {display:block;}

#urePodatkiMesecniForm ol li label {width:115px; display:block; text-align:right; padding-right:5px;}
#urePodatkiDnevniForm ol li label {width:155px; display:block; text-align:right; padding-right:5px;}
#_calendar_date {margin-top:-2px;}
#urePodatkiDnevniForm_w2 span {font-weight:bold;}

#middleIns ol li {background:none; list-style:decimal;}
#middleIns #urePrijaveForm ol li {list-style:none; height:20px;}
#middleIns #urePrijaveForm ol li.autoH {list-style:none; height:auto;}

#middleIns #urePrijaveForm ol li#urePrijaveForm_w3 strong {float:left; margin-right:3px;}


a.nasvetiButton {background:url(../images/porabim/button.gif) no-repeat 0 0; display:block; width:126px; height:23px; text-align:center; padding-top:6px; font-size:12px; font-weight:bold; text-decoration:none;color:#666;}
a.nasvetiButton:hover {color:#000;}

.data {width:725px; float:left;}

div.userPovprecen {background:#fff298; border:1px solid #f0d93e; padding:3px 10px;}
div.userPovprecen strong {text-transform:capitalize;}

div.userVarcen {background:#83f08b; border:1px solid #00990b; padding:3px 10px;}
div.userVarcen strong {text-transform:capitalize;}

div.userPotraten {background:#faa1a1; border:1px solid #d41717; padding:3px 10px;}
div.userPotraten strong {text-transform:capitalize;}

div.userDiploma {background:#83f08b; border:1px solid #00990b; padding:3px 10px; margin-bottom:15px;}

input#email {width:150px;}
input#password {width:150px;}
input#submitButton {border:1px solid #333; cursor:pointer; font-size:12px; height:auto; margin-left:125px; padding-bottom:3px;}
input#submitButton:hover {background:#fff;}
input#submitButtonEmail {border:1px solid #333; cursor:pointer; font-size:12px; height:auto; margin-left:125px; padding-bottom:3px;}
input#submitButtonEmail:hover {background:#fff;}
#middleContent table.dataTable {width:100%; margin-top:7px; margin-bottom:3px;}
.legend {margin:5px 0 15px;}
.legend span.mesecObracuna {display:block; float:left; width:16px; height:16px; background:#83F08B; margin-right:3px;}
#middleContent table.dataTable th.center {text-align:center;}
#middleContent table.dataTable td.center {text-align:center;}

#ureSettingsForm #submitButtonEmail {margin-left:5px;}

#urePrijaveForm {background:#ECECEC; padding:10px;}
#urePrijaveForm ol li label {width:245px; display:block; float:left; text-align:right; margin-right:5px;}
#urePrijaveForm ol li input#submitButton {float:left;}
#urePrijaveForm ol li input#email {width:auto;}

#ureSpremeniGesloForm {background:#ECECEC; padding:10px;}
#ureSpremeniGesloForm ol li label {width:120px; display:block; float:left; text-align:right; margin-right:5px;}
#ureSpremeniGesloForm ol li input#submitButton {float:right; margin-left:0;}
#ureSpremeniGesloForm ol li input#email {width:auto;}

ul#navmenuLog {background:#ECECEC; padding:2px 10px 5px 20px !important;}
div.hidden {display:none;}

#leftContent h1.leftNavh1 {font-size:1.4em; color:#333; border-bottom:2px solid #E4C803; padding-left:10px; margin-bottom:3px; margin-top:7px;}

table.cenik th {border-bottom:2px solid #BF3018; color:#000; font-weight:bold; padding:2px 2px 4px; background:none; margin-bottom:15px;}
table.cenik td {border-bottom:1px solid #BF3018; padding:2px;}

#ureVkljucitevForm {background:#ECECEC; padding:10px; width:400px;}
#ureVkljucitevForm ol li label {width:200px; display:block; float:left; text-align:right; margin-right:5px;}
#ureVkljucitevForm ol li input#submitButton {float:right;}
#ureVkljucitevForm ol li input#email {width:auto;}
#ureVkljucitevForm ol li #st_odj {margin-left:0;}

div.obraz {background:#ECECEC; border:1px solid #666; padding:3px 7px; font-weight:bold; margin:10px 0;}

a.back {display:block; background:url(../images/porabim/back.gif) no-repeat 0 3px; padding-left:10px; line-height:15px; text-decoration:none;}
a.back:hover {text-decoration:underline;}

a.questionMark {position:relative; z-index:10;}


div.nasvetiTxt {width:730px; float:left; margin-top:15px;}

#ukrep_1, #ukrep_2, #ukrep_3, #ukrep_4, #ukrep_5, #remember_me, #anonimen  {background:none; border:0;}


.vnosPodatkov span.divPogoji {position:relative; z-index:100;}
#info_stanje_vt_m, #info_stanje_mt_m, #info-stanje_et_m, #info_stanje_vt_d, #info_stanje_mt_d, #info-stanje_et_d {position:absolute; top:0; right:-400px !important; right:-30px; background:#f4f4f4; padding:5px; z-index:110;}
iframe {border:0; background:#fff;}
a.close {margin-bottom:5px;}

form ol li label#naslov_lbl {margin-right:5px;}

#urePrijaveForm_w1 strong {float:left; width:20px;}
#st_odj {margin-left:0px;}
#error_st_mer strong {float:none; width:auto;}
#urePrijaveForm {width:500px; float:left;}

#urePrijaveForm_w2 {}
#urePrijaveForm_w3 .st_odj_info {font-size:0.9em; font-weight:bold;}

#ureKriterijiForm {background:#f4f4f4; padding:15px; margin-bottom:20px;}
#ureKriterijiForm label {float:left; width:120px; text-align:right; margin-right:5px;}

#ureEmailForm {background:#f4f4f4; padding:15px; margin-bottom:20px;}
#ureEmailForm label {float:left; width:120px; text-align:right; margin-right:5px;}

#urePrijaveForm_w2 strong {float:left; margin-right:5px;}
#urePrijaveForm_w3 #st_odj {margin-left:0;}
#urePrijaveForm_w4 .st_odj_info {margin-left:205px; font-size:0.9em; font-weight:bold;}

a.uredi {background:url(../images/porabim/uredi.gif) no-repeat 0 0; height:22px; padding-left:30px; display:block; width:40px; float:left;}
a.dodajMesto {background:url(../images/porabim/dodaj.gif) no-repeat 0 0; height:19px; padding-left:30px; padding-top:3px; display:block; float:left; width:690px; margin-bottom:10px; margin-left:5px;}

.mer .ureMmIzbrano {background:#ECECEC; border:0; padding:3px 10px; margin:15px 0 10px;}

#changeMMLink {background:#83F08B; border:1px solid #00990B; padding:3px 10px; margin:15px 0 0; float:left; width:710px;  display:block; text-decoration:none;}
#changeMMLink strong.change {float:right;}
#changeMMList {background:#83F08B; float:left; width:712px; padding:3px 10px 0;}
#changeMMList p {margin-bottom:0;}
#middleContent #changeMMList ul {margin:0 0 5px 20px; padding:0;}
#middleContent #changeMMList ul li {margin:3px 0; padding:0; list-style-type:decimal; background:none; list-style-image:none;}
#middleContent #changeMMList ul li.selectedMM {color:#308536;}
#middleContent #changeMMList ul li.selectedMM span {color:#000; font-size:0.8em;}

#changeMMLinkNone {background:#83F08B; border:1px solid #00990B; padding:3px 10px; margin:15px 0 0; float:left; width:710px;  display:block; text-decoration:none;}
#changeMMLinkNone strong.change {float:right;}
#changeMMListNone {background:#83F08B; float:left; width:712px; padding:3px 10px 0;}
#changeMMListNone p {margin-bottom:0;}

.ureMmIzbrano a.linkNastavitve {float:right;}

div.komentar a.badContent {float:right; color:#ccc; text-decoration:none;}
div.komentar a.badContent:hover {float:right; color:#000;}
div.komentar a.badContentSent {color:#009900;}
div.komentar a.badContentSent:hover {color:#009900;}

#st_dis {width:15px; margin-right:3px;}
#st_mer {width:138px;}
#urePrijaveForm #urePrijaveForm_w1 strong {width:auto; margin-right:5px;}
.st_odj_info {padding-left:205px;}

/*Step by step registration*/
#middleContent ul.stepRegistration {width:700px; margin:0 0 10px 0; padding:0;}
#middleContent ul.stepRegistration li {background:#f3f3f3; float:left; list-style-image:none; list-style:none; margin:0; padding:7px 32px; text-align:center; font-size:1.2em; font-weight:bold; color:#d5d2d2;}
#middleContent ul.stepRegistration li.selected {background:#b5b5b5; color:#fff; font-weight:bold;}
#middleContent ul.stepRegistration li a {color:#000; font-weight:bold;}

#middleContent .flLeft {float:left; width:320px;}
#middleContent .flLeft .vnosPodatkov {right:0px;}

h4 {color:#C61217; font-size:1.3em;}
#prijavaOstalihUporabnikov {background:#ececec; padding:10px; width:410px;}
#prijavaOstalihUporabnikov a {border:1px solid #333; cursor:pointer; font-size:12px; height:20px; padding-top:1px; display:block; width:110px; font-size:1em; text-decoration:none; text-align:center;}
#prijavaOstalihUporabnikov a:hover {background:#fff;}

.formPregled {background:#ececec; padding:10px; width:500px;}
.formPregled strong {display:block; width:200px; float:left; text-align:right; margin-right:5px;}
.formPregled hr {background:none; border-bottom:none; border-left:none; border-right:none; border-top:1px solid #979797;}

a.buttonSubmitNormal {background:none; border:1px solid #333; width:106px; height:19px; display:block; padding-top:1px; text-align:center; color:#333; text-decoration:none; float:left; margin-left:88px !important; margin-left:44px;}
a.buttonSubmitNormal:hover {background:#fff;}

a.buttonSubmitNormalVstop {background:none; border:1px solid #333; width:106px; height:19px; display:block; padding-top:1px; text-align:center; color:#333; text-decoration:none; float:left;}
a.buttonSubmitNormalVstop:hover {background:#fff;}

.reviewForm #submitButton {margin-left:10px !important; margin-left:5px; background:#03a40f;}
.reviewForm #submitButton:hover {background:#03a40f; color:#fff;}

.hidden {display:none;}

#urePodatkiMesecniForm_w1 span, #urePodatkiDnevniForm_w1 span, #urePodatkiMesecniForm_w2 span {font-weight:bold;}
#urePrijaveForm select {width:172px;}

.help_info {width:100%; float:left; font-size:0.9em; margin-top:10px;}
.required {color:#ff0000;}
.requiredText .smallInfo {color:#000;}
.requiredText .infoNew {line-height:normal;}
.neda #st_mer {float:none;}
.code {float:right; margin-top:-34px; font-size:0.9em; font-weight:bold;}

#middleContent .prijava label {width:330px;}
#middleContent .prijava label.radioLabel {width:auto;}
#urePrijaveForm #odj_eg_lbl,#urePrijaveForm #paket_pkr_lbl {text-align:left; font-weight:bold; font-size:1.1em; width:100%;}
#paket_pkr_lbl {margin-top:20px;}
#urePrijaveForm_w9 {margin-top:10px; margin-bottom:20px;}

.prijava #urePrijaveForm_w3 label#st_mer_lbl {width:180px;}
.prijava #urePrijaveForm_w5 label#st_odj_lbl {width:180px;}
.prijava #urePrijaveForm_w3 input#st_mer {float:none;}

.prijava #urePrijaveForm_w3, .prijava #urePrijaveForm_w5, .prijava #urePrijaveForm_w6  {width:370px; margin-left:50px; background:#fff; margin-bottom:0; padding:5px 0;}
.prijava #urePrijaveForm_w3 {padding-top:10px; border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; border-top:1px solid #B5B5B5;}
.prijava #urePrijaveForm_w5 {border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; padding-bottom:0;}
.prijava #urePrijaveForm_w6 {border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; border-bottom:1px solid #B5B5B5; padding-top:0;}
.prijava #urePrijaveForm_w6 div.st_odj_info {padding-left:185px; font-size:0.9em;}
.prijava #urePrijaveForm_w5 input#st_odj {width:168px;}
#st_dis {text-align:center;}

.prijava #submitButton {margin:15px 0 10px;}
.neda #submitButton {margin:0 0 0 245px;}
.nene #submitButton {margin:0 0 0 245px;}

#urePrijaveForm hr {border-bottom:none; border-left:none; border-right:none; border-top:2px solid #B5B5B5;}

ol.faqMain {margin:10px 0;}
ol.faqMain li {margin:12px 0;}
ol.faqMain li div.faqquest {background:#f5f5f5; padding:5px 10px 10px;}

input.radioButton {border:none;}
input.chackbox {border:none;}

.InfoDivChunk {background:#83f08b; border:1px solid #00990b; padding:10px;}
.InfoDivChunk p {font-size:1.2em;}
.InfoDivChunk a.closeBtn {color:#000; float:right;}

.formPregledObvestila ol li label {width:120px; text-align:right; margin-right:5px;}
.formPregledObvestila ol li .infoEmail {margin-left:125px;}
.formPregledObvestila ol li .requiredText {margin-left:125px;}
.formPregledObvestila {background:#ececec; padding:10px; width:500px;}
.formPregledObvestila strong {display:block; width:200px; float:left; text-align:right; margin-right:5px;}
.formPregledObvestila hr {background:none; border-bottom:none; border-left:none; border-right:none; border-top:1px solid #979797;}
#response_lbl {width:auto;}

.messages {margin-bottom:10px;}
.messages #closeBtn {display:block; width:100%; border-bottom:2px solid #ccc;}
.messages h2 {color:#C61217;}
.messages #closeBtn a {display:block; width:120px; background:#e7e4e4; padding:3px 5px; float:right; text-align:center; text-decoration:none; margin-left:5px;}
.messages #closeBtn a:hover {background:#ccc;}
.messages .messageTitle {font-size:1.2em; font-weight:bold; color:#C61217;}
.messages .messageDate {font-size:0.9em;}
.messages .oneMessage {border-bottom:1px solid #00990B; padding:10px 0;}
#obvestila h2 {margin-bottom:0;}
#obvestila .newMsg {background:#48cf52; padding:10px; margin-top:5px;}
#obvestila .newMsg .messageTitle a {color:#C61217;}
#obvestila .newMsg .messageTitle {background:url(../images/porabim/novo.gif) no-repeat 0 5px; padding-left:30px;}
.messages #closeBtn .archiveBtn {background:#e7e4e4;}

#obvestiloArhiv .oneMessage {background:#E7E4E4; border:1px solid #ccc; margin-bottom:10px; width:690px; padding:10px;}
#obvestiloArhiv .itemTitle {font-size:1.2em; font-weight:bold; color:#C61217; text-decoration:none;}
#obvestiloArhiv .itemTitle:hover {text-decoration:underline;}
#obvestiloArhiv .oneMessage div {margin-top:5px;}

a.backBtn {border:1px solid #333; display:inline-block; padding:1px 10px 2px; margin-left:130px; text-decoration:none; font-size:12px; text-align:center;}
a.backBtn:hover {background:#fff;}

form.formPregled input#submitButton {margin-left:15px;}

#seznamMM {width:100%; border-left:1px solid #DDDCDC; border-right:1px solid #DDDCDC; border-top:1px solid #DDDCDC; margin-bottom:20px;}
#seznamMM th {background:url(../images/porabim/tableth.gif) repeat-x 0 0; height:24px; vertical-align:middle;}
#seznamMM td {padding:3px 5px;}
#seznamMM td.right {text-align:right;}
#seznamMM tr.selected td {font-weight:bold; background:#83F08B;}
#seznamMM a.odstrani {color:#d20000;}
#seznamMM a.izberi {color:#009900;}

.jqmAlertContent a.saveArchive, .jqmAlertContent a.cancelArchive {display:block; width:100px; text-align:center; padding:5px 0; float:left; background:#FFFADA; border:1px solid #E4C803;}
.jqmAlertContent a.saveArchive {margin-right:25px; margin-left:44px !important; margin-left:22px;}
.jqmAlertContent .buttonsPopup {margin-top:7px;}

#middleContent ul.tabs {margin:0; padding:0; float:left; width:700px;}
#middleContent ul.tabs li {background:none; padding:0; margin:0; list-style:none; float:left; margin-right:2px;}
#middleContent ul.tabs li a {background:url(../images/porabim/tabs.gif) no-repeat 0 -32px; width:180px; height:25px; color:#858585; text-align:center; text-transform:uppercase; display:block; text-decoration:none; font-size:1.2em; font-weight:bold; padding:7px 0 0 0;}
#middleContent ul.tabs li a:hover {color:#C61217;}
#middleContent ul.tabs li.tabs-selected a {background:url(../images/porabim/tabs.gif) no-repeat 0 0; color:#000; cursor:text;}
#middleContent ul.tabs li.tabs-selected a:hover {color:#000;}
div.tabsCont {float:left; width:725px; margin-bottom:20px; position:relative; height:580px;}
div.tab {padding:10px; background:#F1F0F0; border:1px solid #bdbdbe; float:left; position:absolute; top:30px; left:0; width:705px;}



#middleContent ul.inputArchive {margin:0; padding:0;}
#middleContent ul.inputArchive li {float:left; padding:; margin:0; background:none; list-style-image:none; list-style-type:none;}
#middleContent ul.inputArchive li a {display:block; padding:5px 0px; width:43px; text-align:center; border:1px solid #BDBDBE; background:#fff; margin:5px; text-decoration:none;}
#middleContent ul.inputArchive li a:hover {background:#E4C803;}
#middleContent ul.inputArchive li a.selected {background:#E4C803;}
#middleContent ul.inputArchive li.year {width:100%; padding:0 0 0 10px; margin:10px 0 0 0; font-weight:bold; color:#C61217; font-size:1.2em;}
#middleContent ul.inputArchive li.notActive span {background:#F1F0F0; margin:5px; text-decoration:none; padding:5px 0px; width:43px; text-align:center; color:#CFCFCF; border:1px solid #CFCFCF; display:block;}

#alertTitle {font-weight:bold; color:#fff; font-size:1.1em; padding:2px 0 0 10px; float:left;}

/*grapfs*/
.mesecno {font-size:0.7em; width:22px; text-align:center;}
.dnevno {font-size:0.7em; width:22px; text-align:center; margin-left:-14px;}
.dnevno:hover {font-size:1.1em; cursor:none;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}


/*	HACKS
------------------------------ */
.clear,form ol li {display:inline-block; clear:both;}
.clear:after,form ol li:after, .tabsCont:after, ul.stepRegistration:after, #middleContent ul.inputArchive:after, #closeBtn:after,.jqmAlertContent:after, .errorPopup .top:after, .submitedPopup .top:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear,*html ol li {height:1%;}
.clear, form ol li {display:block;}
/* End hide from IE-mac */




/* jqModal alert CSS courtesy of;
	 Alexandre Plennevaux <alexandre@pixeline.be>,
	 Brice Burgess <bhb@iceburg.net> */


div.jqmAlert { /* contains + positions the alert window */
	display: none;

	position: fixed;
	top: 45%;
	left: 40%;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#alert {
	width:100%;
	height:100%;
	top:0;
	left:0;
	}

#alertBack {background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; height:100%;}
	
#alert ol {margin-bottom:0; margin-left:20px; margin-top:0; padding:0;}
#alert ol li {background:none; list-style:decimal;}
.errorPopup .top {background:#B00000; float:left; width:100%;}

.errorPopup div.jqmAlertWindow {
	height:auto;
	width: auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -178px;
	width:357px;
	background:#CE0000;
	border:5px solid #ff0000;
	}
	
.submitedPopup .top {background:#0C7109; float:left; width:100%; margin-bottom:5px;}

.submitedPopup div.jqmAlertWindow {
	height:auto;
	width: auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -178px;
	width:357px;
	background:#0A930A;
	border:5px solid #13d90e;
	}

.jqmAlertTitle{
	margin:5px 2px;
	height:20px;
	color:#FFF;
	display:none;
}
.jqmAlertTitle h1{
	margin:5px 2px;
	padding-left:5px;
	padding:0;
	font-size:14px;
	text-transform:capitalize;
	letter-spacing:-1px;
	font-weight:bold;
	color:#FFF;

	float:left;
	height:20px;
}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
	width:20px;
	height:20px;
	display:block;
	float:right;
	clear:right;
	background:transparent url(alert/close_icon_double.png) 0 0 no-repeat;
	margin:0;
	font-size:1.5em;
	text-decoration:none;
	color:#fff;
	text-align:center;
}

div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ color:#fff;}

div.jqmAlertContent{
	border-top:px;
	color:#FFF;
	font:11px/14pt arial;
	padding:25px 10px 10px 10px;
	margin:5px;
	letter-spacing:0px;
	font-size:1.2em;
	font-weight:bold;
}



/*?????????????????????????????????????????????????
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

#results table th {margin:0; text-align:left; background:#f7eead;}
#results table {font-size:0.8em; width:100%}
#results table.racun {background-image:none;}
#results table td {padding-left:3px; height:10px;}
#results table td.right {text-align:right;}
#results table th.right {text-align:right;}
#results table td.center {text-align:center;}
#results table td.strong {font-weight:bold; padding-left:16px;}
#results table tr.boldr td{background:#d5d5d5;}
#results .header {width:100%;}
#results table.tablebottom {background-image:none;}
#results table.tablebottom .boldResult td {color:#fff; height:10px; font-size:1.1em; background:#d20404;}
#results h1 {color:#C61217; margin-bottom:0;}
#results p.smalltext {font-size:1em; font-weight:bold; display:block; border:1px solid red; padding:5px 8px; background-color:#ffd6d7;}
#results p.datum {display:block; text-align:right; margin-top:0;}
#results p {font-size:1em;}
#results span.name {text-transform:capitalize;}
#results p.space {height:20px;}
#results table.data {width:40%; background-color:#e2e2e2; padding:5px 8px; margin:10px 0 20px; float:left;}
#results table.data td {border-bottom:none;}
a#generatePDF {background:url(../images/porabim/pdf.png) no-repeat 0 0; display:block; width:163px; height:56px; text-decoration:none; font-size:1.2em; font-weight:bold; line-height:1.4em; padding:15px 0 0 70px; color:#D20404; float:left; float:right; margin:25px 0 0 0;}
a#generatePDF:hover {color:#000;}

#urePrijaveForm ol li label.radioLabel {width:30px; text-align:left;}
#urePrijaveForm ol li input.radioButton {margin-left:250px;}
#urePrijaveForm ol li label#rb_reminder_lbl {width:auto;}
#middleIns #urePrijaveForm ol li.height {height: 5px;}
#paket_pkr_lbl1 {width:728px; padding:0 0 7px; font-weight: bold;}

#graf2 .tickLabel {margin-left:22px;}
#graf2 {margin-left:-22px;}

#showReview {border:none;}

.warning {display:block; width:712px; background:#83F08B; border:1px solid #00990B; padding:10px; margin-bottom:10px;}

.loading {text-align:center;}
.loading span {display:block;}

 
.monthlyStatusPosted {background:#83F08B; border:1px solid #00990B; padding:20px 10px; margin:15px 0 0; float:left; width:710px;  display:block; text-decoration:none; text-align:center; font-size:1.5em; line-height:2em; margin-bottom:15px;}
.monthlyStatusPostedNext {background:#83F08B; border:1px solid #00990B; padding:20px 20px; margin:15px 0 0; float:left; width:690px;  display:block; text-decoration:none; text-align:left; font-size:1em; line-height:2em; margin-bottom:15px;}

#nextMonthStatus {float:left; margin-bottom:10px; width:730px;}
#nextMonthStatus a {display:block; color:#fff; text-decoration:none; font-weight:bold; width:710px; padding:3px 10px; display:block; background:#00990B;}
#nextMonthStatus a:hover {background:#83F08B; color:#000;}
#nextMonthStatus span {display:block; color:#fff; width:710px; padding:3px 10px; display:block; background:#00990B;}
#monthName {background:none; border:none; font-weight:bold;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*adds by Toma!*/
ul#navmenu li.special a {color:#bf3018; font-weight:bold;}
.actionBox {width:310px; height:70px; margin:0 0 20px; padding:13px 20px; background:url(../images/bg_actionbox.png) 0 0 no-repeat; color:#fff;}
.actionBox h2 {margin-bottom:3px; padding:0; font-size:13px; line-height:20px; color:#fff;}
#middleContent .actionBox ul {margin:0 0 10px; padding:0;}
#middleContent .actionBox ul li {padding:0 0 0 20px; background:url(../images/bg_actionbox-li.png) 0 6px no-repeat; list-style-image:none; list-style-type:none;}
.actionBox a.more {width:123px; height:22px; padding-left:7px; background:url(../images/bg_actionbox-more.png) 0 0 no-repeat; display:inline-block; float:right; font-weight:bold; text-align:left; line-height:22px; color:#bf3018; text-decoration:none;}
.actionBox a.more:hover {background:url(../images/bg_actionbox-more.png) 0 -22px no-repeat; color:#000;}



.legend ul:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}