/* ************************************************************************************************************************************ */
/* ************************************************************ CONTENT *************************************************************** */
/* ************************************************************************************************************************************ */

.clear{
	clear:both;
}

.alpha{
	opacity:0.4;
	filter:alpha(Opacity=40);
}

.justify{
	text-align:justify;
	line-height:18px;
}

.comment{
	font-size:10px;
	color:#999999;
}

img.border{
	border:1px solid #CCCCCC;
}

#content {
	font-size:11px;
}

#content a{
	font-size:11px;
}

#content h3{
	font-size:12px;
	font-weight:bold;
	/*
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	margin-right:30px;
	*/
	margin-bottom:5px;
	
}

div.poi{
	float:left;
	width:17px;
	height:16px;
	margin-right:7px;
	background:no-repeat center;
}

.poi a {
	margin-left:24px;
}

/* ************************************************************* */
/* ***************************** Boxes ************************* */
/* ************************************************************* */

.newsbox{
	border:1px solid #e8e8e8;
	padding:7px;
	text-align:justify; 
	background-color:#f3f4f0;
	-moz-border-radius:5px;
}
.newsbox img{
	margin:7px 0 7px 0;
}

.redbox{
	background-color:#e10000; 
	border:0px solid #BBBBBB;
	padding:5px 10px 10px 10px;
	text-align:justify;
	color:white;
	-moz-border-radius:5px;
	line-height:18px;
}

.redbox a{
	color:white;
	text-decoration:underline;
}

.redbox a:hover{
	color:white;
}

/* ********************************************************************* */
/* ***************************** Noob Slidebox ************************* */
/* ********************************************************************* */

.buttons{padding:2px;}
.buttons span{color:#333333;padding:1px 4px 2px 4px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#065A7C;color:#fff}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:252px;
	/*height:170px;*/
	float:left;
}

#box8 img{
	/*border:1px solid #d7d7d7;*/
}

#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.ads8 .buttons{
	
	clear:both;
}
.ads8 .mask1{
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
}

#handles8_more{
	padding:0 !important;
	margin:0;
}

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

.mask1{
	position:relative;
	width:252px;
	height:170px;
	overflow:hidden;
}


/* ************************************************************* */
/* ******************* Form content (modal window) ************* */
/* ************************************************************* */

#formmain a{
	text-decoration:underline !important;
}

#formmain p{
	text-align:justify;
	line-height:18px;	
}

#formmain ul li{
	line-height:18px;	
}

#formmain h1{
	color:#004276;
	font-size:16px;
	text-align:left;
}

#formmain h2{
	margin-top:20px;
	color:#004276;
	font-size:14px;
	text-align:left;
/*	border-bottom:1px solid #dde6f1;*/
}

#formmain h3{
	text-align:left;
	font-size:12px;
}

/* ************************************************************* */
/* ************************** Pocetna ************************** */
/* ************************************************************* */

ul.intro{
	list-style-type: none;
	padding:0;
	margin:0;
}

ul.intro li{
	height:80px;
	padding:0;
	margin:0;
	/*cursor:pointer;*/
}

ul.intro li div.icon{
	float:left;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	cursor:pointer;
}

ul.intro li div.icon:hover{
	background-position:-48px 0;
}

ul.intro li h3{
	margin-bottom:5px;
	margin-left:70px;	
}

ul.intro li div.desc{
	margin-left:70px;
	text-align:justify;
}


ul.intro li div a{
	/*font-weight:bold;*/
	text-decoration:underline !important;
}

#pretragaicon{
	background-image:url(../images/content/pretraga.gif);

}

#ugradnjaicon{
	background-image:url(../images/content/ugradnja.gif);
}

#upisicon{
	background-image:url(../images/content/upis.gif); 
}

#poiicon{
	background-image:url(../images/content/poi.gif); 
}

/* ************************************************************* */
/* ************************** Korisnicki racun ***************** */
/* ************************************************************* */

/* ************************** Karte.hr premium ***************** */
.modulebox_premium ul{
	list-style:none;
	margin-left:20px;
}

.modulebox_premium ul li{
	margin-left:10px !important;
}

.modulebox_premium ul li a.admin{
	margin-left:20px;
	font-size:9px;
	text-decoration:underline;
}


/* ************************** Karte.hr premium admin ***************** */

ul#admin_images{
	list-style-type:none;
	margin:0;
	margin-left:20px;
	padding:0;
}

ul#admin_images li{
	margin:5px;
	padding:0;	
	float:left;
	position:relative;
}

ul#admin_images li div.premium_admin_delete{
	width:16px;
	height:16px;
	background: url(../images/content/delete.png) no-repeat;
	position:absolute;
	display:none;
	cursor:pointer;
}

table.poi_edittable{
	margin-left:20px;
}

table.poi_edittable td.label{
	width:150px;
}

table.poi_edittable tr{
	height:24px;
}

table.poi_edittable input, table.poi_edittable textarea{
	width:250px;
}

table.poi_edittable textarea{
	width:400px;
	height:150px;
}

/* ************************************************************* */
/* ************************** Pretraga ************************* */
/* ************************************************************* */

ul.searchresult{
	margin:0;
	padding:0;
	list-decoration:none;
}

ul.searchresult li{
	margin:0;
	border-bottom:1px solid #eeeeee;
	display:block;
	padding:7px 0 7px 0;

	cursor:pointer;
}


ul.searchresult li h4{
	font-weight:normal;
	margin:0;
	font-size:12px;
}


