/* ******* Styles for IkomaSkin. Autor zarko.komljenovic@considero.net ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    font-family: arial;
    font-size: 14px;
}
table {
    font-size: 100%;
}
p {
	padding: 0px;
	margin: 7px 0px;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
    font-family: arial;
    font-size: 13px;
    color: #cdcdcd;
}
.NormalBold {
    font-family: arial;
    font-size: 13px;
    color: #cdcdcd;
	font-weight: bold;
}
.SmallFont {
	font-size: 75%;
	color: #cdcdcd;
}
.DatePane .SmallFont, .BreadcrumbPane .SmallFont {
	color: #222222;
}
.Pane .Head {
	color: #777777;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 20px;
	font-weight: normal;
}
.Pane .SubHead {
	color: #759B42;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
}
.Pane .DataGrid_Header {
	color: #dddddd;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.Pane .DataGrid_Item {
	color: #dddddd;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.Pane .NormalTextBox label {
	color: #CCCCCC;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	font-weight: normal;
}
h1, h2, h3, h4, h5 {
    font-family: arial;
    color: #05b2ba;
    padding: 0px;
    border: 0px;
    margin: 5px 0px 10px 0px;
}
h1 {
    font-size: 24px;
}
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: #009eff;
}
a:visited {
    color: #065888;
}
a:hover {
    color: #009eff;
}
.Pane a.CommandButton:link, .Pane a.CommandButton:active {
    color: #065888;
	text-decoration: none;
}
.Pane a.CommandButton:visited {
    color: #065888;
	text-decoration: none;
}
.Pane a.CommandButton:hover {
    color: #009eff;
	text-decoration: none;
}
a.RegLink:link, a.RegLink:active {
    color: #ff61c5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Register.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.RegLink:visited {
    color: #ff61c5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Register.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.RegLink:hover {
    color: #ffe67a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Register.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.LogLink:link, a.LogLink:active {
    color: #ff61c5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Login.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.LogLink:visited {
    color: #ff61c5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Login.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.LogLink:hover {
    color: #ffe67a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	padding-left: 26px;
	padding-top: 5px;
	background-image: url(Images/Login.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.SearchLink:link, a.SearchLink:active, a.SearchLink:visited {
	padding: 5px 0px 5px 25px;
	color: #ff61c5;
	text-decoration: none;
	line-height: 24px;
	background-image: url(Images/Search.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
} 
a.SearchLink:hover {
	padding: 5px 0px 5px 25px;
	color: #ffe67a;
	text-decoration: none;
	line-height: 24px;
	background-image: url(Images/Search.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
}
.BreadcrumbPane a:link, .BreadcrumbPane a:active {
    color: #222222;
	text-decoration: none;
}
.BreadcrumbPane a:visited {
    color: #222222;
	text-decoration: none;
}
.BreadcrumbPane a:hover {
    color: #ffffff;
	text-decoration: none;
}
.HorizontMenuPane a:link, .HorizontMenuPane a:active {
    color: #eeeeee;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	padding: 5px 15px 3px 5px;
	background-image: url(Images/HMenuSeparator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.HorizontMenuPane a:visited {
    color: #eeeeee;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	padding: 5px 15px 3px 5px;
	background-image: url(Images/HMenuSeparator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.HorizontMenuPane a:hover {
    color: #ffe67a;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	padding: 5px 15px 3px 5px;
	background-image: url(Images/HMenuSeparator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
a.BottomLink:link, a.BottomLink:active {
    color: #bbbbbb;
	text-decoration: none;
	font-size: 11px;
}
a.BottomLink:visited {
    color: #bbbbbb;
	text-decoration: none;
	font-size: 11px;
}
a.BottomLink:hover {
    color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.SkinMaster {
	background-color: #444444;
}
.FullWH {
	width: 100%;
	height: 100%;
}
.FullW {
	width: 100%;
}
.FullH {
	height: 100%;
}
.FixedW {
	width: 900px;
	margin: 0px auto;
}
.MainFullW {
	width: 100%;
	margin: 0px auto;
}
.FluidW {
	width: 80%;
	margin: 0px auto;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.HeaderPart {
	background-color:#999999;
	background-position:center bottom;
	background-repeat:repeat-x;
	height:110px;
	text-align:center;
}
.LogoPane {
	width: 100px;
	text-align: left;
}
.LogRegPane {
	text-align: right;
	cursor: default;
	padding-right: 10px;
}
.HMenuPane {
	height: 42px;
}
.HMenuBarL {
	width: 6px;
	background-color: transparent;
	background-image: url(images/HMenuBarL.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.HMenuBar {
	background-color: transparent;
	background-image: url(images/HMenuBar.gif);
	background-position: center top;
	background-repeat: repeat-x;
	padding-bottom: 3px;
	vertical-align: bottom;
}
.HMenuBarR {
	width: 6px;
	background-color: transparent;
	background-image: url(images/HMenuBarR.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.HorizontMenuPane {
	padding: 0px 10px 5px 0px;
	cursor: default;
	color: #dddddd;
	white-space: nowrap;
}
.HorizontMenuPane p {
	padding: 0px;
	margin: 0px;
}
.SearchPane {
	padding-left: 10px;
	_padding-bottom: 6px;
}
.HeaderLine {
	height: 5px;
	margin: 0px;
	padding: 0px;
	border: 0px solid transparent;
	background-color: #444444;
	text-align: center;
}
/* ******* --------------------------------------- MIDDLE  --------------------------------------- *******/
.BodyPart {
	vertical-align: top;
	text-align: center;
}
.TabOkvir {
	border-left: 1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
}
.DatePane {
	width: 180px;
	height: 26px;
	background-color: #000000;
	background-image: url(images/DatePane.gif);
	background-position: center top;
	background-repeat: repeat-x;
	text-align: left;
}
.DatePane span {
	margin-left: 16px;
}
.BreadcrumbPane {
	height: 26px;
	background-color: #000000;
	background-image: url(images/BreadcrumbPane.gif);
	background-position: center top;
	background-repeat: repeat-x;
	color: #dddddd;
	padding: 0px 5px;
	cursor: default;
}
.LeftPart {
	width: 180px;
	background-color: #17181a;
	vertical-align: top;
}
.MidPart {
	background-color: #0f1012;
	vertical-align: top;
}
/* ******* --------------------------------------- MENU --------------------------------------- *******/
.VMenuWrapper {
	width: 100%;
	background-color: #a8056c;
	border-top:1px solid #17181A;
}
/* ******* ====================  SOLPART MENU  ====================== *******/
.MainMenu_MenuContainer {
	width: 100%;
}
.MainMenu_MenuBar {}
.MainMenu_MenuIcon {
	display: none;
}
.MainMenu_MenuArrow {
	display: none;
}
.MainMenu_MenuRootArrow {
	display: none;
}
.MainMenu_MenuBreak {}

