﻿body 
{
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:11px;
    margin:0 0 0 0;
    background-color:#f5f5f7;
    background-image:url('images/bg.gif');
    color:#666666;    
    min-width:994px;
}
a
{
    text-decoration:none;
    color:#69AA3B; 
}
a:visited
{
    color:#69AA3B; 
}
.green_color
{
    color:#69AA3B;
}
.red
{
    color:#ff0000;
}
.u
{
    text-decoration:underline;
}
h2#greenBar
{
    background-image:url('images/title_bg.jpg');
    background-position:center bottom;
    background-repeat:no-repeat;
    width:456px;
    height:35px;
    margin:0 0 0 0;
    padding:15px 15px 0px 15px;
    font-size:14px;
    color:#fff;
    font-weight:normal;
}
h3.PanelHeader, h2.PageHeader
{
    margin:0 0;
    padding:0 0;    
    margin-bottom:10px;
    font-weight:normal;
    color:#339900;
    width:443px;
}
h2.PageHeader
{
    font-size:14px;
    margin-bottom:15px;
    margin-top:10px;
}
h3.PanelHeader
{
    font-size:12px;
}
h3.halfWidth, h2.halfWidth
{
    float:left; 
    width:300px;
}
h4.lightblue, h3.lightblue, .lightblue, h2.lightblue
{
    color:#0099cc;       
}
.panelTopLink
{
    float:right; 
    width:90px; 
    text-align:center; 
    text-decoration:underline;
}
.PanelContent
{   
    clear:left;
    width:454px;
    padding-top:15px;
    background-image:url('images/header_bottom.gif');
    background-position:center top;
    background-repeat:no-repeat;
}
p
{
    padding-top:1px;
    margin-top:0px;   
}   
.clear
{
    clear:both;
    width:100%;
    height:1px;
    font-size:0px;
    line-height:0px;
    overflow:hidden;
}
h1
{    
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:0px;
    line-height:0px;
    text-indent:-200em;
    overflow:hidden;
}
.marginB
{
    margin-bottom:4px;
}
.marginBplus
{
    margin-bottom:10px;
}
.LoginPanel .Validation
{
    display:block;
    padding-left:70px;
    padding-top:4px;
    padding-bottom:6px;
    width:155px;
    float:left;
    clear:both;
    border-bottom:solid 1px #e5e5e5;
    border-top:solid 1px #e5e5e5;
    margin-top:4px;
    margin-bottom:10px;
}
.wrapper
{
    width:100%;
    margin:0 auto;
    background-image:url('images/area_bg.gif');
    background-repeat:repeat-y;
    background-position:center top;
    min-width:994px;
}
.contentMaster
{
    width:994px;
    margin:0 auto;
}
#Main
{
    float:left;
    background-color:#fff;
    padding-left:9px;
    width:495px;
}
#full-Main
{
    float:left;
    background-color:#fff;
    padding-left:9px;
    width:737px;
}
/*/////////////// Master Top Area //////////////////*/

#header
{

    width:100%;
    min-width:994px;
/*    height:142px; */
    background-color:#e6e6e6;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('images/header_bg.gif');
}
#header-inside
{
    background-image:url('images/header_area_bg.jpg');
    background-repeat:no-repeat;
    background-position:center;
    height:142px;
    width:994px;
    margin:0 auto;
}
/*/ Language / Portal area /*/
#header-inside .suncokret
{
    float:right;
	width:725px;
    height:52px;
    margin-left:30px;
    margin-top:9px;
	margin-right:15px;

}
#header-inside .logo
{   
   /* background-image:url('/images/logo/logo.gif');
    background-repeat:no-repeat;*/
    width:202px;
    height:45px;
    margin-left:20px;
    margin-top:30px;
    float:left;
}
/*.lang_text
{
    float:left;
    color:#666666;
    margin-left:20px;
    margin-top:45px;
}*/
#header-inside .top_trojka
{
    float:right;
    color:#666666;
    margin-right:40px;
    margin-top:5px;
}/*
.flags
{
    float:right;
    margin-top:28px;
    margin-right:45px;
}
.flags a
{
    border:solid 1px #cccccc;
    margin-left:5px;
}
/////// navigacija area //////*/
.navigacija_area
{
    margin-top:30px;
    margin-left:25px;
    width:954px;
    clear:left;
    float:left;
}
.navigacija
{
    float:left;
}
.navigacija a
{
    color:#666666;
	font-weight:bold;
}
.navigacija a:hover
{
    color:#009933;
}