ul.searchresult li div.desc{
	margin-top:5px;
	margin-left:27px;
	font-size:10px;
}

ul.searchresult li:hover{
	background-color:#FEFDE8;
}

/* ************************************************************* */
/* ***************************** Ugradnja karte ***************** */
/* ************************************************************* */

#genPostavke
{
	margin-bottom:10px;   
	padding-top:5px;
}

#txt_postavke_cont {
	margin-top:3px;
	margin-right:2px;
	position:absolute;
	right:0;
	top:-3px;
}

#txt_postavke_cont a{
	font-size:9px;
}

#genPostavke input.input40
{
	width:40px;
	font-size:10px;
}

.boxZaUgradnju
{
	display:inline-block;
	width:220px;
	height:18px;
	max-height:18px;

	padding:0;
	padding-left:2px;
	padding-top:2px;
	
	font-size:10px;  
	color:#aaaaaa;	
}

.boxZaUgradnju:focus{
	color:#333333;		
}
	
#linkNaKartu,
#linkNaKartuLoc
{
  margin-top:0px;
  font-size:10px;
  width:100%;
}

#kodZaUgradnju{
	margin-top:3px; 	
	margin-bottom:10px;   
}

/* ************************************************************* */
/* ***************************** Lokacije ********************** */
/* ************************************************************* */

ul.latestlocations, ul#poi_list{
	display:block;
	margin:0;
	padding:0;
	list-decoration:none;
	list-style-type:none;
}

ul.latestlocations li, ul#poi_list li{
	margin:0;
	border-bottom:1px solid #eeeeee;
	display:block;
	padding:7px 0 7px 0;
	color:#004276;
	cursor:pointer;
}

ul.latestlocations li.top, ul#poi_list li.top{ /* tako da prvi record ima top border */
	border-top:1px solid #eeeeee;
}

ul.latestlocations li:hover, ul#poi_list li:hover{
	background-color:#FEFDE8;
}

ol.locations li a{
	text-decoration:underline;
}

#zadnjeLok
{
	margin-top:30px;
	margin-bottom:5px;
}

ul#poi_list{
	position: relative;	
}

ul#poi_list li{position: relative;
	width:130px;
	float:left;
	margin-right:0px;
}

#poi_menu{
	position:absolute;
	right:0;
	top:0;
	font-size:9px;
	color:#004276;
}

#poi_menu a{
	font-size:9px;

}



/* ************************************************************* */
/* ***************************** MyMaps ************************ */
/* ************************************************************* */

.omnigrid div.fbutton .add {
	background:transparent url(../images/content/add.png) no-repeat scroll left center;
}

.omnigrid div.fbutton .delete {
	background:transparent url(../images/content/delete.png) no-repeat scroll left center;
}

.omnigrid div.fbutton .duplicate {
	background:transparent url(../images/content/page_copy.png) no-repeat scroll left center;
}

.omnigrid div.fbutton .refresh {
	background:transparent url(../images/content/refresh.gif) no-repeat scroll left center;
}

.omnigrid div.fbutton .embed {
	background:transparent url(../images/content/html.png) no-repeat scroll left center;
}

.omnigrid div.fbutton div.fbOver span{
	border:0 !important;
	color:#ed2024;
}

.omnigrid li.over {
	background-color:#FEFDE8 !important;
}

.omnigrid li.over div{
	color:#ed2024 !important;
}

.omnigrid{
	border-bottom:1px solid #E2E2E2 !important;
}

.omnigrid div.tDiv{
	background-image:none !important;
	background:#fafafa !important;
	border:1px solid #E2E2E2 !important;
}

.omnigrid div.bDiv{
	border-color:#E2E2E2 !important;
	overflow-x:hidden !important; /* zato sto je samo jedna kolona */
}

.omnigrid div.bDiv ul{
	border:0 !important;
}

.omnigrid div.btnseparator
{
	border-left: 1px solid #e2e2e2 !important;

}

.omnigrid .section ul{
	
}

.omnigrid .section ul li{
	padding:5px  !important;
	padding-left:30px !important;
	cursor:pointer;
	-moz-user-select: none;
}

.omnigrid .section ul li.selected{
	background-color:#F3F8FC !important;
}

.omnigrid .section ul li:hover{
	background-color:#FEFDE8 !important;
	color:#ed2024;
}

/* ************************************************************* */
/* ***************************** POI form ********************** */
/* ************************************************************* */

.color{
	width:16px; 
	height:16px; 
	/*background-color:gray; */
	border:1px solid #aaaaaa;
	display:inline-block;	
}

div.slider {
	/*width: 195px;
	 margin-left:3px;
	 */
	width: 50px;
	height: 10px;
	/*background: #fefefe;*/
	border:1px solid #BBBBBB;
	display:inline-block;
	
}

div.slider div.knob {
	background: #595959;
	width: 10px;
	height: 10px;
	
	cursor:pointer;
}

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

/* ************************************************************* */
/* ***************************** Content *********************** */
/* ************************************************************* */

ul#contentmenu{
	padding:0;
	margin:0;
	list-style-type:none;
}

ul#contentmenu li{
	float:left;
	display:inline-block;
	margin-right:10px;
	color:#004276;
}

ul#contentmenu li h1{
	margin:0;
	padding:0;
}

ul#contentmenu li a{
	/*margin-bottom:2px;*/
	display:block;
	text-decoration:none !important;
}



/* ************************************************************* */
/* ***************************** Kontakt page ******************* */
/* ************************************************************* */

