@charset "utf-8";

* {margin:0; padding:0}

body {
    padding:20px;
    background:#E0E0E0;
    background-image:url('/templates/fancy/images/bg_page_7.png');
}

.nobr {white-space: nowrap}
.underline {text-decoration: underline;}



/* WRAPPER
------------------------------------------------ */
#wrapper{
    background:#FFFFFF;
    width:auto;
    border: 1px solid #950202;
/*    border-left:1px solid #D8D8D8;          /* Boja leve ivice */
/*    border-right:1px solid #D8D8D8;         /* Boja desne ivice */
    min-width:1172px;                       /* Minimalna sirina sve 3 kolone?? */
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    font-family: verdana;
    font-size:14px;
}

/* OUTER
------------------------------------------------ */
#outer{
/*    background:green;*/
    border-right:1px solid #F0F0F0;
    margin-left:0px;                        /* Sirina leve kolone */
    margin-right:370px;                     /* Sirina desne kolone */
/*    min-width:802px;                        /* Ovo i ne mora, ali... za single add */
}

/* HEADER - 80px
------------------------------------------------ */
#clearheader    {height:85px;}          /* Pravi prostor za header - height + border-bottom */

#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;                        /* Heder - visina */
    overflow:hidden;
    background:white;
    background-image:url('/templates/fancy/images/bg_header_2.png');
    border-bottom: 5px solid #950202;
    font-size:12px;
}

#logo {
    float:left;
    width:280px;
    height:80px;
/*    border-right:1px solid #950202;*/
/*    background:yellow;*/
}

#logo_text_top {
    position:absolute;
    margin-top:5px;
    margin-left:10px;
    font-size: 9px;
    text-align: left;
    color: #006600;
}
#logo_text_bottom {
    position:absolute;
    width:260px;
    height:13px;
    margin-top:67px;
    font-size: 9px;
    text-align: right;
}

#links_up {
    margin-left:290px;
    margin-right:380px;
    text-align:left;
    height:30px;
    line-height:30px;
}

#links_middle {
    margin-left:290px;
    margin-right:380px;
/*    background: red;*/
    text-align:right;
    height:20px;
    line-height:30px;
}

#links_down {
    margin-left:290px;
    margin-right:380px;
    text-align:right;
    height:30px;
    line-height:30px;
}

#daily_events {
    float:right;
    width:370px;
    height:80px;
    background-image:url('/templates/fancy/images/bg_header_1.png');
}
#date{
    padding-right:3px;
    height:18px;
    text-align:right;
    color:#950202;
}
#event_pic {
    float:left;
    height:70px;
    border:1px solid #950202;
    margin: 4px 5px 0px 5px;
}
#event_text {
    font-size:10px;
    text-align:left;
    padding: 0px 5px 0px 5px;
    color:black;
}

/* CENTRECONTENT
------------------------------------------------ */
#centrecontent {
	float:right;
	width:100%;
	position:relative;
/*	background:silver;*/
}
* html #centercontent{width:100%}

/* BREADCRUMBS
------------------------------------------------ */
#breadcrumbs{
    margin:10px 0px 20px 0px;
/*    background-image:url('/templates/fancy/images/bg_stripes.gif');*/
    padding:2px 5px 2px 5px;
    border-top:1px solid #950202;
    border-bottom:1px solid #950202;
    font-size:12px;
    background: #F0F0F0;
}

/* PAGE_TITLE
------------------------------------------------ */
.page_title {
    margin-bottom:15px;
    background-image:url('/templates/fancy/images/bg_search5.png');
    font-size:14px;
    font-weight: bold;
    padding:4px 10px 4px 10px;
    color:#950202;
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
}

/* CATEGORIES
------------------------------------------------ */
#all_categories{
    background: #F9F9F9;
    border:1px solid #CCCCCC;
    color:red;
}

.category_in_block{
    font-size:14px;
    font-weight:bold;
    border-bottom:1px dotted #950202;
    text-align:right;
    padding:2px 5px 2px 5px;
    background: #EBEBEB;
    background-image:url('/templates/fancy/images/bg_search.png');
}

.subcategory_in_block{
    font-size:12px;
    padding:2px 5px 2px 5px;
}

.subsubcategory_in_block{
    font-size:10px;
    padding-left:10px;
    background: white;
}

/* MAIN_TEXT
------------------------------------------------ */
#main_text{
    margin:10px;
/*    background: #CC0FF0;        /* BITNO! */
}

#search {
    background-image:url('/templates/fancy/images/bg_search4.png');
    border: 1px dotted #950202;
    padding:5px;
}
.search_message {
/*  background:blue;*/
    text-align:right;
    font-size:10px;
}

