/* ******* Styles for GHBBSkin. Autor zarko@considero.net  10.02.2009. ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    background-color: #00441b;
    background-image: url(images/green_blues.jpg);
    background-position: left top;
    background-repeat: repeat;
    font-family: arial;
    font-size: 14px;
	text-align: center;
}
table {
    font-size: 100%;
}
p {
	padding: 0px;
	margin: 0.4em 0;
}
li {
	list-style-type: disc;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
    font-family: arial;
    font-size: 12px;
    color: #BDBDBD;
}
h1, h2, h3, h4, h5 {
    font-family: Century Gothic;
    color: #003814;
    padding: 0px;
    border: 0px;
    margin: 5px 0px 10px 0px;
	font-weight: bold;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 10px;
}
.SkinMaster .SubHead {
	color: #000000;
}
/* ******* --------------------------------------- LINKS --------------------------------------- *******/
a:active, a:focus{
    outline:none;
}
a:link, a:active {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
}
a:hover {
    color: #ffffff;
	text-decoration: underline;
}
.SkinMaster a.CommandButton:link, .SkinMaster a.CommandButton:active, .SkinMaster a.CommandButton:visited {
	color:#ffffff; 
	font-family:arial;
	font-size:11px;
	padding: 2px 5px 2px 5px;
	display: inline;
	line-height: 150%;
	width: 80px;
	background-color: #000000;
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
}
.SkinMaster a.CommandButton:hover {
	padding: 1px 5px 1px 5px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
a.ClanoviMenuLink:link, a.ClanoviMenuLink:active, a.ClanoviMenuLink:visited {
	color:#ffffff; 
	font-family:Century Gothic;
	font-size:16px;
	padding: 1px 5px 1px 5px;
	display: block;
	border: 1px solid transparent;
	width:176px;
	background-color: #000000;
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
	text-align:center;
	float: left;
}
a.ClanoviMenuLink:hover {
	padding: 1px 5px 1px 5px;
	color:#cbc94c;
	text-decoration: none;
	background-color: transparent;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	font-size: 16px;
}
.LeftPane h1 {
	margin-top: 10px;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.SkinMaster {}
.FullWH {
    width: 100%;
    height: 100%;
}
.FullW {
    width: 100%;
}
.FullH {
    height: 100%;
}
.MainW {
    width: 940px;
	margin: 0px auto;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.HeaderPart {
	height: 252px;
	background-image: url(images/Header.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	vertical-align: top;
	text-align: center;
}
td.LogoPane {
	vertical-align: middle;
	width: 250px;
	padding: 18px 0px;
}
div.LogoWrapper {
	width: 214px;
	height: 206px;
	background-image: url(images/GHBBLogo.gif);
	background-position: center;
	background-repeat: no-repeat;
}
a.Logo:link, a.Logo:active, a.Logo:visited {
	display: block;
	width: 214px;
	height: 206px;
}
a.Logo:hover {
	display: block;
	width: 214px;
	height: 206px;
	background-image: url(images/GHBBLogoHover.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.LoginPane {
	text-align: right;
	height: 1em;
	cursor: default;
	padding-top: 1em;
}
.RegWrapper {
	margin:8px 0px 5px 10px;
	padding: 0px;
	background-image: url(images/Register.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.RegLink:link, a.RegLink:active, a.RegLink:visited {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	color: #00702a;
	text-decoration: none;
	margin: 0;
}
a.RegLink:hover {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	color: #ffffff;
	background-image: url(images/RegisterHover.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0;
}
.LogWrapper {
	margin:8px 0px 5px 10px;
	padding: 0px;
	background-image: url(images/Login.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.LogLink:link, a.LogLink:active, a.LogLink:visited {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	color: #00702a;
	text-decoration: none;
	margin: 0;
	margin-right: 28px; _margin-right: 35px;
}
a.LogLink:hover {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	color: #ffffff;
	background-image: url(images/LoginHover.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0;
	margin-right: 28px; _margin-right: 35px;
}

.SloganPane {
	text-align: center;
	padding: 5px 15px;
	width: 70%;
}
.SloganPane .Normal {
	font-family: Georgia;
	font-size: 18px;
	color: #9fc897;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
/* ******* --------------------------------------- MENU  --------------------------------------- *******/
a.TopMenuLink:link, a.TopMenuLink:active, a.TopMenuLink:visited {
	color:#ffffff; 
	margin-right: 28px; _margin-right: 35px;
	font-family:Century Gothic;
	font-size:16px;
	padding: 1px 5px 1px 5px;
	display: block;
	width: 180px;
	background-color: #000000;
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
	text-align:center;
	float: right;
}
a.TopMenuLink:hover {
	padding: 1px 5px 1px 5px;
	color:#cbc94c;
	text-decoration: none;
	background-color: transparent;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	font-size: 16px;
}
/* ******* --------------------------------------- MIDDLE  --------------------------------------- *******/
.BodyPart {
	vertical-align: top;
	padding: 5px 30px;
	text-align: center;
}
/* ******* --------------------------------------- CONTENT --------------------------------------- *******/
.TopPane {
	vertical-align: top;
}
.TopLeftPane {
	width: 50%;
	vertical-align: top;
}
.TopRightPane {
	width: 50%;
	vertical-align: top;
}
.LeftPane {
	width: 180px;
	vertical-align: top;
}
.CenterPane {
	vertical-align: top;
}
.RightPane {
	width: 240px;
	vertical-align: top;
}
.ContentPane {
	vertical-align: top;
}
.BottomLeftPane {
	width: 33%;
	vertical-align: top;
	padding-right: 10px;
}
.BottomCenterPane {
	width: 33%;
	vertical-align: top;
	padding-right: 10px;
}
.BottomRightPane {
	width: 33%;
	vertical-align: top;
	padding-right: 10px;
}
/* ******* --------------------------------------- FOOTER --------------------------------------- *******/
.FotterPart {
	text-align: center;
}
.CopyRPane {
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	text-align: center;
}
.CopyRPane .SkinObject {
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding-bottom: 3px;
	line-height: 150%;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ffffff;
}
a.BottomLink {
	font-size: 10px;
	font-family: arial;
	color: #ffffff;
	display: block;
	text-align: center;
	margin-top: 5px;
}
a.BottomLink:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

div#dnn_ctr11153_Feedback_pnlFeedbackFormFields td.SubHead {
	color: #9fc897;
}
div#dnn_ctr11153_Feedback_pnlFeedbackFormFields td.SubHead img {
	display: none;
}
div#dnn_ctr11153_Feedback_pnlFeedbackFormFields .NormalTextBox {
	border: 1px solid #9fc897;
	background-color: transparent;
	color: #c8c642;
	padding: 1px 4px;
}

.SlikaTitleNaslov {
	position: relative;
	top: -3em;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	width: 90%;
}
.SlikaTitleNaslov a:link, .SlikaTitleNaslov a:active, .SlikaTitleNaslov a:visited {
	background-color: #000000;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	display: block;
	line-height: 150%;
}
.SlikaTitleNaslov a:hover{

}