.contacttable .blue{
	width:150px;
}

.contacttable tr{
	height:22px;
}

.contacttable input{
	width:200px;
}

.contacttable textarea{
	width:300px;
	height:100px;	
}


/* ************************************************************* */
/* ***************************** Desno aux icon menu *********** */
/* ************************************************************* */

ul#aux_icon_menu{
	position:absolute;
	top:4px;
	right:10px;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#aux_icon_menu li{
	display:block;
	float:left;

	padding:0px;
	margin:0;
}

ul#aux_icon_menu li a{
	display:block;
	width:16px;
	height:16px;
	padding:0px;
	margin:0;
	background-repeat:no-repeat;
}

ul#aux_icon_menu li a:hover{
	background-position:-16px 0;
}

ul#aux_icon_menu li#search_add a{
	background-image:url(../images/search_add.png);

}

.help1 ol li
{
	margin-bottom:7px;
	line-height: 13pt
}.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				17010;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				17000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				17002;
	font-weight:bold;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				17002;
}

/* ******************************************************************** */
/* ************************ Overlay *********************************** */
/* ******************************************************************** */

#overlay{
	position:absolute;
	background-color: #000;
	
	width:100%;
	height:100%;
	
	top:0;
	left:0;
	/*opacity:0.7;*/
	

	z-index:16000;
}

/* ******************************************************************** */
/* ************************ Loader ************************************ */
/* ******************************************************************** */

#loader{
	position:absolute;

	padding:5px;
	font-size:11px;
	color: white;
	font-weight:bold;
	margin:0 auto;
	left: 50%; 
	
	height:14px;
	background-color: #cc0000;
	border:1px solid #990000;
	
	z-index:26001; /* iznad overlay-a */
}


/* ********************************************************************** */
/* ********************** MODAL FRAME *********************************** */
/* ********************************************************************** */

.form_container{
	position:absolute;
	top:100px;
	left:0;

	background-color:white;
	border:10px solid #222222;
	z-index:16002;
	padding:20px;
	text-align:left;
	
	
}

.form_container #formmain{
	overflow-y: auto;
	width:100%;
	padding-right:10px; /* radi scrollbara */
	/*height:95%;*/ /* radi form_footera, ide ispod njega */
	position: relative;
}

#form_header{
	background: #222222;
	width:100%;
	height:23px;
	color:white;
	
	position:absolute;
	top:-3px;
	left:0;
	
	font-size:14px;
	font-family:Helvetica, Verdana, Arial;
	font-weight:bold;
}

#form_footer{
	background: #222222;
	width:100%;
	height:30px;
	color:white;
	
	position:absolute;
	bottom:0;
	left:0;
}

.form_container #form_status{
	position:absolute;
	top:12px;
	right:40px;
}

.form_container #form_closebt{
	position:absolute;
	top:0;
	right:0;
	margin:-20px;
	cursor:pointer;
	width:24px;
	height:24px;
	background-image:url(images/close.gif);
}

.form_container #form_leftbt{
	position:absolute;
	top:8px;
	left:0;

	cursor:pointer;
}

.form_container #form_rightbt{
	position:absolute;
	top:8px;
	right:0;

	cursor:pointer;
}

.form_container #form_loader
{
	position:absolute;
	width:31px;
	height:31px;
	background-image:url(images/loader.gif);
}

a.formbutton{
	float:right;
	margin-left:10px;
	margin-top:10px;
	padding:3px;
	border:1px solid white;
	font-weight:bold;
	color:white !important;
	text-decoration:none;
	cursor:pointer;
	
	font-size:11px;
	font-family:Helvetica, Verdana, Arial;
}

a.formbutton:hover{
	background-color:white;
	border:1px solid black;
	color:black !important;
	text-decoration:none;
}body {
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	width:100%;
	max-height:100%; 
	background:#fff; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;	
	background-color:#ffffff; 
	font-size:12px;
	overflow: hidden; 
}
  
/* for internet explorer */
* html body {
/*	padding:0 0px 95px 0px; */
	margin:0;
	padding:0;
}


img {
  border:0;
}

h1 {
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}

h2 {
	font-weight:bold;
	font-size:12px;
}

input,
select,
textarea,
option
{	
	color:#000000;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	-moz-box-sizing:border-box;
  
}

fieldset{
	border:1px solid #e2e2e2;
}

a,
a:link,
a:visited
{	
	color:#004276;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	-moz-box-sizing:border-box;
}


input, textarea{
	background-color:#fff;
	border:1px solid #ccc; 
}

input:hover, textarea:hover{
	border:1px solid #bbbbbb; 
}

input:focus, textarea:focus{
	border:1px solid #999999; 
}

a:hover 
{
	color:#ed2024;
}


select
{
	border: 1px solid #C5C5C5; 
	line-height:20px;	
}

.red{
	color:red;
}

.green{
	color:green;
}

#mainCont {
	display:none;    
	position:absolute; 
	top:113px;
	left:0px;
	right:0px;
	bottom:0px;
	/*overflow-y:scroll;     */
	text-align:center;
	margin:0;
	background:#ffffff;    
	padding:0;  
	text-align:left;  
	z-Index:50;
}

/* header */
#topCont {
	position:relative;  
	height:113px; 
	margin:0px;
	padding:0px;
	overflow:hidden; 
	text-align:center; 
	background-color:#ffffff;
	/*background-color:#eeeeee;*/  
	font-size:10px;
