/*****************************/
/*** Core html setup stuff ***/
/*****************************/


/*Osnovni stilovi*/


body, td, th 
{ 
  font-family: Arial, Helvetica, sans-serif; 
}

a, img { padding: 0; margin: 0; }

img { border: 0 none; }

form { margin: 0; padding: 0; }

fieldset {
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0px;
	text-align: left;
}

legend    {
	color: #476538;
	font-size: 12px;
	font-weight: bold;
}


input, select {  font-size: 12px;  border: 1px solid silver; }
textarea      {  font-size: 11px;  border: 1px solid silver; }
button        {  font-size: 10px;  }

input:focus,
select:focus,
textarea:focus { background-color: #E4EFD1 }

input:hover,
select:hover,
textarea:hover { background-color: #E4EFD1 }

body
{
  text-align:center;
  font-size: 12px;
  line-height: 1.3;
  background: url(skin/tender/img/head_back.png) repeat-x;
}

a
{
  color: #800000; 
  text-decoration:none;
}

a:active  { color: #494949; }
a:visited  { color: #494949;}
a:link  {color: #494949;}
a:hover{
  color: #476538;
  text-decoration: underline;
}

* {
  margin:0px;
  padding:0px;
}

.small
{
  font:0.8em Arial,Helvetica,sans-serif;
  color:#999;
} 

#wrap
{
  min-width:960px;
  max-width:960px;
  width:auto !important;  
  width:960px;  
  margin:0 auto;
  text-align:left; 
}


/*Razni borderi*/
#border-top             { height: 82px;}
#logo         		{ float: left; }
#baner         		{ width: 100%; height: 82px; float: left; text-align: right;}


#menu-top
{
	height: 32px;
	width: 100%;
}

#menu-top-left
{	
	height: 32px;
	float: left;
	width: 760px;
	padding-top: 8px;
}

#menu-top-right
{	
	height: 32px;
	float: left;
	width: 200px;
	padding-top: 8px;
}

#menu-top-right ul, #menu-top-right li 
{ 
	margin: 0; padding: 0; border: 0 none; 
}

#menu-top-right ul{float: right;}

#menu-top-right li#last
{
	border-right: 1px solid #FFF;
}

#menu-top-left li
{ 
	float:left;  
	position:relative; 
	list-style: none; 
	display: inline; 
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 10px;
	color: #FFF;
	border-right: 1px solid #FFF;
}

#menu-top-right li
{ 
	float:left;  
	position:relative; 
	list-style: none; 
	display: inline; 
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 10px;
	color: #FFF;
	border-left: 1px solid #FFF;
}


#subhead
{
	border-bottom: 1px solid #DDD;
	height: 22px;
	padding-top: 10px;
}

#trail
{
	float: left;
	width: 700px;
}

#count
{
	float: right;
	width: 260px;
	text-align: right;
}

.col-left
{
	border-bottom: 1px solid #ccc;
}

.content
{
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
}

.col-right
{
	border-bottom: 1px solid #ccc;
}



#border-bottom 			{ background: url(skin/tender/img/border/page_corner_b.png) repeat-x; }
#border-bottom div  		{ background: url(skin/tender/img/border/page_corner_br.png) 100% 0 no-repeat; }
#border-bottom div div 		{ background: url(skin/tender/img/border/page_corner_bl.png) no-repeat; height: 11px; }

#footer .copyright { 
	text-align: center; 
	font-size: 0.8em;
}

#footer .link-bottom { 
	padding-top: 5px;
	text-align: center; 
	height: 25px;
	background: url(skin/tender/img/footer.png) repeat-x;
}

.logo{
  padding-left: 10px;
}


.header-box  
{ 
	border: 0px solid #ccc;
    margin-top: 10px;	
}




/*Toolbar*/
div.header {
	font-size: 22px; font-weight: bold; color: #476538; line-height: 48px;
	padding-left: 55px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

div.header span { color: #666; }

div.toolbar { float: right; text-align: right; padding: 0; }

table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar div { float: none; width: 32px; height: 32px; margin: 0 auto; }

table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #476538;
}

.button        { font-size: 10px;  }





/*Okrigli BOX*/

div#toolbar-box {
  background: #F5F5EB;  
}

div#element-box {
  background: #FFF;
}

div#element-box div.section-box div.m {
	background: #F5F5EB;
}

div.t, div.b {
  height: 6px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.m {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 8px;
}

div#toolbar-box div.m {
  padding: 0 0 3px 0;
}

div#element-box div.m {
  padding: 5px 10px;
}



div#toolbar-box,
div#element-box div.section-box {
  background: #fbfbfb;  
}

div#toolbar-box div.t,
div#element-box div.section-box div.t {
  background: url(skin/tender/img/border/box_border.png) 0 0 repeat-x;
}

div#toolbar-box div.t div.t,
div#element-box div.section-box div.t div.t {
   background: url(skin/tender/img/border/box_med_tr.png) 100% 0 no-repeat;
}

div#toolbar-box div.t div.t div.t,
div#element-box div.section-box div.t div.t div.t {
   background: url(skin/tender/img/border/box_med_tl.png) 0 0 no-repeat;
}

