@charset "utf-8";
/* Congratulation message */


/* Form */
.formbckg form {
	width: 500px;
	padding: 5px;
	margin: 5px auto;
}

.formbckg label {
	display: block;
	width: 200px;
}

.formbckg blue {
	color: #FFF000;
	font-weight:bold;
}

.formbckg{
	color:black;
}
.MsgSent {
	Display: block;
	padding: 2px;
	margin: 3px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	background: url(images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 2px;
	margin: 3px auto;
	width: 400px;
	text-align: center;
	background-color: white;
}

.MsgError h1 {
	background: url(images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}
body  {
	background: #e5e3e3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
	min-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
/*kontejner sadrzi sve*/
.trio #conteiner{
	width: 955px;
	margin: auto;
	background-image: url(../images/bckg_str.gif);
	display: block;
	height: 100%;
	min-height: 100%; 
}
.trio #kontejner{
	width: 955px;
	margin: auto;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	min-height: 100%;
	background-position: right top;
	background-color: #858585;
}
.trio #kontejner #top{
	width: 955px;
	height: 408px;
}
.trio #kontejner #bottom{
	width: 955px;
	background-image: url(../images/bckg_home.gif);
	background-repeat: repeat-y;
}
.trio #kontejner #bottom .bottomL{
	float: left;
	width: 328px;
	padding: 10px;
}
.trio #kontejner #bottom .bottomR{
	float: right;
	padding-right: 22px;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 562px;
}

.trio #conteiner #right #greyBox #table a{
	color:#ffffff;
	text-decoration: none;	
}
.trio #conteiner #right #greyBox #table a:hover{
	color: #f8bb3e;
	text-decoration: none;	
}
.trio #conteiner #right #greyBox #table a:visited{
	text-decoration: none;
}
.orange{
	color: #f8bb3e;
}
div.clearer {clear: left; line-height: 0; height: 0;}
.opsirnije {
	padding-right:12px;
	background-image: url(../images/arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}
a.opsirnijeLink {
	color: #bd0368;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a.opsirnijeLink:hover {
	color: #bd0368;
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h5 {
	margin: 5px 0 5px 5px;
}

.trio #conteiner #left{
	background-image: url(../images/top_leftBckg.jpg);
	float: left;
	width: 148px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
.trio #kontejner #leftHome{
	background-image: url(../images/top_leftBckg.jpg);
	float: left;
	width: 148px;
	background-repeat: no-repeat;
	height: 408px;
	background-color:#FFFFFF;
}
.trio #menu{
	margin-top: 65px;
	padding-top: 14px;
	font-weight: bold;
	
}
.trio #conteiner #upit{
	background-image: url(../images/menu_orange.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 114px;
	margin-top: 15px;
	margin-left: 15px;
}
.trio #kontejner #upit{
	background-image: url(../images/online_upit.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 114px;
	margin-top: 15px;
	margin-left: 15px;
}

.imgProdThumbs {	/* male slike kod proizvoda */
	padding: 2px 2px 2px 2px;
	border: 1px solid #bdb8b8;
}

a:hover{
	color: #ffb008;
	text-decoration: none;
}
a{
	text-decoration: none;
	color:#fff;
}
a.lineRightLinks:hover{
	color: #ffb008;
	text-decoration: none;
}
a.lineRightLinks{
	text-decoration: none;
	color:#000;
}
a:visited{
	text-decoration: none;
}

.trio #conteiner #right{
	background-repeat: no-repeat;
	width: 807px;
	float: left;
	display:table; /* Stavljeno da gura okvir u firefoxu */
}
.trio #kontejner #rightHome{
	background-image: url(../images/bckg/home.jpg);
	background-repeat: no-repeat;
	width: 807px;
	float: left;
	display: table; /* Stavljeno da gura okvir u firefoxu */
	height: 463px;
}
.trio #conteiner #right #linksRight{
	float: right;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 5px;
	color: #000000;
}
.trio #kontejner #linksRight{
	float: right;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 5px;
	color: #000000;
}
.clear{
	clear: both;
}
.trio #conteiner #right #greyBox{
	width: 763px;
	float: left;
	margin-top: 390px;
	border-right-width: 12px;
	border-left-width: 12px;
	border-right-color: #f1b538;
	border-left-color: #f1b538;
	border-right-style: solid;
	border-left-style: solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
}
.trio #footer{
	width: 955px;
	height: 40px;
	margin-bottom: 10px;
}
.trio #footer #footerText{
	height: 20px;
	padding-top: 10px;
	padding-left: 20px;
	color: #000000;
}
.trio #footer #footerPct{
	height: 10px;
	font-size: 4px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a3a1a1;
	border-bottom-color: #a3a1a1;
	margin-bottom: 10px;
}

/* Popup forma za kontaktirajte nas */
#layer1 {
	text-align: left;
	position: absolute;
	visibility: hidden;
	width: 460px;
	height: 320px;
	left: 30%;
	top: 30%;
	background-color: #858585;
	border: 1px solid #3e505c;
	padding: 0 0 10px 0;
	z-index:10000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
#close {
	float: right;
}

/*Administracija*/
.tab{padding:2px;background:Transparent}
.hilite{padding:2px;background:#484848}
.textInput{
  vertical-align:top;
  font-size:9pt;
  font-weight:bold;
  background-color:#ececec;
  border-color:#4f4f4f;
  border-style:solid;
  border-width:1px;
  color:#000;
  width:250px;
  margin-top:2px;
  margin-bottom:2px;
  display: inline;
}
.kalendarInput{
  vertical-align:top;
  font-size:9pt;
  font-weight:bold;
  background-color:#ececec;
  border-color:#4f4f4f;
  border-style:solid;
  border-width:1px;
  color:#000;
  width:80px;
  margin-top:2px;
  margin-bottom:2px;
  display: inline;
}
.mainField  textarea{
  font-size:9pt;
  font-weight:bold;
  background-color:#ececec;
  border-color:#4f4f4f;
  border-style:solid;
  border-width:1px;
  color:#000;
  width:250px;
  height:100px;
  margin:3px;
  margin-left:-1px;
  display: inline;
}
legend{color:#000;background:#ececec;border:1px solid #cccccc;padding:2px 6px;font-weight:bold;font-size:90%;}
label{text-align:right;width:155px;padding-right:5px;float:left}
hr{border-bottom: 1px solid #4f4f4f;
	color: #fff;
	background-color: #ECECEC;
	height: 4px;
	width:75% 
	}
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	z-index:10000;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

/* date picker START */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* Date picker END */	


/* Kalendar dogadjaja */
.cal_post{
	font-weight:bold;
	color: #003f90;
	border:black solid 1px;
	background-color:#e0e5e9;
}

/* LightBox popup form */
.black_overlayBB{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 180%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_contentBB {
    display: none;
    position: absolute;
    top: 7%;
    left: 15%;
    width: 640px;
    height: 550px;
    padding: 10px;
    border: 2px solid #f1b538;
    background-color: black;
    z-index:1002;
    overflow: auto;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}
.textAreaPopUp {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: auto;
}
.inputPopUp {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: auto;
}
#lightBB > div, p {
	margin: 3px;
}
.redBold {
	color: Red;
	font-size: 110%;
	font-weight: bold;
}