@import url("reset_all.css");
body{background:#FFF;}

/*************************************************************/
/**      delovi stranice                                    **/
/*************************************************************/
#BodyTableContainer{width:100%;height:100%;margin:0;}
   #LeftTableCell,#RightTableCell{width:50%;height:100%}
   #CenterTableCell{height:100%;border-left:1px solid #d0d9e1;border-right:1px solid #d0d9e1;}

#BodyHeader{display:block;width:916px;height:233px;background:url(../Images/BodyHeaderBck.gif) top left repeat-x;border:0px solid red;}
   #LogoImageClass{float:left;margin:8px 0 0 47px;}
   #RandomImage{float:right;margin:0;padding:0 6px 0 0;}
#BodyMenu{clear:both;width:916px;height:42px;background:url(../Images/BodyMenuBck.gif) top left repeat-x;}
   #Webmail{float:left;height:42px;padding:3px 3px 0 11px;background:url(../Images/WebmailBck.gif) top left no-repeat;}
      #Webmail a{display:block;width:90px;padding:7px 0 7px 10px;*width:100px;*padding:7px 10px;color:#fff;font-weight:bold;text-decoration:none;}
#BodyCenter{clear:both;width:916px;}
   #BodyCenterLeft{float:left;width:186px;margin:0 0 0 4px;padding:0;*width:190px;*margin:0;*padding-left:4px;}
   #BodyNews{float:right;width:171px;margin:0px;padding:0px;}
   #BodyCenterRight{float:right;width:535;margin:0 20px 0 0;padding:0;*width:555px;*margin:0;*padding-right:20px;}
#BodyFooter{width:916px;height:34px;text-align:center;border-left:1px solid #d0d9e1;border-right:1px solid #d0d9e1;
            background:url(../Images/BodyFooterBck.gif) top left repeat-x;}
   #copyright{margin:8px 0 0;padding:0;color:#757f8a;font-size:10px;}
   #copyright a{color: #757f8a;}

.clear{clear:both;}

