﻿
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section { border: 0;
	margin: 0px;
	padding: 0px;
	font-family: century gothic, Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}
	
#body{
	background-color:#fff;}
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

	a { color: #af2429;
		text-decoration: none; 
		font-weight: bold;}
		
	a:hover { text-decoration: underline; }
	#container2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.container { margin: 0 auto;
    clear: both;
	float: left;
    margin-left: auto;
    margin-right: auto; 
    min-width: 997px;
	height: 100%;
	width: 100%;
	padding: 0px;
	background-image: url(header.png);
	background-repeat:repeat-x;
	border: 0px;
}
input, select, textarea{font-family: 'century gothic', Trebuchet, sans-serif;	color:#001c30;}
A:link,A:visited,A:active,A:hover {text-decoration: none;
	font-family: 'century gothic', Verdana, Trebuchet, sans-serif;
	color:#001c30;}

.Relago_app_header 
{
	float:left;
	margin: 0px;
	padding: 0px;
	*padding: 0px;
	height: 100px;
	width:100%;
	position:relative;
	clear: both;
	z-index: 150;
	background-color:#001C30;
    }
    
    
.Relago_store_header{
	float:left;
	margin: 0px;
	padding: 0px;
	*padding: 0px;
	height: 80px;
	width:960px;
	position:relative;
	clear: both;
	z-index: 150;
	background-color:#001C30;
    }


.Relago_logo {
    background-image: url(sprite.png);
	background-position: 0px 0px;
	height: 67px;
	width: 134px;
	float: left;
	margin: 0px;
	cursor:pointer;
}
.Relago_app_logo {
    background-image: url(sprite.png);
	background-position: 0px 0px;
	position:relative;
	height: 67px;
	width: 134px;
	float: left;
	padding: 0px;
	margin:8px 0px;
	cursor:pointer;
}
.signinregistercart {
	float: right;
	position: relative;
	text-transform: lowercase;
	padding: 0px;
	margin: 10px 0px 4px 0px;
	font-size:12px;
	clear:right;
	height:24px;
}
.signinregistercart_right {
	background-color:#F7941D;
	position: relative;
	text-transform: lowercase;
	padding: 2px;
	margin: 34px 5px 4px 0px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:12px;
	clear:right;
	height:24px;
	position:relative;
}

.signinregistercart > div {
    float: right;
    font-size: 12px;
    line-height: 24px;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

.signinregistercart > div {
	float: left;
	display: inline;
	margin: 0px 7px;
	}
.signinregistercart > div a{
	color: #FFF;
	}

.signinregistercart_app {
  clear: right;
    float: right;
    font-size: 12px;
    height: 24px;
    margin: 34px 10% 4px 0;
    padding: 2px;
    position: relative;
    text-transform: lowercase;
}


.Relago_nav{ clear: right;
    float: right;
    font-size: 12px;
    height: 24px;
    margin: 0px 4% 0px 0;
    padding: 0px;
    position: relative;}
    
.Nav-item{width:80px; height:80px; margin:10px 10px; float:left; position:relative; cursor:pointer;}
.Nav-item_user{min-width:140px; height:80px; background-color:#f9941e; margin:10px 10px; float:left; position:relative;}
.Nav_title {position: absolute; top:60px; left:0px; width:80px; color:#fff; font-size:12px; text-align:center;}
.Nav_title_user { margin: 60px 13px 0px 13px; min-width:175px; color:#fff; font-size:12px; text-align:right;}
.Nav_title_user_company {margin: 0px; width: 110px; position: absolute; color:#fff; font-size:12px; text-align:right; top:7px; right:83px; height:53px;}
.NTUCC{width:110px; height:53px; position:relative;}
.NTUCText{ position: absolute; bottom:0; right:0px;}

.signinregistercart_app  ul {
    float: right;
    font-size: 12px;
    line-height: 24px;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

.signinregistercart_app  li {
	float: left;
	display: inline;
	margin: 0px 10px;
	}
.signinregistercart_app  li a{
	color: #FFF;
	}
#RelagoSignIn{float:left; margin:0px 10px; padding:0px; background-color:#418AD1;}
#RelagoSignIn:hover{background-color:transparent;}
#RelagoCart:hover{background-color:transparent;}
#RelagoCart{float:left; margin:0px; padding:0px 15px; background-color:#F7941D; width: 110px;}

#LogOnPartial{color: #FFF;}
#logindisplay{color: white; font-weight:bold;}
#logindisplay div{padding:0px 10px;float: left; font-weight: normal; padding: 0px 0px 0px 15px}
#logindisplay a:link{color: white; text-decoration: none; padding:0px 15px;}
#logindisplay a:visited{ color: white; text-decoration: none;}
#logindisplay a:hover{ color: white; text-decoration: underline;}

.ShoppingCart{
	width: 20px;
	background-repeat:no-repeat;
    background-image: url(sprite.png);
	background-position: -125px -159px ;
	float:right;
	padding: 0px;
	height: 20px;
	cursor:pointer;    
	margin-left: 5px;
	}
.MyRelagoHomeIcon{
	width: 20px;
	background-repeat:no-repeat;
    background-image: url(sprite.png);
	background-position: -100px -183px ;
	float:right;
	padding: 0px;
	cursor:pointer; 
	height: 20px;}
		
.AppMenuHelpIcon{
	width: 17px;
	background-repeat:no-repeat;
    background-image: url(sprite.png);
	background-position: -112px -241px ;
	float:right;
	padding: 0px;
	cursor:pointer; 
	height: 20px;}	
	
.MyRelagoTitleApp{
	float:left; font-weight:bold; cursor:pointer;}
.MyRelagoTitleApp:hover{color:#fff;}
.MyRelagoTitle{
	float:left;}
	
/*

/* target IE7 and below with a (*) in fornt of property */
.ShoppingCart {*display:inline; *zoom: 1;*float: none;}
/* --------END Header----------  */
#app_title {
	background:#efefef;
	padding: 2px 0px 0px 0px;
	height: 35px;
	font-size:20px;
	color:#001c30;
	font-weight: bold;
/*	border-bottom: 2px solid #001c30;*/margin-bottom: 5px;
	background-repeat: no-repeat;
	position:relative;
	float:left;
	clear:both;
	width:100%;
}

.app_title_virmani,.app_title_putni,.app_title_racuni,.app_title_clanovi{
 background-image: url("clanovi_logo_s.jpg");
 background-repeat:no-repeat;
 background-position: 170px 2px;
 padding: 5px 0px 0px 220px;
 height: 30px;
 float:left;
 color:#418AD1;
 }
 
.app_title_virmani{ background-image: url("virmani_logo_s.jpg");}
.app_title_putni{ background-image: url("putni_logo_s.jpg");}
.app_title_racuni{ background-image: url("racuni_logo_s.jpg");}
.app_title_clanovi{ background-image: url("clanovi_logo_s.jpg");}
 
.RelagoAppHeaderIdentContainer{position:absolute; top:10px; left:180px; width:530px;height:90px;}
.RAHI_Racuni{background-image: url(RelagoAppHeaderBckgInvoices.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_Clanstvo{background-image: url(RelagoAppHeaderBckgMembers.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_PutniNalozi{background-image: url(RelagoAppHeaderBckgPutni.png); background-position: 0px 0px; width:530px;height:70px;}
 
 
/*************************************************************  */
/*----------------------- APP_QUICK_ADD & HELP ---------------------------  */
/**************************************************  */
 
.RelagoHelpInvokeIcon{
    background-color: #4AD141;
	height: 35px;
	width: 35px;
	float:right;
	margin-right:10%;
	cursor:pointer;    margin-top: -1px;}
.RelagoHelpInvokeIcon:hover {background-position: -285px -291px;}
.RelagoAddNewIcon{background-color: #777777;
    color: #FFFFFF;
    cursor: default;
    float: right;
    font-size: 16px;
    font-weight: normal;
    height: 26px;
    padding: 6px 13px 1px;}
.RelagoAddNewIcon:hover {background-color: #F9941E;}
 
.app_quick_add #cssmenu{height:37px; display:block; padding:0; margin-right:5%;} 
.app_quick_add #cssmenu > ul {list-style:inside none; padding:0; margin:0;float:right} 
.app_quick_add #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative} 
.app_quick_add #cssmenu > ul > li > a
{ 
    outline:none;
    display:block;
    position:relative;
    text-align:center;
    text-decoration:none;
    z-index: 101;} 
.app_quick_add #cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
.app_quick_add #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
.app_quick_add #cssmenu > ul > li.has-sub > a:before{position:absolute; top:18px; right:6px;} 
.app_quick_add #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 

.app_quick_add #cssmenu ul li.has-sub:hover > ul, .app_quick_add #cssmenu ul li.has-sub:hover > div{display:block;} 

.app_quick_add #cssmenu ul li > ul, .app_quick_add #cssmenu ul li > div{display:none; width:auto; position:absolute; top:32px; right:-2px; padding:3px 0; 
	background-color:#777777;
	z-index:1001;
    border: 2px solid #fff } 
.app_quick_add #cssmenu ul li > ul{width:140px;} 
.app_quick_add #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; text-align:right;} 
.app_quick_add #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font-size:12px; text-decoration:none; font-weight:normal; color:#ffffff; } 
.app_quick_add #cssmenu ul li > ul li a:hover{background-color:#F9941E;cursor:pointer;}
.app_quick_add #cssmenu > ul > li > a:after{border-color:#6696bd;} 

	
/*************************************************************  */
/*----------------------- APP ---------------------------  */
/**************************************************  */

#app_content-container{float:left; width: 100%;}
#app_content{position: relative; float:left; width: 100%;}

/*************************************************************  */
/*----------------- APP MENU ---------------------------  */
/**************************************************  */

#app_menu {
	padding-bottom: 15px;
	float: left;
	width: 220px;
	position: relative;
	left: 0px;
	top: 0px;
	text-decoration: none;
}
.app_menu_top{
    background-image: url(sprite.png);
    background-position: 179px -370px;
	height: 17px;
	width: 200px;
	float: left;
	clear:right;
	background-repeat: no-repeat;
	margin: 0px;
	position: relative;
	bottom: 0px;
	padding: 0px;
	}
.app_menu_bottom{
    background-image: url(sprite.png);
    background-position: 179px -387px;
	height: 17px;
	width: 200px;
	float: left;
	clear:right;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
	}
.app_menu_tab {
	float: left;
	width: 180px;
	font-size: 14px;
	color:#001c30;
	font-weight: bold;
	left: 7px;
	top: 7px;
    background-image: url(sprite.png);
    background-position: 195px -66px;
	background-repeat: repeat-y;
	padding: 10px 10px 0px 10px;
	text-decoration: none;
}
.app_subMenu_tab {
	float: left;
	font-size:12px;
	width: 170px;
	text-align: left;
    background-image: url(sprite.png);
    background-position: 216px -66px;
	background-repeat: repeat-y;
	padding: 4px 25px 4px 20px;
	text-decoration: none;
	margin: 0px;
	color:#555555;
    -webkit-transition: background-position 0.5s ease-out;
    -moz-transition: background-position 0.5s ease-out;
    -o-transition: background-position 0.5s ease-out;
}
.app_subMenu_tab:hover 
{
    background-position: 190px -67px;
    cursor: pointer;
    color:#000000;
}
.app_subMenu_tab_selected {
    background-image: url(sprite.png);
    background-position: 195px -66px;
	float: left;
	width: 175px;
	background-repeat: no-repeat;
	padding: 3px 25px 3px 20px;
	position: relative;
	min-height: 19px;
	z-index: 100;
	cursor: pointer; 
	font-size: 14px;   
	color:#000;
}

.app_subMenu_tab_disabled {
	float: left;
	font-size:12px;
	width: 170px;
	text-align: left;
	padding: 3px 25px 3px 20px;
	text-decoration: none;
	margin: 0p;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
  cursor:default;
}

/*
.app_subMenu_tab_selected_pointer{
	height: 30px;
	width: 20px;
	clear: right;
	float: left;
	background-position: -200px;
	margin-bottom: 0px;
	left: 0px;
	top: 0px;
} */


.app_menu_separator{
	float: left;
	width: 200px;
	position: relative;
	height: 15px;
}

/* --------END App_menu----------  */

/*************************************************************  */
/*---------------- APP MAIN ---------------------------  */
/**************************************************  */


#app_main {
	font-size: 12px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 220px;
	min-width: 700px;
	min-height: 400px;
}

.AppWarningNotificationContainer{position:absolute; top:0px; left:0px; height:1px; width:100%; /*background-color: Fuchsia;*/ z-index:1;}
.SaveOrClose_putni{
    position: absolute;
    top: 36px;
    right: 2%;
    z-index: 110;
    background-color: #FFFFFF;
    height: 30px;
    padding: 6px 2px 0 3px;
    }
.SaveOrClose_postavka{
    position: absolute;
    background-color: #FFFFFF;
    top: 5px;
    right: 2%;
    z-index: 110;
    height: 28px;
    padding: 10px 2px 0 3px;
    }
.SaveOrClose_templates{
    position: absolute;
    background-color: #FFFFFF;
    top: 5px;
    right: 2%;
    z-index: 110;
    height: 32px;
    padding: 6px 2px 0 3px;
    }
.SaveOrClose_locco{
    width: 100%;
    float: left;
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
.grid_top_button_container_ispis{
    width: 100%;
    float: left;
    position: absolute;
    top: 3px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
.grid_top_button_container_regular{
    width: 100%;
    float: left;
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
 .WATOrNot{
    float: right;
    padding: 11px 15px 0px 0px;
    font-weight: bold;
    z-index: 98; }
    
/*************************************************************  */
/*---------------- Homepage and dashboard ---------------------------  */
/**************************************************  */
 
 .ContentHolder{position: relative; float:left;}
 .ContentHolder-Left,.ContentHolder-Right{float: left;
    position: relative;
    margin:0px;}
    
.ContentHolder-Left{min-width:450px; width:58%; padding: 5px 5px 10px 0px;}
.ContentHolder-Right{width:40%; padding: 5px 0px 10px 5px;}
 
.CHL-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; min-width:395px;}
.CHR-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; width:300px}
.CHL-Content {float:left; padding: 5px 0px;}
.CHR-Content{float:left; padding: 5px 0px;}
.CH-ContentMiddle{float:left;width:100%; text-align:center;}
.CH-Title{font-size:14px; margin:2px 0px 5px 5px; padding:0px 0px 1px 0px; border-bottom: 1px solid #efefef; font-weight:bold;}

.CHRC-TotalWrap{width:290px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 5px 0px; float:left; background-color:#418AD1}

.CHRCTWUp,.CHRCTWMid,.CHRCTWDown1,.CHRCTWDown2 {float:left; clear:both; padding: 5px; width:280px;text-align:center}
.CHRCTWUp{font-size:14px;}
.CHRCTWMid{font-size:32px; padding: 5px 0px;}
.CHRCTWD1Left,.CHRCTWD1Right,.CHRCTWD2Left,.CHRCTWD2Right{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHRCTWD2Left,.CHRCTWD2Right{font-size:16px}
.CHRCTWD1Single,.CHRCTWD2Single {width:280px; float:left; font-size:14px; vertical-align:bottom;}

.CHL-SectionLimitNotifOff{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#F2F2F2;}
.CHL-SectionLimitNotifOn{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#FBEFEF;}

/*************************************************************  */
/*--------------- RELAGO Dashboard statistic ---------  */
/**************************************************  */
.Relago_Dash_Stats_Header_3col{float:left; clear:both; width:300px; margin:8px 0px 3px; font-weight:bold;}
.RDSH1-3_col{float: left; width:100px; margin: 0px 5px;}
.RDSH2-3_col{float: left; width:40px; margin: 0px 5px; text-align:right;}
.RDSH3-3_col{float: left; width:130px; margin: 0px 5px; clear:right; text-align:right;}



.Relago_Dash_Stats_DataContainer_3col{float: left; width:100px;}
.RDSDC1-3_col{float:left; clear:none; width:110px; margin:3px 5px;}
.RDSDC2-3_col{float:left; clear:none; width:50px; margin:3px 5px; text-align:right;}
.RDSDC3-3_col{float:left; clear:right; width:130px; margin:3px 5px; text-align:right;}



/* 2 kolone */
.Relago_Dash_Stats_DataContainer_2col{float: left; width:220px;}
.RDSH1-2_col{float: left; width:210px; margin: 0px 5px;}
.RDSH2-2_col{float: left; width:60px; margin: 0px 5px; text-align:right;}
.RDSDC1-2_col{float:left; clear:none; width:210px; margin:3px 5px;}
.RDSDC2-2_col{float:left; clear:none; width:60px; margin:3px 5px; text-align:right;}

.CHLC-TotalWrap,.CHLC-TotalWrap2{width:430px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 20px 0px;
  margin: 15px 0px; display: inline-block; background-color:#418AD1;}
 .CHLC-TotalWrap2{background-color:#F9941E;}
.CHLCTWUp1,.CHLCTWDown1,.CHLCTWDown2{float:left; clear:both; padding: 5px; width:430px;text-align:center}
.CHLCTWD1Left,.CHLCTWD1Right,.CHLCTWD2Middle{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHLCTWD2Year,.CHLCTWD2Total,.CHLCTWD2Debt{float:left;width:140px; font-size:16px; vertical-align:bottom; line-height: 30px;}

.CHLCTWD1-2Right,.CHLCTWD1-2Left,.CHLCTWD1-2Left,.CHLCTWD1-2RIght{float:left;width:200px; font-size:14px; vertical-align:bottom; line-height: 30px;}
.CHRAppContact{width:100%; padding:20px; background-color:#bd469d;color:#ffffff; font-size:14px; text-align:center;cursor:pointer;}

/*************************************************************  */
/*---------------- TOOLTIP ---------------------------  */
/**************************************************  */
    
 #tooltip_hover
{margin:50px auto;
width:500px;
z-index: 102;}

.hotspot 
{cursor:pointer;
color:#006}

#tt 
{position:absolute;
display:block;
background:url(tt_left.png) top left no-repeat;
z-index: 102;}

#tttop 
{display:block;
height:5px;
margin-left:5px;
background:url(tt_top.png) top right no-repeat;
overflow:hidden}

#ttcont
 {display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#003153;
color:#FFF}

#ttbot 
{display:block;
height:5px;
margin-left:5px;
background:url(tt_bottom.png) top right no-repeat;
overflow:hidden}


/*************************************************************  */
/*--------------------- GRID ---------------------------  */
/**************************************************  */

.Gridcontainer
{
 position: relative;
 width: 100%;
 padding: 0px;
 margin: 0px;
    }
    
.GridTableRowTitleExtras            /* za detaljno planiranje puta */
{  text-align: right;
   position:relative;
   padding-right: 5%;
   padding-top: 3px;
   float: right;
   font-size: 18px;
   font-weight:normal;   
      }

.GridTitleRow
{
    clear: both;
    float: left;
    display:block;
    position: relative;
	height: 30px;
	padding: 0px;
	width: 100%;
}
.GridTitleRow2
{
    clear: right;
    float: left;
    display:block;
    position: relative;
	height: 30px;
	border-bottom: 2px solid #001c30;
	padding: 2px 0px;
	width: 100%;
}

.GridTitleText
{
    padding: 6px 0 0 19%;
	height: 25px;
	position: relative;
	color: #001c30;
	font-size: 20px;
    }

.Gridrow
{
    clear: both;
    float: left;
    min-height: 30px;
    position:relative;
    padding-left:2%;
}
.Gridrow_ContactUs{clear: both;
    float: left;
    min-height: 30px;
    position:relative;
    padding-left:2%;
    width:495px;}
.Gridrow2
{
    clear: right;
    float: left;
    min-height: 30px;
    position:relative;
    width: 100%;
}
.Gridrow_popup{float:left; min-height:30px;position:relative; width:500px;}
.Gridcellone, .GridcelloneEmphasis
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 325px;
}
.GridcelloneEmphasis label
{
	font-weight:bold;
 color:#F7941D;}
 
.GridcelloneDocument
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 130px;
}
 
.GridcelloneReport
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 155px;
}
.Emphasis
{font-weight:bold;
 color:#ff8400;
}
.Gridcelldot
{
    float: left;
    background-image: url(sprite.png);
    background-position: -64px -723px;
	height: 30px;
	width: 5px;
	background-repeat: no-repeat;
	bottom: 10px;
	top: 10px;
}
.Gridcelldot_error
{
    float: left;
	background-image: url(dot_03_2.gif);
	height: 30px;
	width: 5px;
	background-repeat: no-repeat;
}
.Gridcellthree
{
    float: left;
	padding-left: 5px;
	padding-top: 4px;
}
.Gridcellthree_text
{
    float: left;
	padding: 6px;
	text-align: left;
	font-size:12px;
}
.GridcellthreeDocument
{
    float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 180px;
}
.GridcellthreeDocument_Checkbox
{   float: left;
	padding-top: 5px;
	padding-left: 2px;
	width: 15px;
    }
    
.GridcellthreeDocument_GetDistance
{   float: left;
    padding: 7px 5px 3px 8px;
	width: 195px;
	color: red;
	text-align:left;
	font-weight: bold;
    }
 
.GridcellthreeDocument_Reports
{
    float: left;
    padding: 20px 10px 20px 5px;
	height:64px;
	position:relative;
	top: -50px;
	width: 64px;
}
.GridcellthreeDocument_Reports:hover
{
    cursor:pointer;
    border:0px !important;
    }
    
 .Grid_Item_Edit
 {font-weight:bolder;
  color:#43A1D4;
  text-decoration: underline;
     }
 .Grid_Item_Edit:hover
 {
  cursor:pointer;
  color:#389F3C;
     }
/*************************************************************  */
/*----------- RELAGO BUTTONS ---------------------------  */
/**************************************************  */

/* DODAJ */

.Relago_add_button
{
    margin-left: 1px;
    background-image: url(sprite.png);
    background-position: -84px -532px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border:0;
    float:left;
    }
    
.Relago_add_button:hover
{
    padding-left: 1px;
    background-image: url(sprite.png);
    background-position: -64px -532px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_add_button:active
{
    padding-left: 1px;
    background-image: url(sprite.png);
    background-position: -64px -532px;
    cursor:pointer;
    height: 19px;
    width: 20px;
    position:relative;
    top:1px;
    margin-bottom:1px;
    }
    
.Relago_add_button_disabled
{
    margin-left: 1px;
    background-image: url(sprite.png);
    background-position: -84px -532px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border:0;
    float:left;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
    
/* SPREMI GRID */

.Relago_save_button_grid
{
    background-image: url(sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
    }
     
.Relago_save_button_grid:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_save_button_grid:active{
    background-image: url(sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-top: -2px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_save_button_grid:focus{outline-width:0px;}
    
    
/* SPREMI POSTAVKA */

.Relago_save_button_postavka
{
    background-image: url(sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -6px;
    border:0;
    }
     
.Relago_save_button_postavka:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_save_button_postavka:active
{
    background-image: url(sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    height: 29px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }
    
.Relago_save_button_postavka:focus{outline-width:0px;}


/* SPREMI GRID DISABLED */

.Relago_save_button_grid_disabled
{
    background-image: url(sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 0;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
     
.Relago_save_button_grid_disabled:focus:hover,.Relago_save_button_grid_disabled:hover,.Relago_save_button_grid_disabled:focus {cursor:default;outline-width:0px;}
.Relago_save_button_grid_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  


 /* CANCEL GRID */ 
 
 .Relago_cancel_button_grid
{
    background-image: url(sprite.png);
    background-position: 0px -723px;
    height: 30px;
    width: 30px;
    float: right;
    margin-right: 5%;
    border:0;
    }

.Relago_cancel_button_grid:hover
{
    background-image: url(sprite.png);
    background-position: -30px -723px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_cancel_button_grid:active
{
    background-image: url(sprite.png);
    background-position: -30px -723px;
    cursor:pointer;
    height: 29px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }

/* SPREMI POPUP */ 

.Relago_save_button_popup
{
    background-image: url(sprite.png);
    background-position: 0px -675px;
    height: 23px;
    width: 78px;
    float:right;
    display:inline-block;
    margin: 5px;
    border:0;
    }
    
.Relago_save_button_popup:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }

.Relago_save_button_popup:active
{
    background-image: url(sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    height: 22px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }
    
    
/* SPREMI GRID DISABLED */

.Relago_save_button_popup_disabled
{
    background-image: url(sprite.png);
    background-position: 0px -675px;
    height: 23px;
    width: 78px;
    float:right;
    display:inline-block;
    margin: 5px;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
     
.Relago_save_button_popup_disabled:focus:hover,.Relago_save_button_popup_disabled:hover,.Relago_save_button_popup_disabled:focus {cursor:default;outline-width:0px;}
.Relago_save_button_popup_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
    
 /* CANCEL POPUP */ 
 
 .Relago_cancel_button_popup
{
    background-image: url(sprite.png);
    background-position: -79px -675px;
    height: 23px;
    width: 23px;
    float:right;  
    margin: 5px;  
    border:0;  
    }

.Relago_cancel_button_popup:hover
{
    background-image: url(sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_cancel_button_popup:active{
    background-image: url(sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    top: 1px;
    }
    
 /* YES POPUP */ 
 
.Relago_yes_button_popup
{
    background-image: url(sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    float:right;  
    margin: 5px;
    padding: 0px; 
    }
    
    
 .Relago_yes_button_popup:hover
{
    background-image: url(sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_yes_button_popup:active{
    background-image: url(sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    top: 1px;
    }
    
    
 /* DODAJ */ 

    
.Relago_dodaj_button
{
    background-image: url(sprite.png);
    background-position: 0px -615px;
    position: relative;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    margin: 5px 10px 5px 100px;
    display: inline-block;
    border:0;
    z-index:10;
    }
    

.Relago_dodaj_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
    
.Relago_dodaj_button:active{
    background-image: url(sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    width: 85px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }
    
.Relago_dodaj_button_disabled
{
    background-image: url(sprite.png);
    background-position: 0px -615px;
    position: relative;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    margin: 5px 10px 5px 100px;
    display: inline-block;
    border:0;
    z-index:10;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }    
    
     /* DOHVATI */ 

    
.Relago_dohvati_button
{
    background-image: url(sprite.png);
    background-position: 0px -768px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: 0px;
    display: inline-block;
    border:0;
    }
    

.Relago_dohvati_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -791px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }

.Relago_dohvati_button:active{
    background-image: url(sprite.png);
    background-position: 0px -791px;
    cursor:pointer;
    height: 22px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }

     /* GOOGLE MAPS */ 

.Relago_GoogleMaps_button
{
    background-image: url(sprite.png);
    background-position: 0px -814px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: -3px 0px 0px 0px;
    display: inline-block;
    border:0;
    }
    

.Relago_GoogleMaps_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -837px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
    
.Relago_GoogleMaps_button:active{
    background-image: url(sprite.png);
    background-position: 0px -837px;
    cursor:pointer;
    height: 22px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }
     /* GOOGLE MAPS DISABLED */ 

.Relago_GoogleMaps_button_disabled
{
    background-image: url(sprite.png);
    background-position: 0px -814px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: -3px 0px 0px 0px;
    display: inline-block;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
    
.Relago_GoogleMaps_button_disabled:focus:hover,.Relago_GoogleMaps_button_disabled:hover,.Relago_GoogleMaps_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_GoogleMaps_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

     /* POTVRDI */
	 
.Relago_potvrdi_button
{
    background-image: url(sprite.png);
    background-position: 0px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_potvrdi_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }     
.Relago_potvrdi_button:active
{    
    background-image: url(sprite.png);
    background-position: 0px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
.Relago_potvrdi_button_disabled{
    background-image: url(sprite.png);
    background-position: 0px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
    
.Relago_potvrdi_button_disabled:focus:hover,.Relago_potvrdi_button_disabled:hover,.Relago_potvrdi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_potvrdi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  
    
    
     /* PRIJAVA */
	 
.Relago_prijava_button
{
    background-image: url(sprite.png);
    background-position: 0px -863px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_prijava_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -893px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	   
.Relago_prijava_button:active
{    
    background-image: url(sprite.png);
    background-position: 0px -893px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
.Relago_prijava_button:focus{outline-width:0px;}

     /* NATRAG */
	 
.Relago_natrag_button
{
    background-image: url(sprite.png);
    background-position: 0px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_natrag_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_natrag_button:active
{    
    background-image: url(sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	


/* NATRAG GRID */

.Relago_natrag_button_grid
{
    background-image: url(sprite.png);
    background-position: 0px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
    }
     
.Relago_natrag_button_grid:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_natrag_button_grid:active{
    background-image: url(sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-top: -2px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_natrag_button_grid:focus{outline-width:0px;}
    


     /* DALJE */
	 
.Relago_dalje_button
{
    background-image: url(sprite.png);
    background-position: 0px -1103px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_dalje_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_dalje_button:active
{    
    background-image: url(sprite.png);
    background-position: 0px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     /* IZMJENA */
	 
.Relago_izmjena_button
{
    background-image: url(sprite.png);
    background-position: 0px -1043px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_izmjena_button:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -1073px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_izmjena_button:active
{    
    background-image: url(sprite.png);
    background-position: 0px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	

.Relago_izmjena_button:focus{outline-width:0px;}


     /* ODABERI */
	 
.Relago_odaberi_button
{
    background-image: url(sprite.png);
    background-position: -103px -1103px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_odaberi_button:hover
{    
    background-image: url(sprite.png);
    background-position: -103px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_odaberi_button:active
{    
    background-image: url(sprite.png);
    background-position: -103px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* ISPIS */
	 
.Relago_ispis_button
{
    background-image: url(sprite.png);
    background-position: -104px -1043px;
    height: 30px;
    width: 77px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
    }
     
.Relago_ispis_button:hover
{    
    background-image: url(sprite.png);
    background-position: -104px -1073px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_ispis_button:active
{    
    background-image: url(sprite.png);
    background-position: -104px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* UNESI */
	 
.Relago_unesi_button
{
    background-image: url(sprite.png);
    background-position: -181px -1043px;
    height: 30px;
    width: 87px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
    }
     
.Relago_unesi_button:hover
{    
    background-image: url(sprite.png);
    background-position: -181px -1073px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_unesi_button:active
{    
    background-image: url(sprite.png);
    background-position: -181px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
    
     /* Preporuci */
	 
.Relago_recommend_button
{
    background-image: url(sprite.png);
    background-position: -265px -1103px;
    height: 30px;
    width: 112px;
    float: right;
    z-index: 100;
    position:relative;
    border:0;
    }
     
.Relago_recommend_button:hover
{    
    background-image: url(sprite.png);
    background-position: -265px -1133px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_recommend_button:active
{    
    background-image: url(sprite.png);
    background-position: -265px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	

.Relago_recommend_button_disabled{
    background-image: url(sprite.png);
    background-position: -265px -1103px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
    }
    
.Relago_recommend_button_disabled:focus:hover,.Relago_recommend_button_disabled:hover,.Relago_recommend_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_recommend_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Pretraži */
	 
.Relago_search_button
{
    background-image: url(sprite.png);
    background-position: -103px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_search_button:hover
{    
    background-image: url(sprite.png);
    background-position: -103px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_search_button:active
{    
    background-image: url(sprite.png);
    background-position: -103px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     
     /* Prazni checkbox */
	 
.Relago_empty_checkbox_button
{
    background-image: url(sprite.png);
    background-position: -235px -1103px;
    height: 30px;
    width: 30px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_empty_checkbox_button:hover
{    
    background-image: url(sprite.png);
    background-position: -235px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_empty_checkbox_button:active
{    
    background-image: url(sprite.png);
    background-position: -235px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* PUNI checkbox */
	 
.Relago_filled_checkbox_button
{
    background-image: url(sprite.png);
    background-position: -205px -1103px;
    height: 30px;
    width: 30px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_filled_checkbox_button:hover
{    
    background-image: url(sprite.png);
    background-position: -205px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_filled_checkbox_button:active
{    
    background-image: url(sprite.png);
    background-position: -205px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     
     /* Pošalji */
	 
.Relago_send_mail_button
{
    background-image: url(sprite.png);
    background-position: -103px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_send_mail_button:hover
{    
    background-image: url(sprite.png);
    background-position: -103px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_send_mail_button:active
{    
    background-image: url(sprite.png);
    background-position: -103px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Pozovi */
	 
.Relago_invite_button
{
    background-image: url(sprite.png);
    background-position: -103px -740px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    margin-left: 2%;
    border:0;
    }
     
.Relago_invite_button:hover
{    
    background-image: url(sprite.png);
    background-position: -103px -770px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_invite_button:active
{    
    background-image: url(sprite.png);
    background-position: -103px -770px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Plati */
	 
.Relago_plati_button
{
    background-image: url(sprite.png);
    background-position: -205px -923px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
  /* Good browsers */  opacity: 1;-webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease;    -ms-transition: opacity 2s ease; transition: opacity 2s ease;
    }
     
.Relago_plati_button:hover
{    
    background-image: url(sprite.png);
    background-position: -205px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_plati_button:active
{    
    background-image: url(sprite.png);
    background-position: -205px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 
.Relago_plati_button_disabled{
    background-image: url(sprite.png);
    background-position: -205px -923px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
    }
    
.Relago_plati_button_disabled:focus:hover,.Relago_plati_button_disabled:hover,.Relago_plati_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_plati_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

	 
     /* OTKAŽI */
.Relago_otkazi_button
{
    background-image: url(sprite.png);
    background-position: -205px -863px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;
    }
     
.Relago_otkazi_button:hover
{    
    background-image: url(sprite.png);
    background-position: -205px -893px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_otkazi_button:active
{    
    background-image: url(sprite.png);
    background-position: -205px -893px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Nastavi */
.Relago_nastavi_button
{
    background-image: url(sprite.png);
    background-position: -205px -983px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;
    }
     
.Relago_nastavi_button:hover
{    
    background-image: url(sprite.png);
    background-position: -205px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_nastavi_button:active
{    
    background-image: url(sprite.png);
    background-position: -205px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_nastavi_button_disabled{
    background-image: url(sprite.png);
    background-position: -205px -983px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_nastavi_button_disabled:focus:hover,.Relago_nastavi_button_disabled:hover,.Relago_nastavi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_nastavi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Zavrsi placanje */
     
.Relago_zavrsi_placanje_button
{
    background-image: url(sprite.png);
    background-position: -103px -800px;
    height: 30px;
    width: 145px;
    float: right;
    z-index: 100;
    border:0;
    }
     
.Relago_zavrsi_placanje_button:hover
{    
    background-image: url(sprite.png);
    background-position: -103px -830px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_zavrsi_placanje_button:active
{    
    background-image: url(sprite.png);
    background-position: -103px -830px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Placanje po predracunu */
     
.Relago_placanje_po_predracunu_button{
    background-image: url(sprite.png);
    background-position: 0px -3014px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_placanje_po_predracunu_button:hover{    
    background-image: url(sprite.png);
    background-position: 0px -3044px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_placanje_po_predracunu_button:active{    
    background-image: url(sprite.png);
    background-position: 0px -3044px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_placanje_po_predracunu_button_disabled{
    background-image: url(sprite.png);
    background-position: 0px -3014px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
        
.Relago_placanje_po_predracunu_button_disabled:focus:hover,.Relago_placanje_po_predracunu_button_disabled:hover,.Relago_placanje_po_predracunu_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_placanje_po_predracunu_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Online placanje karticom */
     
.Relago_online_placanje_karticom_button{
    background-image: url(sprite.png);
    background-position: 0px -3074px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_online_placanje_karticom_button:hover{    
    background-image: url(sprite.png);
    background-position: 0px -3104px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_online_placanje_karticom_button:active{    
    background-image: url(sprite.png);
    background-position: 0px -3104px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_online_placanje_karticom_button_disabled{
    background-image: url(sprite.png);
    background-position: 0px -3074px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_online_placanje_karticom_button_disabled:focus:hover,.Relago_online_placanje_karticom_button_disabled:hover,.Relago_online_placanje_karticom_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_online_placanje_karticom_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
     /* Odabir nacina placanja */
     
.Relago_odabir_nacina_placanja_button{
    background-image: url(sprite.png);
    background-position: -1px -3134px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_odabir_nacina_placanja_button:hover{    
    background-image: url(sprite.png);
    background-position: -1px -3164px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_odabir_nacina_placanja_button:active{    
    background-image: url(sprite.png);
    background-position:- 1px -3164px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_odabir_nacina_placanja_button_disabled{
    background-image: url(sprite.png);
    background-position: -1px -3134px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_odabir_nacina_placanja_button_disabled:focus:hover,.Relago_odabir_nacina_placanja_button_disabled:hover,.Relago_placanje_po_predracunu_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_odabir_nacina_placanja_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
     /* Pregledaj button */
     
.Relago_pregledaj_button{
    background-image: url(sprite.png);
    background-position: -205px -740px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_pregledaj_button:hover{    
    background-image: url(sprite.png);
    background-position: -205px -770px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_pregledaj_button:active{    
    background-image: url(sprite.png);
    background-position: -205px -770px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_pregledaj_button_disabled{
    background-image: url(sprite.png);
    background-position: -205px -740px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_pregledaj_button_disabled:focus:hover,.Relago_pregledaj_button_disabled:hover,.Relago_pregledaj_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_pregledaj_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Saznaj vise button */
     
.Relago_saznaj_vise_button{
    background-image: url(sprite.png);
    background-position: -145px -2418px;
    height: 30px;
    width: 155px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_saznaj_vise_button:hover{    
    background-image: url(sprite.png);
    background-position: -145px -2448px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_saznaj_vise_button:active{    
    background-image: url(sprite.png);
    background-position: -145px -2448px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_saznaj_vise_button_disabled{
    background-image: url(sprite.png);
    background-position: -145px -2448px;
    height: 30px;
    width: 155px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_saznaj_vise_button_disabled:focus:hover,.Relago_saznaj_vise_button_disabled:hover,.Relago_saznaj_vise_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_saznaj_vise_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Zatrazi button */
     
.Relago_zatrazi_button{
    background-image: url(sprite.png);
    background-position: -249px -800px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_zatrazi_button:hover{    
    background-image: url(sprite.png);
    background-position: -249px -830px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_zatrazi_button:active{    
    background-image: url(sprite.png);
    background-position: -249px -830px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_zatrazi_button_disabled{
    background-image: url(sprite.png);
    background-position: -249px -800px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_zatrazi_button_disabled:focus:hover,.Relago_zatrazi_button_disabled:hover,.Relago_zatrazi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_zatrazi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
/* -------- END Relago buttons ----------  */

/*************************************************************  */
/*------------------- FOOTER STORE ---------------------------  */
/**************************************************  */


#footer {
	height: 200px;
	float:left;
	clear: both;
	padding: 0px;
	width:100%;
	min-width:997px;
	margin:0 auto;
	border: 0px;
position: relative;
 font-size:10px;
}

#footerbckg
{top: 40px;
 left:0px;
height: 155px;
background-color: #001c30;
color: #fff;
border-bottom: 2px solid #0084df;
border-top:  2px solid #0084df;
position: absolute;
width: 100%;
}
#footercontainer{
top:40px;
height: 180px;
position: relative;
width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 960px;
}
#footerrows
{
	float: left;
    width: 690px;
    margin:10px;
}
#footerlogo
{
    background-image: url(sprite.png);
    background-position: 0px -1539px;
    width: 250px;
    height: 158px;
    margin-top: -40px;
    float:left;
}
.footerPoweredByWindowsAzure{background-image: url(PoweredByWindowsAzureLogo.jpg);
    background-position: 0px 0px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    height: 60px;
    position: absolute;
    right: 360px;
    text-align: right;
    top: 93px;
    width: 190px;
    text-align:right;}
.footerexcludedinfo{
    width: 400px;
    right: 3%;
    top: 132px;
    color:#fff;
    position: absolute;
    display: inline-block; font-size:10px;
    text-align:right;}
    
.f1r{float:left;width:150px;margin-right:20px;}
.f1r ul li,.f1r ul li a{color:#efe; width:150px; font-size:10px; margin: 2px 0px; cursor:pointer; font-weight:normal;}
.f1r ul li:hover,.f1r ul li a:hover{color:#F7941D;}
.f1rtitle{color:#efe;float:left;font-size:12px;margin:0px 0px 5px 0px; width:150px; font-weight:bold;}

/*************************************************************  */
/*------------------- FOOTER Apps ---------------------------  */
/**************************************************  */

#footerapp {
	height: 180px;
	float:left;
	clear: both;
	padding: 0px;
	width:100%;
	min-width:997px;
	margin:0 auto;
	border: 0px;
position: relative;
 font-size:10px;
}

#footerappbckg
{top: 40px;
 left:0px;
height: 85px;
background-color: #001c30;
color: #fff;
border-bottom: 2px solid #0084df;
border-top:  2px solid #0084df;
position: absolute;
width: 100%;
}

#footerappcontainer{
top:40px;
height: 130px;
position: relative;
width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 960px;
}

.footerappexcludedinfo{
    width: 400px;
    right: 350px;
    top: 50px;
    color:#fff;
    position: absolute;
    display: inline-block; font-size:10px;
    text-align:left;}
    
/***************************************  */
/*----------- END FOOTER -------------------  */
/**************************************************  */






/*************************************************************  */
/*----------- TELERIK BUTTONS ---------------------------  */
/**************************************************  */

.t-add
{
    background-image: url(sprite.png);
    background-position: 0px -615px;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    display: inline-block;
    }
    

.t-add:hover
{    
    background-image: url(sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    }
    
    
.t-add:active{
    background-image: url(sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    height: 29px;
    width: 85px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
 .t-cancel
{
    background-image: url(sprite.png);
    background-position: -79px -675px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px; 
    }
    
    
 .t-cancel:hover
{
    background-image: url(sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    }

.t-cancel:active{
    background-image: url(sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
.t-update
{
    background-image: url(sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px; 
    }
    
    
 .t-update:hover
{
    background-image: url(sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    }
.t-update:active{
    background-image: url(sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
  
.t-window-content .t-edit-form .t-edit-form-container .t-grid-insert{margin:0px 10px; background-position: 0 -675px !important;}       
.t-window-content .t-edit-form .t-edit-form-container .t-grid-update{margin:0px 10px; background-position: 0 -675px;}
.t-window-content .t-edit-form .t-edit-form-container .t-grid-update .t-update{background-position: 0 -675px; width:78px;}



.t-window-content .t-edit-form .t-edit-form-container .t-grid-update .t-update,.t-insert
{
    background-image: url(sprite.png);
    background-position: 0px -675px;
    height: 23px;
    width: 78px;
    display:inline-block;
    margin: 0px; 
    padding: 0px;  
    float:right;     
    }
  .t-window-content .t-edit-form .t-edit-form-container .t-grid-update .t-update:hover,.t-insert:hover
{
    background-image: url(sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    }
    
.t-insert:active{
    background-image: url(sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    height: 22px;
    width: 78px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
.t-grid-insert,.t-grid-cancel,.t-grid-update
 {
     border: 0;
     border-color:#fff;
     margin: 0px;
     padding: 0px;
     background-color:#fff;
     }

.t-grid-insert, .t-grid-update {position: absolute; right: 30px;}
.t-grid-cancel {float: right;}
.t-grid-add {margin-left: 101px; padding:0px; background-color:transparent; border: 0px;}
.t-item{font-size: 11px;}
.t-input {width: 145px; height: 15px;
	font-family: 'century gothic', Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}copy
.text-box {width: 145px;height: 15px; 
	font-family: 'century gothic', Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}
.textarea{font-family: 'century gothic', Trebuchet, sans-serif; font-size: 12px;}
.t-dropdown{float:left;}
.t-numerictextbox{width:146px;}
.t-ponuda{background-position: -80px -162px;}
.t-predracun{background-position: -80px -180px;}
.t-racun{background-position: -80px -200px;}
.t-tabstrip-items{-moz-border-radius:5;-webkit-border-radius:5;border-radius:5}
/*----------- DELETE GRID ICON -------------------  */
.t-customOfferTemplateDelete,.t-customOfferDetailDelete,.t-customPaymentDelete,.t-customQuoteDetailDelete,.t-customInvoiceDetailDelete,.t-customAccountDelete,.t-customQuoteTemplateDelete,.t-customInvoiceTemplateDelete,.t-customCancelRelagoOrder,.t-customDeleteItemFromShoppingCart,.t-customCancelOrder,.t-customOfferDelete,.t-customQuoteDelete,.t-customInvoiceDelete,.t-customItemDelete,.t-customAccountContactDelete,.t-customTaxDelete,.t-customCustomerLocationDelete,.t-customAccountNoteDelete,.t-customTermAndConditionDelete,.t-customMemberDelete,.t-customDeleteClassMember,.t-customDeleteMemberHousehold,.t-customClassDelete,.t-customDeleteDebt,.t-customPeriodDelete,.t-customCampaignActivityDelete,.t-delete,.t-customCampaignDelete,.t-customPutniNalogOdredisteDelete,.t-customPutniNalogAkontacijaDnevnicaDelete,.t-customPutniNalogTrosakDelete,.t-customClassLeaderDelete{background-position: -16px -336px; cursor:pointer;}
/*----------- EDIT GRID ICON -------------------  */
.t-customOfferTemplateEdit,.t-customQuoteTemplateEdit,.t-customInvoiceTemplateEdit,.t-customOfferEdit,.t-customQuoteEdit,.t-customInvoiceEdit,.t-customMemberTemplateEdit,.t-customClassEdit,.t-customEditDebt,.t-customCampaignDebtEdit,.t-customCampaignMemberEdit,.t-customCampaignActivityEdit{background-position: 0 -336px;}
/*----------- COPY GRID ICON -------------------  */
.t-copydocument{background-position: -64px -240px;}
/*----------- SHOW (OKO) GRID ICON -------------------  */
.t-customShowRelagoMessage,.t-customShowRelagoOrder,.t-customShowQuote,.t-customShowRelagoOrder,.t-customShowQuote,.t-customShowRelagoInvoice,.t-customShowRelago,.t-customShowInvoice,.t-customShowOffer{background-position: -32px -240px;}
/*----------- DOWNLOAD GRID ICON -------------------  */
.t-customDownloadPdfQuote,.t-customDownloadPdfOrder,.t-customDownloadPdfQuote,.t-customDownloadPdfInvoice,.t-customDownloadPdf,.t-customOfferExport,.t-customQuoteExport,.t-customInvoiceExport,.t-customDownloadPdfOffer{background-position: -31px -256px;}
/*----------- SEND BY EMAIL GRID ICON -------------------  */
.t-customSendByEmail,.t-customSendOrderByEmail,.t-customSendQuoteByEmail,.t-customSendInvoiceByEmail,.t-customSendByEmail,.t-customEmailQuote,.t-customEmailInvoice,.t-customOfferSend,.t-customQuoteSend,.t-customInvoiceSend,.t-customEmailOffer{background-position: -31px -273px;}
/*----------- UPGRADE GRID ICON -------------------  */
.t-customUpgradeApp{background-position: -48px -256px;}
/*----------- RENEW GRID ICON -------------------  */
.t-customRenewApp{background-position: -32px -303px;}
/*----------- ADD To Shopping Cart GRID ICON -------------------  */
.t-customAddToShoppingCart{background-position: -64px -304px;}
/*----------- ADD To Deactivate Customer Contact -------------------  */
.t-customDeactivateCustomerContact{background-position: -86px -384px;}
/*----------- ADD To Activate Customer Contact -------------------  */
.t-customActivateCustomerContact{background-position: -85px -368px;}
/*-------------------- START Icon -------------------  */
.t-customCampaignStart{background-position: -127px -244px;}
/*--------------------- STOP Icon -------------------  */
.t-customCampaignStop{background-position: -114px -244px;}
/*--------------------- MembersApplication -------------------  */
.t-customMemberApplication{background-position: -144px -244px;}
/*--------------------- PrintGrid -------------------  */
.t-putniNalogPrint{background-position: -31px -256px; cursor:pointer;}
/*--------------------- Refresh grid -------------------  */
.t-grid-pager .t-status .t-refresh {background-position: -31px -303px; cursor:pointer;}



/****************************************************  */
/*------- NEW TELERIK AND APP CHANGES --------  */
/****************************************  */

.t-tabstrip {border: none; background-color:#fff;}
.t-tabstrip-items .t-link{ background-color:#418AD1; color:#fff; font-weight:normal; font-size:15px; text-transform:lowercase; margin-right:15px;}
.t-tabstrip-items .t-state-active .t-link{color:#ffffff; background-color:#F7941D}
.t-tabstrip-items .t-state-disabled .t-link{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;}
.t-tabstrip-items .t-item,.t-tabstrip .t-content{border:none; background-color:#ffffff}
.t-tabstrip-items .t-item{-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px; margin:0px; padding:0px;}
.t-tabstrip-items .t-state-hover .t-link{color:#ffffff; background-color:#F7941D}
/*.t-dropdown-wrap {background-color:#418AD1;}*/
.t-grid-toolbar{margin:15px 0px;}
.t-dropdown .t-input {color:#001C30}
.t-autocomplete, .t-input[type="text"]{background-color:#fff;}

.t-grid-header .t-header .t-link{color:#ffffff;background-color: #418AD1;}
.t-grid-header .t-header{border: 1px solid #efefef;}
.t-dropdown-wrap{background-color:#ffffff;}
.t-tabstrip .t-tabstrip-items{border-bottom: 1px solid #EFEFEF;}
.t-widget .t-grid-header {background-color: #418AD1;}


.Metrotest,.RGRSection{  background-color: #efefef; float:left; width: 100%; margin-bottom: 15px; padding:15px 0px;}
.t-window .t-window-titlebar,.t-window .t-window-actions {background-color: #418AD1;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8; color:#fff;}
  
.SaveAppCheckbox {margin-left:3px; margin-top:4px;}
.DateOfBirthDiv_Enabled,.FirstAndLastNameDiv_Enabled,.GenderDiv_Enabled,.CompanyNameDiv_Enabled,.QuantityDiv_Enabled,.StartAndEndDateDiv_Enabled{/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */ filter: alpha(opacity=100);
  /* Netscape */ -moz-opacity: 1;
  /* Safari 1.x */ -khtml-opacity: 1;
  /* Good browsers */  opacity: 1; float:left; clear:none; z-index:100;}
.FirstAndLastNameDiv_Disabled,.GenderDiv_Disabled,.DateOfBirthDiv_Disabled,.CompanyNameDiv_Disabled,.QuantityDiv_Disabled,.StartAndEndDateDiv_Disabled{ IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* IE 5-7 */ filter: alpha(opacity=20);
  /* Netscape */ -moz-opacity: 0.2;
  /* Safari 1.x */ -khtml-opacity: 0.2;
  /* Good browsers */  opacity: 0.2; float:left; clear:none;}
.GCTText{padding:7px 0px 0px 6px;}
.RelagoAddNewDisabled{background-color:#dadada}
.RelagoAddNewDisabled span{color:#000000;}
.app_quick_add #cssmenu ul li > ul li a.RelagoAddNewDisabled:hover{background-color:#dadada; cursor:default;}
.WrapCheckboxForOnclick{background-image: url(sprite.png);
    background-position: -125px -2388px;
    height: 25px;
    position: absolute;
    top: 4px;
    width: 25px;}
    
 .RelagoButonDefault{background-color:#418AD1; padding:2px 10px;}
 .ATMMHMD_Enabled{background-color: #333333;
    height: 100%;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 200; IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8; float:left;}
 .ATMMHMD_Disabled{display:none}
 .ATMMHMD_Message{width:400px; margin:132px 185px; color:#000000; font-size:14px; text-align:center; height:120px; padding:30px; background-color:#ffffff;}
 .MemberAndClassMemberDivGroup_invisible{display:none;}
 .MemberAndClassMemberDivGroup_visible{display:inline;}

/***************************************  */
/*----------- END TELERIK -------------------  */
/**************************************************  */


/*************************************************************  */
/*------------------- THUMBNAILS POPUP -------------------  */
/**************************************************  */

.PopupPreview {float:left;}
.PopupPreview a.tooltip{font-weight:normal;}
.PopupPreview a.tooltip:hover {text-decoration:none; font-weight:normal;}
 /* hiding the tooltip*/
 .PopupPreview a.tooltip span {
    display:none; /* if you have accessibility issues, you may choose other hiding tricks*/
    padding:10px;}
    
 /* display on hover*/
.PopupPreview a.tooltip:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #999;
    background:#FFFFFF; 
    color: #000;}


/*************************************************************  */
/*------------------- STATUS RIBBONS -------------------  */
/**************************************************  */

.putni_ribbon_otvoreno,.putni_ribbon_stornirano,.putni_ribbon_zatvoreno,.locco_ribbon_otvoreno,.locco_ribbon_stornirano,.locco_ribbon_stornirano,.status_ribbon_otvoreno,.status_ribbon_placeno,.status_ribbon_stornirano,.status_ribbon_zatvoreno,.status_ribbon_placanje_kasni,.status_ribbon_istekao_rok,.status_ribbon_u_pripremi,.status_ribbon_poslano,.status_ribbon_stvoren_predracun,.status_ribbon_stvoren_racun {
    float: left;
    position: absolute;
    height: 125px;
    width: 124px;
    z-index: 99;
    top: 0px;
    left: -5px;
    background-image: url(Statusi-sprite.png);
    }
    
.putni_ribbon_otvoreno,.locco_ribbon_otvoreno,.status_ribbon_otvoreno{background-position: -124px -250px;}
.status_ribbon_placeno{background-position: 0px -250px;}
.putni_ribbon_stornirano,.locco_ribbon_stornirano,.status_ribbon_stornirano{background-position: -248px -125px;}
.putni_ribbon_zatvoreno,.locco_ribbon_zatvoreno,.status_ribbon_zatvoreno{background-position: -124px -125px;}
.status_ribbon_placanje_kasni{background-position: 0px -125px;}
.status_ribbon_istekao_rok{background-position: -248px 0px;}
.status_ribbon_u_pripremi{background-position: -124px 0px;}
.status_ribbon_poslano{background-position: 0px 0px;}
.status_ribbon_stvoren_predracun{background-position: -248px -250px;}
.status_ribbon_stvoren_racun{background-position: 0px -375px;}





    
/***************************************  */
/*----------- END STATUS RIBBONS ----------  */
/**************************************************  */


/*************************************************************  */
/*--------------------- MISC --------------------------  */
/**************************************************  */
.grid_status_edit_unlocked{height: 0px; width: 0px;}
.grid_status_edit_locked
{position: absolute;
    width: 100%;
    height: 100%;
    background-color: #001c30;
    z-index: 96;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    }
    
.grid_edit_locked{position: absolute;
    width: 97%;
    height: 100%;
    background-color: #ffffff;
    z-index: 96;
    opacity: 0.01;margin-right: -50px;
    filter: alpha(opacity=1); /* For IE8 and earlier */
    }
.grid_edit_unlocked{height: 0px; width: 0px;} 
.non-edit
{position: absolute;
 top:0px;
 left: 0px;
    width: 400px;
    height: 100%;
    background-color: #fff;
    z-index: 98;
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
    }

.Rgood{background-color:#71ff7b}
.Rbad{background-color:#FF7171}
.Gridrow_LogonSummary_visible{float:left;font-size:12px;width: 370px; padding:5px;text-align:center; background-color:#FF7171;}
.Gridrow_LogonSummary_invisible{display:none;}

.Gridrow_LogoUploadError{float:left;font-size:14px;width: 360px; margin-left:8px ;text-align:center; background-color:#FF7171; line-height: 22px;}

.PN_br_dok {float:left; width:65px; height:14px; margin: 0px; padding: 2px; position: relative;font-family: 'century gothic', Trebuchet, sans-serif;font-size: 12px; color:#001c30; margin-right:6px;}
.Relago_disabled_field{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;}
#divActionMessageInviteCustomerContact{color: #FF0000; font-size: 14px;}


/*************************************************************  */
/*------------- IMG Identiteti formi -------------------  */
/**************************************************  */

.img_ident_container{position:absolute; right:2%; top:52px; z-index:5;}
.img_ident_container_app{position:absolute; right:3%; top:80px; z-index:5;}
.img_ident_container_notabstrip{position:absolute; right:2%; top:10px; z-index:5;}
.img_ident_container_notabstrip_under_save{position:absolute; right:2%; top:50px; z-index:5;}
.img_ident_container_popup{position:absolute; right:10px; top:10px; z-index:5;}
.img_ident_container_store,.img_ident_container_popup{position:absolute; right:10px; top:5px; z-index:5;}
.img_ident_container_force_down{position:absolute; right:2%; top:4px; z-index:2;}
.img_ident_container_faq{float:left; z-index:2; margin:10px; width:60px; height:60px;}


.img_ident_app_putni,.img_ident_app_virmani,.img_ident_app_clanstvo,.img_ident_app_racuni,.img_ident_app_hr,.img_ident_app_misc,.img_ident_ponuda,.img_ident_predracun,.img_ident_racun,.img_ident_account,.img_ident_kontakt,.img_ident_vozilo,.img_ident_proizvodiusluga,.img_ident_brojac,.img_ident_stavke,.img_ident_settings,.img_ident_print,.img_ident_odrediste,.img_ident_fileupload,.img_ident_fileupload_success,.img_ident_fileupload_fail,.img_ident_mjesto_izdavanja,.img_ident_putni_trosak,.img_ident_dnevnice,.img_ident_putni_nalog,.img_ident_cijene_goriva,.img_ident_password_change,.img_ident_password_change_success,.img_ident_password_change_file,.img_ident_nacin_placanja,.img_ident_model_obracuna,.img_ident_tecajna_lista,.img_ident_plan_puta,.img_ident_prij_sredstvo,.img_ident_terms,.img_ident_napomene,.img_ident_grupe,.img_ident_novagrupa,.img_ident_dodajugrupu,.img_ident_dugovanja,.img_ident_novimember,.img_ident_periods,.img_ident_memwiz1,.img_ident_memwiz2,.img_ident_memwiz3-ok,.img_ident_memwiz3-bad,.img_ident_reports,.img_ident_reports,.img_ident_registration1,.img_ident_registration2,.img_ident_registration3,.img_ident_registration3-no,.img_ident_warning,.img_ident_thumbsup,.img_ident_check,.img_ident_invite_customer_contact,.img_ident_new_password,.img_ident_contact_info,.img_ident_info,.img_ident_access_control,.img_ident_forgot_password,.img_ident_sent_mail,.img_ident_positive,.img_ident_negative,.img_ident_relago_messages,.img_ident_relago_order,.img_ident_shopping_cart,.img_ident_myrelago_home,.img_ident_login,.img_ident_payment_type_choice,.img_ident_checkout_complete_quote,.img_ident_checkout_complete_payment_gateway_success,.img_ident_checkout_complete_payment_gateway_fail,.img_ident_notification,.img_ident_apps_preview,.img_ident_app_continue,.img_ident_app_upgrade,.img_ident_safe_web_pay,.img_ident_order_confirmatio,.img_ident_coworkers,.img_ident_invite_user_activation,.img_ident_invite_user_success,.img_ident_invite_user_wrong,.img_ident_invite_user_fail,.img_ident_relago,.img_ident_partner,.img_ident_users,.img_ident_privacy,.img_ident_legal,.img_ident_contacts,.img_ident_sitemap,.img_ident_download,.img_ident_mail_templates,.img_ident_tax_rates,.img_ident_mjestoizdavanja,.img_ident_household,.img_ident_campaign_info,.img_ident_campaign_debt,.img_ident_campaign_adduser,.img_ident_memberapplication,.img_ident_djelatnik,.img_ident_svrhaputovanja,.img_ident_evidencija,.img_ident_pripremazaknizenje,.img_ident_inozemni,.img_ident_trial_or_app_expired,.img_ident_access_denied,.img_ident_request_trial,.img_ident_waiting_approval,.img_ident_faq,.img_ident_blog {width:60px; height:60px; background-image: url(sprite.png)}


.img_ident_app_putni{background-position: -108px -508px;}
.img_ident_app_virmani{background-position: -168px -508px;}
.img_ident_app_clanstvo{background-position: -108px -568px;}
.img_ident_app_hr{background-position: -168px -568px;}
.img_ident_app_racuni{background-position: -108px -628px;}
.img_ident_app_misc{background-position: -168px -628px;}

.img_ident_ponuda{background-position: 0px -1698px;}
.img_ident_predracun{background-position: -60px -1698px;}
.img_ident_racun{background-position: -120px -1698px;}
.img_ident_account{background-position: -180px -1698px;}
.img_ident_kontakt{background-position: 0px -1758px;}
.img_ident_vozilo{background-position: -60px -1758px;}
.img_ident_proizvodiusluga{background-position: -120px -1758px;}
.img_ident_brojac{background-position: -180px -1758px;}
.img_ident_stavke{background-position: 0px -1818px;}
.img_ident_settings{background-position: -60px -1818px;}
.img_ident_print{background-position: -120px -1818px;}
.img_ident_odrediste{background-position: -180px -1818px;}
.img_ident_fileupload{background-position: 0px -1878px;}
.img_ident_fileupload_success{background-position: -60px -1878px;}
.img_ident_fileupload_fail{background-position: -120px -1878px;}
.img_ident_mjesto_izdavanja{background-position: -180px -1878px;}
.img_ident_putni_trosak{background-position: 0px -1938px}
.img_ident_dnevnice{background-position: -60px -1938px}
.img_ident_putni_nalog{background-position: -120px -1938px}
.img_ident_cijene_goriva{background-position: -180px -1938px}
.img_ident_password_change{background-position: 0px -1998px}
.img_ident_password_change_success{background-position: -60px -1998px}
.img_ident_password_change_file{background-position: -120px -1998px}
.img_ident_nacin_placanja{background-position: -180px -1998px}
.img_ident_model_obracuna{background-position: 0px -2058px}
.img_ident_tecajna_lista{background-position: -60px -2058px}
.img_ident_plan_puta{background-position: -120px -2058px}
.img_ident_prij_sredstvo{background-position: -180px -2058px}
.img_ident_terms{background-position: 0px -2118px}
.img_ident_napomene{background-position: -60px -2118px}
.img_ident_grupe{background-position: -120px -2118px}
.img_ident_novagrupa{background-position: -180px -2118px}
.img_ident_dodajugrupu{background-position: 0px -2178px}
.img_ident_dugovanja{background-position: -60px -2178px}
.img_ident_novimember{background-position: -120px -2178px}
.img_ident_periods{background-position: -180px -2178px}
.img_ident_memwiz1{background-position: 0px -2238px}
.img_ident_memwiz2{background-position: -60px -2238px}
.img_ident_memwiz3-ok{background-position: -120px -2238px}
.img_ident_memwiz3-bad{background-position: -180px -2238px}
.img_ident_reports{background-position: 0px -2478px}
.img_ident_registration1{background-position: -60px -2478px}
.img_ident_registration2{background-position: -120px -2478px}
.img_ident_registration3{background-position: -180px -2478px}
.img_ident_registration3-no{background-position: -120px -2538px}
.img_ident_warning{background-position: 0px -2538px}
.img_ident_check{background-position: -60px -2538px}
.img_ident_invite_customer_contact{background-position: -180px -2538px}
.img_ident_new_password{background-position: 0px -2598px}
.img_ident_contact_info{background-position: -60px -2598px}
.img_ident_info{background-position: -120px -2598px}
.img_ident_access_control{background-position: -180px -2598px}
.img_ident_forgot_password{background-position: 0px -2658px}
.img_ident_sent_mail{background-position: -60px -2658px}
.img_ident_positive{background-position: -120px -2658px}
.img_ident_negative{background-position: -180px -2658px}
.img_ident_relago_messages{background-position: 0px -2718px}
.img_ident_relago_order{background-position: -60px -2718px}
.img_ident_shopping_cart{background-position: -120px -2718px}
.img_ident_myrelago_home{background-position: -180px -2718px}
.img_ident_login{background-position: 0px -2778px}
.img_ident_payment_type_choice{background-position: -60px -2778px}
.img_ident_checkout_complete_quote{background-position: -120px -2778px}
.img_ident_checkout_complete_payment_gateway_fail{background-position: -180px -2778px}
.img_ident_checkout_complete_payment_gateway_success{background-position: 0px -2838px}
.img_ident_notification{background-position: -60px -2838px}
.img_ident_apps_preview{background-position: -120px -2838px}
.img_ident_app_continue{background-position: -180px -2838px}
.img_ident_app_upgrade{background-position: 0px -2898px}
.img_ident_safe_web_pay{background-position: -60px -2898px}
.img_ident_order_confirmation{background-position: -120px -2898px}
.img_ident_coworkers{background-position: -240px -1698px}
.img_ident_invite_user_activation{background-position: -240px -1758px}
.img_ident_invite_user_success{background-position: -240px -1818px}
.img_ident_invite_user_wrong{background-position: -240px -1878px}
.img_ident_invite_user_fail{background-position: -240px -1938px}
.img_ident_thumbsup{background-position: -240px -2538px}
.img_ident_relago{background-position: -240px -2598px}
.img_ident_partner{background-position: -240px -2238px}
.img_ident_users{background-position: -240px -2658px}
.img_ident_privacy{background-position: -240px -2718px}
.img_ident_legal{background-position: -240px -2778px}
.img_ident_sitemap{background-position: -240px -2898px}
.img_ident_contacts{background-position: -240px -2838px}
.img_ident_download{background-position: -180px -2898px}
.img_ident_mail_templates{background-position: -240px -2958px}
.img_ident_tax_rates{background-position: -240px -3018px}
.img_ident_mjestoizdavanja{background-position: -248px -2298px}
.img_ident_household{background-position: -248px -2358px}
.img_ident_campaign_info{background-position: -300px -1698px}
.img_ident_campaign_debt{background-position: -300px -1758px}
.img_ident_campaign_adduser{background-position: -300px -1818px}
.img_ident_memberapplication{background-position: -300px -1878px}
.img_ident_djelatnik{background-position: -300px -1938px}
.img_ident_svrhaputovanja{background-position: -300px -1998px}
.img_ident_faq{background-position: -300px -1998px}
.img_ident_evidencija{background-position: -300px -2058px}
.img_ident_pripremazaknizenje{background-position: -300px -2118px}
.img_ident_inozemni{background-position: -300px -2178px}
.img_ident_trial_or_app_expired{background-position: -300px -2478px}
.img_ident_access_denied{background-position: -300px -2538px}
.img_ident_request_trial{background-position: -300px -2598px}
.img_ident_waiting_approval{background-position: -300px -2658px}
.img_ident_blog{background-position: -300px -2718px}


/*************************************************************  */
/*------------- IMG Identiteti HOME/Dashboard -------------------  */
/**************************************************  */

.img_ident_med_apps,.img_ident_med_spread,.img_ident_med_links,.img_ident_med_trophy,.img_ident_med_promo,.img_ident_med_messages,.img_ident_med_contactus{width:40px; height:40px; background-image: url(sprite.png)}

.img_ident_med_apps{background-position: -228px -508px}
.img_ident_med_spread{background-position: -268px -508px}
.img_ident_med_links{background-position: -228px -548px}
.img_ident_med_trophy{background-position: -268px -548px}
.img_ident_med_promo{background-position: -228px -588px}
.img_ident_med_messages{background-position: -268px -588px}
.img_ident_med_contactus{background-position: -228px -628px}


/*************************************************************  */
/*------------- IMG Identiteti NAVigation -------------------  */
/**************************************************  */

.img_ident_app_nav_myrelago,.img_ident_app_nav_help,.img_ident_app_nav_shoppingcart{width:80px; height:80px; background-image: url(sprite.png)}

.img_ident_app_nav_user{width:80px; height:55px; background-image: url(sprite.png)}

.img_ident_app_nav_myrelago{background-position: 0px -1163px}
.img_ident_app_nav_help{background-position: 0px -1243px}
.img_ident_app_nav_shoppingcart{background-position: 0px -1323px}
.img_ident_app_nav_user{background-position: 0px -1403px}

/*************************************************************  */
/*------------- Invoices Template Thumbs -------------------  */
/**************************************************  */

.TemplateGridrow
{
    clear: both;
    float: left;
    width:500px;
    padding:0px 0px 0px 20px;
    margin:0px;
    min-height: 30px;
    position:relative;
}

.OfferTemplateThumb1
{
    position:relative;
 float: left;
 clear: none;
 width: 62px;
 padding: 5px;
 text-align:center;
 margin: 5px;}
  
.OfferTemplateThumb2
{
    position:relative;
 float: left;
 clear: none;
 width: 62px;
 padding: 10px;
 text-align:center;
 margin: 15px;}
  
.OfferTemplateThumb1_selected
{
    position:relative;
 float: left;
 clear: none;
 width: 62px;
 padding: 5px;
 text-align:center;
 margin: 5px;
 outline: 3px solid #43A1D4;
 cursor:pointer;}
  
  
.OfferTemplateThumb1:hover,.OfferTemplateThumb1:focus,.TemplateColorSet:hover,.TemplateColorSet:focus{outline: 3px solid #43A1D4; cursor:pointer;}

A:.OfferTemplateThumb1:hover{outline: 0px solid #43A1D4; cursor:pointer;}

.TemplateColorSet
{
 position:relative;
 float: left;
 clear: none;
 width: 62px;
 height: 62px;
 padding: 5px;
 margin: 5px;
 }
 
.TemplateColorSet_selected
{
 position:relative;
 float: left;
 clear: none;
 width: 62px;
 height: 62px;
 padding: 5px;
 margin: 5px;
 outline: 3px solid #43A1D4;
 cursor:pointer;
 }
 
.TemplateColorBlue,.TemplateColorGreen,.TemplateColorRed,.TemplateColorYellow,.TemplateColorGrey,.TemplateColorPurple{ width: 62px; padding:0px; margin:0px; height: 62px;}

.TemplateColorBlue{background-color:#366199;}
.TemplateColorGreen{background-color:#699936;}
.TemplateColorRed{background-color:#df2c1c;}
.TemplateColorPurple{background-color:#973699;}
.TemplateColorYellow{background-color:#ded71d;}
.TemplateColorGrey{background-color:#999999;}
  
  
  
.OfferStandardTemplate1Thumb,.OfferModernTemplate1Thumb,.OfferCubesTemplate1Thumb,.OfferElegantTemplate1Thumb,.OfferFormalTemplate1Thumb,.OfferCleanTemplate1Thumb{width: 62px; height: 89px; padding:0px; margin:0px; background-image: url(sprite.png)}

.OfferStandardTemplate1Thumb{background-position: 0px -2298px}
.OfferModernTemplate1Thumb{background-position: -62px -2298px}
.OfferCubesTemplate1Thumb{background-position: -124px -2298px}
.OfferElegantTemplate1Thumb{background-position: -186px -2298px}
.OfferFormalTemplate1Thumb{background-position: 0px -2387px}
.OfferCleanTemplate1Thumb{background-position: -62px -2387px}




/*************************************************************  */
/*------------------ VIRMANI ---------------------------  */
/**************************************************  */

.virmanbackground
{
    width:690px;
    height:400px;
    background-image: url(virman.jpg);
    background-position: 0px 0px;
    position: relative;
    top:0px;
    left:0px;
    padding:0px;
    margin: 0px;
    }
	
.Virman_Platitelj, .Virman_Primatelj, .Virman_BrojRacunaPlatitelja, .Virman_BrojRacunaPrimatelja, .Virman_ModelPozivNaBrojZaduzenja, .Virman_PozivNaBrojZaduzenja, .Virman_ModelPozivNaBrojOdobrenja, .Virman_PozivNaBrojOdobrenja, .Virman_Valuta, .Virman_Iznos, .Virman_StatistickoObiljezje, .Virman_SifraOpisaPlacanja, .Virman_OpisPlacanja, .Virman_DatumValute, .Virman_DatumPodnosenja, .Virman_Hitnost, .Virman_VrstaPrijenos, .Virman_VrstaUplata, .Virman_VrstaIsplata {position: absolute; padding:0px; margin: 0px;}
	
.Virman_Platitelj {top:81px; left:8px;}
.Virman_Primatelj {top:163px; left:8px;}
.Virman_BrojRacunaPlatitelja {top:81px; left:317px;}
.Virman_BrojRacunaPrimatelja {top:164px; left:317px;}
.Virman_ModelPozivNaBrojZaduzenja {top:81px; left:235px;}
.Virman_PozivNaBrojZaduzenja {top:122px; left:235px;}
.Virman_ModelPozivNaBrojOdobrenja {top:164px; left:235px;}
.Virman_PozivNaBrojOdobrenja {top:205px; left:235px;}
.Virman_Valuta {top:39px; left:296px;}
.Virman_Iznos {top:39px; left:379px;}
.Virman_StatistickoObiljezje {top:247px; left:8px;}
.Virman_SifraOpisaPlacanja {top:247px; left:110px;}
.Virman_OpisPlacanja {top:244px; left:173px;}
.Virman_DatumValute {top:287px; left:8px; width: 100px;}
.Virman_DatumPodnosenja {top:328px; left:8px;}
.Virman_Hitnost {top:2px; left:273px;}
.Virman_VrstaPrijenos {top:1px; left:371px;}
.Virman_VrstaUplata {top:1px; left:595px;}
.Virman_VrstaIsplata {top:1px; left:667px;}

.virmanbackground .Virman_DatumPodnosenja .t-widget .t-picker-wrap, .virmanbackground .Virman_DatumValute .t-widget .t-picker-wrap { width:130px;}

.Virman_ModelPozivNaBrojOdobrenja .t-widget, .Virman_ModelPozivNaBrojZaduzenja .t-widget{width:28px;}



/***************************************  */
/*----------- END VIRMANI -------------------  */
/**************************************************  */

input:focus:hover, input:hover, input:focus, textarea:focus, textarea:hover {outline: 2px solid #43A1D4;}

.delete_popup_text
{width:400px;
 padding: 20px 0px;
 text-align:center;
 color: #001c30;
 font-size:14px;}
 
.LimitationMessageContainer
{width:400px;
 padding: 20px 0px;
 text-align:center;
 color: #001c30;
 font-size:14px;}
 
.app_help_container
{width:160px; float: left; margin: 15px; padding: 10px 5px; border: 1px solid #001c30}
.app_help_title{font-size: 16px; padding: 5px 0px;}


/*************************************************************  */
/*----------- Univerzalni hidden  ----------------------  */
/**************************************************  */
.Relago_visible,.RelagoMessageAttachmentSectionVisible{padding: 0px; margin:0px; display:inline}
.Relago_invisible,.RelagoMessageAttachmentSectionInvisible,.Relago_invisible_cancel,.Relago_invisible_yes,.Relago_invisible_save{display:none}    
.Relago_invisible_insert,.Relago_invisible_cancel,.Relago_invisible_update{display:none} 

/*************************************************************  */
/*----------- START Tranzicijski Home za Merkur --------  */
/**************************************************  */
.relagologo{
	width:800px;
	height:571px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-280px 0 0 -400px;
	z-index: 100;
	background-image:url(relago652-medium.jpg);
}
#ap_table{
	padding: 5px;
	width: 340px;
	position:absolute;
	background:: #001c30;
	color: #fff;
	right: 10px;
	z-index: 500;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*************************************************************  */
/*************************************************************  */
	
/*----------- START OLD RELAGO-MAIN --------  */
/*----------- START OLD RELAGO-MAIN --------  */

/**************************************************  */
/**************************************************  */








/*************************************************************  */
/*---------------- RELAGO NAVIGATION -------------------  */
/**************************************************  */
	#Relago_navigation {
	z-index: 1000;
	width:100%;
	height:43px;
	float: left;
}
#Relago_app_menu {
	list-style:none;
	width:90%;
	padding: 0px;
	height:43px;
	z-index: 950;
}

#Relago_app_menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 6px 0px 2px 0px;
	margin-right:30px;
	margin-top:7px;
	border:none;
	z-index: 950;
}

#Relago_app_menu li:hover {
	padding: 6px 0px 3px 0px;
	background: #transparent;
}

#Relago_app_menu li a {
	font-family: 'century gothic', Trebuchet, sans-serif;
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	z-index: 950;
	text-align:right;
}

#Relago_app_menu li {
	font-family: 'century gothic', Trebuchet, sans-serif;
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	z-index: 950;
	text-align:right;
}
 .Ram_b {
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	font-weight:bold;
	z-index: 100950;
	cursor:pointer;
}
#Relago_app_menu li:hover a {
	color:#161616;
}
#Relago_app_menu li .drop {
	padding-right:21px;
	z-index: 1000;
}
#Relago_app_menu li:hover .drop {
	z-index: 1000;
}

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
	margin:3px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 0px 5px;
	border:1px solid #777777;
	border-top: 0px;
	z-index: 950;
	
	/* Gradient background */
	background:#e3f4ff;
	background: -moz-linear-gradient(top, #e3f4ff, #87bfe6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3f4ff), to(#87bfe6));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#Relago_app_menu li:hover .dropdown_1column, 
#Relago_app_menu li:hover .dropdown_2columns, 
#Relago_app_menu li:hover .dropdown_3columns,
#Relago_app_menu li:hover .dropdown_4columns,
#Relago_app_menu li:hover .dropdown_5columns {left:-1px; top:auto;}

.col_1, .col_1_sv, .col_2, .col_3, .col_3_ia, .col_4, .col_5 {display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 950;
}
.col_1 {width:130px;}
.col_1_sv{width:100px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_3_ia {width:440px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#Relago_app_menu .menu_right {float:right; margin-right:0px;}
#Relago_app_menu .menu_right_app {float:right; margin-right:0px;}

#Relago_app_menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#Relago_app_menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#Relago_app_menu p, #Relago_app_menu h2, #Relago_app_menu h3, #Relago_app_menu ul li {
	font-family: 'century gothic', Trebuchet, sans-serif;
	line-height:12px;
	font-size:12px;
	text-align:left;
}
#Relago_app_menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}
#Relago_app_menu h3 {
	font-size:14px;
	margin:7px 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #888888;
}
#Relago_app_menu p {line-height:18px;margin:0 0 10px 0;}

#Relago_app_menu li:hover div a {font-size:14px; color:#fff;}
#Relago_app_menu li .Ram_b:hover {color:#fff;}

.strong {font-weight:bold;}
.italic {font-style:italic;}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#Relago_app_menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#Relago_app_menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#Relago_app_menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#Relago_app_menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#Relago_app_menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#Relago_app_menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;}

#Relago_app_menu li .greybox li a {text-align:right}

.saznaj_vise_menu {height:60px; width:90px;
    background-image: url(sprite.png);
    background-position: -105px -446px;}
.saznaj_vise_menu {height:60px; width:90px;
    background-image: url(sprite.png);
    background-position: -105px -446px;}
    
.menu_putni-s, .menu_virmani-s, .menu_hr-s, .menu_clanovi-s
{   height:60px; width:60px;
    background-image: url(sprite.png);
	float:left;
	margin:5px 15px 5px 5px;}
    
    
.menu_putni-s {background-position: -108px -508px;}
.menu_virmani-s {background-position: -172px -508px;}
.menu_clanovi-s {background-position: -108px -570px;}
.menu_hr-s {background-position: -172px -570px;}
    

	
	/*	--------------------------------------------------
	END Navigation
	-------------------------------------------------- */
	
	
	

/*************************************************************  */
/*------------ RELAGO STORE NAVIGATION ----------------  */
/**************************************************  */
	#Relago_navigation {
	z-index: 1000;
	width:100%;
	height:43px;
	position:absolute;
	left:150px;
	top:43px;
	width:810px;
	
}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#Relago_store_menu {margin: 0px; width:810px; position:relative;}
ul.drop a {display:block; color: #fff; font-size: 14px; text-decoration: none;font-weight: normal; padding: 5px 15px;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; color: #fff;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; font-size: 14px; vertical-align: middle; zoom: 1;}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default;background-color:#F7941D;}
ul.drop li.menu_right{text-align:right; width:110px; position:absolute; right:0; background-color: #F7941D; padding: 5px 15px;}
ul.drop li.menu_right div a{padding: 0px;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #001C30;}
ul.drop ul li:hover{background-color:#F7941D;}
ul.drop li.menu_right ul{left:-55px;}
ul.drop ul li { float: none; }
ul.drop ul ul { top: 0px; left: 100%; }
ul.drop li:hover > ul {visibility: visible }


#Relago_store_menu {
	list-style:none;
	margin: 0px;
	height:43px;
	z-index: 950;
}

/*************************************************************  */
/*--------------- Store Menu aplikacija ---------------------------  */
/**************************************************  */
.R2CR_Menu_App_Container{width:250px; height:60px; float:left; clear:both; position:relative; margin:0px; border:0px; padding: 0px 10px 10px; font-size:14px;}
.R2CR_Menu_App_Container:hover{cursor:pointer}
.R2CRMAC_Title{color:#fff;float:left;text-align:right; width:175px; height:19px; background-color:#77bbea; padding: 22px 7px 19px 7px;}
.R2CRMAC_Title:hover{font-weight:bold;}
.R2CRMAC_Img_Ident{float:left; width:60px; height:60px;}


	
	
	
	
	
	/*	--------------------------------------------------
	END Navigation
	-------------------------------------------------- */	
	#Relago_Big_Slider {
	width: 960px;
	height: 450px;
	background: #000 url('loading2.gif') no-repeat center center;
	overflow: hidden;
	float:left;
	position:relative;
	z-index: 1;
}
#Relago_Big_Slider>img, #Relago_Big_Slider>div, #Relago_Big_Slider>a { display: none; float:left;}


.rotator_content1 { background: url(HomeRotator/relago1.jpg);position:absolute;}
.rotator_content2 { background: url(HomeRotator/relago2.jpg);position:absolute;}
.rotator_content3 { background: url(HomeRotator/relago3.jpg);position:absolute;}
.rotator_content4 { background: url(HomeRotator/relago4.jpg);position:absolute;}

#Relago_Big_Slider h1{
width: 600px;
padding: 50px 0px 0px 90px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
text-align: left;
color: #fff;
text-shadow: #001c30 3px 3px 1px;
}
#Relago_Big_Slider h3{
width: 600px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
padding: 5px 0px 0px 90px;
text-align: left;
color: #fff;
text-shadow: #001c30 2px 2px 2px;
}

	/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* MAIN's
   ================================================== */
#Relago_main_body{
	background: #fff;
	width: 960px;
	float: left;
	margin: 0px;
	border: 0px;
	min-height:500px;
	position:relative;
		}

h1,.h1 {
	font-size: 50px;
	text-align: left;
	border-bottom: 1px solid #F7941D;
	padding: 5px;
	float: left;
	width: 950px;
	font-weight:normal;
}


h2,.h2 {color: #F7941D;
font-size: 24px;
text-align: left;
padding: 5px 5px 5px 15px;
position:relative;
margin:10px 0px;
	font-weight:normal;
}
.Relago_GridRow,.Relago_GridRow_CC_Auth_OK_visible,.CC_Action_visible,.Relago_GridRow_CC_Auth_fail_visible,.CC_cancel_visible,.Relago_GridRow_CC_Auth_cancel_visible {
	display: block;
	clear: both;
	float: left;
	width: 960px;
	position: relative;
	margin-bottom:10px;
	z-index:1;
}
.Relago_GridRow_warning {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#ff7171;
	padding: 25px 100px;
	font-size:14px;
}
.Relago_GridRow_ok {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#72bbee;
	padding: 25px 100px;
	font-size:14px;
	margin:10px 0px;
}
.Relago_GridRow_notification {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#b55b5b;
	padding: 25px 100px;
	font-size:14px;
	margin:10px 0px;
}



.Relago_GridRow_cart_warning {
	display: block;
	clear: both;
	float: left;
	width: 860px;
	position: relative;
	color:#fff;
	font-weight:bold;
	background-color:#ff7171;
	padding: 15px 50px;
	font-size:16px;
	margin: 5px 0px;
}
.Relago_GridRow_cart_warning ul li,.Relago_GridRow_cart_notification ul li{margin:5px 30px 0px 60px; list-style:circle; color:#ffffff; font-weight:normal;}
.Relago_GridRow_cart_notification{
	display: block;
	clear: both;
	float: left;
	width: 860px;
	position: relative;
	color:#fff;
	font-weight:bold;
	background-color:#998881;
	padding: 15px 50px;
	font-size:16px;
	margin: 5px 0px;
}


.Relago_GridRow_success {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#71FF7B;
	padding: 25px 100px;
}
.Relago_Service_Box {
	padding: 6px;
	float: left;
	width: 180px;
}
.Relago_Service_Title {
	color: #001c30;
	width: 140px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-style: normal;
	float: right;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	text-align: left;
}
.Relago_Service_Box_Text {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 30px;
	font-size: 12px;
}
.Relago_Service_Thumbnail {
    background-image: url(sprite.png);
    background-position: -100px -160px;
	float: left;
	height: 20px;
	width: 20px;
	padding: 0px;
	margin: 7px 0px;
	cursor:hand;
	cursor:pointer;
}

.Relago_Service_Box2 {
    float: left;
    margin: 10px;
    width: 460px;
}
.Relago_Service_Title2 
{
    float: left;
    font-size: 24px;
    padding: 5px 10px;
    text-align: left;
    vertical-align: bottom;
    width: 300px;   
    margin-top: 10px;
}
.Relago_Service_Box_Text2 {float:left;    
 padding: 5px 10px;
 width: 300px; font-size:14px; line-height:20px;}
 
.Relago_Service_Thumbnail2 {
	float: left;
	height: 110px;
	width: 120px;
	padding: 0px;
	margin: 10px;
}
.Relago_Testimonial_Box1{float: left; width: 470px; height:130px; margin:10px 20px 20px 0px; position:relative;}
.Relago_Testimonial_Box_Showcase{float: left; width: 470px; height:130px; background-color: #FFFFFF;
    left: 355px;
    padding-left: 56px;
    position: absolute;
    bottom: 159px;
    width: 516px;}

.Relago_app_feat_list_container{float:left; width:190px; margin:10px 10px 0px 0px;}
.Relago_app_feat_details_container{float:left; width:760px;}
.Relago_partner_details_container{float:left; width:960px;}

.RAFL_item{padding:10px 0px 10px 10px; margin:3px 0px; font-size:14px; cursor:pointer;}
.RAFL_item:hover{color:#F7941D}
.RAFL_item_current{padding:10px 0px 10px 10px; margin:3px 0px; font-size:14px; background-color:#418AD1; cursor:pointer; background-image: url(NavArrow.png); background-position: 152px 5px; background-repeat:no-repeat; color:#ffffff;}



.Relago_GridRow_Showcase_Big{clear: both;
    display: block;
    float: left;
    position: relative;
    width: 760px;
    z-index: 1;}
    
.Relago_GridRow_Showcase_Big_invisible{display:none}
    
.SBTTitle{float:left; width:760px;clear:none; padding:10px 0px 10px 0px; font-size:34px;}
.RGPTTitle{float:left; width:590px;clear:none; padding:0px 0px 10px 0px; font-size:34px;}
.Showcase_Big_Image{float:right; width:280px; clear:none; padding:0px 0px 0px 20px; height:230px; position:relative;}
.Showcase_Big_Image_Partner{float:left; width:200px; clear:none; margin:0px 10px 10px 0px; height:120px; position:relative;}
.Showcase_Big_Image .ShowcaseInfo{font-size:12px;line-height: 24px; position:absolute; top:-35px; right:-80px; width: 150px; padding:10px;background-color:#F7941D; text-align:center; color:#ffffff;
transform:rotate(20deg);
-ms-transform:rotate(20deg); /* IE 9 */
-moz-transform:rotate(20deg); /* Firefox */
-webkit-transform:rotate(20deg); /* Safari and Chrome */
-o-transform:rotate(20deg); /* Opera */ }

.SBTText{font-size:14px;line-height: 26px; position:relative; float:left; width:460px; padding:30px 0px;}
.SBTPartnerText{font-size:14px;line-height: 26px; width:740px; padding:30px 10px;}
.SBTPartnerTypeText{font-size:14px;line-height: 26px; width:580px; padding:10px;}
.SBNavContainer{float:left; clear:both;width: 760px;margin: 20px 0px;}
.RTLeft{float:left; width:200px; height:130px; clear:none;}
.RTRight{float:left; width:270px; height:130px; clear:none; background-image: url(testimonial-bckg.png); background-position: 0px 0px;}

.RTTestimonialText{float:left; width:225px; height:100px; padding:10px 10px 10px 35px; clear:none; font-style:italic; font-size:14px; font-weight:normal;}
.RTTestimonialText b{float:left; clear:both; color:Green; font-weight:normal;}

.Relago_GridRow_PartnerTypeInfo{display: block;float: left; position: relative; width: 560px; z-index: 1; padding:0px 15px 15px 15px;}
.Relago_GridRow_PartnerTypeInfo_invisible{display:none}
.Relago_partner_type_list_container{float:left; width:940px; margin:0px 10px 0px 10px;}
.RPType_item{float:left; padding:20px; margin:10px; font-size:14px; cursor:pointer;}
.RPType_item:hover{color:#F7941D}
.RPType_item_current{float:left; padding:20px; margin:10px; font-size:14px; background-color:#418AD1; cursor:pointer;color:#ffffff;}
.Relago_GridRow_PartnerType_details_container{float:left; width:930px;}

.Relago_GridRow_Partner_Big{ display: block; float: left;  position: relative; width: 440px; padding:0px 20px 20px 20px;}
.Relago_GridRow_Partner_Big .SBTTitle,.Relago_GridRow_Partner_Big .SBTPartnerText{width: 440px;}

.Showcase_Big_TextL a{float:right; font-style:normal;}
.Showcase_Big_TextR a{float:left; font-style:normal;}

.StoreFAQContainer{float:left; clear:both; width:960px; position:relative;}
.StoreFAQQuestion {float:left; width:850px; padding: 7px 0px 10px 30px; font-size:24px; color:#418AD1; clear:right; position:relative;}
.StoreFAQAnswer {float:left; width:850px; padding: 0px 0px 30px 30px; font-size:14px;line-height: 24px; position:relative;}

.RelagoStore_IncludedFeatures{float:left; width:300px; padding:5px; margin: 5px; font-size:14px;}
.RelagoStoreFeat_Checkbox{background-image: url(sprite.png); background-position: -82px -364px; float: left; height: 20px; width: 20px; margin-right: 10px;}

/*************************************************************  */
/*--------------- RELAGO STORE MOGUCNOSTI -------------  */
/**************************************************  */



.Relago_App_Showcase_Container{cursor:pointer;float:left; width:300px; padding:0px; margin: 10px; color:#fff; background-color:#418AD1; position:relative; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px; /* for old Konqueror browsers */}
.RAS_top{float:left; width:300px; background-image: url(apps_topandbottom.png); background-position: 0px 0px; width:300px; height:96px; background-color:#ffffff;}
.RAS_bottom{float:left; width:300px; background-image: url(apps_topandbottom.png); background-position: 0px -96px; width:300px; height:48px; background-color:#ffffff;}
.RAS_Icon{float:left; clear:none; width:60px; height:60px; padding:10px; position: absolute;left: 113px;top: 25px;}

.Relago_App_Showcase_Container:hover .RAS_top{background-image: url(apps_topandbottomhover.png);}
.Relago_App_Showcase_Container:hover .RAS_bottom{background-image: url(apps_topandbottomhover.png);}

.RAS_Title{float:left; width:300px;/*height:95px; padding:10px; */text-align:center;}
.RAS_Title p {font-size:30px; color:#fff}
.RAS_Desc{float:left; width:280px;/*height:80px;*/ padding:5px 10px; font-size: 14px; line-height: 26px; height: 70px; text-align:center;}
.RAS_Button{float:left; width:240px; padding:15px 30px; font-size:24px; text-align:center; background-image: url(NavArrow.png); background-position: 232px 16px; background-repeat:no-repeat;}
.Relago_App_Showcase_Container:hover{background-color:#F7941D;}


.Relago_Store_Tour_thumbs{float:left; width:120px; height:120px; margin:10px 20px; cursor:pointer; position:relative;}
.Relago_Store_Tour_thumbs span {position:absolute; text-transform:lowercase; bottom:0px; text-align:center; color:#333333; width:100px; padding:10px;font-weight: normal;}
.Relago_Store_Tour_thumbs:hover{ transition: all 0.3s ease-in-out 0s;}
.Relago_Store_Tour_thumbs:hover span{color:#F7941D;}

.PutniTourFeat1hov,.PutniTourFeat2hov,.PutniTourFeat3hov,.PutniTourFeat4hov,.RacuniTourFeat1hov,.RacuniTourFeat2hov,.RacuniTourFeat3hov,.RacuniTourFeat4hov,.ClanstvoTourFeat1hov,.ClanstvoTourFeat2hov,.ClanstvoTourFeat3hov,.ClanstvoTourFeat4hov{background-image: url(appstour1.png)}



  
.PutniTourFeat1hov{background-position: -240px -120px;}
.PutniTourFeat2hov{background-position: -480px -120px;}
.PutniTourFeat3hov{background-position: -840px -120px;}
.PutniTourFeat4hov{background-position: 0px -120px;}
.RacuniTourFeat1hov{background-position: -120px -120px;}
.RacuniTourFeat2hov{background-position: -360px -120px;}
.RacuniTourFeat3hov{background-position: -600px -120px;}
.RacuniTourFeat4hov{background-position: -720px -120px;}
.ClanstvoTourFeat1hov{background-position: -1320px -120px;}
.ClanstvoTourFeat2hov{background-position: -960px -120px;}
.ClanstvoTourFeat3hov{background-position: -1080px -120px;}
.ClanstvoTourFeat4hov{background-position: -1200px -120px;}



.Relago_Store_Apps_List_Nav{float:left; background-color:Blue; width:600px; height:250px; margin:0px 10px; cursor:pointer;}

a.Relago_StoreNav_BackToApp, a.Relago_StoreNav_FreeTrial, a.Relago_StoreNav_Pricing, a.Relago_StoreNav_Tour {float:left; width:230px; padding:18px; color:#ffffff; font-size:26px; text-align:center; font-weight:normal; cursor:pointer; line-height:36px; margin:10px 20px; background-image: url(NavArrow.png); background-position: 218px 40px; background-repeat:no-repeat;}
a.Relago_StoreNav_BackToApp{background-color:#418AD1;}
a.Relago_StoreNav_BackToApp:hover{background-color:#F7941D;}
a.Relago_StoreNav_FreeTrial{background-color:#6BBD46; margin:5px 10px; width:250px; padding:23px; background-position: 239px 40px;}
a.Relago_StoreNav_FreeTrial:hover{background-color:#F7941D; color:#ffffff;}
.paragraph a.Relago_StoreNav_FreeTrial:hover{background-color:#F7941D; color:#ffffff;}
a.Relago_StoreNav_FreeTrial b{font-size:12px; line-height:18px; font-weight:normal;}
a.Relago_StoreNav_Pricing {background-color:#418AD1;}
a.Relago_StoreNav_Pricing:hover {background-color:#F7941D;}
a.Relago_StoreNav_Tour {background-color:#418AD1;}
a.Relago_StoreNav_Tour:hover {background-color:#F7941D;}

a.Relago_StoreNav_FreeTrial_Big {background-color:#6BBD46;float:left; width:900px; padding:18px; color:#ffffff; font-size:26px; text-align:center; font-weight:normal; cursor:pointer; line-height:36px; margin:10px 12px; background-image: url(NavArrow.png); background-position: 867px 47px; background-repeat:no-repeat;}
a.Relago_StoreNav_FreeTrial_Big b{font-size:12px; line-height:18px; font-weight:normal;}

.post_date{
float:right;
position:absolute;
bottom: 0px;
right: 0px;
font-size:9px;
padding: 2px;
}
.paragraph{
	float:left;
font-size: 14px;
text-align: left;
color: #333;
padding: 15px;
line-height:22px;
	}
.paragraph a{font-size:14px;}
.paragraph a:hover{color:#F7941D}
	
.paragraph_image_right{
	width: 200px;
	height: 150px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:right;
	margin: 10px;
	}
	
.paragraph_image_left{
	width: 200px;
	height: 150px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:left;
	margin:10px 10px 10px 0px;
	}
	
.Relago_service_showcase{height: 700px;width: 100%;float:left;clear: both;position: relative; background-color:#21588d;}
.Relago_app_list_showcase{height: 450px;width: 100%;float:left;clear: both;position: relative; background-color:#21588d;}
	
.Relago_service_showcase_text{	float: left;font-size: 48px; position: absolute; left: 30px;	top: 100px;	color:#ffffff; width:480px;	}

.Relago_app_list_showcase_text{float: left;font-size: 48px; position: absolute;	left: 30px;	top: 200px;	color:#ffffff; width:900px;	}	
.Relago_app_list_showcase_text b,.Relago_app_list_showcase_text b a{font-size: 18px; line-height:28px; font-weight:normal; color:#ffffff;}
.Relago_app_list_showcase_text b b,.Relago_app_list_showcase_text b a{font-weight:bold;}
	
	
.Relago_service_showcase_features{
	float: left;
	font-size: 12px;
	position: absolute;
	left: 30px;
	bottom:30px;
	width:260px;
	background-color:#ffffff;
	padding:20px;
	height:219px;line-height: 24px;
	}
	
.Relago_service_showcase_text b{font-size: 18px; line-height:28px; font-weight:normal;}
.Relago_service_showcase_text b b{font-weight:bold;}

.Relago_service_showcase_text a{
	color:#ffffff;
	}
	

.RSS_Ribbon_Left{width:2460px; border:1px solid #333; height:320px; position:absolute; left:-1500px; top:0px;}
.RSS_Ribbon_Right{width:100px; border:1px solid #333; height:320px; position:absolute; left:959px; top:0px;}


.GridRow_Advert {
	position: relative;
	padding-left: 116px;
}

.Grid_Row_Left {
	float: left;
	width: 305px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.Grid_Row_Right {
	width: 580px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}
.Relago_features {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 12px;
}
.Relago_list{list-style-type:disc;}
	
/* Specific to example one */

#Relago_tabs {padding: 10px; margin: 0 0 20px 0}

#Relago_tabs .nav {
	overflow: hidden;
	margin: 0 0 10px 315px;
}
#Relago_tabs .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#Relago_tabs .nav li.last { margin-right: 0; }
#Relago_tabs .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0;}
#Relago_tabs .nav li a:hover { background-color: #111; }

#Relago_tabs ul {list-style: none; }
#Relago_tabs ul#osnovni a li:hover { background: #0088e6; color: white;}
#Relago_tabs ul#standardni a li:hover { background: #006cb7; color: white;}
#Relago_tabs ul#napredni a li:hover { background: #00406d; color: white;}
#Relago_tabs ul li:last-child a { border: none; }

#Relago_tabs ul li.nav-one a.current, #Relago_tabs ul li.nav-two a.current, #Relago_tabs ul li.nav-three a.current { color: white;}
#Relago_tabs ul li.nav-one a.current{ background-color: #0088e6}
#Relago_tabs ul li.nav-two a.current{ background-color: #006cb7}
#Relago_tabs ul li.nav-three a.current{ background-color: #00406d}

.Relago_Service_Box a:hover {color:#000; background-color:#FFF;}
.PackageContainer {
	width: 940px;
	background-color: #DAE2FF;
	padding-bottom: 10px;
	clear: right;
	position: relative;
	height: 290px;
}
  
.PackageUp {
	width: 860px;
	color: #fff;
	background-color: #e68787;
	text-align: center;
	padding: 20px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.PackageDown {
	width: 940px;
	padding: 0px;
	position: absolute;
	top: 105px;
}
.PackageFeatureBox {
	color: #FFF;
	background-color: #001c30;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	float: right;
	clear:both;
	text-align: right;
	padding: 10px;
	margin: 20px 10px 10px 10px;
	box-shadow: 0px 0px 10px #001c30; /* CSS3 */
    -moz-box-shadow: 0px 0px 10px #001c30; /* Firefox */
    -webkit-box-shadow: 0px 0px 10px #001c30; /* Safari, Chrome */
}
     
.PackagePeriod {
	padding: 5px 0px;
	width: 286px;
	text-align: center;
	display:inline-block;
	float: left;
	clear:both;
	font-size:50px;
}

.PackageAddToCart a{
	display:inline-block;
	text-align: center;
	font-family: 'century gothic', Trebuchet, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal; !important
}
.PackageAddToCart {
	padding: 5px 0px;
	width: 286px;
	text-align: center;
	display:inline-block;
	float: left;
	font-family: 'century gothic', Trebuchet, sans-serif;
	color: #fff;
	font-weight: normal; !important
	
}

.ShoppingCartIcon {
    background-image: url(sprite.png);
    background-position: -125px -160px;
	height: 20px;
	width: 20px;
	margin: 5px;
	float: left;
	display:inline-block;
}
.PackageHolder{
	display:inline-block;
	float:left;
	padding:0px;
	font-weight:normal;
	color:#FFF;
	width: 281px;
	height: 130px;
	margin:0px 0px 0px 25px;
	padding:20px 0px;
	background-color:#006cb7;
}
.PackageHolder:hover {
	background-color:#001E33; text-decoration:underline;}
	
/* Shopping Cart */
/* Shopping Cart */
/* Shopping Cart */


.SCNumber{
	text-align:right;
	padding: 0px 3px;
	width:25px;
	}
.SCItemIcon{
	text-align:right;
	padding: 5px;
	width:40px;
	}
.SCItemName{
	text-align: left;
	padding: 0px 5px;
	width:699px;
	}
.SCItemPrice{
	text-align:right;
	padding: 0px 5px;
	width:100px;
	}
.SCRemove{
	text-align:center;
	padding: 0px 5px;
	width:60px;
	}
	
.SCTotalPrice{
	text-align:right;
	width:100px;
	padding: 5px;
	font-weight:bold;
	}
.SCTotalTag{
	text-align:right;
	padding: 5px;
	font-weight:bold;
	}
.SCShortItemName{
	text-align: left;
	padding: 0px 5px;
	width:195px;
	}
.COthreetabs1{
	padding: 10px;
	vertical-align:top;
	width:180px;
	}

.RelagoThreetabs{
	padding: 10px;
	float: left;
	vertical-align:top;
	width: 300px;
	}
	
/* Okvir za načine plaćanja */
/* Okvir za načine plaćanja */
/* Okvir za načine plaćanja */


.Payment_Options_Container{float:left; width:920px; margin:5px 20px 20px 20px;min-height:150px;font-size:14px;}
.Payment_Options_Row{border:1px solid #6fb9ec;margin: 10px 5px; padding:10px; width:880px; float:left; clear:both;height:50px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    border-radius: 10px; cursor:pointer;}
.Payment_Options_Row:hover{border:3px solid #6fb9ec; margin: 8px 3px;}
.POR_Checkmark{float:left;width:30px;margin-right:20px; margin-top:10px}
.POR_Title{float:left;width:300px; margin-top:15px}
.POR_Content{float:left; width:625px;}
.POC_amex,.POC_master,.POC_maestro,.POC_visa,.POC_diners,.POC_wspay {float:left;background-image: url(sprite.png);height: 50px; margin-right:5px;}


.POC_visa{width: 80px; background-image: url(sprite.png); background-position: -165px -1164px;}
.POC_master{width: 80px; background-image: url(sprite.png); background-position: -165px -1214px;}
.POC_maestro{width: 80px; background-image: url(sprite.png); background-position: -165px -1264px;}
.POC_amex{width: 62px; background-image: url(sprite.png); background-position: -165px -1314px;}
.POC_diners{width: 64px; background-image: url(sprite.png); background-position: -165px -1364px;}
.POC_wspay{width: 107px; background-image: url(sprite.png); background-position: -165px -1414px;}
.POC_GeoTrust{float:left; margin: -3px 0px 0px 5px; width:115px; height:50px;}
.POC_GeoTrust 

    #el01 {width:100%} /* Width */
    #el02 { /* Text and background colour, blue on light gray */
    color:#00f;
    background-color:#ddd;
    }
    #el03 {background:url(/i/icon-info.gif) no-repeat 100% 50%} /* Background image */
    #el04 {border-width:6px} /* Border width */
    #el05 {border:2px dotted #00f} /* Border width, style and colour */
    #el06 {border:none} /* No border */
    #el07 {padding:1em} /* Increase padding */
    #el08 { /* Change width and height */
    width:4em;
    height:4em;
    }
.puff {
	position: absolute;
	width: 0px;
	height: 0px;
}


.spawn {
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}

/* Sigurno On-line plaćanje */
/* Sigurno On-line plaćanje */
/* Sigurno On-line plaćanje */

.Credit_Card_Type_Choice_Container{float: left; clear: both; width:960px; margin:2px 0px 0px 0px; padding:0px;}
.CCT_Identities_Row,.CCT_radio_buttons_row{float: left; clear: both; width:780px; margin:2px 0px 0px 0px; padding:0px 0px 0px 130px;}
.CCT_radio_button,.CCTI_Container{float: left; width:120px; margin:0px 10px; padding:0px; text-align:center;}

.CCT_Title{float: left;width:120px; text-align:center; margin:5px 0px 2px 0px}

/* SIGN IN Popup*/
/* SIGN IN Popup*/
/* SIGN IN Popup*/

/* Mask for background, by default is not display */
#signinmask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close { Position the close button
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
    border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }


/* Registracija */
/* Registracija */
/* Registracija */

.RelagoGroupOne {
	background-color: #87bfe6;
	width:380px;
/*	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;   */
	float: left;
	clear:both; 
	min-height: 180px;
	text-align: right;
	padding: 10px 10px 20px 10px;
	margin: 20px 10px 10px 10px;
/*	box-shadow: 0px 0px 10px #001c30; /* CSS3 */
/*    -moz-box-shadow: 0px 0px 10px #001c30; /* Firefox */
/*    -webkit-box-shadow: 0px 0px 10px #001c30; /* Safari, Chrome */
}
.RelagoGroupOneTitle {
	color:#FFF;
	float: left;
	text-align: right;
	padding: 10px 20px;
	font-size: 24px;
	font-weight: bolder;
	width:340px;
	clear:both;
}

.RelagoGroupOne .Gridrow {width:370px}


.RegInfo {width: 450px;	float:left;}

.RegInfoRow{
	padding:10px;
	margin: 10px;
	float:left;
	position:relative;
	}
.RegInfoTick{
    background-image: url(sprite.png);
    background-position: -60px -2538px;
	height: 60px;
	width: 60px;
	float:left;
}
.RegInfoText{
	position:relative;
	top: -1px;
	width: 330px;
	float:left;
	text-align:left;
	padding: 10px;
	}
.RelagoRegLeft {
	width: 480px;
	float: left;
	text-align: right;
	padding: 0px;
}
.RelagoRegRight {
	width: 480px;
	float: left;
	text-align: right;
	padding: 0px;
}

.hand:hover {cursor:pointer;}

#App_Mogucnosti{background:url(Mogucnosti.gif) no-repeat top left #fff;}
#App_Paketi{background:url(Paketi.gif) no-repeat top left #fff;}
#App_Znacajke{background:url(Znacajke.gif) no-repeat top left #fff;}

#App_Mogucnosti, #App_Paketi, #App_Znacajke {color:#F7941D; padding-left: 50px; margin: 10px 5px; border: 0px; font-size:30px;}

.PackageGrid {width:375}


/* Relago 2 Column Layout (960 = 640 + 320) */
/* Relago 2 Column Layout (960 = 640 + 320) */
/* Relago 2 Column Layout (960 = 640 + 320) */



.Relago2ColumnLeft,.Relago2ColumnRight,.R2CR_GridRow,.R2CL_GridRow.R2CR_GridRow,.R2CL_GridRow,.R2CL_TitleRow,.R2CR_TitleRow,.R2CLT_Image,.R2CLT_Text,.R2CRT_Image,.R2CRT_Text,.R2CL_Content,.R2CR_Content{float:left; padding: 0px; margin:0px;}

.Relago2ColumnLeft {width: 640px;min-height:300px;}
.Relago2ColumnRight {width: 320px;min-height:300px;}

.R2CL_GridRow{width: 640px; margin-bottom:40px;}
.R2CR_GridRow{width: 320px; margin-bottom:40px;}

.R2CL_TitleRow{width: 640px;}
.R2CLT_Image,.R2CRT_Image{width:40px;height:40px; position:relative;}
.R2CLT_Text,.R2CRT_Text{font-size:24px; margin:10px 0px 0px 10px; width:400px;}

.R2CR_TitleRow{width: 320px;}

.R2CL_Content{width: 640px;}
.R2CR_Content{width: 320px;}

.R2CR_App_Container{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:14px;}
.R2CR_App_Container:hover{border:3px solid #77bbea; margin:10px 0px 2px 10px; cursor:pointer;}

.MGM_Partners_Container{float:left; padding: 0px; margin:0px; width:640px;}
.MGMPC_PartnerItem{float:left; padding: 0px; margin:0px; margin:10px;}
.MGMPC_P1,.MGMPC_P2,.MGMPC_P3,.MGMPC_P4,.MGMPC_P5,.MGMPC_P6{width:100px; height:70px; background-image: url(partners-70x100.jpg); background-position: 0px 0px; background-repeat:no-repeat; float:left}
.MGMPC_P2{background-position: -100px 0px;}
.MGMPC_P3{background-position: -200px 0px;}
.MGMPC_P4{background-position: -400px 0px;}
.MGMPC_P5{background-position: -400px 0px;}
.MGMPC_P6{background-position: -500px 0px;}


/*--------------- App Active ---------------------------  */
.R2CR_App_Container_AppActive{width:297px; height:89px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:14px;background-color: #77bbea; font-weight: bold;}
.R2CR_App_Container_AppActive:hover{border:3px solid #77bbea; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_AppActive .R2CRAC_Package{background-color:#77bbea; color:#ffffff; background-image: url(NavArrow.png); background-position: 75px 30px; background-repeat:no-repeat;}
.R2CR_App_Container_AppActive .R2CRAC_Info {float:left;clear:both; width:278px; padding: 5px 8px; text-align:center;background-color:#77bbea; color:#ffffff}

/*--------------- App Expired ---------------------------  */
.R2CR_App_Container_AppExpired{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_AppExpired:hover{border:3px solid #efefef; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_AppExpired .R2CRAC_Package{background-color:#efefef; padding:17px 7px 24px;}
.R2CR_App_Container_AppExpired .R2CRAC_Title{background-color:#efefef; color:#000000;}


/*--------------- App Nonactive ---------------------------  */
.R2CR_App_Container_nonactive{width:297px; height:60px; float:left; clear:both; position:relative; margin:10px 3px 5px 13px; border:0px; padding: 5px; font-size:12px; background-color:#ffffff}
.R2CR_App_Container_nonactive:hover{cursor:default;}
.R2CR_App_Container_nonactive .R2CRAC_Title,.R2CR_App_Container_nonactive .R2CRAC_Img_Ident,.R2CR_App_Container_nonactive .R2CRAC_Package,.R2CR_App_Container_nonactive .R2CRAC_Nonactive_Info{color:#000000; background-color:#ffffff; opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);}



/*--------------- Apply For Trial ---------------------------  */
.R2CR_App_Container_ApplyForTrial{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_ApplyForTrial:hover{border:3px solid #6dd558; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_ApplyForTrial .R2CRAC_Package{background-color:#6dd558; padding:6px 7px 35px;background-image: url(Trialrequest.png); background-position: 75px 15px; background-repeat:no-repeat; line-height: 16px;}


/*--------------- Waiting trial approval ---------------------------  */
.R2CR_App_Container_WaitingTrialApproval{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_WaitingTrialApproval:hover{border:3px solid #6dd558; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_WaitingTrialApproval .R2CRAC_Package{background-color:#6dd558; padding:12px 7px 29px; background-image: url(Clock.png); background-position: 75px 15px; background-repeat:no-repeat;}



/*--------------- Trial denied ---------------------------  */
.R2CR_App_Container_TrialDenied{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_TrialDenied:hover{border:3px solid #ED9A9D; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_TrialDenied .R2CRAC_Package{background-color:#efefef; padding:12px 7px 29px; background-image: url(Denied.png); background-position: 75px 15px; background-repeat:no-repeat;}


/*--------------- Trial Active ---------------------------  */
.R2CR_App_Container_TrialActive{width:297px; height:89px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_TrialActive:hover{border:3px solid #0CE00E; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_TrialActive .R2CRAC_Package{background-color:#6DD558; color:#ffffff; padding:23px 7px 18px;  background-image: url(NavArrow.png); background-position: 75px 30px; background-repeat:no-repeat;}
.R2CR_App_Container_TrialActive .R2CRAC_Info {float:left;clear:both; width:278px; padding: 5px 8px; text-align:center;background-color:#6DD558; color:#ffffff}
.R2CR_App_Container_TrialActive .R2CRAC_Title{background-color:#6DD558; color:#ffffff;}


/*--------------- Trial Expired ---------------------------  */
.R2CR_App_Container_TrialExpired{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:12px;}
.R2CR_App_Container_TrialExpired:hover{border:3px solid #efefef; margin:10px 0px 2px 10px; cursor:pointer;}
.R2CR_App_Container_TrialExpired .R2CRAC_Package{background-color:#efefef; padding:22px 7px 19px;}
.R2CR_App_Container_TrialExpired .R2CRAC_Title{background-color:#efefef; color:#000000;}

.R2CRAC_Title{color:#fff;float:left;text-align:right; width:111px; height:19px; background-color:#77bbea; padding: 22px 7px 19px 7px;}
.R2CRAC_Img_Ident{float:left; width:60px; height:60px;}
.R2CRAC_Package{float:left;text-align:left; padding: 22px 7px 19px 7px; height:19px; text-align: left; width: 95px;}


.R2CL_Excluded_Message_Open{float:left;width:600px; padding:0px 20px 0px 5px; margin:5px 0px 20px 0px; border-left:5px solid #77bbea;clear:both}
.R2CL_Excluded_Message_Closed{float:left; max-width:600px; min-width:100px; padding:0px 5px 0px 9px; margin:3px 15px 3px 0px; height:18px; white-space: nowrap;	overflow: hidden;text-overflow: ellipsis; border-left:1px solid #77bbea; font-size:12px;clear:both}
.R2CL_Excluded_Message_Closed:hover{cursor:pointer; background-color:#eaf6ff}
#Relago_MGM_Promo_Code, #Relago_MGM_Promo_Code{float:left; font-size:14px; width:90px; margin-left:5px; padding: 5px 5px 4px 0;}
.MGMPSC_FirstRow,.MGMPSC_SecondRow{float:left; width:310px;}
.MGMPSC_FirstRow .GridcelloneDocument{width:190px;}
#Relago_MGM_Promo_Code
.Relago_MGM_package_points{width:300px; float:left; text-align:right;}
.Relago_MGM_code_and_percentage{width:250px; float:left; text-align:right;}
.RMGMPP_Row{width:300px; border-bottom: 1px solid #EFEFEF;float: left;}
.RMGMPP_Row_Item,.RMGMCP_Row_Item{float:left;width:65px;padding:5px;}
.RMGMCP_Row{width:250px; border-bottom: 1px solid #EFEFEF;float: left;}




.Breadcrumb_Store{color: #FFFFFF; float: left; font-size: 12px; height: 20px; padding: 0px; width: 960px;}
.BreadcrumbItem{float: left; padding: 2px;}
.BreadcrumbItem a {color: #FFFFFF; font-weight:normal;}
.BreadcrumbDivide{background-image: url(sprite.png); background-position: -80px -223px; background-repeat:no-repeat; width:20px; height:20px; float:left;}

/*************************************************************  */
/*--------------- CONTACTABLE ---------------------------  */
/**************************************************  */

#contactable #contactable_inner {
    background-image: url(sprite.png);
	background-position: -253px -160px;
	color:#FFFFFF;
	cursor:pointer;
	height:102px;
	left:0;
	margin-left:-5px; 
	*margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:180px;
	*margin-top:10px;
	width:46px;
	z-index:100;
}
@media screen and (max-width: 1100px){
  #contactable #contactable_inner{
    top:500px;
  }

}

#contactable #contactForm {
	background-color:#87bfe6;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:450px;
	left:0;
	margin-left:-400px;
	*margin-left:-434px;
	margin-top:-80px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:200px;
	width:360px;
	*width:394px;
	z-index:99;
	background-image:url(back.png);
	background-position: bottom;
	background-repeat:no-repeat;
}

#contactable form#contactForm input, textarea {font-family: 'century gothic', Trebuchet, sans-serif; font-size: 12px;
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	margin-bottom:10px;
}

#contactable form#contactForm .submit {
	background: #0086e4 none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #FFF;
	outline-color:-moz-use-text-color;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	margin-top:10px;
}

#contactable form#contactForm p {width:325px;font-size:0.9em;}

#contactable form#contactForm .disclaimer {*margin-left:20px;}

#contactable #contactForm .red {color:	#001c30;}

#contactable #overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
} 
#contactable .error, #contactable #name.error, #contactable #email.error, #contactable #comment.error { background-color: #ff6c32; }

#contactable form#contactForm label{*margin-left:20px;}

#contactable form#contactForm #loading {
	background: url(ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}
#contactable #callback {
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}
#contactable .holder {
	margin:0 auto;
	*margin-left:20px;
	padding-top:20px;	
}	



/*************************************************************  */
/*--------------- HELP ---------------------------  */
/**************************************************  */

.RelagoHelph2{float:left; clear: both; color:#F7941D; font-size:16px; padding: 20px 0px 5px 5px; font-weight:bold;}
.RelagoHelpparagraph{float:left; clear: both; color:#000000; font-size:12px; line-height:16px; padding: 0px 0px 0px 5px;}
.RelagoHelpparagraph a{color:#418AD1;}
a.backtotop{float:right; clear:both; padding: 2px 10px; font-weight:normal;}
.RelagoHelpTopicListRow{float:left; width:150px; margin: 0px 15px;}
a.RelagoHelpTopicListItem{float:left; margin: 5px 10px; font-weight:normal; width:150px;}




.RH_main,.ROP_main,.RTOS_main{float:left; width: 100%;
/*	background-repeat:repeat;*/
} 
.RH_main_body,RTOS_main_body,.ROP_main_body
{width:540px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    }
.RH_header_Gridrow{
 width:520px;
 float:left;
 background-color:#389F3C;
 color:#fff;
 padding: 10px 10px 30px 10px;
 margin-bottom:30px;
-moz-border-radius: 0px 0px 36px 12px;
border-radius: 0px 0px 36px 12px;}    
    
 .RTOS_Content{
 width:520px;
 float:left;
 background-color:#389F3C;
 color:#fff;
 padding: 10px 10px 30px 10px;
 margin-bottom:30px;
-moz-border-radius: 0px 0px 36px 12px;
border-radius: 0px 0px 36px 12px;
background-color:#38889f}

.RH_H1
{
 clear:both;
 font-size:33px;
 margin: 10px 0px 20px 0px;
    }
.RH_H1_Search
{float:left;
 width:100%;
 position:relative;
    }
    

.RH_Breadcrumbs__Container
{
    float:left;
    clear:none;
    width:520px;
    padding: 10px 0px;    }
.RH_BC_Home,.RH_BC_ArticleGroup,.RH_BC_Article,.RH_BC_ArticleTheme{
    float:left;
    clear:none;
    padding: 0px 5px;
    }
    

.RH_BC_Home:after,.RH_BC_ArticleGroup:after,.RH_BC_Article:after,.RH_BC_ArticleTheme:after{
content: '->';
} 
.RH_BC_Home:hover,.RH_BC_ArticleGroup:hover,.RH_BC_Article:hover,.RH_BC_ArticleTheme:hover{
cursor:pointer;
text-decoration: underline;
}
    
    
.RH_H1_STitle
{
    height:20px;
    float:right;
}    
.RH_H1_STitle:hover,.RH_H1_SArea:hover
{cursor:pointer;
}
.RH_H1_SArea
{display: none;
 padding: 20px 0px;
 margin: 25px 0px 10px 0px;
 height:30px;
 background-color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
}
.RH_H1_SAreaOn
{display: block;
 padding: 20px 0px;
 margin: 5px 0px 10px 0px;
 height:30px;
 background-color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
}
.RH_H1_SAInput
{
    float:left;
 clear:none;
 text-align:center;
 padding: 1px 5px;
}
    
    
.RH_Media_Gridrow
{
    float:left;
 clear:both;
 }


.RH_Gridrow
{float:left;
 clear:both;
 margin-bottom:30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display:
    }
    
.RH_H1_Desc_Title
{float:left;
 clear:both;
 font-weight:bold;
 font-size:16px;
 margin: 0px 0px 10px 10px;
 width:520px;
    }
.RH_H1_Desc_Text
{float:left;
 margin: 5px 10px 25px 0px;
 line-height: 20px;
    }
    
.RH_Section_li
{float:left;
 width:47%;
 margin:0px 3% 30px 0px;
 margin-bottom:30px;
 height: 190px;
 border-bottom: 1px solid #B0E8C0;
 position:relative;
    }
    .RH_SectionArticle_li,.RH_SearchResult_li
{float:left;
 width:520px;
 margin-bottom:10px;
 position:relative;
    }
.RH_SL_TitleContainer
{float:left;
 clear:both;
 font-size:22px;
 margin:10px 0px;
 width:100%;
 height:57px;
 position:relative;
    }
.RH_SectionArticle_li .RH_SL_TitleContainer,.RH_SearchResult_li .RH_SL_TitleContainer{margin:5px 0px;height:30px}
.RH_SectionArticle_li .RH_SL_Text,.RH_SearchResult_li .RH_SL_Text{max-height:100000px;}
.RH_SL_Title
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    padding:4px 0px;
 border-bottom: 1px solid #B0E8C0;
    }
.RH_SL_Text
{
float:left;
 clear:both;
 width: 100%;
 max-height:58px;
 font-size: 12px;
 overflow: hidden;
 line-height:18px;
 text-overflow: ellipsis;
 margin-bottom:20px;
    }
 
.RH_SL_link
{float:left;
 clear:both;
    }
.RH_SL_link:hover{cursor:pointer;}
    
.RH_HelpComment
{
    float:left;
background-color:#520D2B;
color:#fff;
height: 90%;
width: 90%;
-moz-border-radius: 36px 12px 36px 12px;
border-radius: 36px 12px 36px 12px;
padding:5%;
margin-bottom: 30px;
}
.RH_BackNavigation{float:left;clear:both; width:490px; font-size:24px; margin: 15px; padding:15px;}
.RH_BackNavigation:hover{cursor:pointer;}
.RH_HC_Title{
    font-size:32px;
}
ul.RH_HC_Item{font-size:12px;
    list-style-type:circle;
    margin: 20px 10px 0px 40px;
 line-height:20px;
}
ul.RH_HC_Item li{
color:#fff;}
.RH_H1_ArticleThemeIntro
{
    float:left;
    clear:both;
    color:#fff;
    padding: 10px;
    }
    
.RH_H1_ArticleThemeLI{
    float:left;
    clear:both;
    color:#fff;
    margin-left: 35px;
    list-style-type:circle;}
    
    #breadcrumbs-one{
  overflow: hidden;
  width: 520px;
  margin-left:0px;
  padding: 10px;
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
  background: #389F3C;
  color:#fff;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #389F3C;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
  color:#389F3C;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0; 
}

th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}


/*************************************************************  */
/*--------------- RELAGO ORDER PREVIEW ---------------------------  */
/**************************************************  */
.ROP_Content{
 width:520px;
 float:left;
 background-color:#fff;
 font-size:10px;
 color:#001c30;
 padding: 10px 10px 0px 10px;
 margin-bottom:30px;
 line-height: 12px;
clear: both;}
.ROP_Gridrow{float:left; clear: both; width: 100%; margin: 0px 0px 15px 0px;}
.ROP_Gridrow_Footer{float:left; clear: both; width: 100%; margin: 25px 0px 0px 0px; color:#999; text-align:center;}
.ROP_Header_Logo{float:right; margin:0px 10px 0px 0px; background-image: url("sprite.png"); background-position: 0 0; width:134px; height:67px}
.ROP_Header_Info{float:right; width:200px; text-align:left;}
.ROP_For{float:left; width:400px; text-align:left;}
.ROP_For_Title{font-size:20px; font-weight:bold; margin: 5px 0px 10px 0px; text-decoration: underline;}
.ROP_Number{font-size:20px; font-weight:bold; clear:right}
.ROP_Created{float:left; clear:right;margin-top: 10px;}
.ROP_Other_Left{float:left; width:150px; text-align:right; font-weight:bold; margin-right:7px; clear:left;}
.ROP_Other_Right{float:left; width:350px; text-align:left; clear:right;}
#ROP_table{background-color:#f8f8f8; padding:5px;}
.ROPT_r {text-align:right; margin:5px;}
.ROPT_l {text-align:left; margin:5px;}
.ROPT_s {font-weight:bold; font-size:14px;}
#ROPT tr th, #ROPT tr td{padding: 5px;}
#ROPT tr:nth-child(odd)    { background-color:#D3DFEE; }
#ROPT tr:nth-child(even)    { background-color:#fff; }
#ROPT tr:first-child{ background-color:#4F81BD}
#ROPT tr:first-child th{color:#fff; }

#ROPT tr.ValidateRow {background-color:#FF7171}

#RelagoMessageAttachmentsContainer{width:380px; margin: 10px;float:left; clear:both;}
#RelagoMessageAttachmentsContainer a {font-weight:normal; float:left; clear:both; margin: 5px 0px;}
#RelagoMessageAttachmentsContainer a:hover {font-weight:normal; text-decoration:underline; cursor:pointer;}
.ROP_PromoCodeContainer{width:510px;float:left;background-color:#fff;clear:none;margin:10px 20px 10px 0px;border:2px solid #efefef; position:relative;height:140px; position:relative;}
.ROPPC_InputField{position:absolute; height:40px; top:45px; left:0px;}
.ROP_TotalCheckoutContainer{width:406px;float:left;clear:none;margin:10px 0px 10px 20px ;position:relative;}
.GridcellthreeCT{float:left;font-size:32px; width:235px;}
.GridcelloneCT{float: left;font-size: 12px;height: 20px; padding: 18px 5px 0px 0; text-align: right; width: 130px;}
.CC_Action_Container_Left{float:left;clear:none;width:470px; margin-right:10px;}
.CC_Action_Container_Right{float:left;clear:none;width:470px; margin-left:10px;}
.CC_Total_Container_Left{float:left;clear:none;width:476px; margin-right:4px;}
.CC_Total_Container_Right{float:left;clear:none;width:478px; margin-left:2px;}

.CC_ControlNoImage{float:left;clear:both;width:600px;}
.CCCNI_one,.CCCNI_two,.CCCNI_three{float:left;clear:none;width:180px; height:100px; background-image: url("sprite.png"); margin:3px 10px}
.CCCNI_one {background-position:0px -3195px;}
.CCCNI_two {background-position:0px -3295px;}
.CCCNI_three {background-position:0px -3395px;}
.Popup2Col300{float:left;clear:none;width:175px; padding:0px 10px}
.RedirectWarning_visible,.RedirectedContent_visible,.RedirectOutcomeSuccess_visible,.RedirectOutcomeFailure_visible{display:inline; margin-top:150px;}
.RedirectWarning_invisible,.RedirectedContent_invisible,.RedirectOutcomeSuccess_invisible,.RedirectOutcomeFailure_invisible{display:none;}
.CCP_Blanket_active{
    width: 960px;
    height: 100%;
    top:0px;
    position:absolute;
    background-color:#fff;
    z-index:9;
bottom:0;
left:0;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);}
.CCP_Blanket_inactive{height: 0px; width: 0px;}
.Relago_GridRow_CC_Auth_OK_visible,.CC_Action_visible,.Relago_GridRow_CC_Auth_fail_visible,.CC_cancel_visible,.Relago_GridRow_CC_Auth_cancel_visible{display:inline; margin:20px 0px;z-index:10;}
.Relago_GridRow_CC_Auth_OK_invisible,.CC_Action_invisible,.Relago_GridRow_CC_Auth_fail_invisible,.Relago_GridRow_CC_Auth_cancel_invisible,.CC_cancel_invisible {display:none}
.Relago_text_link{font-weight:bold;}
.Relago_text_link:hover{cursor:pointer;}
.specialw1{width:80px} .specialw2{width:220px}
.PromoCodeWarning_visible{position:absolute;display:inline; clear:both; width:490px; top:0px; left:0px; text-align:center; margin:4px; padding:6px; background-color:#ff7171; color:#fff; font-weight:bold;}
.PromoCodeWarning_invisible{display:none;}
.Relago_online_placanje_karticom_button_visible,.Relago_placanje_po_predracunu_button_visible{opacity: 1; height: auto;-webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease;    -ms-transition: opacity 2s ease; transition: opacity 2s ease;}
.Relago_placanje_po_predracunu_button_invisible,.Relago_online_placanje_karticom_button_invisible{display: block; opacity: 0; height: 0; overflow: hidden;}
.Relago_primjer_logo{width:150px; height:70px; background-image: url(sprite.png); background-position: -170px -363px; margin: 5px 0px 5px 75px;}
.Relago_MGM_InvitationSent_visible{float:left; clear:both; padding:10px; text-align:center;color:#ffffff; background-color:#77BBEA; margin:15px; width:590px;}
.Relago_MGM_InvitationSent_invisible{display:none;}


/*************************************************************  */
/*--------------- RELAGO BANNERS ---------------------------  */
/**************************************************  */
.Leaderboard_banner_container{float: left;margin:10px 116px;clear:none;}
.Medium_rectangle_banner_container{float: right; margin:10px;clear:none;}
.Medium_rectangle_banner_in_paragraph_container{float: right; margin:0px 20px;clear:none;}
.Medium_rectangle_banner_Under_RelagoGroupOne_container{float: left; margin:20px 60px;clear:none;}


/*************************************************************  */
/*--------------- RELAGO STORE PRICING TABLE ---------------------------  */
/**************************************************  */
.Relago_pricing_table_first_row{float:left; width:115px; height:509px; padding:0px; position:relative;}
.Relago_pricing_table_first_row div {height:37px; text-align:right; font-size:18px; padding:20px 5px 0px 0px; margin:8px 0px; position:absolute; left:0px; width:105px;background-color: #418AD1; color: #FFFFFF;}


.Relago_pricing_table {  
    float:left;  
    margin-top: 10px; margin-left:10px; padding-bottom:20px; 
}  
.Relago_pricing_table ul {
    list-style:none;
    background-color:#418AD1;
    float:left;  
    width:265px;  
    height:500px;
    margin:0px 10px;
    text-align:center;
    position:relative;
   -webkit-transition: -webkit-transform .1s ease-out; 
   -moz-transition: -moz-transform .1s ease-out; 
   -o-transition: -o-transform .1s ease-out;
}  
.Relago_pricing_table ul.small {margin-left:0px}
.Relago_pricing_table ul.custom {margin-right:0px}
.Relago_pricing_table ul:hover {  
    -webkit-transform: scale(1.051);  
    -moz-transform: scale(1.051);  
    -o-transform: scale(1.051);  
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);   
}  
.Relago_pricing_table ul:hover li.title{background-color:#418AD1;}
.Relago_pricing_table ul li {padding:6px;color:#fff;}  
.Relago_pricing_table ul li.title {color:#FFFFFF; font-size:30px;font-weight:bold; padding:10px 0px;} 
.Relago_pricing_table ul.small li.title {background-color:#6BBD46;} 
.Relago_pricing_table ul.medium li.title {background-color:#bd469d;} 
.Relago_pricing_table ul.custom li.title {background-color:#666666;} 
.Relago_pricing_table ul.small li .ATCLLower {color:#ECFFC7;} 
.Relago_pricing_table ul.medium li .ATCLLower {color:#ffcdff;} 

.Relago_pricing_table ul li div{font-size:12px; font-weight:normal;}
.Relago_pricing_table ul li.limit{font-weight:bold;}
.Relago_pricing_table ul li.shortpurpose {font-size:12px;font-weight:bold;}  
.Relago_pricing_table ul li.4throw {font-size:14px;}  
.Relago_pricing_table ul li.AddToCartLink {  
    color:#Fff;  
    font-size:12px;
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    padding:0 10px;
    height: 55px;
    width:245px;
    margin-bottom:10px;
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
    cursor:pointer;
}  
.Relago_pricing_table ul li.AddToCartLink:hover {background-color:#F7941D;}  
.ATCLUpper{float:left; width:240px; text-align:center;height: 30px;}
.ATCLLower{float:left; width:240px; text-align:center;height: 20px;padding-top:5px;}
.ATCLIcon{width:20px; height:20px; position:absolute; top:20px; right:20px; background-image: url(sprite.png); background-position: -124px -160px;}
.ATCLBigtext{float: left; font-size: 30px !important; height: 30px; text-align: right; width: 100px; font-weight:bold !important;}
.ATCLSmalltext{float: left; font-size: 12px; height: 30px; text-align: left; width: 130px; margin: 18px 0px 0px 5px}
.ATCLLFirst{float: left; text-align: right; width: 100px; font-weight:bold !important;}
.ATCLLSecond{float: left; text-align: left; width: 130px; margin: 0px 0px 0px 5px}
.ATCLAddToCart{font-size:12px; font-weight:normal;}


/*************************************************************  */
/*------- RELAGO SPLASH - PLEASE WAIT! ----------------  */
/**************************************************  */
.Relago_please_wait_active{display:inline; z-index:20000;}
.Relago_please_wait_inactive{display:none;}
.Relago_splash,.Relago_splash_popup,.Relago_splash_popup_test,.Relago_splash_app{
 min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 display: block;
 z-index: 1102; /* show this div in front of everything, but one level below the loading animation */
 position: fixed; /* this is the most important line */
 top: 0;
 left: 0; z-index:20000;
}
.Relago_splash_background
{min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 display: block;
 z-index: 1102; /* show this div in front of everything, but one level below the loading animation */
 position: fixed; /* this is the most important line */
 top: 0;
 left: 0; z-index:20000;}
.Relago_splash .loaded{display:none;}
.Relago_splash_loading{
 min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 z-index: 20000; 
}
.Relago_splash_loading_text{
 display: block;
 z-index: 1104; 
}
.Relago_splash_text_big{position:absolute; top:50%; left:50%; margin: 78px 0 0 -150px;display: block;color:#001c30; font-family: 'century gothic',  Trebuchet, sans-serif; font-size:24px; padding:20px 0px; background-color:#ffffff; z-index:20000; width:296px; text-align:center; border:2px solid #418AD1;}
.Relago_splash_text{position:absolute; top:50%; left:50%; margin: 78px 0 0 -134px;display: block;color:#001c30; font-family: 'century gothic',  Trebuchet, sans-serif; font-size:24px; padding:20px; background-color:#ffffff; z-index:20000;}


.Relago_splash_popup{position:absolute;}
.Relago_splash_popup .Relago_splash_loading {background-image: url(loading5-popup2.gif);}
.Relago_splash_popup_test .Relago_splash_loading,.Relago_splash_app .Relago_splash_loading {background-image: url(loading5.gif);}
.Relago_splash_popup .Relago_splash_loading .Relago_splash_text{font-size:14px; margin: 19px 0 0 -83px; padding:5px 20px;}

.Relago_splash_spin_popup{background: #418AD1;color: white;width: 173px;height: 50px; position:absolute; top:50%; left:50%;margin: -33px 0 0 -85px; border: 2px solid #ffffff;}
.Relago_splash_spin,#Relago_splash_spin{background: #418AD1;color: white;width: 300px;height: 200px; position:absolute; top:50%; left:50%;margin: -120px 0 0 -152px; border: 2px solid #ffffff;}

.t-window .t-window-titlebar .t-window-actions {display:none}
#NewTermsAndConditionsWindow.t-window .t-window-titlebar .t-window-actions,#AppHelpWindow.t-window .t-window-titlebar .t-window-actions {display:block}

/*************************************************************  */
/*------- RELAGO REPORTING ----------------  */
/**************************************************  */

.RelagoReportContainer{float:left; width:290px; height:90px; background-color:#418AD1; color:#fff; margin: 15px 15px 15px 0px; cursor:pointer;}
.RelagoReportContainer:hover{background-color:#F7941D;}
.RelagoReportContainer_disabled{float:left; width:290px; height:90px; background-color:#000000; color:#fff; margin: 15px 15px 15px 0px;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
  cursor:default;}
.RRC_Icon{float:left; width:60px; height:60px; margin:15px}
.RRC_Type{float:left; width:160px; height:50px; text-align:center; padding:35px 10px 5px 10px; font-size:18px;}
.CHR-PiechartNoData{float:left; margin:10px;width:280px; height:280px;}
.CHR-PNDContent{width:260px;
                height: 180px;
                margin:0px 10px;
    padding:100px 0px 0px;
    background-image: url(RelagoNoDataPieChart.jpg);
	background-position: 0px 0px; color:#F7941D;    
	font-size: 20px;
    font-weight: bold; text-align:center;}

.RelagoUploadContainer{float:left; width:350px; height:145px; background-color:#418AD1; color:#fff; margin: 20px 25%;}
.RelagoUploadResultContainer{float:left; width:350px; height:230px; background-color:#418AD1; color:#fff; margin: 20px 25%;}
.RUC_Type{float:left; width:330px; height:60px; text-align:center; padding:28px 10px 5px 10px; font-size:18px;}
.RUC_Input{text-align: center;float:left; width:330px; height:63px; padding:0px 10px;}
.RUC_ResultL{text-align: right;float:left; width:160px; height:63px; padding:0px 10px; font-size:12px;}
.RUC_ResultR{text-align: right;float:left; width:100px; height:63px; padding:0px 10px; font-size:34px; margin-top: -19px;}


/*************************************************************  */
/*------- RELAGO Calendar ----------------------  */
/**********************************  */

.RelagoCalendarContainer{float:right;clear:right; min-width:205px; width:50%; padding: 0px 0px 10px 10px; display:block; font-size:12px;}

.RCal_HeaderContainer{min-width:205px; width:100%; float:left; clear:both; background-color:#418AD1; color:#ffffff; padding-top: 4px;}
.RCalHead_Nav_Before,.RCalHead_Nav_After{float:left; width: 10%; height:20px; text-align:center; cursor:pointer;}
.RCalHead_Nav_Before:hover,.RCalHead_Nav_After:hover{color:#F7941D;}
.RCalHead_Nav_Current{float:left; width: 80%; height:20px; text-align:center;}
.RCalWeekdayContainer{float:left; width:100%; height:20px; text-align:center; background-color:#ffffff; color:#001c30; border-bottom:1px solid #efefef}
.RCalWeekday{float:left; width: 14%; height:20px; text-align:center; background-color:#ffffff; color:#001c30}


.RCal_BodyContainer{min-width:205px; width:100%; float:left; clear:both; background-color:#ffffff; color:#001c30; height:180px;}
.RCal_DayPrevMo,.RCal_DayCurrMo,.RCal_DayNextMo{float:left;clear:none; width:14%; height:18px; padding:6px 0px; text-align:center; cursor:pointer;}
.RCalDayEvent1{background-image: url(sprite.png); background-position:-252px -320px; background-repeat:no-repeat;}
.RCal_DayPrevMo:hover,.RCal_DayCurrMo:hover,.RCal_DayNextMo:hover{background-color:#efefef}
.RCalDayCurrentDay{background-color:#F2F2F2}
.RCalDayCurrentDay:hover{background-color:#F2F2F2}
.RCal_DayPrevMo,.RCal_DayNextMo{color:#aaaaaa;}
.RCal_DayCurrMo{font-weight:bold;}
#CalendarActitity_Date{font-size:24px; width:100%; font-weight: bold; padding: 10px 0px; text-align: center;}


/*************************************************************  */
/*------- RELAGO Blog ----------------------  */
/**********************************  */


.RelagoBlog_Post_Container{float:left; width:960px;margin-bottom: 30px;}
 
.RBP_Title-H2{font-size: 30px !important; padding:10px 15px; color:#418AD1;}
.RBP_Content{font-size: 16px !important; padding:10px 15px; line-height:28px;}
.RBP_contleft{padding:10px; float:left;}
.RBP_contright{padding:10px; float:right;}
.RBP_Content a {font-size: 16px; font-weight:bold;}
.RBP_Content a:hover{color:#F7941D;}


/*************************************************************  */
/*------- RELAGO Homepage Content Rotator --------------  */
/**********************************  */

#awOnePageButton .view-slide{display: none;}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load{	height: 400px; /* Same as showcase javascript option */
	overflow: hidden;}

/* Container when content is shown as one page */
.showcase-onepage{	/**/}

/* Container when content is shown in slider */
.showcase{	position: relative;	margin: auto;}

	.showcase-content-container	{background-color: #000;	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		width: 50px;
		height: 120px;
		top: 160px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous{left: -75px;background-position: 10px 43px;background-color: #418AD1; background-image: url('NavArrow-rev.png'); background-repeat:no-repeat;		}
	.showcase-arrow-previous:hover	{background-position: 5px 43px;	}
	.showcase-arrow-next{right: -71px;background-position: 10px 43px;background-color: #418AD1; background-image: url('NavArrow.png'); background-repeat:no-repeat;	}
	.showcase-arrow-next:hover	{background-position: 15px 43px;	}
	
	/* Content */
	.showcase-content{background-color: #ffffff;text-align: center; position:relative;	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('sprite.png');
			background-repeat: no-repeat;
			background-position:  -101px -324px;
		}
		
		.showcase-plus-anchor:hover	{background-position: -137px -324px;}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-color:#ffffff;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */ filter: alpha(opacity=90);
  /* Netscape */ -moz-opacity: 0.9;
  /* Safari 1.x */ -khtml-opacity: 0.9;
  /* Good browsers */  opacity: 0.9;
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-color:#ffffff;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8;
		}
		
	.showcase-onepage .showcase-content	{margin-bottom: 10px;	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{ background-image: url('sprite.png');
			background-repeat: no-repeat;
			background-position:  -103px -367px;
			width:20px;
			height:20px;
			margin-right: 10px;
			padding: 4px 7px 0px 7px;
			cursor: pointer;
			font-size: 12px;
			color: #418AD1;
		}
	
		.showcase-button-wrapper span.active {background-position:  -123px -367px; color: #F7941D;}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{background-color: #000;}
	
	.showcase-thumbnail-wrapper	{		overflow: hidden;	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{border: solid 1px #999;}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{display: none;	}
		
		.showcase-thumbnail.active
		{border: solid 1px #999;}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{display: none;	}
	
	.showcase-thumbnail-wrapper-horizontal
	{padding: 10px;}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{padding: 10px;}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{margin-bottom: 10px;}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{background-position: 0 -51px;	margin-left: 55px;}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{background-position: -17px -51px;}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{background-position: 0 -34px;margin-left: 55px;}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{background-position: -17px -34px;}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{	background-position: 0 -17px;margin-top: 40px;margin-bottom: 40px;}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{background-position: -17px -17px;}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{background-position: -17px 0;}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{display: none;}
	


/*************************************************************  */
/*------- RELAGO Social Media icons --------------  */
/**********************************  */
#Relago_Social_Container{position: absolute; float:left; height:100px; width:55px; right:-65px;}
.RSC_facebook,.RSC_twitter,.RSC_googleplus,.RSC_linkedin{float:left; width:20px; height:20px; margin:7px 7px 0px 0px; background-image: url(sprite.png); background-repeat: no-repeat; cursor:pointer;}
.RSC_facebook:hover{background-position: -102px -276px}
.RSC_twitter:hover{background-position: -127px -276px}
.RSC_googleplus:hover{background-position: -177px -276px}
.RSC_linkedin:hover{background-position: -152px -276px}
.RSC_facebook{background-position: -102px -301px;}
.RSC_twitter{background-position: -127px -301px;}
.RSC_googleplus{background-position: -177px -301px;}
.RSC_linkedin{background-position: -152px -301px;}

/*************************************************************  */
/*------- RELAGO Sitemap --------------  */
/**********************************  */
ul.Relago_Sitemap_Container{float:left;}
ul.Relago_Sitemap_Container li{ font-size:14px; font-weight:normal; padding:5px 20px;}
ul.Relago_Sitemap_Container li a{font-weight:normal;}

/*************************************************************  */
/*------- RELAGO Homepage --------------  */
/**********************************  */
.RelagoHomepageFeaturesContainer{float:left; width:960px; padding:0px; }
.RHFItem{float:left; margin:10px; width:216px; height:300px; border: 1px solid #efefef; text-align:center;}
.RHFIone{border-left: 3px solid #418AD1}
.RHFItwo{border-left: 3px solid #6BBD46}
.RHFIthree{border-left: 3px solid #F7941D}
.RHFIfour{border-left: 3px solid #bd469d}
.RHFIImg{float:left; width:216px; height:100px; background-image: url('Homepage-features.png'); background-repeat: no-repeat;}
.RHFIone .RHFIImg{background-position: 0px -100px;}
.RHFItwo .RHFIImg{background-position: -216px -100px;}
.RHFIthree .RHFIImg{background-position: -432px -100px;}
.RHFIfour .RHFIImg{background-position: -648px -100px;}
.RHFIone:hover .RHFIImg{background-position: 0px 0px;}
.RHFItwo:hover .RHFIImg{background-position: -216px 0px;}
.RHFIthree:hover .RHFIImg{background-position: -432px 0px;}
.RHFIfour:hover .RHFIImg{background-position: -648px 0px;}
.RHFItem h2{float:left;text-align:center; width:196px; margin:0px; padding:10px;}
.RHFIText{float:left;text-align:left; width:196px; margin:0px; padding:10px; font-size:14px; line-height:22px;}
a.RHFMoreLink{float:left; width:960px; padding:10px 0px; font-size:22px; color:#ffffff;text-align:center; background-color:#418AD1; background-image: url('NavArrow.png'); background-position: 906px 10px; background-repeat: no-repeat; cursor:pointer;font-weight: normal;}

.RelagoTrustBlogContainer{float:left; width:960px; padding:0px;}
.RelagoTrustContainer{float:left; width:570px}
.RelagoTrustContainer h2{float:left;font-size:24px; color:#418AD1; margin:0px; padding:1px 5px 5px 15px; width:560px;}
.RTCimg{float:left;margin:10px 40px;}


.RelagoBlogHomeContainer{width:388px; float:left; font-style:italic; font-weight:normal; border:1px solid #ffffff; cursor:pointer;}
.RelagoBlogHomeContainer:hover{border:1px solid #cccccc;}
.RelagoBlogHomeContainer h2{float:left;width:350px; float:left;font-size:24px; color:#418AD1; padding:0px 0px 5px 0px ;margin: 0px 0px 10px 0px; font-style:normal;}
.RBHPost{width:350px; float:left;margin-bottom: 15px;}
.RBHTitle{width:350px; float:left;font-size: 16px !important; padding:0px 0px 2px 0px; line-height:20px;color: #BD469D;}
.RBHContent{width:340px; float:left;font-size: 12px !important; padding:5px; line-height:12px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; height:12px; color:#666666;}


.RelagoHomepageSecondaryCTAContainer{float:left; width:960px; padding:20px 0px; font-size:24px; color:#ffffff;text-align:center;}
.RHSCTAQuestion{float:left;padding:30px 10px; width:650px; background-color:#418AD1;}
.RHSCTAAnswer{float:left;padding:30px 10px; width:270px; background-color:#6BBD46; cursor:pointer; background-image: url('NavArrow.png'); background-position: 243px 32px;  background-repeat: no-repeat;color:#ffffff !important; font-weight:normal; font-size:24px;}