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;
	overflow: hidden; 
}


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; 
}


input[type=checkbox],
input[type=checkbox]:hover,
input[type=checkbox]:focus
{
	border:0;
	padding:0;
	margin:0;

}

a:hover 
{
	color:#ed2024;
}


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

/* ********************************************************************************* */
/* ************************* Buttons *********************************************** */

a.button{
	border: 1px solid #e5e5e5;
	color:#333333;
	background:#f9f9f9;
	padding:3px 9px 3px 9px;

	margin-left:3px;
	cursor:pointer;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a.blue{
	background:#22749b !important;
	color:white !important;
}

a.blue:hover{
	color:#f2f2f2 !important;
}

a.button:hover{
	background:#f2f2f2;
	border: 1px solid #999999;
	text-decoration:none !important;
}

a.red{
	background:#e20000 !important;
	color:white !important;
}

a.red:hover{
	color:#f2f2f2 !important;
}

a.deletebutton{
	border-bottom:1px solid #e20000;
	padding:1px;
	cursor:pointer;
	color:#e20000;
}

a.deletebutton:hover{
	color:white !important;
	background-color:#e20000;
}

a.linkbutton{
	border-bottom:1px solid #21759b;
	padding:1px;
	cursor:pointer;
	color:#21759b;
}

a.linkbutton:hover{
	color:white !important;
	background-color:#21759b;
}
/* ********************************************************************************* */



.red{
	color:red;
}

.green{
	color:green;
}

.comment{
	color:#999999;
}

#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;
}


/* NEWWW */

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

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

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

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


/* header */
#topCont {
	position:relative;  
	height:40px; 
	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:white;
	background-color:rgb(51,58,73);
	border:0;  
}
	
#logo
{
	position:relative;
	margin-bottom:10px;	
}

#logo h1{
	font-size:16px;
}

#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:#5c6984;
}

#topMenu ul li a, #topMenu ul li span{
	/*margin-bottom:2px;*/
	display:block;
	line-height:14px;
	padding:5px 10px 5px 10px;
	color:white;
	font-size:11px;
	/*background-color:red;*/
}


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

#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;
}

#status{
	position:relative;
	height:100px;
	background-color:#f9f9f9;
	border:1px solid #e7e7e7;
	margin-top:10px;
	padding:10px;	
	padding-right:150px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

#status ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

#status ul li{
	float:left;
	margin:0 20px 10px 0;
	/*width:120px;*/
}

#status ul li span.label{
	font-weight:bold;
	margin-right:10px;
}

#status_buttons input
{
	width:100px;
	margin-bottom:5px;
}

#status_buttons
{
	position:absolute;
	right:7px;
	top:7px;
	z-index:500;
}

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

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

#searchTopBox input
{
	font-size:17px;
	padding:5px;
	margin:0;
	width:340px;
	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;
}
	
/* 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;
}


#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;
}

/* ************************************************************* */
/* ***************************** Login page ******************** */
/* ************************************************************* */

.loginbox{
	border:1px solid #E5E5E5;
	background-color:#F9F9F9;
	-moz-border-radius:10px;
	width:270px;
	margin:0px auto;
	padding:20px;
	position:relative;

}

.loginbox label{
	color:#777777;
}

.loginbox input{
	border:1px solid #e5e5e5;
	background-color:white;
	width:100%;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	margin-top:2px;
	margin-bottom:13px;
	color:#333333;
}

.loginbox input.submit{
	background:url(/include/theme/images/button-bg.gif) no-repeat;	
	border:none;
	color:white;
	padding:0;
	font-size:12px;
	width:70px;
	height:24px;
}

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


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

#tabs ul {
	margin:0;
	padding:0;	
}
.tabs-header li
{
	width:60px;
	text-align:center;
}

.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:4px;	
	padding-top:3px;	
	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:100;
}

.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:1;	
	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{
	position:absolute;
	left:0px;
	bottom:-5px;
	width:100%;
	clear:both;
}

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

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