/*/////////////// Navigation (left column) ///////////////////////*/


#Navigation
{
    background-image:url('images/column_bg.gif');
    background-repeat:no-repeat;
    background-position:right top;
    background-color:Transparent;
    float:left;
    width:225px;    
    padding-left:20px;
}
.nav_header 
{
    font-size:14px;
    width:225px;
    font-weight:bold;
    color:#339900;
    margin:10px 0 10px 0;
    padding:0 0;
    background-color:Transparent;
}
.blue, a.blue:visited
{
    color:#253790;
}
.orange
{
	color:Orange;
}

.nav_separator
{
    float:left;
    margin-top:22px;
    margin-bottom:20px;
    height:2px;
    background-color:#fff;
    width:245px;
    font-size:0px;
    line-height:0px;
    clear:both;
}
#Navigation .nav_separator
{
    margin-left:-20px;
}
/*/ other links /*/
#Navigation dl, #Navigation dl dd
{
    padding:0 0;
    margin:0 0;
    width:225px;
}
#Navigation dl dd a
{
    color:#339900;
    display:block;
    border-bottom:solid 1px #eaeaea;
    background-image:url('images/arrow_green.gif');
    background-repeat:no-repeat;
    background-position:right center;
    width:225px;
    padding-bottom:5px;
    margin-bottom:3px;
}
#Navigation dl dd.print a
{
    background-image:url('images/i_print.gif');
}
/*/ subnav /*/
ul.subNav, ul.subNav li, ul.subNav li a.subNav, #Navigation ul.subNav li.subNav_bottom
{
    padding:0 0;  
    margin:0 0; 
}
ul.subNav
{
           
    float:left;
    clear:left; 
    list-style-type:none;
    background-image:url('images/subNav_bg.gif');
    background-repeat:repeat-y;
    background-position:left top;            
    width:212px;
    margin-left:1px;
}
ul.subNav li
{
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
}
ul li a.subNav
{
    display:block;
    color:#253790;
    width:194px;
    background-image:url('images/arrow_blue.gif');
    background-repeat:no-repeat;
    background-position:right center;
}

#Navigation ul.subNav li.subNav_bottom
{
    background-image:url('images/subNav_bot.gif');
    background-repeat:repeat-y;
    background-position:center top;
    height:20px;
}
/*/////////////// Navigation (right column) ///////////////////////*/


#RightNavigation
{
    background-image:url('/images/column_bg.gif');
    background-repeat:no-repeat;
    background-position:left top;
    float:right;
    clear:right;
    width:215px;
    padding-left:10px;
    padding-right:20px;
}
#RightNavigation a.forgotLink
{
    color:#253790;
    float:right;
    margin-top:10px;
    text-decoration:underline;
}
#RightNavigation h4.halfWidth
{
    float:left;
    width:30%;
}

ul.benefitList
{
    margin:0 0;
    padding:0 0;
}
ul.benefitList li
{
    margin:0 15px;
}
#RightNavigation .nav_separator
{
    margin-left:-10px;
}

.logoCampaign
{
	width:245px;
    float:right;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding-bottom:20px;
}
/*/////////////// Footer styles /////////////////////*/
#footer
{
    background-image:url('images/footer_bg.gif');
    width:494px;
    height:115px;
    margin:0 auto;
    color:#666666;     
    padding:100px 255px 0px 255px;
    text-align:center;
    background-position:right;
}
#footer img.rec
{
    float:left;
}
#footer img#iip
{
    float:right;
}
#footer p#rec_text
{
    float:left;
    width:370px;
}
#footer p#copyright
{
    margin-top:10px;
}
#footer a
{
    color:#666666;
}
#footer .foot_logo
{
    width:76px;
    float:left;
}
.powerdbydubes
{
width:26px;
}