.MainMenu_MenuItem td {
	color: #eeeeee;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	border: 0px solid transparent;
	border-bottom: 1px dotted #e357b0;
}
.MainMenu_MenuItemSel td {
	color: #ffe67a;
	background-color: #e357b0;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	border-bottom: 1px dotted #043e6b;
}
.MainMenu_MenuItemSel {
	color: #ffe67a;
	background-color: #e357b0;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	border-bottom: 1px dotted #043e6b;
}

.MainMenu_SubMenu {
	background-color: #a8056c;
	_padding-top: 1px;
	border-left: 1px solid #17181A;
}

.Rootmenuitem {}
.Rootmenuitemactive, .Rootmenuitemactive td {
	background-color: #e357b0;
	border-bottom: 1px dotted #043e6b;
}
.Rootmenuitemselected {}

.Submenuitemactive {}
.Submenuitemselected td, .Submenuitemselected, td.Submenuitemselected  {
	background-color: #e357b0;
	border-bottom: 1px dotted #043e6b;
	color: #ffe67a;
}
/* ******* ------------------------------------ CONTENT ------------------------------------- *******/
.Pane {
	padding: 5px;
	vertical-align: top;
	color: #cccccc;
}
.LeftPane {
	vertical-align: top;
	padding: 5px;
}
.RestPanes {
	vertical-align: top;
}
.TopBannerPane {
	text-align: left;
	padding: 1px 0px 1px 10px;
}
.ContentPane {}
.MidLeftPane {
	width: 49%;
}
.MidRightPane {
	width: 49%;
}
.MidPane {}
.BottomLeftPane {
	width: 49%;
}
.BottomRightPane {
	width: 49%;
}
.BottomPane {}
.RightPane {
	vertical-align: top;
	padding: 5px 5px 5px 0px;
	width: 180px;
}
/* ******* --------------------------------------- FOOTER --------------------------------------- *******/
.FotterPart {
	text-align: center;
}
.CopyrightWrapper {
	text-align: center;
	margin: 5px auto;
}
.CopyrightWrapper .SmallFont {
	color: #000000;
}
.BottomLinksWrapper {
	color: #dddddd;
	text-align: center;
	margin: 5px auto;
	cursor: default;
}