a,a:hover,a:visited{	color: #900000; }
a:hover{	text-decoration:underline; }
a:focus{	color: #000000; }

p{
   display: block;
   padding: 3px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
}

UL,OL{
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
UL UL,
UL OL,
OL UL,
OL OL{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
OL LI{
   display: list-item;
   list-style: decimal;
}
UL LI,
UL.blockList LI{
	display: list-item;
	list-style: disc;
	list-style-image: url(../Images/listImage.gif);
}
UL UL LI,
UL OL LI,
OL UL LI,
OL OL LI,
.blockListLevel2 LI{
	/*display: list-item;*/
/*	list-style-image: url(../../Data/Images/listImageLevel2.gif);*/
}
UL UL UL LI,
UL UL OL LI,
UL OL UL LI,
UL OL OL LI,
OL UL UL LI,
OL UL OL LI,
OL OL UL LI,
OL OL OL LI,
.blockListLevel3 LI{
	/*display: list-item;*/
/*	list-style-image: url(../../Data/Images/listImageLevel3.gif);*/
}

/* klase za tabele */
.TableClass1{
   width: 100%;
   margin: 0px 0px 0px 0px;
}
.TableClass1 thead td{
   padding: 5px;
   background: #5f707d;
   color:#fff;
   font-weight: bold;
}
.TableClass1 tbody{
   border-top:1px solid #fff;
}
.TableClass1 tbody td{
   padding: 2px 5px 2px 5px;
   background: #fff;
   font-weight: normal;
   border: 1px solid #cfd8e2;
}
.TableClass1 thead td p,
.TableClass1 tbody td p{
   padding:0;
}

/* custom styles */
.classTitle{
	width: 100%;
	padding: 11px 9px 5px;
	font-size: 15px;
	font-weight: bold;
	color: #8899a7;
	background:url(../Images/BlockTitleBck.gif) bottom left no-repeat;
}


/*************************************************************/
/**      globalne klase templejta textblokova               **/
/*************************************************************/
.blockTitle{
	width: 100%;
	padding: 11px 9px 5px;
	font-size: 15px;
	font-weight: bold;
	color: #8899a7;
	background:url(../Images/BlockTitleBck.gif) bottom left no-repeat;
}
.blockTitleTable{
	margin: 7px 0px 14px 0px;
}
.blockTitle:first-line{
	
}
.blockSubtitle{
	width: 100%;
	padding: 18px 10px 5px 17px;
	font-size: 12px;
	font-weight: bold;
	color: #5f707d;
	background:url(../Images/BlockSubtitleBckLeft.gif) bottom left no-repeat;
}
.blockSubtitleText{padding: 18px 31px 5px 3px;background:url(../Images/BlockSubtitleBckRight.gif) bottom right no-repeat;}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
	width: 159px;
	padding: 4px 11px 15px 11px;
	font-weight: normal;
	color: #838181;
	letter-spacing: normal;
	vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
	width: 100%;
	padding: 4px 11px 15px 11px;
	font-weight: normal;
	color: #838181;
	letter-spacing: normal;
	vertical-align: top;
}
.blockParagrafText{
	padding: 4px 11px 15px 11px;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
	width: 100%;
	vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
	text-align: center;
	vertical-align: top;
	padding: 0px 11px 0px 11px;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
	text-align: center;
}
.blockImageOnTheLeft td{
	padding: 0px 11px 11px 0px;
}
.blockImageOnTheRight td{
	padding: 0px 0px 11px 11px;
}
.blockImage img,
.blockImageAndImageLeft img,
.blockImageAndImageRight img,
.blockImageOnTheLeft img,
.blockImageOnTheRight img,
.blockTextAndImageRightImage img,
.blockTextAndImageLeftImage img{
	margin: 0px 0px 3px 0px;
	display: block;
}
.menuframe td{
	padding: 0px;
	text-align: left;
}
.menuframe img{
	margin: 0px;
}
.blockTableSearch,
.blockTableNews,
.blockTableSitemap{
	padding: 4px 11px 15px 11px;
	font-weight: normal;
	color: #838181;
	letter-spacing: normal;
	vertical-align: middle;
}

/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	color: #FFFFFF;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 11px Verdana,sans-serif;
	font-weight: normal;
	cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	width: 80px;
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	color: #888888;
}

/*** input styles ***/
input.smallInput,
input.normalInput,
input.largeInput{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #000000;
}
input.smallInput{
	width: 25px;
}


.errorMsg
{
	color: #4f5050;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
	background: #f8f9fa;
	border: 1px solid #ff0000;
	padding: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

/*** application forms ***/
table.applicationForm {
	/*border-left: 1px solid #d67322;
	border-right: 1px solid #d67322;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 100%;
}
.applicationForm input {
	background: #ffffff;
	color: #5f707d;
}
td.segmentHead {
	background: #8899a7;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-left: 1px solid #8899a7;
	border-right: 1px solid #8899a7;
}
td.segmentBody {
	background: #f8f9fa;
	/*color: #ffffff;*/
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #4f5050;
	border-left: 1px solid #8899a7;
	border-right: 1px solid #8899a7;
	/*font-size: 11px;*/
}
td.submitTD {
	background: #8899a7;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #8899a7;
	border-right: 1px solid #8899a7;
}

.applicationForm .fieldsTable {
	padding: 0px;
	border: 0px;
	margin-top: 8px;
}
.applicationForm .fieldsTable .title {
	padding: 0px;
	/*font-size: 10px;*/
	padding-top: 2px;
}
.applicationForm .fieldsTable .value {
	padding-right: 5px;
}
.applicationForm .fieldsTable .tableHeader {
	font-weight: bold;
}
.submitTD input {
	border: 1px solid #ff0000;
	background: #ffffff;
	color: #ff0000;
	font: 10px Verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.applicationForm .products .title {
	font-weight: bold;
}
.applicationForm textarea {
	color: #5f707d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*** kadrovi grafikon ***/
.kadroviGrafikonTable {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #3a4f5f;
}
.kadroviGrafikonTable .left {
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	padding-right: 5px;
	border-bottom: 1px solid #8899a7;
}
.kadroviGrafikonTable .right {
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #8899a7;
}
.kadroviGrafikonTable .valueCell {
	width: 40px;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
	height: 10px;
	border-bottom: 1px solid #8899a7;
}
.kadroviGrafikonTable .header, .kadroviGrafikonTable .footer {
	background-color: #8899a7;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 0px;
}
.kadroviGrafikonTable .header {
	text-align: center;
}
.kadroviGrafikonTable .grafikonTable {
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.kadroviGrafikonTable .grafikLeft {
	background: #ff0000;
	height: 10px;
}
.kadroviGrafikonTable .grafikRight {
}
.kadroviGrafikonTable .row1 {
	background: #ff0000;
}
.kadroviGrafikonTable .row2 {
	background: #ff0000;
}
.kadroviGrafikonTable .row3 {
	background: #ff0000;
}
.kadroviGrafikonTable .row4 {
	background: #ff0000;
}
.kadroviGrafikonTable .row5 {
	background: #ff0000;
}
.kadroviGrafikonTable .row6 {
	background: #ff0000;
}

/* dodatak za simple calendar */
div#simple_calendar {
	display: block;
	width: 173px;

	margin-top: 10px;

	padding: 1px;
	border: 1px solid rgb(136, 153, 167);
	border-bottom: 3px solid rgb(136, 153, 167);
}

div#simple_calendar .day, div#simple_calendar .today, div#simple_calendar .weekend, 
div#simple_calendar .day_header, div#simple_calendar .month_header {
	text-align: center;
	padding-bottom: 1px;
	padding-top: 1px;
}

div#simple_calendar .month_header {
	padding-bottom: 2px;
	padding-top: 1px;
	background-color: rgb(96, 113, 126);

	color: rgb(255, 255, 255);
	font-weight: bold;
}

div#simple_calendar .day_header {
	padding-bottom: 2px;
	padding-top: 1px;

	color: rgb(255, 255, 255);
	background-color: rgb(136, 153, 167);
}

div#simple_calendar .weekend {
	background-color: rgb(245, 246, 247);
}

div#simple_calendar .today {
	padding: 0px;
	padding-top: 1px;
	background-color: rgb(184, 198, 211);

	color: rgb(96, 113, 126);
	font-weight: bold;
}