.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body { background: #efefef url(images/bodyBg.gif) top left repeat-x ;}
#container { width: 800px ; margin: 0 auto ;}
#header { width: 800px ; height: 125px ;}
#header h1 { background: url(images/HeaderH1.gif) no-repeat ; width: 453px ; height: 57px ; text-indent: -5000px ; float: right ; margin: 0 15px 0 0 ;}
#header h2 { margin: 0px 0 0 15px ;}

#content { width: 800px ; margin-left: 0 ; background: url(images/contentRightBg.jpg) right top no-repeat ;}
#leftContent { width: 550px ;  min-height: 800px ; float: left ; background: #9dd0e7 ; border-left: solid 1px #006493 ; border-bottom: solid 1px #006493 ; border-right: solid 1px #006493 ; padding-top: 20px ;}
#rightContent { width: 145px ; float: left ; padding-top: 10px ;}
#rightContent .rpRootGroup , #rightContent .RadPanelBar .rpOut { border: none ;}
#rightContent .RadPanelBar .rpLink:hover .rpOut { padding: 0px ;}
#rightContent .RadPanelBar .rpText { padding: 0px ;}
#rightContent .RadPanelBar .rpLink { font: bold 12px Arial, Helvetica, sans-serif ; color: #006493 ; border-bottom: solid 1px #9dd0e7 ; padding: 2px 15px ; width: 110px ; margin: 0 0 0 8px ;}
#rightContent .RadPanelBar .rpLink:hover { width: 89px ; padding-left: 36px ; background: #9dd0e7  url(../../Containers/ztk/images/bullet.gif) 13% center no-repeat ;}
#rightContent .RadPanelBar .SelectedL1 { width: 89px ; padding-left: 36px ; background: url(../../Containers/ztk/images/bullet.gif) 13% center no-repeat ;} 
#rightContent .RadPanelBar .rpLevel1 li { padding-right: 50px ; }
#rightContent .RadPanelBar .rpLevel1 .rpLink { padding: 2px 0 ; width: 130px ;}
#rightContent .RadPanelBar .rpLevel1 span { font: 10px Arial, Helvetica, sans-serif ; color: #000 ; }
#rightContent .RadPanelBar .rpLevel1 .rpLink:hover { background: none ;}
#hnd a { display:block ; float:left ; height:4px ; text-indent:-9000px ; width:4px ; cursor:default;}

#footer { width: 800px ;}
#footer a { color: #006493 ; padding-right: 7px; text-decoration: underline ; cursor: pointer ;}
#footer #copy { float: left ; padding: 10px 9px 0 0 ;}
#footer #copy .SkinObject { font: 10px Arial, Helvetica, sans-serif ; color: #006493 ;}
#footer #copy a {  text-decoration: none ;}
#login { width: 195px ; float: right ; margin: 8px auto ; font: 10px Arial, Helvetica, sans-serif ; color: #006493 ;}
#login a:hover { text-decoration: underline ; color: #006493 ;}
#login .SkinObject { font: 10px Arial, Helvetica, sans-serif ; color: #006493 ;}

/* PRIJAVA STRANICA */

#wrapperPrijava { text-align: center ;}
.LoginPage {
	margin: 100 auto 0 auto;
	width: 320px;
	width: expression("290px");
	padding: 10px 15px 10px 15px;
	border: 3px #0684e4 solid;
	text-align: center;
	background-color: #FFF;
}

.LoginPage .BackLink A:link,
.LoginPage .BackLink A:visited,
.LoginPage .BackLink A:hover {
	font-size: 11px;
	color: #696969;
	text-decoration: none;
}

.LoginPage .BackLink A:hover {
	text-decoration: underline;
}

.LoginPage .BackLink SPAN {
	color: #d6a513;
}

.LoginPage .CommandButton:link,
.LoginPage .CommandButton:visited,
.LoginPage .CommandButton:hover {
	color: #000;
	text-decoration: underline;
}

.LoginPage .ForgetLink {
	padding: 6px 0 0 0;
	text-align: center;
}

.LoginPage .loginControl {
	margin: 0 auto;
}

.LoginPage .Normal {
	color: #666565;
}

.LoginPage .NormalTextBox {
	border: 1px #0684e4 solid;
	background: url(images/BackMainMenu.gif) center left repeat-x;
	font-size: 12px;
	color: #000;
	width: 250px;
	padding: 1px 2px;
}

.LoginPage .StandardButton {
	border-width: 0;
	color: #FFF;
	background-color: #0684e4;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin: 5px;
	padding: 2px 5px;
}

.LoginPage .SubHead {
	font-weight: normal;
	font-size: 12px;
	color: #565656;
}

.LoginPage TD {
	padding: 2px 0;
}