div#toolbar-box div.b,
div#element-box div.section-box div.b {
  background: url(skin/tender/img/border/box_border.png) 0 100% repeat-x;
}

div#toolbar-box div.b div.b,
div#element-box div.section-box div.b div.b {
   background: url(skin/tender/img/border/box_med_br.png) 100% 0 no-repeat;
}

div#toolbar-box div.b div.b div.b,
div#element-box div.section-box div.b div.b div.b {
   background: url(skin/tender/img/border/box_med_bl.png) 0 0 no-repeat;
}

div#element-box div.t {
  background: url(skin/tender/img/border/box_border.png) 0 0 repeat-x;
}

div#element-box div.t div.t {
   background: url(skin/tender/img/border/box_light_tr.png) 100% 0 no-repeat;
}

div#element-box div.t div.t div.t {
   background: url(skin/tender/img/border/box_light_tl.png) 0 0 no-repeat;
}

div#element-box div.b {
  background: url(skin/tender/img/border/box_border.png) 0 100% repeat-x;
}

div#element-box div.b div.b {
   background: url(skin/tender/img/border/box_light_br.png) 100% 0 no-repeat;
}

div#element-box div.b div.b div.b {
   background: url(skin/tender/img/border/box_light_bl.png) 0 0 no-repeat;
}

div#submenu-box div.m {
  padding: 0px;
  height: 16px;
}

div#submenu-box ul {
  padding: 0px;
  margin: 0px;
}


#submenu-box { background: #f6f6f6; margin-bottom: 0px; }
#submenu-box .padding { padding: 0px;}

div#submenu-box div.t {
  background: url(skin/tender/img/border/box_border.png) 0 0 repeat-x;
}

div#submenu-box div.t div.t {
   background: url(skin/tender/img/border/box_dark_tr.png) 100% 0 no-repeat;
}

div#submenu-box div.t div.t div.t {
   background: url(skin/tender/img/border/box_dark_tl.png) 0 0 no-repeat;
}

div#submenu-box div.b {
  background: url(skin/tender/img/border/box_border.png) 0 100% repeat-x;
}

div#submenu-box div.b div.b {
   background: url(skin/tender/img/border/box_dark_br.png) 100% 0 no-repeat;
}

div#submenu-box div.b div.b div.b {
   background: url(skin/tender/img/border/box_dark_bl.png) 0 0 no-repeat;
}







/*BUTTONI*/

/* -- buttons -> STILL NEED CLEANUP*/

.button1-left,
.button1-right,
.button2-left,
.button2-right,
.button-search,
.button-register,
.button-search div,
.button-register div,
.button1-left div,
.button1-right div,
.button2-left div,
.button2-right div {
	float: left;
}

.button1-left  { background: url(skin/tender/img/button/btn_1_left.png) no-repeat; margin-left: 5px; }
.button1-right { background: url(skin/tender/img/button/btn_1_right.png) 100% 0 no-repeat; margin-left: 5px; }
.button-search  { background: url(skin/tender/img/button/btn_1_left.png) no-repeat; margin-left: 5px; }
.button-register  { background: url(skin/tender/img/button/btn_1_left.png) no-repeat; margin-left: 5px; }

.button1-right .prev { background: url(skin/tender/img/button/btn_1_prev.png) no-repeat; }
.button1-left .next  { background: url(skin/tender/img/button/btn_1_next.png) 100% 0 no-repeat; }
.button-search .next  { background: url(skin/tender/img/button/btn_search.png) 100% 0 no-repeat; }
.button-register .next  { background: url(skin/tender/img/button/btn_register.png) 100% 0 no-repeat; }

.button1-left a,
.button-search a,
.button-register a,
.button1-right a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.button1-left  a { padding: 0 30px 0 6px; }
.button1-right a { padding: 0 6px 0 30px; }
.button-search  a { padding: 0 30px 0 6px; }
.button-register  a { padding: 0 30px 0 6px; }

