﻿/* ******* Styles for IkomaSkin. Autor zarko.komljenovic@considero.net ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
	width: 100%;
	height: 100%;
	background-color: #e6e6e6;
	font-family: arial;
	font-size: 14px;
}
table {
	font-size: 100%;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
	font-family: arial;
	font-size: 12px;
	color: #444444;
}
.SmallFont {
	font-size: 12px;
}
span.SmallestFont {
	cursor: default;
}
.SmallestFont {
	font-size: 11px;
}
.FooterUp .SmallestFont {
	color: #aaaaaa;
}
h1, h2, h3, h4, h5 {
	font-family: arial;
	color: #000000;
	padding: 0px;
	margin: 5px 0px 10px 0px;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px dotted #999999;
}
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: #3932E7;
}
.FooterUp span a.SmallestFont:link, .FooterUp span a.SmallestFont:active, .FooterUp span a.SmallestFont:visited {
	color: #bbbbbb;
	text-decoration: none;
}
.FooterUp span a.SmallestFont:hover {
	color: #fed104;
	text-decoration: none;
}
.FooterDown span a.SmallestFont:link, .FooterDown span a.SmallestFont:active, .FooterDown span a.SmallestFont:visited {
	color: #bbbbbb;
	text-decoration: none;
}
.FooterDown span a.SmallestFont:hover {
	color: #fed104;
	text-decoration: none;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.SkinMaster {}
.FullWH {
	width: 100%;
	height: 100%;
}
.Margin {
	width: 7%;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.HeaderPart {
	height: 78px;
	background-color: #1f1f1f;
	background-image: url(images/HeadBack.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.HeaderPartL {
	height: 78px;
	background-color: #1f1f1f;
	background-image: url(images/HeadBack.gif);
	background-position: right bottom;
	background-repeat: repeat-x;
}
.HeadLeftTop {
	width: 228px;
	height: 78px;
	background-color: #1f1f1f;
	background-image: url(images/HeadLeftP.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: bottom;	
}
.HeaderPane {
	padding-bottom: 15px;
	text-align: center;
}
/* ******* --------------------------------------- MIDDLE  --------------------------------------- *******/
.MiddlePart {}
.LeftPart {
	width: 228px;
	vertical-align:top;
}
.SearchWrapper {
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	margin-top: 18px;
	padding: 5px;
}
/* ******* --------------------------------------- MENU --------------------------------------- *******/
.MenuMaster {
	width: 100%;
}
.MenuWrapper {
	padding: 7px 5px;
	margin-top: 12px;
}
.Menu_L {
	width: 19px;
	background-image: url(images/Menu_L.gif);
	background-position: center;
	background-repeat: repeat-y;
}
.Menu_M {
	background-color: #d6d6d6;
	background-image: url(images/Menu_Gradient.gif);
	background-position: center top;
	background-repeat: repeat-x;
}
.Menu_R {
	width: 17px;
	background-image: url(images/Menu_R.gif);
	background-position: center;
	background-repeat: repeat-y;
}
.Menu_BL {
	width: 19px;
	height: 14px;
	background-image: url(images/Menu_BL.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.Menu_B {
	height: 14px;
	background-image: url(images/Menu_B.gif);
	background-position: center;
	background-repeat: repeat-x;
}
.Menu_BR {
	width: 17px;
	height: 14px;
	background-image: url(images/Menu_BR.gif);
	background-position: center;
	background-repeat: no-repeat;
}
/* ******* --------------------------------------- INVENTUA side menu --------------------------------------- *******/

.InvMenuItem0 {
	border: 1px solid transparent;
	border-bottom: 1px dotted #ffffff;
}
.InvMenuItem0 a:link, .InvMenuItem0 a:active, .InvMenuItem0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
}
.InvMenuItem0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
}
.InvMenuHighlight0 {
	border: 1px solid #eec104;
	border-bottom: 1px dotted #ffffff;
	background-color: #fed104;
}
.InvMenuHighlight0 a:link, .InvMenuHighlight0 a:active, .InvMenuHighlight0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
}
.InvMenuHighlight0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
}
.InvCurrentItem0 {
	font-weight: bold;
}