#search form.option {
    color: red;
}
/* LEVA KOLONA - 200px
------------------------------------------------ */
/*
#left {
    padding:10px 0px 10px 10px;
    position:relative;
    width:0px;
    float:left;
    margin-left:-200px;
}

#categories {
    float:left;
    width:180px;
    background: #CCFFFF;
}

/* DESNA KOLONA - 360px
------------------------------------------------ */
#right {
    padding:10px 0px 10px 10px;
    position:relative;
    width:360px;
    float:right;
    margin-right:-370px;
}

#add {
    width:350px;
/*    background: #D0D0D0;*/
    text-align:center;
/*    border: 1px solid #F0F0F0;*/
    margin-bottom:10px;
/*    padding: 5px 0px 5px 0px;*/
}

#regions {
    float:left;
    width:180px;
/*    background: #D0D0D0;*/
}

.google_adds {
    margin-left:190px;
    width:160px;
    margin-bottom:10px;
}

/* FOOTER
------------------------------------------------ */
#footer {
    width:100%;
    clear:both;
    height:50px;
    background-image:url('/templates/fancy/images/footer.png');
    text-align:center;
}

#footer_leaf {
    float:left;
    width:50px;
    height:50px;
}

#footer_text_up {
    margin-left:55px;
    margin-right:620px;
    text-align:left;
    height:25px;
    line-height:35px;
    font-size:9px;

}

#footer_text_down {
    margin-left:55px;
    margin-right:620px;
    text-align:left;
    height:25px;
    line-height:15px;
    font-size:9px;
    color:#006600;
}

#footer_menu {
    float:right;
    width:695px;
    height:50px;
    line-height:50px;
    text-align:right;
    padding-right:20px;
}







/* OSTATAK
----------------*/
.socialBookMarks{}
/*Post Operations*/
.operations{
    border:1px dotted #CCCCCC;
    background-image:url('/templates/fancy/images/bg_search.png');
    clear:both;
    position:relative;
    padding-top:5px;
    margin-top:15px;
    font-size:11px;
    height:25px;
/*    line-height:25px;*/
}
.operations p {
    padding:0;
    margin:0;
}
.operations p a{
    position:absolute;
    top:0px;
    right:0px;
    padding:10px;
}
.operations ul{
    text-align:center;
    list-style:none;
    margin:0px 0px 5px 5px;
    padding:0px;
}
.operations ul li{
    text-align:center;
    display:inline;
    padding:0px 5px 5px 0px;
}
.operations ul li.reply{background:url(../images/post/reply.png) no-repeat 0 0;}
.operations ul li.save{background:url(../images/post/save.png) no-repeat 0 0;}
.operations ul li.print{background:url(../images/post/print.png) no-repeat 0 0;}
.operations ul li.sendtofriend{background:url(../images/post/gift.png) no-repeat 0 0;}
.operations ul li.delete{background:url(../images/post/delete.png) no-repeat 0 0;}
.operations ul li.edit{background:url(../images/post/edit.png) no-repeat 0 0;}
.operations ul li a{padding:0 0 0 28px; margin:0 3px 0 0px; font-size:11px;}
.operations ul li a:hover{background-color: transparent; text-decoration: underline;}



/*Share on*/
.sharesb{
    clear:both;
    position:relative;
    border:1px dotted #CCCCCC;
    padding:5px;
    margin: 20px 0px 5px 0px;
    font-size:10px;
    background-image:url('/templates/fancy/images/bg_search.png');
}
.sharesb p {
    padding:0;
    margin:0;
}
.sharesb p a{
    position:absolute;
    top:0px;
    right:0px;
    padding:10px;
}
.sharesb ul{
    text-align:center;
    list-style:none;
    margin:5px 0 0px 5px;
    padding:0;
}
.sharesb ul li{
    text-align:center;
    display:inline;
    padding:0 5px 5px 0 ;
}

.sharesb ul li.email{background:url(../images/share/email.png) no-repeat 0 0;}
.sharesb ul li.facebook{background:url(../images/share/facebook.gif) no-repeat 0 0;}
.sharesb ul li.twitter{background:url(../images/share/twitter.gif) no-repeat 0 0;}
.sharesb ul li.digg{background:url(../images/share/digg.gif) no-repeat 0 0;}
.sharesb ul li.delicious{background:url(../images/share/delicious.gif) no-repeat 0 0;}
.sharesb ul li.reddit{padding:0 0 0 2px; background:url(../images/share/reddit.gif) no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url(../images/share/stumbleupon.gif) no-repeat 0 0;}