/*/////////////// Panel styles /////////////////////*/
.panel
{
    margin-top:10px;
}

.panel_TL, .panel_TR, .panel_BL, .panel_BR
{
    float:left;
    width:11px;
    height:11px;
    background-repeat:no-repeat;
    font-size:0px;
    line-height:0px;
}
.panel_T, .panel_B
{
    font-size:0px;
    line-height:0px;
    float:left;
    height:11px;
    background-repeat:repeat-x;    
}
.panel_TR
{
    clear:right;
    float:left;
}
.panel_BL
{
    clear:left;   
}

.panel_inner
{
    background-repeat:repeat-y;
    clear:both;
    float:left;
    padding-left:16px;
    padding-right:16px;
}




/*////////////////////  siroki panel ///////////////////////////*/
.siroki
{
    width:701px;
}
.siroki .panel_inner
{
    width:669px;
    background-color:#fff;
    background-image:url('images/panel_w_l_siroki.gif');
}
.siroki .panel_T, .siroki .panel_B
{
    width:679px;
}
.siroki .panel_T
{
    background-image:url('images/panel_w_t.gif');
}
.siroki .panel_B
{
    background-image:url('images/panel_w_b.gif');
}
.siroki .panel_TL
{
    background-image:url('images/panel_w_tl.gif');
}
.siroki .panel_TR
{
    background-image:url('images/panel_w_tr.gif');
}
.siroki .panel_BL
{
    background-image:url('images/panel_w_bl.gif');
}
.siroki .panel_BR
{
    background-image:url('images/panel_w_br.gif');
}

/*/// standard panel  ////////////////////*/
.standard
{
    width:486px;
}
.standard .panel_inner
{
    width:454px;
    background-color:#fff;
    background-image:url('images/panel_w_l.gif');
}
.standard .panel_T, .standard .panel_B
{
    width:464px;
}
.standard .panel_T
{
    background-image:url('images/panel_w_t.gif');
}
.standard .panel_B
{
    background-image:url('images/panel_w_b.gif');
}
.standard .panel_TL
{
    background-image:url('images/panel_w_tl.gif');
}
.standard .panel_TR
{
    background-image:url('images/panel_w_tr.gif');
}
.standard .panel_BL
{
    background-image:url('images/panel_w_bl.gif');
}
.standard .panel_BR
{
    background-image:url('images/panel_w_br.gif');
}
/*/// Navigation - small panel ////////////////////*/
.small_panel
{
    width:216px;
}
.small_panel .panel_inner
{
    width:184px;
    background-color:#fff;
    background-image:url('images/panel_w_l_small.gif');
}
.small_panel .panel_B,
.small_panel .panel_T
{
    width:194px;
}
.small_panel .PanelContent
{
    width:184px;
    background-image:url('images/header_bottom_small.gif');
}
.small_panel h3.PanelHeader
{
	width:184px;
}
/*///  search results - grey top panel ///////////////////////////*/
.greyTop
{
    width:486px;
}
.greyTop .panel_inner1
{
    text-align:right;
    width:476px;
    height:30px;
    background-color:#f7f7f7;
    border-bottom:solid 1px #dcdcdc;
    background-image:url('images/panel_g_l_wide.gif');
    padding-right:10px;    
}
.greyTop .panel_T
{
    width:464px;
}
.greyTop .panel_T
{
    background-image:url('images/panel_g_t.gif');
}
.greyTop .panel_TL
{
    background-image:url('images/panel_g_tl.gif');
}
.greyTop .panel_TR
{
    background-image:url('images/panel_g_tr.gif');
}
/*///  CRC section - inner panel ///////////////////////////*/
.inner
{
    width:456px;
}
.inner .panel_inner
{
    width:424px;
    background-color:#f7f7f7;
    background-image:url('/images/panel_g_l.gif');
}
.inner .panel_T
{
    width:434px;
    background-image:url('/images/panel_g_t.gif');
}
.inner .panel_B
{
    clear:both;
    width:456px;
    height:45px;
    background-image:url('/images/panel_g_b.gif');
}
.inner .panel_BL, .inner .panel_BR
{
    width:0px;
    height:0px;
}
.inner .panel_TL
{
    background-image:url('/images/panel_g_tl.gif');
}
.inner .panel_TR
{
    background-image:url('/images/panel_g_tr.gif');
}  



