@import "login.css";
@import "startup.css";
@import "listing.css";

/* general styles - global*/
*{font-family:Arial;font-size:12px;color:#525252;margin:0;padding:0;border:0}
table,table td{border:none;border-collapse:collapse}

h1, h1 *{font-size:24px;color:#2c2c2c;padding:14px 0}
h2{font-size:16px;margin:0 0 18px 0}
a{text-decoration:none}
input,select,textarea{border:1px solid #abadb3;padding:2px}


/* layout, frames */
div#framemain{background:url(img/frame.top.bg.gif) repeat-x left top}
div#welcome{width:600px;height:462px;background:url(img/welcome.bg.png) no-repeat left top;}

div#framemain img.logo{margin:20px 0 0 20px}

div#framemain .version{font-weight:bold;color:White;}

div#framemain a.zagreb{color:#ffffff;font-weight:bold;display:block;margin-right:32px;background:url(img/zagreb.senca.gif) no-repeat right top;padding:9px}
div#framemain a.logedin{color:#ffffff;font-weight:bold;display:block;margin-right:0px;margin-top:42px;}

div#framemain div.navigation{padding:0; margin-left:20px; height:45px; line-height:45px;}
div#framemain div.navigation td { padding-top:8px;}
div#framemain div.navigation td a  
{
    text-decoration: none;
    background: url("img/navigation.border.left.gif") no-repeat scroll left center transparent;
    color: #525252;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 0 8px;
}

#ctl00_tb {
   /*margin-top:20px;
   height:45px;
   line-height:45px;*/
   float:left;
   margin-top:2px;
}

.ctl00_tb_1 {padding:0px 0px 12px 0px; margin-left:20px;  }
.ctl00_tb_1 { padding-top:12px;}
.ctl00_tb_1 
{
    text-decoration: none;
    background: url("img/navigation.border.left.gif") no-repeat scroll left center transparent;
    color: #525252;
    font-size: 14px;
    font-weight: bold;
    padding: 0 26px 0 8px;
    line-height: 15px;
    height:20px;
  
    /*padding-bottom:28px;*/
}
.ctl00_tb_1 a { line-height:25px; display:block; height:25px;}

/*
div#framemain div.navigation{padding:16px 0px 8px 0px; margin-left:20px}
div#framemain div.navigation td a { padding:0px 20px 0px 8px;  font-size:14px;color:#525252;font-weight:bold; background:url(img/navigation.border.left.gif) no-repeat left center}
*/
div#framecontent{margin:40px 20px 0}

div#framefoot{padding:45px 20px;background:url(img/frame.bottom.bg.gif) repeat-x left top}

div#framefoot div.foot{padding-top:12px}
div#framefoot img.logomini{margin-left:20px;margin-bottom:-6px}
div#framefoot div.footlinks{margin-top:12px}
div#framefoot div.footlinks a{display:inline-block;padding-right:8px}

/* button */
.btn{background:url(img/btn.borders.bg.gif) no-repeat left center;float:left}
.btn input{background:transparent url(img/btn.arrow.green.gif) no-repeat right center;width:auto;border:0;padding:4px 26px 4px 22px;font-size:11px}
.btn input.arrred{background-image:url(img/btn.arrow.red.gif)}


/* standard classes - reusable */
input.txt{padding:2px}

div.overlaymsg{display:block;padding:4px;position:absolute;top:20px;right:auto;background:#e55578;color:white}

div.split{float:none;clear:both}/* stolpci */
div.hr{margin:10px 0;width:100%;background:url(img/hr.dotted.gif) repeat-x left bottom;height:1px}

.hi5{height:5px}
.hi10{height:10px;clear:both}
.hi20{height:20px;clear:both}
.hi30{height:30px;clear:both}

.leftf{float:left}/* leva poravnava */
.rightf{float:right}/* desna poravnava */
.block{display:block;width:20px;white-space:nowrap}
.noborder{border:none !important}

.fsize11{font-size:11px}
.fsize10{font-size:10px}
.bold{font-weight:bold}
.green,.green:hover,.green:link,.green:active,.green:visited{color:#009678;font-size:11px}
.blue,.blue:hover,.blue:link,.blue:active,.blue:visited{color:#3992b7;font-size:11px}
.red,.red:hover,.red:link,.red:active,.red:visited{color:red;font-size:11px}

.left{text-align:left}
.right{text-align:right !important}
.center{text-align:center}
.bottom{vertical-align:bottom !important;padding-bottom:0 !important}
.top{vertical-align:top}


div.logout { border:solid 0px red; margin:45px 0px 0px 10px; background-image:url(img/logout.bg.gif); background-repeat:no-repeat; width:62px; height:37px; text-align:center;}
div.logout div { padding-top:8px; }
div.logout a, div.logout a:link, div.logout a:active, div.logout a:visited { font-family:Arial; font-size:11px; color:White;  }
div.logout a:hover { text-decoration:underline; }


div.modalPopup { padding:10px; border:solid 1px #cccccc; background-color:White; }
div.modalPopup h1, div.modalPopup h1 span { font-family:Arial; font-size:18px; font-weight:bold; color:#2c2c2c;  }
div.modalPopup table { background-color:#bfe5dd; margin:20px 0px 10px 0px; }
div.modalPopup table td { border:solid 1px white;  padding:2px 4px 2px 4px;}

.labelBorder { border:solid 1px #c0c0c0; background-color:#f2f2f2; font-weight:normal; padding:1px; color:Gray; width:100%; margin-bottom:5px; padding-left:5px;}


.mostvieweditems .sm{border:1px solid #EDF1F2;margin:0 0 10px 0;float:left}
.mostvieweditems .sm2{border:1px solid #EDF1F2;margin:0 7px 6px 0;float:left;padding:3px;}

.mostvieweditems .smallitem2 {width:234px;border:none;padding-bottom:0;}
.mostvieweditems .smallitem2 .tdImage { float:none; height:80px; vertical-align:middle;}
.mostvieweditems .smallitem2 div.txt{float:left;width:380px;border:0;margin:0 0 0 10px}
.mostvieweditems .smallitem2 div.txt table{width:100%}
.mostvieweditems .smallitem2 div.txt h1 { margin:0px; }
.mostvieweditems .smallitem2 div.zaloga { color:#939ba1; font-size:11px;  }

.mostvieweditems .smallitem2 div.txt2{float:none;width:200px;border:0;margin:0 0 0 10px}
.mostvieweditems .smallitem2 div.txt2 table{width:100%}
.mostvieweditems .smallitem2 div.txt2 h1 { margin:0px; }

.mostvieweditems .smallitem2 .txtOrder { width:50px;}
.mostvieweditems .smallitem2 .zaloga2 { color:#939ba1; font-size:11px;}
.mostvieweditems .smallitem2 .price2 {color:#939ba1; font-size:13px;}
.mostvieweditems .smallitem2 .price {color:#525252; font-size:18px;font-weight:bold;}
.mostvieweditems .smallitem2 .header {color:#009678; font-size:14px;font-weight:bold;}



.navigate {	
	border:solid 1px #009171;
	padding:8px;
}

.navigate-left {
	background-image:url('../../Images/navigate-left-icon.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:30px;	
	height:25px;
	cursor:pointer;
}

.navigate-left2 {
	background-image:url('../../Images/navigate-left2-icon.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:30px;	
	height:25px;
	cursor:pointer;
}

.navigate-right {
	background-image:url('../../Images/navigate-right-icon.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:30px;
	height:25px;
	cursor:pointer;
}

.navigate-right2 {
	background-image:url('../../Images/navigate-right2-icon.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:30px;
	height:25px;
	cursor:pointer;
}

/* button */

.navigate .btn
{
	background-position:left center;
	background-repeat:no-repeat;	
	width:30px;
	border:0;
	cursor:pointer;
}

.btnNaviLeft {background:transparent url(../../Images/navigate-left-icon.png) no-repeat left center;width:30px;height:25px; border:0;cursor:pointer;}
.btnNaviLeft2 {background:transparent url(../../Images/navigate-left2-icon.png) no-repeat left center;width:30px;height:25px;border:0;cursor:pointer;}
.btnNaviRight {background:transparent url(../../Images/navigate-right-icon.png) no-repeat left center;width:30px;height:25px;border:0;cursor:pointer;}
.btnNaviRight2 {background:transparent url(../../Images/navigate-right2-icon.png) no-repeat left center;width:30px;height:25px;border:0;cursor:pointer;}

.btnNaviLeft:hover {background:transparent url(../../Images/navigate-left-icon-h.png) no-repeat left center;}
.btnNaviLeft2:hover {background:transparent url(../../Images/navigate-left2-icon-h.png) no-repeat left center;}
.btnNaviRight:hover {background:transparent url(../../Images/navigate-right-icon-h.png) no-repeat left center;}
.btnNaviRight2:hover {background:transparent url(../../Images/navigate-right2-icon-h.png) no-repeat left center;}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 150px; text-align:left; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 12px; height: 15px; }
.sortable li span { position: absolute; margin-left: -1.3em; }