.copyright, .copyright a{
	font-size:10px;
	color:#999999;
}

#footer .inside{
	padding-top:5px;
	margin-top:10px;
	border-top:1px solid #e7e7e7;
}

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

ul.pagination{
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	border-left:1px solid #cccccc;
}

ul.pagination li{
	margin:0;
	display:inline-block;

	background-color:#f7f7f7;
	border:1px solid #cccccc;
	border-left:none;
	text-align:center;
}

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

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

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

#query_time div {
	margin-bottom:5px;
}

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

.clear{
	clear:both;
}

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

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

#content {
	font-size:11px;
}

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

#content h3{
	font-size:12px;
	font-weight:bold;
}

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

/* ************************************************************* */
/* ************************** Tree ***************************** */
/* ************************************************************* */


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

/* ************************************************************* */
/* ***************************** 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 ul li a{
	/*margin-bottom:2px;*/
	display:block;
}

#formmain li{
	line-height:20px;
}

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

.contacttable .blue{
	width:150px;
}

.contacttable tr{
	height:22px;
}

.contacttable input{
	width:200px;
}

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

/* ************************************************************* */
/* ***************************** Status page ******************* */
/* ************************************************************* */


#tab_info div.column {
	float:left;
	width:190px;
	font-weight:bold;
	
}

#tab_info div.column div
{
	margin-bottom:18px;
}

#tab_info div.column div div
{
	font-weight:normal;
	display:inline;
	padding-left:6px;
}

/* ************************************************************* */
/* ***************************** Settings page ***************** */
/* ************************************************************* */


#settings_buttons input
{
	
	margin-bottom:3px;
	font-size:10px;
	padding:1px;
}

#tab_reports div.column {
	float:left;
	width:300px;
	/*font-weight:bold;*/
	
}

#tab_reports label {
	display:block;	
}

#tab_reports div.column div
{
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
	font-size:10px;
}

#tab_reports div.column input.report_input
{
	text-align:center;
	height:18px;
	width:85px;
}

#tab_reports div.column input.report_input1
{
	height:18px;
}

#tab_reports div.column div input.report_check
{
	position:absolute;
	left:130px;
	top:-4px;
	height:16px;
	width:16px;
}

#tab_reports div.column div span
{
	position:absolute;
	left:155px;
	top:0px;
	height:16px;
	width:70px;
	font-weight:normal;
}

#tab_reports div.column div div.abs
{
	position:absolute;
	left:80px;
	top:0px;
	height:100px;
	width:300px;
	font-weight:normal;
}

#su_user div div,
#su_company div div,
#ss_companies div div,
#ss_vehicle div div,
#ss_drivers div div
{
	margin-bottom:10px;
	/*font-weight:bold;*/
	height:20px;
}

#messages div.column div
{
		margin-bottom:3px;
	font-weight:bold;
	height:18px;
}

#ss_companies div div select,
#ss_companies div div input
{
	width:130px;
}

#ss_vehicle select,
#ss_vehicle div div input
{
	width:80px;
}

#ss_drivers div div input,
#ss_drivers div div select
{
	width:130px;
}

#ss_companies div div input
{
	margin-top:-2px;
}

#settings_content div.settings_tab
{
	display:none;
}

#messages div.column div select
{
	width:150px;
}

/* ************************************************************* */
/* ******************** OmniGrid custom style ****************** */
/* ************************************************************* */

#messages_grid{
	position:absolute;
	top:-16px;
}

#messages_grid div.hDiv /* header div */
{
	background: #fafafa none !important;
	border: 1px solid #e2e2e2 !important;
	border-bottom: 0px !important;

}


#messages_grid div.bDiv /* body div */
{
	border: 1px solid #e2e2e2 !important;
	border-top: 0px !important;
}

#messages_grid div.hDiv .th{

}