/*	border-top:1px solid #c5c5c5;*/
	z-Index:10;  
	text-align:left;
}


#topText
{
	position:absolute;  
	top:0px;
	left:0px;  
	width:100%;
	height:24px;
	padding:0;
	margin:0;

	color:#CCCCCC;
	background-color:#464646;
	border:0;  
}
	
#logo img
{
	margin-top:50px;	
	margin-left:10px;
}

#topMenu
{

	margin-left:10px;
}

#topMenu ul{
	margin:0;
	padding:0;
	list-decoration:none;
}

#topMenu ul li{
	display:inline-block;
	float:left;
	margin:0;
	
	margin-right:0px;
	vertical-align:top;
	
}

#topMenu ul li a:hover{
	background-color:#5e5e5e;
}

#topMenu ul li a{
	/*margin-bottom:2px;*/
	display:block;
	line-height:14px;
	padding:5px 7px 5px 7px;
	/*background-color:red;*/
}


#topMenu ul li.separator{
	background-color:#777;
	width:1px;
	height:24px;
}


#topMenu a
{

	color:#ddd;
	font-size:11px;
}

#topMenu a:hover
{
	/*text-decoration:underline;*/
}

#langMenu{
	position:absolute;
	top:5px;
	right:10px;
}

#topTextContent
{
	text-align:left;				
	position:relative;
	margin-left:5px;
	margin-top:1px;
	float:left;
	font-size:12px;
}



/* ***************************************************************** */
/* ************************** Search ******************************* */
/* ***************************************************************** */

#searchTopBox
{	
	position:absolute;
	left:150px;
	top:44px;	
}

#searchTopBox input
{
	font-size:17px;
	padding:5px;
	margin:0;
	width:240px;
	border:none;
}

#searchTopBox div, #searchTopBox a
{
	font-size:10px;
	color:#aaa;
}

#searchTopBox span a
{
	text-decoration:underline;
}

#souter1
{
	background-color:#f0f0f0;
	padding:1px;
}

#souter1 form{
	margin:0;
}

#souter1 div
{
	background-color:#e3e3e4;
	padding:1px;
}

#souter1 div div
{
	background-color:#b0b8be;
	padding:1px;
}

#souter1 div div div
{
	background-color:white;
	padding:0px;
	position:relative;
}

#searchButton
{
	position:absolute;
	right:5px;
	top:3px;
	padding:0;
	background-color:white;
	display:inline-block;
	float:left;
	width:24px;
	height:24px;
	background-image:url(../images/xmag.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}

#searchButton:hover
{
	background-position:-24px 0;
}

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

/* footer */
#bottomCont {
  position:relative; 
  padding:0;
  margin:0;
  margin-top:5px;
  height:14px;   
  overflow:hidden; 
  text-align:center; 
  /*background-color:#ffffff;*/
  font-size:10px;
  /*border-top:1px solid #c5c5c5;*/
  z-Index:60;
  }
* html #bottomCont {height:20px;}
	
#bottomCont a
{				
  font-size:10px;
  
}

/* central section */
	
#middleCont
{	
 padding-left:15px;
/*
  margin:0 auto;						
  text-align:left;
  width:95%;  

  max-width:1000px;
  width:expression(document.body.clientWidth >1100? "950px": "95%" );
*/
}

/* map section */

	
#leftCont
{			
  position:relative;		
  float:right;							
  /*left:140px; 
  top:85px;
  width:500px;
  height:500px;*/
  padding:0;
  margin:0;
  margin-left:0px;
  margin-top:0px;
  margin-right:15px;
  margin-bottom:15px;
  /*
  margin-top:10px;
  margin-bottom:10px;
  margin-left:270px;
  margin-right:15px;
  background-color:gray;
  */
  z-Index:100;			
  /*
  
  margin-right: 208px;				
 							
  */
}

	
#imeKarte
{
  position:absolute;
  top:0px;
  right:0px;
  font-weight:bold;
  padding-top:5px;
  padding-right:5px;
}
	
#flashcontent
{
	padding:0;
	position:relative;
	margin:0;
	border: 1px solid #E2E2E2;
	z-Index:500;	
}

/* utils section */

#rightCont
{		
	display:block;
	float:left;											
	width:200px;
	margin:0;
	padding:0;												
	z-Index:101;
	background-color:#777;
}

.box,
div.hidden_box,
#infoBox,
#kodBox,
#lokBox,
#searchBox
{				
	position:relative;
	text-align:left;
	padding:10px;				
	margin:0;				  
	margin-bottom:10px;
	border:1px solid #e2e2e2;
	background-color:#fcfcfc;  
  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

div.hidden_box
{	
	display:none;
}

/*
.box2
{
  position:relative;
  text-align:left;
  padding:0px;								
  margin:0px;
  border:1px solid #C5C5C5;  
}*/


#searchRez
{
	position:relative;
}
	
#searchList
{
  width:175px;
  display:none;
  overflow:auto;
  border-top:1px solid #C5C5C5; 
  
}

#searchList div {
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	cursor:default;
	-moz-user-select: none;
}

.searchItemLok {
font-size:9px;
padding:0;			
}

.searchItemText {
	font-size:9px;
	padding:0;				
}

#button1 {
left:2px;
}
#button2 {
left:27px;
}
#button3 {
left:52px;
}

	
#button1 a,
#button2 a,
#button3 a
{
		height:21px;
		width:21px;
		display:block;	
		border:0px;
}