/*////////////// list ///////////////////////*/
ul.threeColumnList
{
    width:464px;
    margin:0 0;
    padding:0 0;    
    list-style-type:none;
}
.threeColumnList li
{ 
    width:29%;
    float:left;
    display:block;
    margin:0 0;
    padding:0 0;
}
ul.greenArrowBulletList li
{
    background-image:url('/images/i_green_bullet_for_body.gif');
    background-repeat:no-repeat;
    background-position:left top;
    padding:0px 0px 5px 8px;
    margin-top:5px;
    border-bottom:solid 1px #e5edf3;    
    margin-right:10px;    
}
/*/ Details page /*/
.details
{
    width:323px;
    margin-top:20px;
}
.details h2.PageHeader
{
    width:323px;
}
.details_right
{
    margin-right:-10px;
    padding-top:20px;
    padding-left:10px;
    float:right; 
    width:122px; 
    background-color:#fdfdfd;
    background-image:url('/images/details_fade.gif'); 
    background-repeat:no-repeat; 
    background-position:left top;
}
.details_right a
{
    display:block;
    margin-bottom:4px;
}
.details_right_bot
{
    color:#fff;
    background-image:url('/images/details_fade_bot.gif'); 
    height:23px; 
    width:122px;
}
.apply_button
{
    color:#fff;
    padding-top:5px;
    padding-left:15px;
    background-image:url('/images/apply_button_flat.gif');
    height:20px; 
    width:98px;
}
.grey_button
{
    padding-top:5px;
    padding-left:15px;
    background-image:url('/images/grey_button_bg.gif');
    height:20px; 
    width:98px;
}
.large_button
{
    padding-top:10px;
    padding-left:15px;
    background-image:url('/images/button_large.gif');
    height:35px;
    width:98px;
}
/*/ standard styles /*/
.button
{
    width:225px;
	
}
.button, .left, .right
{
    height:25px;
    float:left;
}
.button a:visited
{
	color:#fff;
}
.button a, .button .innerbutton_area
{
    color:#fff;
    background-image:url('images/button_BG_green.gif');
    background-repeat:repeat-x;
    background-position:left top;
    display:block;
    float:left;
    width:200px;
    padding-top:5px;
    height:20px;
    cursor:pointer;
    padding-left:5px;
}
.button a:hover, .button input.button_inner:hover
{
    color:#cccccc;
    /*color:#0099cc;*/
}
.button .arrow
{
    border:none;
    padding-top:4px;
    float:right;
}
.button .left
{
    width:10px;    
    background-image:url('images/button_L_green.gif');
}
.button .right
{
    width:10px;    
    background-image:url('images/button_R_green.gif');
}
/*///////// button (for OnClick) ///////*/
.button input.button_inner
{
    color:#fff;
    cursor:pointer;
    border-width:0px;
    border-style:none;
    margin:0;
    padding:0;
    background-color:Transparent;
    background-image:url('/images/arrow.gif');
    background-position:right center;
    background-repeat:no-repeat;
    text-align:left;
    width:100%;
}
/*//////// button 'Types' :  ///////*/
.long
{
    width:454px;
}
.long a, .long .innerbutton_area
{
    width:429px;
}
/*///////*/
.small
{
    width:111px;
    float:right;
}
.small a, .small .innerbutton_area
{
    width:81px;
}
/*///////*/
.nav
{
    width:215px;
    margin-top:1px;
    clear:left;
}
.nav a
{
    width:195px; 
    padding-left:0px;   
}
/*///////*/
.nav_on
{
    width:215px;
    margin-top:1px;
    clear:left;
}
.nav_on a
{
    width:195px; 
    padding-left:0px;   
}
.nav_on .left
{
    background-image:url('images/button_L_navon.gif');
}
.nav_on .right
{
    background-image:url('images/button_R_navon.gif');
}
/*///////*/
.floatright
{
    float:right;
	padding-right:10px;
}