.sharesb ul li a{padding:0 0 0 18px; margin:0 3px 0 0px; font-size:9px;}
.sharesb ul li a:hover{background-color: transparent; text-decoration: underline;}


/* ***************************************************************************
**********************************************************
******************************************************************
************************************************************************/


/* OSTATAK
----------------*/

.outerwrap  {   float: left; width: 100%;}
.clearer    {   overflow:hidden; clear:both;}





a:link {color: #0066FF; text-decoration: none}
a:visited {color: #0066FF; text-decoration: none}
a:active {background-color: rgb(200, 200, 200); text-decoration: none}
a:hover {color: #990000; text-decoration: underline}

.clear {clear: both}




div { margin: 0px; }
h1, h6 { background-color: #996699; color: #000000; padding: 0.25em; margin: 0px; }
h2 { border-bottom: solid 1px #ff0000; margin-top: 0px;}
p { margin: 0px; }
/* here come's the heavy lifting */
.column-wrap { position: relative; background-color: #66cc99; }
.column-1 { min-width:400px; margin-left: 200px; margin-right: 300px; background-color: #ffcc00; }
.column-2 { position: absolute; left: 0px; top: 0px; width: 200px; background-color: #ff9900; }
/* IE6 needs shifting because column 1 is longest*/
* html .column-2 { /*\*/ lef\t: -200px; /* */}
.column-3 { position: absolute; right: 0px; top: 0px; width: 300px; background-color: #ff6600; }











/* Banneri */
#banner {
    background: #FFFFEA;
    border: 1px solid #FFCC66;
    padding: 5px;
    font-size: 11px;
}

span.banner_title_block {
    background: #FFFFEA;
    border: 1px solid #FFCC66;
    font-size: 11px;
}

#banner_text {
    background: #FFFFEA;
    border: 3px solid #700000;
    color: #AE0000;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

#banner_event_no_link {
    background: #700000;
    border: 1px dotted red;
    color: white;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

#banner_event_link {
    background: #FCFCFC;
    border: 1px dotted red;
    color: #AE0000;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

#banner_image_link {
    background: #FCFCFC;
    border: 1px dotted red;
    color: #AE0000;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

#poll_box {
    background: #FFFFEA;
    border: 1px solid yellow;
    padding: 5px;
    font-size: 9px;
/*    margin:5px 10px 5px 10px;*/
    background-image:url('/templates/fancy/images/bg_pool_1.png');
}

#poll_header {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    padding: 0px 5px;
    color: #B30000;
}
#poll_box form {
    font-size:10px;
    text-align:left;
}




/* Meni za logovanje */
div.header_table {
  padding-left:25px;
  padding-right: 25px;
  /*border-spacing: 100px;*/
  font: 12px Verdana, Arial, Helvetica, "Times New Roman", Times;
}






/* Box u kome se nalaze oglasi */
.adds_box {margin:4px; padding: 1px;}
span.adds_box_regions_image_category{font-size: 80%;}
.adds_box a:link {color: #0066FF; text-decoration: none}
.adds_box a:visited {color: #990000; text-decoration: none}
.adds_box a:active {background-color: rgb(200, 200, 200); text-decoration: none}
.adds_box a:hover {color: #990000; text-decoration: underline}

/* Poruka upozorenja */
.d07, .d06, .d05, .d04, .d03, .d02, .d01 {overflow: hidden}
.db {border-left:1px solid #E3E3E3; border-right:1px solid #CCCCCC; background: #F0F0FF}  /*F0F0F0*/
.d07 {height: 1px; margin: 0 0px}
.d06 {height: 1px; margin: 0 1px}
.d05 {height: 1px; margin: 0 1px}
.d04 {height: 1px; margin: 0 2px}
.d03 {height: 1px; margin: 0 3px; border-width: 2px}
.d02 {height: 1px; margin: 0 5px; border-width: 2px; background: #FFFFFF}
.d01 {height: 1px; margin: 0 7px; background: #E3E3E3}

div.flash_message_outside {margin: 10px 45px 10px 45px}

.db_flash_message_info {border-left:1px solid #E3E3E3; border-right:1px solid #CCCCCC; background: green;}
div.flash_message_inside_info {text-align: center; background-color: green; font-weight: bolder; color: #FFFFFF;}

.db_flash_message_warning {border-left:1px solid #E3E3E3; border-right:1px solid #CCCCCC; background: yellow;}
div.flash_message_inside_warning {text-align: center; background-color: yellow; font-weight: bolder; color: black;}

.db_flash_message_error {border-left:1px solid #E3E3E3; border-right:1px solid #CCCCCC; background: red;}
div.flash_message_inside_error {text-align: center; background-color: red; font-weight: bolder; color: #FFFFFF;}


div.splash_category_frame {background: #F0FFF0; padding: 5px; margin-bottom: 4px;}
div.splash_category {font-weight: bolder; margin-bottom:4px}
div.splash_subcategory {padding-left:10px; font-size: 80%;  margin-top: 2px; margin-bottom:2px}
div.splash_subsubcategory {padding-left:25px; font-weight: normal; font-size: 60%; padding-bottom:0px; margin-bottom:0px;}

div.splash_region_frame {background: #F0F0FF; padding: 5px; margin-bottom: 4px;}
div.splash_region {font-weight: bolder; margin-bottom:4px}
div.splash_subregion {padding-left:25px; font-weight: normal; font-size: 80%; padding-bottom:0px; margin-bottom:0px;}







#topContainer_my_settings {min-height: 300px; background: #fff; min-width: 200px;}
* html #topContainer_my_settings {height: 300px;} /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

#topContainer_send_to_friend {min-height: 300px; background: #fff; min-width: 1100px;}
* html #topContainer_send_to_friend {height: 300px;} /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

#topContainer_bookmark_edit {min-height: 300px; background: #fff; min-width: 1100px;}
* html #topContainer_bookmark_edit {height: 300px;} /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

#b2_leftColumn_my_settings {margin-top: 2em; float: left; width: 200px;}
* html #b2_leftColumn_my_settings {height: 250px;}
#b2_rightColumn_my_settings {float: left; width:400px;}
* html #b2_rightColumn_my_settings {height: 250px;}

#b1_mainContainer {margin-bottom: 15px; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px;}




/* Datum u centralnoj tabeli */
div.date_block {text-align:center; background-color:#F0F0FF; margin-bottom:5px; border:1px dotted #CCCCCC}

/* Slicica oznacena crvenom bojom */
.haspicture_block {color: #ff0000}




/* Pitanja kod logovanja i registracije */
.user_account_questions {border-top: 1px dotted #800000}

/* FORM */
form {font-size: 13px}
input[type=text]{background-color: #f5f5f5; border: 1px dotted #FF9900; font-size: 14px; color: black; font-weight: normal}
textarea {width: 350px; height: 150px; border: 1px dotted #FF9900; background-color: #f5f5f5; font: 14px Verdana, Arial, Helvetica, "Times New Roman", Times; color: black; font-weight: normal}
/*input[type=submit]{border: 1px dotted; border-color: red; height: 24px; width: 90px; background-color:#800000; color:#FFFFFF; font-size: 13px; font-weight:bolder}*/
input[type=password]{background-color: #f5f5f5; border: 1px dotted #FF9900; font-size: 14px; color: black; font-weight: normal}





/* POJEDINACAN OBJAVLJEN OGLAS
----------------------------------------- */
/* 1. Naslov pojedinacnog oglasa */
div.single_add_title {font-weight: bold; font-size: 20px; margin-top:20px;}
/* 2. Cena i datum ispod naslova oglasa */
div.single_add_header {margin-left:20px; margin-bottom:20px}
/* 3. Sam tekst pojedinacnog oglasa */
div.single_add_body {margin-bottom:20px}
/* 4. Deo sa slikom */
div.single_add_images {text-align:center}
/* 5. Svojstvo slika na pojedinacnom oglasu */
.single_image {margin:5px}
/* 6. recommendation ispod tela oglasa */
.recommendation {margin-top:20px; padding:10px; font-size:80%; background: #F9F9F9; border:1px dotted #CCCCCC;     background-image:url('/templates/fancy/images/bg_search3.png');}


/* Box pri objavljivanju novog oglasa - za korake 6/6 */
div.new_post {
	border:#CCCCFF 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	margin:5px 50px 5px 50px;
}

/* form error messages */
span.error-message {color: red}

/* promena podataka iz registracije */
#my_account .email_change {width:380px; border:1px dotted red; padding: 10px}
#my_account .password_change {width:380px; border:1px dotted red; padding: 10px}

/*staticke stranice*/
.static{padding-bottom:20px; }

table.editpost {border-spacing: 10px;}
tbody.editpost td.info   {border: 1px solid #CCCCCC; vertical-align: top; background-color: #FFCC99; text-align:left; padding-top:20px; padding-right: 20px;}
tbody.editpost td.images {border: 1px solid #CCCCCC; vertical-align: top; background-color: #FFFF99; text-align:left; padding-top:20px; padding-left: 20px;}