#messages_grid div.hDiv .th, #messages_grid div.bDiv .td  /* common cell properties*/
{
	border-right: 1px solid #e9e9e9 !important;	
	border-left: 1px solid #fff  !important;
	height:17px;
	font-size:9px;
	padding:0;
	
}

#messages_grid div.bDiv .td
{
	padding-bottom:3px;
}

/* ************************************************************* */
/* ******************** Trace icons  *************************** */
/* ************************************************************* */

#player_tool_stop
{
	
	
}

ul#player_menu{
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	float:left;
}

ul#player_menu li{
	float:left;
	display:inline-block;
	margin-right:8px;
	width:20px;
	height:20px;
	cursor:pointer;
}

/* ************************************************************* */
/* ********************* Admin form  *************************** */
/* ************************************************************* */

ul#admin_menu{
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	float:left;
}

ul#admin_menu li{
	float:left;
	display:inline-block;
	margin-right:8px;
	height:20px;
	cursor:pointer;
}

div.admin_forms div div{
	margin-top:10px;
	height:20px;
}

div.admin_forms_values div input,
div.admin_forms_values div select
{
	width:450px;
}
.mooTree_node {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	white-space: nowrap;
	position:relative;
}

.mooTree_text {
	padding-top: 4px;
	height: 21px;
	cursor: pointer;
}

.mooTree_img {
	background-position:0 2px;
	float: left;
	width: 18px;
	height: 20px;
	margin-right:3px;
	/*overflow: hidden;*/
	background-repeat:no-repeat;
}

.mooTree_selected	 {
	background-color: #e2e2e2;
	font-weight: bold;
}

.mooTree_over	 {
	/*background-color: #f2f2f2;
	font-weight: bold;*/
}

div.settings{
	position:absolute;
	top:3px;
	right:0;
	
	cursor:pointer;
	width:18px;
	height:18px;
	background-image:url(icons/options.gif);
}
.omnicheckbox
{
	width:10px;
	height:10px;
	background-color:#f5f5f5;
	border:1px solid #aaa;
	display:block;
	cursor:default;
}

.omnicheckbox:hover
{	
	background-color:#ddd;	
	display:block;
}/*@global*/
#mymiftree,
.mif-tree-wrapper{
position: relative;
width: 295px;
height: 100%;
margin:0;
padding:0;
overflow:auto;
overflow-x:hidden;
font-family:Verdana,sans-serif;
font-size:11px;
line-height:21px;/******Tree node height******/
white-space:nowrap;
cursor:default;
}

.mif-tree-bg{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}

.mif-tree-bg-container{
width:100%;
display:none;
}

.mif-tree-bg-node{
width:100%;
height:18px;
}

.mif-tree-bg-selected{
background-color:#dcd7ab;
}

.mif-tree-wrapper:focus{
outline:0;
}

.mif-tree-wrapper span{
padding-bottom:2px;
padding-top:2px;
cursor:inherit;
}

.mif-tree-children{
padding-left:18px;
width:18px;
}

.mif-tree-node{
width:18px;
position:relative;
background:url('/include/omf/tree/images/tree/line.gif') repeat-y 8px 0px;
}

.mif-tree-node-last{
background:url('/include/omf/tree/images/tree/line.gif') no-repeat 8px 0px;
}

.mif-tree-name-small,
.mif-tree-name{
cursor: default;
overflow:hidden;
margin-left:4px;
}

.mif-tree-name a{
color:red;
}

.mif-tree-name a:hover{
color:blue;
}

.mif-tree-wrapper .mif-tree-node-wrapper{
background:url('/include/omf/tree/images/tree/horizontal-line.gif') no-repeat 9px center;
}

/*@gadjets*/

.mif-tree-gadjet{
background-image:url('/include/omf/tree/images/tree/gadjets.gif');
padding-right: 16px;
z-index:1;
overflow:hidden;
background-repeat:no-repeat;
cursor:default;
}

.mif-tree-gadjet-none{
background:none;
}

