/* ******* Styles for IkomaSkin. Autor zarko.komljenovic@considero.net 
		   MenuPane > edited by Acrobat bojan.rogulja@considero.net 2009-06-24
		   
******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    font-family: arial;
    font-size: 14px;
}
table {
    font-size: 100%;
}
p {
	padding: 0px;
	margin: 8px 0px;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
    font-family: arial;
    font-size: 12px;
    color: #444444;
}
h1, h2, h3, h4, h5 {
    font-family: arial;
    color: #00a701;
    padding: 0px;
    border: 0px;
    margin: 5px 0px 10px 0px;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 10px;
}
/* ******* --------------------------------------- LINKS --------------------------------------- *******/
a:active, a:focus{
    outline:none;
}
a:link, a:active {
    color: #446efe;
}
a:visited {
    color: #446efe;
}
a:hover {
    color: #fe0000;
	text-decoration: none;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.SkinMaster {}
.FullWH {
    width: 100%;
    height: 100%;
}
.FullW {
    width: 100%;
}
.FullH {
    height: 100%;
}
.FrontPageHeight {
	height: 70%;
}
.MainW {
	width: 970px;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.TopLine {
	height: 29px;
	text-align: center;
	background-color: #dbdbdb;
	background-image: url(images/TopLine.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
.TopLine div {
	margin: 0px auto;
	text-align: right;
}
a.RegLink:link, a.RegLink:active, a.RegLink:visited, a.RegLink:hover {
	font-size: 11px;
	font-weight: bold;
	color: #444444;
	padding-left: 20px;
	padding-right: 15px;
	background-image: url(images/Register.gif);
	background-position: left;
	background-repeat: no-repeat;	
}
a.LogLink:link, a.LogLink:active, a.LogLink:visited, a.LogLink:hover {
	font-size: 11px;
	font-weight: bold;
	color: #444444;
	padding-left: 20px;
	padding-right: 1px;
	background-image: url(images/Login.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.HeaderPart {
	height: 143px;
	text-align: center;
}
.HeaderL {
	height: 143px;
	background-color: #f3f3f3;
	background-image: url(images/HeaderLeft.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
.HeaderM {
	height: 143px;
	background-color: #f3f3f3;
	background-image: url(images/HeaderLeft.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
.HeaderM table.MainW {
	background-image: url(images/HeaderMid.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.HeaderR {
	height: 143px;
	background-color: #f3f3f3;
	background-image: url(images/HeaderRight.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
.LogoPane {
	vertical-align: top;
	width: 116px;
	text-align: center;
}
.SloganPane {
	width: 400px;
	white-space: nowrap;
	vertical-align: top;
	text-transform: uppercase;
	padding-top: 43px;
	padding-left: 20px;
	_padding-left: 0px;
	padding-right: 20px;
	font-weight: bold;
}
.SloganPane a:link, .SloganPane a:active, .SloganPane a:visited, .SloganPane a:hover {
	color: #333333;
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size: 20px;
}
.SearchPane {
	vertical-align: top;
	text-align: right;
	padding-top: 5px;
}
.SearchLabel {
	color: #777777;
	font-size: 11px;
	padding-right: 71px;
	line-height: 170%;
}
a.Search:link, a.Search:active, a.Search:visited, a.Search:hover {
	line-height: 16px;
	padding: 1px 8px;
	background-image: url(images/Search.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
	_top:-2px;
}

/* ******* --------------------------------------- MIDDLE  --------------------------------------- *******/
.BodyPart {
	text-align: center;
	vertical-align: top;
	background-image: url(images/BodyGrad.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 5px;
}
.BodyPart table.MainW {
	margin: 0px auto;
}
/* ******* --------------------------------------- MENU --------------------------------------- *******/
.MenuPane {
	height:27px;
	text-align:center;
	vertical-align:top;
}
.MenuWrapper {

}
span.HorizontalMenuLinks {
	display: none;
}
a.HorizontalMenuLinks:link, a.HorizontalMenuLinks:active, a.HorizontalMenuLinks:visited {
	display: inline;
	padding: 4px 5px;
	line-height: 18px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #66be66;
	border-left: 1px solid #66be66;
	border-right: 1px solid #66be66;
}
a.HorizontalMenuLinks:hover {
	display: inline;
	padding: 4px 5px;
	line-height: 18px;
	color: #ffffff;
	background-color: #01c700;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #66be66;
	border-left: 1px solid #66be66;
	border-right: 1px solid #66be66;
} 
/* ******* --------------------------------------- INVENTUA SIDE MENU --------------------------------------- *******/
.MenuHdr0 {
	border-bottom: 1px solid #ffffff;
}
.MenuItem0, .MenuItemMouseOver0 {
	border-bottom: 1px solid #ffffff;
}
.MenuItem1, .MenuItemMouseOver1 {
	border-bottom: 1px solid #ffffff;	
}
.MenuHdr0 a img, .MenuItem0 a img, .MenuItemMouseOver0 a img, .MenuItem1 a img, .MenuItemMouseOver1 a img {
	border:0;
	margin-bottom: 2px;
	margin-right: 4px;
	vertical-align: middle;
}
.MenuHdr0 a:link, .MenuHdr0 a:active, .MenuHdr0 a:visited, .MenuItem0 a:link, .MenuItem0 a:active, .MenuItem0 a:visited {
	padding:2px 2px 2px 6px;
	display: block;
	width: 90%;
	_width: 100%;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffd265;
	color: #5f4400;
	border-left: 10px solid #ffbe22;
	text-decoration: none;
}
.MenuHdr0 a:hover, .MenuItem0 a:hover, .MenuItemMouseOver0 a:hover {
	padding:2px 2px 2px 6px;
	display: block;
	width: 90%;
	_width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #5f4400;
	text-decoration: none;
	background-color: #ffd265;
	border-left: 10px solid #805c00;
}
.MenuItemMouseOver0 a:link, .MenuItemMouseOver0 a:active, .MenuItemMouseOver0 a:visited {
	padding:2px 2px 2px 6px;
	display: block;
	width: 90%;
	_width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #5f4400;
	background-color: #ffd265;
	border-left: 10px solid #805c00;
	text-decoration: none;
}
.MenuItem1 a:link, .MenuItem1 a:active, .MenuItem1 a:visited {
	padding:1px 5px;
	display: block;
	width: 85%;
	_width: 100%;
	font-size: 11px;
	color: #5f4400;
	background-color: #ffe29b;
	border-left: 10px solid #805c00;
	text-decoration: none;
	border-left: 10px solid #ffbe22;
}
.MenuItem1 a:hover, .MenuItemMouseOver1 a:hover {
	padding:1px 5px;
	display: block;
	width: 85%;
	_width: 100%;
	font-size: 11px;
	color: #5f4400;
	text-decoration: none;
	background-color: #ffe29b;
	border-left: 10px solid #805c00;
}
.MenuItemMouseOver1 a:link, .MenuItemMouseOver1 a:active, .MenuItemMouseOver1 a:visited {
	padding:1px 5px;
	display: block;
	width: 85%;
	_width: 100%;
	font-size: 11px;
	color: #5f4400;
	text-decoration: none;
	background-color: #ffe29b;
	border-left: 10px solid #805c00;
}
.currentItemHighlight0, .currentItemHighlight1, .currentHeaderHighlight0, .currentHeaderHighlight1 {
	color: #009300;
	font-size: 120%;
	font-weight: bold;
}
/* ******* --------------------------------------- CONTENT --------------------------------------- *******/
.LeftPane {
	vertical-align: top;
	width: 176px;
	background-color: #ffe29b;
	border-top:4px solid #ffffff;
}
.RightPane2 {
	vertical-align: top;
	width: 176px;
	background-color: #ffe29b;
	border-top:4px solid #ffffff;
}
.RightPane {
	vertical-align: top;
	width: 37%;
	padding: 4px;
}
.RestPanes {
	vertical-align: top;
}
.CenterPanes {
	vertical-align: top;
}
.BottomPanes {
	vertical-align: top;
}
.Pane {
	vertical-align: top;
	padding: 0px 4px 4px 4px;
}
.ContentPane {}
.ContentLeftPane {
	width: 50%;
}
.ContentRightPane {}
.CenterLeftPane {
	width: 50%;
}
.CenterMidPane {}
.CenterRightPane {}
.CenterPane {}
.BottomLeftPane {
	width: 50%;
}
.BottomRightPane {}
.BottomPanes1 {}
.BottomPanes2 {}
.BottomPanes3 {}
/* ******* --------------------------------------- FOOTER --------------------------------------- *******/
.FooterPart {
	height: 77px;
	background-color: #0a6c0a;
	background-image: url(images/FooterRight.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
.FooterWrapper {
	width: 100%;
	height: 100%;
	background-image: url(images/FooterLeft.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.FooterWrapper table {
	margin: 0px auto;
	text-align: center;
}
.FooterTop, .FooterBottom {
	font-size: 11px;
	color: #cacaca;
	cursor: default;
}
.FooterTop {
	vertical-align: bottom;
	padding-bottom: 5px;
}
a.FooterLink:link, a.FooterLink:active, a.FooterLink:visited {
	font-size: 11px;
	color: #cacaca;
	text-decoration: none;
}
a.FooterLink:hover {
	font-size: 11px;
	color: #ffe76d;
	text-decoration: none;
}
/* ******* --------------------------------------- LATEST STUFF --------------------------------------- *******/
div.LatestVijestDiv {
	border-bottom:1px dotted #BDBDBD;
	margin-bottom:5px;
	padding:4px 0;
}
div.LatestGlasnikDiv {
	padding: 4px 0px;
	border-bottom: 1px dotted #ffbb00;
}
a.LatestVijest:link, a.LatestVijest:active, a.LatestVijest:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/ZelenaTocka.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
a.LatestVijest:hover {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/ZelenaTocka.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
a.LatestGlasnik:link, a.LatestGlasnik:active, a.LatestGlasnik:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/ZutaTocka.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
a.LatestGlasnik:hover {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/ZutaTocka.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
div.LatestDate {
	font-size: 10px;
	color: #888888;
	padding-bottom: 3px;
	padding-left: 14px;
	margin-bottom: 3px;
}
p.LatestVijestDetails {
	font-size: 11px;
	padding: 0px 4px 3px 14px;
}
a.Josh:link, a.Josh:active, a.Josh:visited {
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
	background-image: url(images/Josh.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}
a.Josh:hover {
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
	background-image: url(images/Josh.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}
a.Josh2:link, a.Josh2:active, a.Josh2:visited {
	font-size: 12px;
	font-weight: bold;
	padding-right: 14px;
	background-image: url(images/Josh.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}
a.Josh2:hover {
	font-size: 12px;
	font-weight: bold;
	padding-right: 14px;
	background-image: url(images/Josh.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}
a.Josh3:link, a.Josh3:active, a.Josh3:visited {
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/Josh.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
a.Josh3:hover {
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
	background-image: url(images/Josh.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
.GlasnikJoshDiv {
	margin-top: 5px;
}
/* ******* --------------------------------------- OTHER STYLES --------------------------------------- *******/
.BgBoja_naslov {
	background-color: #017d01;
	color: #ffffff;
}
.BgBoja_tamna {
	background-color: #ffd318;
}
.BgBoja_svijetla {
	background-color: #feec8a;
}
td.BgBoja_tamna, td.BgBoja_svijetla, tr.BgBoja_tamna td, tr.BgBoja_svijetla td, tr.BgBoja_naslov td{
	padding: 2px 4px;
}

.ContentLeftPane .BBZcont, .ContentRightPane .BBZcont, .CenterLeftPane .BBZcont, .CenterRightPane .BBZcont, .BottomLeftPane .BBZcont, .BottomRightPane .BBZcont {
	height: 220px;
}

.GiOTab td {
	background-color: #d4e5d4;
	border-right: 1px solid #ffffff;
}
#tblActionDetail a.CommandButton:link, #tblActionDetail a.CommandButton:active, #tblActionDetail a.CommandButton:visited {
    color: #ff0000;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 300%;
}
#tblActionDetail a.CommandButton:hover {
    color: #66be66;
}