.InvMenuHeader0 {
	border: 1px solid transparent;
	border-bottom: 1px dotted #ffffff;
}
.InvMenuHeader0 a:link, .InvMenuHeader0 a:active, .InvMenuHeader0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
}
.InvMenuHeader0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
}
.InvMenuHeaderHighlight0 {
	border: 1px solid #eec104;
	border-bottom: 1px dotted #ffffff;
	background-color: #fed104;
}
.InvMenuHeaderHighlight0 a:link, .InvMenuHeaderHighlight0 a:active, .InvMenuHeaderHighlight0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
}
.InvMenuHeaderHighlight0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
}
.InvCurrentHeader0 {
	font-weight: bold;
}

.InvMenuItem1 {
	border: 1px solid transparent;
	border-bottom: 1px dotted #eeeeee;
}
.InvMenuItem1 a:link, .InvMenuItem1 a:active, .InvMenuItem1 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 1px;
	padding-left: 33px;
	font-size: 90%;
}
.InvMenuItem1 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 1px;
	padding-left: 33px;
	font-size: 90%;
}
.InvMenuHighlight1 {
	border: 1px solid #eec104;
	border-bottom: 1px dotted #eeeeee;
	background-color: #fed104;
}
.InvMenuHighlight1 a:link, .InvMenuHighlight1 a:active, .InvMenuHighlight1 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 1px;
	padding-left: 33px;
	font-size: 90%;
}
.InvMenuHighlight1 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 1px;
	padding-left: 33px;
	font-size: 90%;
}
.InvCurrentItem1 {
	font-weight: bold;
}

#invsidemenu-Naslovnica {
	padding-left: 20px;
	background-image: url(icons/Naslovnica.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#invsidemenu-Onama {
	padding-left: 20px;
	background-image: url(icons/Onama.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#invsidemenu-Usluge {
	padding-left: 20px;
	background-image: url(icons/usluge.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#invsidemenu-Katalog {
	padding-left: 20px;
	background-image: url(icons/katalog.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#invsidemenu-Kontakt {
	padding-left: 20px;
	background-image: url(icons/kontakt.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/* ******* --------------------------------------- CONTENT --------------------------------------- *******/
.Pane {
	vertical-align: top;
	padding: 5px;
}
.LeftPane {
	padding: 7px 6px 7px 8px;
	width: 214px;
	_width: 224px;
}
.RightPane {
	padding: 26px 5px 5px 5px;
	vertical-align: top;
	width: 224px;
}
.Combination {
	vertical-align: top;
}
.ContentWrapper {
	vertical-align: top;
}
.ContentMaster {
	width: 100%;
}
.BreadCrumbs {
	height: 1px;
	padding: 2px 10px 5px 10px;
}
.TopPane {
	width: 100%;
	max-width: 500px;
}
.TopLeftPane {
	width: 50%;
}
.TopRightPane {
	width: 50%;
}
.ContentPane {
	height: 1px;
}
.ContentLeftPane {
	width: 50%;
}
.ContentRightPane {
	width: 50%;
}
.BottomPane {}
.BottomLeftPane {
	width: 50%;
}
.BottomRightPane {
	width: 50%;
}
/* ******* --------------------------------------- FOOTER --------------------------------------- *******/
.FooterPartL {
	height: 98px;
	background-color: #444444;
	background-image: url(images/FootBack.gif);
	background-position: right;
	background-repeat: repeat-x;	
}
.FooterPart {
	height: 98px;
	background-color: #444444;
	background-image: url(images/FootBack.gif);
	background-position: left;
	background-repeat: repeat-x;	
}
.FooterLeftBottom {
	padding: 18px 15px;
	_padding: 15px 15px;
	text-align: right;
	vertical-align: bottom;
}
.FooterWrapper {}
.FooterMaster {}
.FooterUp {
	height: 10px;
	padding: 25px 2px 2px 2px;
}
.FooterDown {
	vertical-align:bottom;
	padding: 0px 2px 18px 2px;
	_padding: 0px 2px 20px 2px;
	color: #8f8f8f;
	font-size: 12px;
	font-weight: bold;	
}


table#tblPropertySearchSmall label span {
	height: 32px;
	line-height: 32px;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bold;
	padding-left: 40px;
	background-image: url(images/search.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display:block;
}