.button1-left a:hover,
.button-search a:hover,
.button-register a:hover,
.button1-right a:hover { text-decoration: none; color: #476538; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span { padding: 0 6px; }

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #476538; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(skin/tender/img/button/btn_2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(skin/tender/img/button/btn_2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(skin/tender/img/button/btn_2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(skin/tender/img/button/btn_2_prev_off.png) no-repeat; }

.button2-right .start { background: url(skin/tender/img/button/btn_2_first.png) no-repeat; }

.button2-right.off .start { background: url(skin/tender/img/button/btn_2_first_off.png) no-repeat; }

.button2-left .page { background: url(skin/tender/img/button/btn_2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(skin/tender/img/button/btn_2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(skin/tender/img/button/btn_2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(skin/tender/img/button/btn_2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(skin/tender/img/button/btn_2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(skin/tender/img/button/btn_2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(skin/tender/img/button/btn_2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(skin/tender/img/button/btn_2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(skin/tender/img/button/btn_2_blank.png) 100% 0 no-repeat; }






/* -- status layout */
#module-status      { float: right; font-size: 11px; }
#module-status span { display: block; float: left; line-height: 16px; padding: 0px 5px 0px 12px; margin-bottom: 5px}

#module-status .user               { background: url(skin/tender/img/status/user.png) 3px 0px no-repeat; padding-left: 20px;}
#module-status .logout             { background: url(skin/tender/img/status/logout.png) 3px 0px no-repeat; }








table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }

table.tree {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}



table.tree tr.row0 { background-color: #f9f9f9; }
table.tree tr.row1 { background-color: #ffffff; }

table.tree tr.row0:hover td,
table.tree tr.row1:hover td  { background-color: #ffa ; }


table.adminform th {
	font-size: 11px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }











/** cpanel settings **/

#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 95px;
	width: 106px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }






/*Repeat stilovi*/
.repeatlinks
{
  /*border: 1px solid;*/
  display: block;
}

/*
.repeatlink
{
  float: left;
}

.repeatpage
{
	float: left;
}*/

.page1
{
  cursor: pointer;
}

table.frmtable {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.frmtable td,
table.frmtable th { padding: 4px; }

table.frmtable thead th {
	background: #f5f5EB;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.frmtable thead a:hover { text-decoration: none; }

table.frmtable thead th img { vertical-align: middle; }

table.frmtable tbody th { font-weight: bold; }

table.frmtable tbody tr			{ background-color: #fff;  text-align: left; }
table.frmtable tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.frmtable tbody tr.row0:hover td,
table.frmtable tbody tr.row1:hover td  { background-color: #ffa ; }

table.frmtable tbody tr td 	   { height: 25px; background: #fff; border: 1px solid #fff; }
table.frmtable tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }

table.frmtable tfoot tr { text-align: center;  color: #333; }
table.frmtable tfoot td,
table.frmtable tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.frmtable td.order 		{ text-align: center; }
table.frmtable td.order span { float: left; display: block; width: 20px; text-align: center; }

table.frmtable .pagination { display:table; padding:0;  margin:0 auto;	 }

.pagination div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}


.hide-error
{
  display: none;
}

.show-error
{
  display: block;
  /*
  border: solid 1px #606060;
  background-color: #EEEEEE;
  margin-bottom: 7px;
  */
}


.error-message
{
  color: #FF0000;
  margin-left: 7px;
}

.error-marker
{
  color: #FF0000;
}


.no-subform{
  border: 1px solid #999; 
  display:block; 
  width:100%; 
  float: left; 
  margin-top: 10px; 
  background: url(skin/tender/img/back_sraf.gif);
}

#lbCols, #lbSelCols, #lbOrderCols
{
  width: 100%;
}

#tcols td
{
  text-align: left;
}

#tfilter td
{
  text-align: left;
}

#tfilteroptions td
{
  text-align: left;
}

#btnAdd1, #btnAdd2, #btnDel1, #btnDel2, #btnUp1, #btnUp2, #btnDown1, #btnDown2, #btnDesc
{
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#btnAdd1, #btnAdd2
{
  background: url(skin/tender/img/right.png) no-repeat center center;
}

#btnDel1, #btnDel2
{
  background: url(skin/tender/img/left.png) no-repeat center center;
}

#btnUp1, #btnUp2
{
  background: url(skin/tender/img/up.png) no-repeat center center;
}

#btnDown1, #btnDown2
{
  background: url(skin/tender/img/down.png) no-repeat center center;
}

#btnDesc
{
  background: url(skin/tender/img/desc.png) no-repeat center center;
}

.cbFilter
{
  width: 200px;
}

.cbFilter2
{
  width: 167px;
}

.cbFilterOp
{
  margin-left: 30px;
  width: 218px;
}

.filterParam
{
  margin-left: 30px;
  width: 190px;
}

.filterParamCB
{
  margin-left: 30px;
  width: 192px;
}


.btnPlus
{
  margin-left: 5px;
  background: url(skin/tender/img/plus.png) no-repeat center center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.btnMinus
{
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background: url(skin/tender/img/minus.png) no-repeat center center;
  cursor: pointer;
}

.btnAndOr1
{
  width: 30px;
  height: 15px;
  cursor: pointer;
  font-size: 10px;
}

.btnAndOr2
{
  width: 30px;
  height: 15px;
  cursor: pointer;
  font-size: 10px;
}

.boks
{
	margin: 10px;
	border-bottom: 1px solid #CCC; 
}

.boks-top-c
{
	background: url(images/top-c.png) repeat-x;
	height: 35px;
}

.boks-top-ctd
{
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; 
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}

.boks-top-l
{
	background: url(images/top-l.png) no-repeat;
	width: 5px;
	
}

.boks-top-r
{
	background: url(images/top-r.png) no-repeat;
	width: 5px;
}

.boks-m-left
{
	border-left: 1px solid #CCC; 
}

.boks-m-right
{
	border-right: 1px solid #CCC; 
}

.boks-m-c
{
	padding: 4px;
	padding-top: 8px;
	font-size: 12px;
}


table
{
  font-size: 12px;
}