#button1 a:active
{
		border:0px;		
		background-position:0 -42px;
}

#button1 a:hover,
#button2 a:hover,
#button3 a:hover
{
		background-position:0 -21px;
		border:0px;
}
#button1,
#button2,
#button3{
	position:absolute;
	height:21px;
	width:21px;			
	top:2px;	
	border:0px;
}

#button1,
#button1 a
{
	background:url(../images/move.gif) no-repeat			
}

#button2,
#button2 a
{
	background:url(../images/select.gif) no-repeat			
}

#button3,
#button3 a
{
	background:url(../images/resize.gif) no-repeat			
}

.tooltip
{	
	position:absolute;	
	display:none;
	width:200px;		
	text-align:left;
	color:#333333;	
	background-color:#fffccc;	
	border:1px solid #bababa; 	
	z-Index:11;	
	padding:10px 5px;
	line-height:15px;
}


#txt_postavke,
a.small_link:visited,
a.small_link
{
	font-size:11px;	
	text-decoration:underline;
}

a.biglink:visited,
a.biglink{
	font-size:12px !important;
	font-weight:bold;
}

div.adsense
{ 
  float:left;
	margin:0;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:25px;
	display:none;
}

.item1 {
	margin: 6px 0;
}

.input175 {
	width:175px;		
	margin-top:3px;	
}

#searchText
{
width:118px;
}

#txt_trazi
{
width:50px;
}

.marginTop5
{
margin-top:5px;
}

#searchRez
{
margin-top:5px;
display:none;
}

.link1
{
margin-left:30px;
}

.link2
{
margin-left:10px;
}

#bottomKarte
{
color:#FF0000;
}


#bottomFlash
{
color:#FF6600;
}


#noflash_info
{
width:80%;
margin:5px auto;
text-align: center;
}

.info2,
.info {	
	color:#333333;	
	background-color:#fffccc;	
	border:1px solid #bababa; 	
	z-Index:11;	
	padding:10px 5px;
	line-height:15px;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.info
{
display:none;
}

#txt_regRegister
{
	padding:5px;
}

#userLocations div
{
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	cursor:default;
	-moz-user-select: none;
}

.searchItem
{
	background-color:#ffffff;
	color:#000000;
}

.searchItemSelected
{
	background-color:#555555;
	color:#ffffff;
}

.searchItemHover
{
	background-color:#c5c5c5;
}

input.locButton{
	padding:2px 0px;
	margin:0;	
}

#txt_logMsg1{
	color:#ff0000;
	font-weight:bold;
	margin-bottom:3px;
}

#leftBox {			
	margin-bottom:10px;
	display:none;
	float:left;		
}

#novaLokacijaStep1 textarea{
	width:175px;	
	height:80px;
	margin-top:3px;
}


#locationList1 ul,
#locationList2 ul
{
margin-top:8px;
}

.button1{
padding:2px;
}


/* NEWWW */

#content
{	
	position:absolute;
	top:115px;
	left:10px;
	bottom:10px;
	right:10px;	
}

#leftPanel
{
	position:absolute;	
	margin:0;
	padding:0 ;
	left:0px;
	top:0px;
	width:280px;
	height:100%;	
}

#rightPanel
{	
	position:absolute;
	left:280px;
	/*background-color:#9e9e9e;*/
	margin:0;
	padding:0;
	top:0px;
	right:0px;
	bottom:0px;

	/*padding-right:10px;*/
}

#vertDividerContainer
{
	position:absolute;
	top:0px;	
	right:1px;
	height:100%;
	width:7px;
	background-color:#fff;		
	z-index:1000;
}

#vertDividerContainer:hover
{
	background-color:#f7f7f7;
	cursor:col-resize;
}

#vertDividerDist
{
	position:relative;
	float:left;
	width:7px;
	height:50%;
	margin-bottom:-20px;
}

#vertDivider
{
	position:relative;
	height:40px;
	width:7px;
	margin:0 auto;
	background-image:url(../images/spliter.gif);	
	cursor:col-resize;
	-moz-user-select:none;	
	z-index:1000;
	clear:left;
}

a.redlink
{
	text-decoration:underline;
	color:#DC143C;
}

a.nounder
{
	text-decoration:none;
}


/* ************************************************************* */
/* ***************************** Tabs ************************** */
/* ************************************************************* */


.tabs-header
{
	list-style:none;
	-moz-user-select:none;
	font-size:11px;
	overflow:hidden;
	height:25px;
	z-index:1001;
	
}

#tabs ul {
	margin:0;
	padding:0;	
}

.tabs-header li a
{
	font-size:11px;
	outline: none;
	color:#000000 !important;
}

.tabs-header li a:hover{
	color:#000000;
}

.tabs-header li
{
	float:left;
	margin:0;	
	padding:6px;	
	padding-top:5px;	
	cursor:pointer;	
	height:13px;	
	
	border:0px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	
	background-color:#f2f2f2;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.tabs-header li:hover{
	background-color:#e2e2e2;

}

.tabs-header li.activetab
{	
	background-color:white;
	border:1px solid #e2e2e2;
	border-bottom:none;
	
	margin:0 1px 0 1px;
	position:relative;
	z-index:1001;
}

.tabs-container
{
	position:relative;
	top:-1px;
	padding:15px 10px 0 0;
/*	background-color:red;*/
	/*bottom:0px;
	left:0px;*/
	border-top:1px solid #e2e2e2;
	z-index:1000;	
	overflow-x:hidden;
	overflow-y:auto;	
}