/*//////// button 'Colours' :  ///////*/
.lightblue a, .lightblue .innerbutton_area
{
    background-image:url('images/button_BG_lightblue.gif');
}
.lightblue .left
{
    background-image:url('images/button_L_lightblue.gif');
}
.lightblue .right
{
    background-image:url('images/button_R_lightblue.gif');
}
.tamnoplavo a, .tamnoplavo .innerbutton_area
{
    background-image:url('images/button_BG.gif');
}
.tamnoplavo .left
{
    background-image:url('images/button_L.gif');
}
.tamnoplavo .right
{
    background-image:url('images/button_R.gif');
}

.green a, .green .innerbutton_area
{
    background-image:url('images/button_BG_green.gif');
}
.green .left
{
    background-image:url('images/button_L_green.gif');
}
.green .right
{
    background-image:url('images/button_R_green.gif');
}
.grey a, .grey .innerbutton_area, .grey a:visited, .grey .innerbutton_area input
{
    background-image:url('images/button_BG_grey.gif');
    color:#000099;
}
.grey .innerbutton_area input.remove
{
    background-image:url('images/delete_cross.gif');
}
.grey .left
{
    background-image:url('images/button_L_grey.gif');
}
.grey .right
{
    background-image:url('images/button_R_grey.gif');
}
.orange a, .orange .innerbutton_area
{
    background-image:url('images/button_BG_orange.gif');
}
.orange .left
{
    background-image:url('images/button_L_orange.gif');
}
.orange .right
{
    background-image:url('images/button_R_orange.gif');
}
.red a, .red .innerbutton_area
{
    background-image:url('images/button_BG_red.gif');
}
.red .left
{
    background-image:url('images/button_L_red.gif');
}
.red .right
{
    background-image:url('images/button_R_red.gif');
}
.nav_header 
{
    width:215px;
}
.beli{
	color : #FFFFFF;
	font-size : 11px;
    font-family:Tahoma, Arial, Sans-Serif;
	font-weight : bold;
}
.sivi{
	color:#666666;
	font-size : 11px;
    font-family:Tahoma, Arial, Sans-Serif;
	font-weight : bold;
}
#mala_navigacija {
    font-family:Tahoma, Arial, Sans-Serif;
	font-size : 11px;
	font-weight : bold;
	color : #666666;
	padding-right : 5px;
	padding-top : 2px;
}
.zeleni{
	color:#339900;
}
.zeleni_bold{
	color:#339900;
	font-weight:bold;
}
.inputT_jace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F0F0F0;
	border: 1px solid #737373;
}
.maskirano_polje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;
}
tr.svetlije{
	background-color: #F0F0F0;
	}
.mispreko {
	background-color: #FFFFFF;
	}
.inputT_jace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F0F0F0;
	border: 1px solid #737373;
}


/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:180px; height:50px; z-index:1; }
#holder2 { position:relative; width:190px; height:50px; z-index:1; }


div#wn1 { 
  position:absolute; 
  width:180px; height:50; z-index:1;
  clip:rect(0, 180px, 50px, 0); overflow:hidden;
  }
div#cnt1 { position:absolute; z-index:1 }
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/2002/img-table/ */
div#cnt1 td img { display:block }

div#wn2 { 
  position:absolute; 
  width:190px; height:50px; z-index:1;
  clip:rect(0, 190px, 50px, 0); overflow:hidden;
  }
div#cnt2 { position:absolute; z-index:1; }
/*
div.item {
  width:160px; 
  height:280px; 
  font-size:11px;
  color:#000000;
 
  }


 dimenzije scroll box-a*/
div#bg_scrl { position:relative; width:596px; height:70px;
		  background-color:#ffffff; 
  }
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn { position:absolute; left:2px; top:2px;
  width:590px; height:70px; z-index:1;
  clip:rect(0, 590, 70px, 0); overflow:hidden;
  }

div#cnt { position:absolute; z-index:1; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width:590px; height:70px; color:#333333; }

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size:12px; margin:0 0 .5em 0 }  
div#cnt p { font-size:11px; margin:.5em 0 0 0 }
div#cnt ul { margin:.5em 0 0 0; padding:0; font-size:11px; }
div#cnt ul li { margin: .3em 0 0 1em; list-style-type:none }