@charset "UTF-8";

/*Ker imamo omega temo, se tole vidi v redu in ni potrebno zmanjševat fonta

.ui-widget, .ui-widget .ui-widget {
    font-size: 80%;
}
*/
.ui-widget, .ui-widget .ui-widget {
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";
}

/*.ui-button{
    color: black !important; 
    background: #F3F3F3 !important;
}*/
 
/*************************************************************************************/
/*********Od tukaj so spremembe za sknptnm*********/
/*************************************************************************************/

.ui-dialog {
position: fixed !important;
}

img {border: none;}
#outerWrapper {background-color: #FFFFFF; text-align: left;	width: 100%; }
#outerWrapper #header {	background-color: #00b2d5;	height: 106px;	padding-top: 10px;}
#contentWrapper {min-height: 400px;}
#outerWrapper #contentWrapper {	height: 100%;	margin: 0 auto;	max-width: 1200px;	position: relative;}
* html #outerWrapper #contentWrapper {	width: 1200px;}
#headerWrapper {	margin: 0 auto;	width: 1200px;}
#outerWrapper #contentWrapper #leftColumn {background-color: #99ca3c;	float: left;	height: 100%;	margin-left: 2px;	padding: 5px 0px;	width: 200px;	overflow: hidden; position:absolute}
#outerWrapper #contentWrapper #rightColumn {background-color: #99ca3c;	float: right;	height: 700px;	margin-right: 2px;	padding: 5px;	width: 200px;}
#content {min-height: 400px;}
#outerWrapper #contentWrapper #content {margin: 0 0 0 210px;	padding: 10px;	width: 980px;}
* html #outerWrapper #contentWrapper #content {	width: 961px;}
#outerWrapper #contentWrapper .clearFloat {clear: both;	display: block;}
#outerWrapper #footer {	background: url("../../resources/images/footer_bar.png") no-repeat scroll 0 0 transparent; color: white; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";	padding: 5px; width: 1200px; position: absolute;}
#outerWrapper #mainDiv {	padding-top: 10px;}
#mainDiv 	{	float: left;}
#headerLogo {	float: left;	text-align: center;	width: 355px;}
#headerTitle{	float: left;	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";	font-size: 28px;	font-weight: bold;	padding: 0 0 0 10px;	width: 600px;}
#headerTitleTop {	color: #F3F3F3;	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";	line-height: 28px;}
#headerTitleBottom {	color: #B3C506;	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";;	line-height: 28px;}
#headerRight {	color: white;	float: left;	text-align: right;	width: 380px;}
#footerContent {	text-align: center;}
#mainContent {min-height: 400px;}
.leftMenuLink {	border-bottom: 1px dotted silver;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px ; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande"; }
.leftMenuLinkOver {	border-bottom: 1px dotted silver;	border-color: black black silver;	color: white;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.leftMenuSubLink {	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";}
.leftMenuSubLinkOver {	border-color: black; color: white;	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}
.location {	border-bottom: 1px solid #000000; color: black;	font-weight: bold;}
.locationLink {	color: black;}
.headerLink { 
	color: #F3F3F3 !important;
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande" !important;}
.footerLink { 
	color: #B3C506 !important;	
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande" !important;}
#headerBar {background: url("../../resources/images/header_bar.png") no-repeat scroll left bottom transparent;	color: #333333;	float: left;	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";	font-size: 12px;	height: 42px;	line-height: 42px;	width: 1200px;}
#headerBarLeft {	float: left;	padding-left: 20px;	padding-top: 10px;}
#headerBarRight {	float: right;	padding-right: 20px;	padding-top: 6px;}
#headerRightUser {	vertical-align: bottom;}
#headerRightUser .logOut{
	background: url("../../resources/images/logoutButton.png") no-repeat scroll 0 0 transparent; 
	display			: inline-block; 
	font-size		: 11px; 
	height			: 18px; 
	color				: black; 
	font-weight	: normal; 
	padding			: 5px 20px 0pt 0pt; 
	width				: 80px;
}
.homeLink 	{	color: black;	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";}
.blackLink 	{	color: black;	font-size: 11px;}
.leftMenuLink,.leftMenuSubLink a,a:link	{ font-weight: bold; text-decoration: none; color: black;}
.leftMenuLink,.leftMenuSubLink a:visited 	{	font-weight: bold; text-decoration: none; }
.leftMenuLink,.leftMenuSubLink a:hover 	{ text-decoration: underline;}
.leftMenuLink,.leftMenuSubLink a:focus 	{}
.leftMenuLink,.leftMenuSubLink a:active	{}

.leftMenuHelpLinks {
	position: absolute;
	bottom: 20px;
}

.leftMenuLink {	border-bottom: 1px dotted silver;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.leftMenuSubLink {	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}
.leftMenuLink :hover {	border-bottom: 1px dotted silver;	border-color: black black silver;	color: white;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.leftMenuSubLink :hover {	border-color: black; color: white;	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}

.leftMenu, .leftMenu ul {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	line-height: normal;
}
.leftMenu li{
	border-bottom: 1px dotted silver;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 15px;
}
.leftMenu a{
	color: black;	
}
.leftMenu a:hover {
	color: white;
	text-decoration: none;
}
.leftMenu li ul li{
	font-size: 11px;
	border-top: 1px dotted silver;
	border-bottom: none;
	padding: 3px 3px 3px 7px;
}
.leftMenu li ul li ul li{
	font-size: 10px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px 2px 2px 5px;
	border: none;
}




.topMenuLink {	border-bottom: 1px dotted silver;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px ; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";}
.topMenuLinkOver {	border-bottom: 1px dotted silver;	border-color: black black silver;	color: black;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.topMenuSubLink {	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";}
.topMenuSubLinkOver {	border-color: black; color: white;	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}

.topMenuLink,.topMenuSubLink a,a:link	{ font-weight: bold; text-decoration: none; color: black;}
.topMenuLink,.topMenuSubLink a:visited 	{	font-weight: bold; text-decoration: none; }
.topMenuLink,.topMenuSubLink a:hover 	{ text-decoration: underline;}
.topMenuLink,.topMenuSubLink a:focus 	{}
.topMenuLink,.topMenuSubLink a:active	{}

.topMenuHelpLinks {
	position: absolute;
	bottom: 20px;
}

.topMenuLink {	border-bottom: 1px dotted silver;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.topMenuSubLink {	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}
.topMenuLink :hover {	border-bottom: 1px dotted silver;	border-color: black black silver;	color: white;	cursor: pointer;	font-size: 12px;	font-weight: bold;	padding: 5px 5px 5px 10px;}
.topMenuSubLink :hover {	border-color: black; color: white;	cursor: pointer;	font-size: 11px;	font-weight: bold;	padding: 5px 5px 5px 20px;}

.topMenu, .topMenu ul {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	line-height: normal;
	height:30px;
}
.topMenu li{
	border-bottom: 1px dotted silver;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 15px;

}
.topMenu a{
	color: #3F3F3F; 
}
.topMenu a:hover {
	color: #3F3F3F;
	text-decoration: none;
}
.topMenu li ul li{
	font-size: 11px;
	border-top: 1px dotted silver;
	border-bottom: none;
	padding: 3px 3px 3px 7px;
}
.topMenu li ul li ul li{
	font-size: 10px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px 2px 2px 5px;
	border: none;
}

li.topMenuSelected,div.topMenuSelected {
	background-color: #D9E283;
	
	border-left: 1px solid #7F7F7F; 
	border-right: 1px solid #7F7F7F; 
}


.helpLink,.helpLink:hover 	{	background: url("../../resources/images/help.png") no-repeat scroll 0 0 transparent;	color: black;	font-size: 11px;	padding-left: 20px;
	border: none;
        color:white;
}
.mailLink,.mailLink:hover 	{	background: url("../../resources/images/email.png") no-repeat scroll 0 0 transparent;	color: black;	font-size: 11px;	padding-left: 20px;
	border: none;
        color:white;
}
.helpLink:hover,.mailLink:hover {color: white;}

.ui-tooltip {
          font-size: 70% !important;
}

.navigacija {
	width: 100%;
	font-size: 0.9em;
        color:white;
}

.navigacijaHeader {
	font-size: 0.9em;
	font-weight: 600;
	border-bottom: thin black solid;
}

.navigacijaSubHeader {
	font-size: 0.9em;
	font-weight: 400;
}

.navigacijaMain {
	/*color: #d9e283;*/
	color: #b6c934;
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande";
	font-size: 2em;
	font-weight: 600;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.headerLink:visited{ font-weight: bold; text-decoration: none; }
.footerLink:visited { 
	font-weight: bold; 
	text-decoration: none; 
}

li.menuSelected,div.menuSelected {
	background-color: #B6C934;
}

/*autocomplete - gif ozadje ko loada */
input.rf-au-inp-loading { 	
	background-image: url("../../resources/images/bar-loader.gif") !important;
	background-repeat: repeat-x;
	background-size:100%;
}

.podnaslov {
  font-size: 50%;
}

.alignTop td{
  vertical-align: top; 
}

/* styles for chrome and safari */
	::-webkit-input-placeholder {
		color: #D8D8D8 !important;
		font-weight: normal !important;
	}
/* styles for firefox */
	:-moz-placeholder {
		color: #D8D8D8 !important;
		font-weight: normal !important;
	}
/* styles for internet explorer */
	.ui-watermark {
   		color: #D8D8D8 !important;
   		font-weight: normal !important;
	}
         
.panelGridCenter {
    margin: 0 auto;
}        

.centered {
position: absolute;
height: 100px;
top: 0;
bottom: 0;
margin:auto;
}