.tabs-container div.tab
{
	position:relative;	
	display:none;
	margin:0px 0;
	background-color:#fff;	
}

.tabs-header li.nulltab
{
	display:none;
}


/* ************************************************************* */
/* ***************************** Footer ************************ */
/* ************************************************************* */

#footer{
	margin-top:5px;
	width:100%;
}

#footer, #footer a{
	font-size:10px;
	color:#333333;;	
}

#footer a:hover{
	text-decoration:underline;
}

/* ************************************************************* */
/* ***************************** Pagination ******************** */
/* ************************************************************* */

ul.pagination{
	
	margin:0;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;

	list-decoration:none;
	list-style-type:none;
	width:100%;
	display:block;
	float:none;
	height:28px;

}

ul.pagination li{
	margin:0 1px 1px 0;
	list-style-type:none;
	list-decoration:none;
	display:block;
	float:left;
	width:19px;
	height:17px;
	
	background-color:#f7f7f7;
	border:1px solid #cccccc;
/*	border-left-width:0;*/
	text-align:center;
}

ul.pagination li a{
	display:block;
	
	padding-top:2px;
	width:19px;
	height:17px;
	
	font-size:9px !important;
	color:#333333;
}

ul.pagination li.active{
	background-color:#e2e2e2;
	
}

ul.pagination li a:hover{
	background-color:#e2e2e2;
}

/* ************************************************************* */
/* ***************************** Toolbar *********************** */
/* ************************************************************* */

				
#toolbar
{				  	
	position:relative;	  				    
	border:1px solid #E2E2E2;				
	border-bottom:0;
	background-color:#fbfbfb;
}

#toolbar_inner {
	position:relative;
	height:22px;
	z-index:1001;
}

#toolbar_inner ul{
	position:absolute;
	margin:0px;
	padding:0;
	font-size:14px;
	
}

#toolbar_inner ul li{
	display:block;
	float:left;
	width:16px;
	height:16px;
	padding:0px;
	margin:3px 7px 0px 4px;
	cursor:pointer;
	background-repeat:no-repeat;
}	

#toolbar_inner ul li.separator{
	width:1px;
	background-color:#d7d7d7;
}

#toolbar_inner #status {
	position:absolute;
	top:5px;
	left:300px;
	text-align:center;
}

/* link */
/*
#link_toolbar_bt{
	font-size:11px; 
	width:320px; 
	padding-top:2px;  
}

#link_toolbar_menu{
	float:left;
	margin-left:10px;
}

#toolbar_link_in{
	position:relative;
	top:-3px;
	width:170px;
	color:#777777;
}

#pin_toolbar_bt, #pinremove_toolbar_bt{
	background-repeat:no-repeat;
}
*/

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

/***
 *  - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}


#ccolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#bcolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#startcolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#endcolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#defaultcolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#fillcolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

#linecolor { 
	font-size: 11px; 
	color: #000;
	z-index:20000; /* iznad overlay-a */
}

.moor-box {
	width: 260px; 
	height: 210px; 
	border: 1px solid #AAA; 
	background-color: #fefefe;
}
.moor-overlayBox {
	width: 156px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 156px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #999999;
	
}
.moor-slider {
	border: 1px solid #999999;
	margin-top: 9px; 
	margin-left: 180px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 156px;
}

.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 178px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 215px;
	display:none;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 215px;
	display:none;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 215px;
	display:none;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 215px;
	display:none;
}
span.moor-ballino { /* Style hue � (degree) !! */
	margin-top: 90px;
	margin-left: 270px;
	display:none;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 215px;
	display:none;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 215px;
	display:none;
}
.moor-hexLabel {
	margin-top: 180px;
	margin-left: 155px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(images/moor_arrows.gif);
	top: 9px; 
	left: 170px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 9px; 
	margin-left: 216px; 
	width: 34px; 
	height: 34px;
	border: 1px solid #333;
	border-bottom:none;
}


/*
.moor-colorBox {
	border: 1px solid #000; 
	width: 34px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 215px;
}*/

.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 43px; 
	margin-left: 216px; 
	width: 34px; 
	height: 34px;
	border: 1px solid #333;
	border-top:none;	
}/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */


#uploadcontent { width: 350px;}
#uploadcontent { margin: 20px 0 0 50px; }




/* -- Form Styles ------------------------------- */
#uploadcontent form {	
	margin: 0;
	padding: 0;
}



#uploadcontent div.fieldset {
	border:  1px solid #e2e2e2;
	margin: 10px 0;
	padding: 20px 10px;
}
#uploadcontent div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #494949;
}

#uploadcontent div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #e2e2e2;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

#uploadcontent select,
#uploadcontent textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}

#btnCancel{
	border: 1px solid #e5e5e5 ;
	background:#f9f9f9;
}

#btnCancel:hover{
	background:#f2f2f2;
}

#uploadcontent input[disabled]{ /* FF 2 Fix */
	border: 1px solid #ededed;
	background-color:#f2f2f2 !important;
	color:#999999;
} 


#uploadcontent label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

#uploadcontent #btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
#uploadcontent td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

#uploadcontent .progressWrapper {
	width: 357px;
	overflow: hidden;
}

#uploadcontent .progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
#uploadcontent .message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
#uploadcontent .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
#uploadcontent .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
#uploadcontent .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

#uploadcontent .progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#uploadcontent .progressBarInProgress,
#uploadcontent .progressBarComplete,
#uploadcontent .progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