.mif-tree-gadjet-minus{
background-position: 0px 50%;
}

.mif-tree-gadjet-plus{
background-position: -18px 50%;
}

.mif-tree-gadjet-middle{
background-position: -36px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-minus{
background-position: -54px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-plus{
background-position: -72px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-middle{
background-position: -90px 50%;
}


/*.mif-tree-gadjet-hover{
background-image:url('images/tree/gadjets-hover.gif');
}*/




/*@icons*/
.mif-tree-color,
.mif-tree-icon{
padding-right:18px;
background-position:0 50%;
background-repeat:no-repeat;
cursor:inherit;
}

.mif-tree-color
{
	position:relative;
}

.mif-tree-color-inside
{
position:absolute;width:10px;height:10px;
top:3px;
left:2px;
}

.mif-tree-open-icon{
background-image:url('/include/omf/tree/icons/folder.png')
}

.mif-tree-close-icon{
background-image:url('/include/omf/tree/icons/folder.png')
}

.mif-tree-middle-icon{
background-image:url('/include/omf/tree/images/tree/middleicon.gif');
}

.mif-tree-loader-open-icon,.mif-tree-loader-close-icon{
background-image:url('/include/omf/tree/images/tree/mootree_loader.gif');
}

.mif-tree-book-icon{
background-image:url('/include/omf/tree/images/tree/book_icon.gif');
}

.mif-tree-bin-open-icon{
background-image:url('/include/omf/tree/images/tree/bin_open_icon.gif');
}

.mif-tree-bin-close-icon{
background-image:url('/include/omf/tree/images/tree/bin_close_icon.gif');
}

.mif-tree-bin-middle-icon{
background-image:url('/include/omf/tree/images/tree/bin_middle_icon.gif');
}




/*@selection*/
.mif-tree-node-selected .mif-tree-name{
background-color: #010161;
color:#fff;
text-transform:italic;
}

.mif-tree-highlighter{
height:18px;
overflow:hidden;
width:100%;
background:#b64553;
position:absolute;
}



/*@d'n'd*/
.mif-tree-pointer{
height:1px;
overflow: hidden;
position: absolute;
background-image:url('/include/omf/tree/images/tree/1.gif');
background-repeat:repeat-x;
background-color:#292fef;
}


.mif-tree-ghost{
background-color:#fff;
border:solid 2px #e8e8f7;
padding-left:2px;
position:absolute;
}

.mif-tree-ghost .mif-tree-node-wrapper{
background:none;
}

.mif-tree-ghost span.mif-tree-text{
padding-top:1px;
padding-bottom:1px;
}

.mif-tree-ghost-icon{
padding-left:16px;
background-color:#fff;
background-repeat:no-repeat;
background-image:url('/include/omf/tree/images/tree/dropzone.gif');
}

.mif-tree-ghost-after{
background-position:-64px 2px;
}

.mif-tree-ghost-before{
background-position:-48px 2px;
}

.mif-tree-ghost-between{
background-position:-16px 2px;
}

.mif-tree-ghost-inside{
background-position:-0px 2px;
}

.mif-tree-ghost-notAllowed{
background-position:-32px 2px;
}

.mif-tree-drag-current{
background-color:#cfcfd8;
}

.mif-tree-replace{
background-color:#99c8fb;
}


/*@checkbox*/
/*
.mif-tree-checkbox{
padding-left:18px;
}

.mif-tree-node-checked, .mif-tree-node-checked .mif-tree-checkbox{
background:url('/include/omf/tree/images/tree/checked.gif') center 2px no-repeat;
}

.mif-tree-node-unchecked, .mif-tree-node-unchecked .mif-tree-checkbox, .mif-tree-node-partially{
background:url('/include/omf/tree/images/tree/unchecked.gif') center 2px no-repeat;
}

.mif-tree-node-checked-selected{
background:url('/include/omf/tree/images/tree/checked_selected.gif') center 2px no-repeat;
}

.mif-tree-node-unchecked-selected{
background:url('/include/omf/tree/images/tree/unchecked_selected.gif') center 2px no-repeat;
}
*/
/*@checkbox*/
.mif-tree-checkbox{
padding-left:18px;
background-image:url('/include/omf/tree/images/tree/checkboxes.gif');
background-repeat: no-repeat;
}

.mif-tree-node-checked{
background-position:0px center;
}

.mif-tree-node-unchecked{
background-position:-18px center;
}

.mif-tree-node-nochecked{
background-position:-108px center;
}

.mif-tree-hover-checkbox .mif-tree-node-checked{
background-position:-36px center;
}

.mif-tree-hover-checkbox .mif-tree-node-unchecked{
background-position:-54px center;
}

.mif-tree-node-partially{
background-position:-72px center;
}

.mif-tree-hover-checkbox .mif-tree-node-partially{
background-position:-90px center;
}




/*@rename*/
.mif-tree-rename{
display: inline;
line-height: 14px;
height:14px;
cursor: default;
overflow:hidden;
font-family:sans-serif;
font-size:11px;
padding:1px 0;
border:solid 1px black;
}




/*geotrag*/

.mif-tree-geotrag-root-icon{
background-image:url('/include/omf/tree/icons/car.png')
}

.mif-tree-name-small{
	font-size:9px;
	color:blue;
}
.omranges {
	
}

.omranges ul{
	margin:0;
	padding:0;
}


.omranges ul li{
	list-style:none;
	margin:4px 0 4px 0;
	padding:0;
	
	height:21px;
}

.omranges ul li a{
	font-size:11px;
	font-family:Helvetica;
	margin-left:5px;
}
	
.omranges input{
	width:80px;

	margin-right:5px;
}

.omranges input:focus{
	/*border:1px solid gray;*/
}

.omranges .valbutton{
	border: 1px solid #e5e5e5;
	background:#f9f9f9;
	padding:1px;
	font-weight:bold;
	display:inline-block;
	width:30px;	
}

.omranges .hs1, .omranges .hs2, .omranges .hs3
{
	width:90px;
	display:inline-block;
	font-family:Helvetica;
	font-size:10px;
	margin-bottom:3px;
}

.omranges .vl_message
{
	padding:1px;
	color:#666666;
	font-family:Helvetica;
	font-size:10px;
	color:red;
}


.omranges .LV_invalid_field
{
	border: 1px solid red !important;
}

.addBt{
	margin:1px 0 0 5px;
	cursor:pointer;
	background-image:url(images/add.png);
	width:16px;
	height:16px;
	display:inline-block;
}

.deleteBt{
	margin:1px 0 0 30px;
	cursor:pointer;
	background-image:url(images/delete.png);
	width:16px;
	height:16px;
	display:inline-block;
}


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

.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(/include/omf/omnigrid/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(/include/omf/omnigrid/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(/include/omf/omnigrid/omnigrid/line.gif) repeat-y 2px center;
}

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

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

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


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

.omnigrid div.pDiv
{
	background: url(/include/omf/omnigrid/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(/include/omf/omnigrid/omnigrid/magnifier.png) no-repeat center;
}

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

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

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

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

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

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

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

/* ******************************************************************** */
/* ************************ 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%;
	/*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(/include/omf/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(/include/omf/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;
}.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;
}  /***************/
 /* vlaCalendar */
/***************/

/* Picker */

.vlaCalendarPicker {
	position: absolute;
	z-index: 17000;
	
	margin-top: -5px;
	margin-left: -2px;
	
	display: none;
}

.vlaCalendarPicker .pickerBackground {
	background: transparent url('/include/components/vlacalendar/images/calendar_background.png') no-repeat top center;
	padding: 16px;
	height: 130px;
	width: 166px;
	overflow: hidden;
}

/* Background for IE6 - code does not validate as it is a hack */
*html .vlaCalendarPicker .pickerBackground {
	background-image: url('/include/components/vlacalendar/images/calendar_background.gif');
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {
	font-family: calibri, arial !important;
	color: black;
	font-size: 12px !important;
}

.vlaCalendar {
	display: block;
	width: 164px;
}
.vlaCalendar .container, .vlaCalendar .container div {
	width: 164px;
	height: 130px;
	text-align: left;
	position: absolute;
	overflow: hidden;
}

.vlaCalendar span.indication {
	display: block;
	text-align: center;
}

.vlaCalendar table {
	margin-top: 8px;
	text-align: right;
	border-collapse: collapse;
	background-color: white; /* <- IE ugly text in transition fix  */
}

.vlaCalendar .picker td {
	cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label:hover {
	color: #0066cc;
	cursor: pointer;
}
.vlaCalendar .noHover:hover {
	color: black;
	cursor: default;
}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {
	background: transparent url('/include/components/vlacalendar/images/arrowleft.gif') no-repeat center;
	height: 12px;
	width: 10px;
	cursor: pointer;
}
.vlaCalendar .arrowLeft {
	margin-left: 5px;
	float: left;
}
.vlaCalendar .arrowLeft:hover {
	background-image: url('/include/components/vlacalendar/images/arrowleft_hover.gif');
}
.vlaCalendar .arrowRight {
	margin-right: 5px;
	float: right;
	background-image: url('/include/components/vlacalendar/images/arrowright.gif');
}
.vlaCalendar .arrowRight:hover {
	background-image: url('/include/components/vlacalendar/images/arrowright_hover.gif');
}

/* Month */

.vlaCalendar .month th {
	text-align: center;
	font-weight: normal;
	width: 24px;
	padding-bottom: 1px;
	border-bottom: 1px solid #f5f5f5;
}

.vlaCalendar .month td {
	padding-right: 3px;
	height: 15px;
}

.vlaCalendar .month tr.firstRow td {
	padding-top: 2px;
}

.vlaCalendar .month td:hover {
	background: url('/include/components/vlacalendar/images/day_hover.gif') bottom no-repeat;
	color: #0066cc;
}

.vlaCalendar .month td.selected {
	background: url('/include/components/vlacalendar/images/day_selected.gif') bottom no-repeat;
	color: #0066cc;
}
.vlaCalendar .month td.selected:hover {
	background-image: url('/include/components/vlacalendar/images/day_selected_hover.gif');
}

.vlaCalendar .month td.outsideDay {
	color: #a8a8a8;
}
.vlaCalendar .month td.outsideDay:hover {
	color: #b1c5fc;
}

/* Year & decade */

.vlaCalendar .year {
	margin-left: 2px;
}

.vlaCalendar .year td {
	width: 40px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
.vlaCalendar .year td:hover {
	background: url('/include/components/vlacalendar/images/month_hover.gif') center no-repeat;
	color: #0066cc;
}

.vlaCalendar .year td.selected {
	background: url('/include/components/vlacalendar/images/month_selected.gif') center no-repeat;
}
.vlaCalendar .year td.selected:hover {
	background-image: url('/include/components/vlacalendar/images/month_selected_hover.gif');
}

.vlaCalendar .year td.current {
	background: url('/include/components/vlacalendar/images/month_current.gif') center no-repeat;
	color: #0066cc;
}
.vlaCalendar .year td.current:hover {
	background-image: url('/include/components/vlacalendar/images/month_current_hover.gif');
}

.vlaCalendar .year td.selectedcurrent {
	background: url('/include/components/vlacalendar/images/month_selectedcurrent.gif') center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover {
	background-image: url('/include/components/vlacalendar/images/month_selectedcurrent_hover.gif');
}

.vlaCalendar .year td.outsideYear {
	color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover {
	color: #b1c5fc;
}  /****************************/
 /* vlaCalendar apple_widget */
/****************************/

/* Picker */

.apple_widget .pickerBackground {
	background-image: url('../images/apple_widget/calendar_background.png');
}
/* Background for IE6 - code does not validate as it is a hack */
*html .apple_widget .pickerBackground {
	background-image: url('../images/apple_widget/calendar_background.gif');
}

/* Calender */

.apple_widget, .apple_widget table {
	font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, Sans Serif;
	font-size: 11px;
}
.apple_widget table {
	color: white;
	background-color: black;
}

.apple_widget .arrowLeft {
	background-image: url('../images/apple_widget/arrowleft.gif');
}
.apple_widget .arrowRight {
	background-image: url('../images/apple_widget/arrowright.gif');
}
.apple_widget .arrowLeft:hover {
	background-image: url('../images/apple_widget/arrowleft_hover.gif');
}
.apple_widget .arrowRight:hover {
	background-image: url('../images/apple_widget/arrowright_hover.gif');
}

.apple_widget .label {
	color: #ccff00 
}
.apple_widget .noHover:hover {
	color: #ccff00 !important;
}
.apple_widget .label:hover {
	color: white;
}

.apple_widget .month th {
	border-bottom-color: black;
	color: #999;
	text-transform: uppercase;
}

/* Month */

.apple_widget .month td:hover {
	color: #ccff00;
}

.apple_widget .month td.selected {
	color: #ccff00;
}

.apple_widget .month td.outsideDay, .apple_widget .year td.outsideYear {
	color: #313131;
}
.apple_widget .month td.outsideDay:hover, .apple_widget .year td.outsideYear:hover {
	color: #999;
}

/* Year & decade */

.apple_widget .year td:hover {
	color: #ccff00;
}
.apple_widget .year td.current {
	color: white;
}

.apple_widget .year td.current:hover, .apple_widget .year td.selectedcurrent, .apple_widget .year td.selectedcurrent:hover,
	.apple_widget .year td.selected:hover, .apple_widget .month td.selected:hover, .apple_widget .year td.current, .apple_widget .year td:hover,
	.apple_widget .month td.selected, .apple_widget .month td:hover, .apple_widget .year td.selected {
	background: none;
}  /*************************/
 /* vlaCalendar Adobe CS3 */
/*************************/

/* Picker */

.adobe_cs3 .pickerBackground {
	background-image: url('../images/adobe_cs3/calendar_background.gif') !important;
	padding-top: 26px;
	height: 140px;
}

/* Calender */

.adobe_cs3 .arrowLeft:hover {
	background-image: url('../images/adobe_cs3/arrowleft_hover.gif');
}
.adobe_cs3 .arrowRight:hover {
	background-image: url('../images/adobe_cs3/arrowright_hover.gif');
}

.adobe_cs3 .label:hover {
	color: #939393;
}

/* Month */

.adobe_cs3 .month td:hover {
	background-image: url('../images/adobe_cs3/day_hover.gif');
	color: #515151;
}

.adobe_cs3 .month td.selected {
	background-image: url('../images/adobe_cs3/day_selected.gif');
	color: #939393;
}
.adobe_cs3 .month td.selected:hover {
	background-image: url('../images/adobe_cs3/day_selected_hover.gif');
}

.adobe_cs3 .month td.outsideDay:hover {
	color: #939393;
}

/* Year & decade */

.adobe_cs3 .year td:hover {
	background-image: url('../images/adobe_cs3/month_hover.gif');
	color: #515151;
}
.adobe_cs3 .year td.selected:hover {
	background-image: url('../images/adobe_cs3/month_selected_hover.gif');
}
.adobe_cs3 .year td.current {
	background-image: url('../images/adobe_cs3/month_current.gif');
	color: #939393;
}
.adobe_cs3 .year td.current:hover {
	background-image: url('../images/adobe_cs3/month_current_hover.gif');
}

.adobe_cs3 .year td.selectedcurrent {
	background-image: url('../images/adobe_cs3/month_selectedcurrent.gif');
}
.adobe_cs3 .year td.selectedcurrent:hover {
	background-image: url('../images/adobe_cs3/month_selectedcurrent_hover.gif');
}

.adobe_cs3 .year td.outsideYear:hover {
	color: #939393;
}#flashcontent
{
	padding:0;
	position:relative;
	margin:0;
	border: 1px solid #E2E2E2;
	z-Index:500;
	
	width:100%;
	height:100%;
}

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

				
#toolbar
{		
	width:100%;
	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;
}

/* ******************************* Icons *******************************/
#DragTool{
	background:url(/include/components/flashnavigator/toolbar/pan.gif);
}

#SelectAreaTool{
	background:url(/include/components/flashnavigator/toolbar/zoom.gif);
}

#viewallbutton{
	background:url(/include/components/flashnavigator/toolbar/fullextent.gif);
}

#animationbutton{
	background:url(/include/components/flashnavigator/toolbar/animation.gif);
}


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

#myDemo3 { font-size: 11px; color: #000; z-Index:10000; }

#myDemo3 .moor-box {
	width: 125px; 
	height: 110px; 
	border: 1px solid #e5e5e5; 
	background-color: white;
}
#myDemo3 .moor-overlayBox {
	width: 80px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 80px; 
	margin-top: 3px; 
	margin-left: 3px;
	border: 1px solid #e5e5e5;
}
#myDemo3 .moor-slider {
	border: 1px solid #e5e5e5;
	margin-top: 3px; 
	margin-left: 86px;
	width: 10px; /* if you want a bigger or smaller slider... */
	height: 80px;
}
#myDemo3 .moor-colorBox {
	/*display: none;*/
	visibility: hidden;
	border: 1px solid #e5e5e5; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}

#myDemo3 .moor-currentColor { /* Bottom Box Color, the backup one */
	/*display: none;*/
	visibility: hidden;
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
#myDemo3 .moor-okButton {
	font-family: Verdana;
	font-weight:bold;
	font-size: 8px;
	margin-top: 90px;
	margin-left: 3px;
	background-color: #F9F9F9;
	height: 17px;
	border: 1px solid #e5e5e5;
	cursor:pointer;
}

#myDemo3 .moor-okButton:hover {
	background-color: #f2f2f2;
}

#myDemo3 label {
	font-family: mono;
}
/* Following are just <label> */
#myDemo3 .moor-rLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 100px;
	margin-left: 315px;
}
#myDemo3 .moor-gLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 125px;
	margin-left: 315px;
}
#myDemo3 .moor-bLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 150px;
	margin-left: 315px;
}
#myDemo3 .moor-HueLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 315px;
}
#myDemo3 span.moor-ballino { /* Style hue ° (degree) !! */
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 370px;
}
#myDemo3 .moor-SatuLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 215px;
	margin-left: 315px;
}
#myDemo3 .moor-BrighLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 240px;
	margin-left: 315px;
}
#myDemo3 .moor-hexLabel {
	font-size: 0px;
	margin-top: 90px;
	margin-left: 60px;
}

/* <input> */
#myDemo3 .moor-rInput, #myDemo3 .moor-gInput, #myDemo3 .moor-bInput, #myDemo3 .moor-HueInput, #myDemo3 .moor-SatuInput, #myDemo3 .moor-BrighInput { 
	/*display: none;*/
	visibility: hidden;
	width: 30px;
}
#myDemo3 .moor-hexInput {
	font-size: 9px;
	width: 60px;
}
#myDemo3 .moor-cursor {
	background-image: url(../images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
#myDemo3 .moor-arrows {
	/*display: none;*/
	visibility: hidden;
	/*background-image: url(images/moor_arrows.gif);*/
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}

#myDemo3 .moor-chooseColor {
	margin-left: 100px;
	margin-top: 3px;
	width: 20px;
	height: 82px;
}