#uploadcontent .progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

#uploadcontent .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

#uploadcontent .progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

#uploadcontent a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

#uploadcontent a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
#uploadcontent .swfupload {
	vertical-align: top;
}


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

.omnigrid{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow:hidden; /* za debug iskljuci */
	color: #000;
	
}

.omnigrid div.hDivBox
{
	position:relative;
	overflow:hidden;
}


.omnigrid div.hDiv /* header div */
{
	background: #fafafa url(omnigrid/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
}	

.omnigrid div.bDiv /* body div */
{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
}

.omnigrid div.hDiv .th, .omnigrid  div.bDiv .td  /* common cell properties*/
{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	vertical-align: top !important;
	
	display:inline-block;
	float:left;
	
	white-space:nowrap;
	overflow:hidden;
	/*
	padding-top:0;
	padding-bottom:0;*/
	padding-left:5px;
	-moz-user-select:none;
	cursor:pointer;
}

.omnigrid div.hDiv div.th{
	line-height:24px;
	
	border-bottom: 1px solid #CCC;
}

.omnigrid div.bDiv .td{
	line-height:24px;	
	/*background-color:red;*/
}

.omnigrid div.bDiv ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #DDDDDD;
	overflow:hidden;
}

.omnigrid div.bDiv ul li{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.omnigrid li.erow /* alt rows */
{
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #f7f7f7;*/
}

.omnigrid li.selected {
	background-color: #d9e6f4  !important;
	/*color: #fff;*/
}

.omnigrid li.over {
	background-color: #eaeff4;
	/*color: #fff;*/
}

.omnigrid div.bDiv ul li.section{
	display:none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}

/* ************************************** */
/* ************** Toolbar *************** */
/* ************************************** */
.omnigrid div.tDiv 
{
	background: #fafafa url(omnigrid/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	
	height:25px;
}

.omnigrid div.fbutton
{
	margin-top:1px;
	float: left;
	display: block;
	cursor: pointer;
	padding: 1px;
}


.omnigrid div.fbutton div
{
	float: left;
	padding: 1px 3px;
}		

.omnigrid div.fbutton span
{
	float: left;
	display: block;
	padding: 3px;
}

.omnigrid div.fbutton.fbOver
{
	padding: 0px;
	border: 1px solid #ccc;
}

.omnigrid div.fbutton.fbOver div
{
	padding: 0px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}		

.omnigrid div.btnseparator
{
	float: left;
	height: 22px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px;
}

/* end toolbar*/

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

/* ************************************** */
/* ************** Filter **************** */
/* ************************************** */

.omnigrid li.hide {
	display: none;
}

.omnigrid li.filter {

}

/* ************************************** */
/* ************** Columns size drag ***** */
/* ************************************** */

.omnigrid div.cDrag
{
	float: left;
	position: absolute;
	z-index: 2;
	overflow: visible;
}

.omnigrid div.cDrag div
{
	float: left;
	background: none;
	display: block;
	position: absolute;
	height: 24px;
	width: 5px;
	cursor: col-resize;

}

.omnigrid div.cDrag div.dragging
{
	background: url(omnigrid/line.gif) repeat-y 2px center;
}

/* ************************************** */
/* ************** Sort ****************** */
/* ************************************** */

.omnigrid div.hDiv div.DESC
{
	background: url(omnigrid/dn.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	

.omnigrid div.hDiv  div.ASC
{
	background: url(omnigrid/up.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	


/* ************************************** */
/* ************** Pagination ************ */
/* ************************************** */

.omnigrid div.pDiv
{
	background: url(omnigrid/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
}

.omnigrid div.pDiv div.pDiv2
{
	margin: 2px;
	margin-left: -2px;
	float: left;
	width: 1024px;
}	
	
div.pGroup
{
	float: left;
	background: none;
	height: 24px;
	margin: 0px 5px;
}
	
.omnigrid div.pDiv .pPageStat, .omnigrid div.pDiv .pcontrol
{
	position: relative;
	top: 5px;
	overflow: visible;
	font-size:10px;
	color:#777777;
}

.omnigrid div.pDiv select
{
	font-size:10px;
	margin-top:2px;
}

.omnigrid div.pDiv input
{
	vertical-align: text-top;
	position: relative;
	top: -2px;
	font-size:10px;
}

.omnigrid div.pDiv .btnseparator{
	height:19px;
}

.omnigrid div.pDiv div.pButton
{
	float: left;
	width:16px;
	height:16px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	margin-top:3px;
}

.omnigrid div.pDiv  div.pButton:hover, .omnigrid div.pDiv  div.pButton.pBtnOver
{
	background-position:-16px 0;
}

.omnigrid2 div.pDiv  div.pButton:hover, .omnigrid2 div.pDiv  div.pButton.pBtnOver
{
	width:14px;
	height:14px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.omnigrid .pSearch
{
	background: url(omnigrid/magnifier.png) no-repeat center;
}

.omnigrid .pFirst
{
	background: url(omnigrid/first.gif) no-repeat ;
}

.omnigrid .pPrev
{
	background: url(omnigrid/prev.gif) no-repeat;
}

.omnigrid .pNext
{
	background: url(omnigrid/next.gif) no-repeat;
}

.omnigrid .pLast
{
	background: url(omnigrid/last.gif) no-repeat;
}

.omnigrid .pReload
{
	background: url(omnigrid/refresh.gif) no-repeat;
}

.omnigrid .pReload.loading
{
	background: url(omnigrid/load.gif) no-repeat;
	background-position:0 0 !important;
}

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

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

.omnigrid{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow:hidden; /* za debug iskljuci */
	color: #000;
	
}

.omnigrid div.hDivBox
{
	position:relative;
	overflow:hidden;
}


.omnigrid div.hDiv /* header div */
{
	background: #fafafa url(omnigrid/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
}	

.omnigrid div.bDiv /* body div */
{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
}

.omnigrid div.hDiv .th, .omnigrid  div.bDiv .td  /* common cell properties*/
{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	vertical-align: top !important;
	
	display:inline-block;
	float:left;
	
	white-space:nowrap;
	overflow:hidden;
	/*
	padding-top:0;
	padding-bottom:0;*/
	padding-left:5px;
	-moz-user-select:none;
	cursor:pointer;
}

.omnigrid div.hDiv div.th{
	line-height:24px;
	
	border-bottom: 1px solid #CCC;
}

.omnigrid div.bDiv .td{
	line-height:24px;	
	/*background-color:red;*/
}

.omnigrid div.bDiv ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #DDDDDD;
	overflow:hidden;
}

.omnigrid div.bDiv ul li{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.omnigrid li.erow /* alt rows */
{
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #f7f7f7;*/
}

.omnigrid li.selected {
	background-color: #d9e6f4  !important;
	/*color: #fff;*/
}

.omnigrid li.over {
	background-color: #eaeff4;
	/*color: #fff;*/
}

.omnigrid div.bDiv ul li.section{
	display:none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}

/* ************************************** */
/* ************** Toolbar *************** */
/* ************************************** */
.omnigrid div.tDiv 
{
	background: #fafafa url(omnigrid/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	
	height:25px;
}

.omnigrid div.fbutton
{
	margin-top:1px;
	float: left;
	display: block;
	cursor: pointer;
	padding: 1px;
}


.omnigrid div.fbutton div
{
	float: left;
	padding: 1px 3px;
}		

.omnigrid div.fbutton span
{
	float: left;
	display: block;
	padding: 3px;
}

.omnigrid div.fbutton.fbOver
{
	padding: 0px;
	border: 1px solid #ccc;
}

.omnigrid div.fbutton.fbOver div
{
	padding: 0px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}		

.omnigrid div.btnseparator
{
	float: left;
	height: 22px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px;
}

/* end toolbar*/

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

/* ************************************** */
/* ************** Filter **************** */
/* ************************************** */

.omnigrid li.hide {
	display: none;
}

.omnigrid li.filter {

}

/* ************************************** */
/* ************** Columns size drag ***** */
/* ************************************** */

.omnigrid div.cDrag
{
	float: left;
	position: absolute;
	z-index: 2;
	overflow: visible;
}

.omnigrid div.cDrag div
{
	float: left;
	background: none;
	display: block;
	position: absolute;
	height: 24px;
	width: 5px;
	cursor: col-resize;

}

.omnigrid div.cDrag div.dragging
{
	background: url(omnigrid/line.gif) repeat-y 2px center;
}

/* ************************************** */
/* ************** Sort ****************** */
/* ************************************** */

.omnigrid div.hDiv div.DESC
{
	background: url(omnigrid/dn.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	

.omnigrid div.hDiv  div.ASC
{
	background: url(omnigrid/up.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	


/* ************************************** */
/* ************** Pagination ************ */
/* ************************************** */

.omnigrid div.pDiv
{
	background: url(omnigrid/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
}

.omnigrid div.pDiv div.pDiv2
{
	margin: 2px;
	margin-left: -2px;
	float: left;
	width: 1024px;
}	
	
div.pGroup
{
	float: left;
	background: none;
	height: 24px;
	margin: 0px 5px;
}
	
.omnigrid div.pDiv .pPageStat, .omnigrid div.pDiv .pcontrol
{
	position: relative;
	top: 5px;
	overflow: visible;
	font-size:10px;
	color:#777777;
}

.omnigrid div.pDiv select
{
	font-size:10px;
	margin-top:2px;
}

.omnigrid div.pDiv input
{
	vertical-align: text-top;
	position: relative;
	top: -2px;
	font-size:10px;
}

.omnigrid div.pDiv .btnseparator{
	height:19px;
}

.omnigrid div.pDiv div.pButton
{
	float: left;
	width:16px;
	height:16px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	margin-top:3px;
}

.omnigrid div.pDiv  div.pButton:hover, .omnigrid div.pDiv  div.pButton.pBtnOver
{
	background-position:-16px 0;
}

.omnigrid2 div.pDiv  div.pButton:hover, .omnigrid2 div.pDiv  div.pButton.pBtnOver
{
	width:14px;
	height:14px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.omnigrid .pSearch
{
	background: url(omnigrid/magnifier.png) no-repeat center;
}

.omnigrid .pFirst
{
	background: url(omnigrid/first.gif) no-repeat ;
}

.omnigrid .pPrev
{
	background: url(omnigrid/prev.gif) no-repeat;
}

.omnigrid .pNext
{
	background: url(omnigrid/next.gif) no-repeat;
}

.omnigrid .pLast
{
	background: url(omnigrid/last.gif) no-repeat;
}

.omnigrid .pReload
{
	background: url(omnigrid/refresh.gif) no-repeat;
}

.omnigrid .pReload.loading
{
	background: url(omnigrid/load.gif) no-repeat;
	background-position:0 0 !important;
}

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