/*
MAJOR STYLES
*/
a:link {
	color: #404040;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #404040;
}
a:hover {
	text-decoration: none;
	color: #404040;
}
a:active {
	text-decoration: none;
	color: #404040;
}

body, html
{
    margin: 0px;
    padding: 0px;    
    overflow: hidden;
    background-color: #e0ecff;
    background-image : url('../images/GradientBg.gif');
    background-repeat : repeat-x;
    background-position: top;
}

input, textarea
{
    margin-top: 1px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #aaa;
    font-size: 11px;
    font-family: Trebuchet MS, sans-serif, Nimbus Sans L;
}

textarea{
    margin-top: 0px;
    margin-left: 0px;
    padding:0px;
    background-color: #fff;
}

.titre {
	font-family: Trebuchet MS, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;
	width: 100%;
	text-align: left;
}

.titre input, .backImage{
    margin-top: 0px;
    margin-left: 0px;
    padding: 2px;
    border: 1px solid #79f;
}

.tooltipped
{
   background-color: #ffffc0;
}

#sidebar_rootdir_td
{
   height: 17px;
   vertical-align: top;
}

#sidebar_tree_td
{
   vertical-align: top;   
}

#sidebar_searchform_td
{
   vertical-align: bottom;
   height: 20px;
}

.thumbnail_selectable_cell
{
   width: 110px;
   height: 100px;
   border: 1px solid #eee;
   float: left;
   text-align: center;
   margin: 2px;
   background-color: #f9f9f9;
}

.thumbLabel
{
   /*overflow: hidden;*/
}

.img_cont
{
   width: 64px;
   height: 64px;
   border: 1px solid #ddd;
   vertical-align: middle;   
}

/*
DIALOG BOXES
*/
/*#upload_form, #createdir_form, #createfile_form, #rename_div*/
#all_forms 
{
    background-color: #eee;
}
#all_forms div{display:none;}

#all_forms div div, 
#all_forms div.shadow_class
{display:block;}

.dialogBox, .editBox, #progressBox
{
    display: none;
    position: absolute;
    top: 30%;
    left: 30%;
    z-index: 1002;
    /*
    padding: 4px;
    border:1px solid #ccc;
    border-top-color:#fff;
    border-left-color:#fff;
    */
    background-color: #fff;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12px;
    /*width:250px;*/
}

.editBox
{
    top:5%;
    left:5%;
    padding: 0px;
    margin:0px;
}

.dialogTitle
{
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
    border: 1px solid #aaa;
    border-bottom: 0px;
    height: 23px;
    background-image:url('../images/header_bg.png');
    background-position: top;
    background-repeat: repeat-x;
    color: #333;
    cursor:move;    
}

.dialogContent
{
    padding: 10px 10px;
    border: 1px solid #aaa;    
    border-top: 0px;
    background-image: url('../images/strip.png');
}

.dialogContent input,
.dialogContent input[type="text"],
.dialogContent input[type="password"],
.dialogContent select
{
    margin-left:0px;
    width: 250px;
    border: 1px solid #aaa;
    background-image:url('../images/locationBg.gif');
    background-repeat: no-repeat;
    background-position: top left;    
}

.dialogLegend
{
    color:#666;
}

.dialogButtons
{
    text-align: center;
}

.dialogButtons input,
fieldSet input.dialogButton
{
    margin-left: 10px;
    width: 65px;    
    background-image: url('../images/ButtonBg.png');
    color: white;
    font-weight: bold;
}

.editContent, .editContent div
{
    background-color: #fff;
}

.editContent textarea, textarea#myCode, .editContent iframe
{
    border:0px;
    border-left:1px solid #79f;
    padding:0px;
    margin:0px;
}

textarea#myCode
{
    border: 1px solid #666;
    border-right-color: #ccc;
    border-left-color: #ccc;
}

.dialogContent form, .editContent form
{
    display: inline;
    margin: 0px;
}

.dialogButton
{
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 15px;
}

.dialogArrow
{
    font-weight: bold;
    font-size: 16px;
}

#fancyframe
{
    border:0px;
    width: 410px;
    height: 385px;
}

#flashframe
{
    border:0px;
    width: 450px;
    height: 360px;
    overflow:hidden;
    margin-top: -9px;
}

/********************/
/* MESSAGE BOX      */
/********************/
#message_div
{
    position: absolute;
    left:-1000px;    
    z-index: 1500;
    cursor: pointer;
}
#message_content
{
    font-family: Trebuchet MS, sans-serif, Helvetica, Arial;
    font-size: 11px;
    color:#666;    
    padding: 10px;
}

.errorMessage
{
    border: 1px solid #EEAAAA;
    background-color: #EEAAAA;
    border-bottom-color: red;
    cursor: pointer;
}

.logMessage
{
    border-color: #AAFFAA;
    border-bottom-color: green;
    background-color: #AAEEAA;
}


/********************/
/* PROGRESS BAR     */
/********************/
#progressBox
{
    display: block;
    z-index: 2002;
    width: 400px;
    height: 300px;
    top: 20%;
}

#progressBarBorder
{
    border:1px solid black;
    width: 380px;
    background-color: #fff;
    height: 10px;
    margin-top: 5px;
}

#progressBar
{
	background-color: #084165;
	height: 10px;
	width: 0%;
}

#progressState
{
    color:#084165;
}


/*
ACTION BAR
*/
.centeredWidth{
	position: relative;
    width: 96%;   
    left:2%;
    min-width: 950px;
    width:expression(document.body.clientWidth < 1000? "950px" : "96%" ); 
}

#toolbars
{
    /*background-color: #e0ecff;*/
    padding:0px;
    padding-bottom:2px;
    position:relative;
    margin-bottom:3px;
}

.toolbars_separator
{
    border-bottom: 1px solid #fff;
    border-top: 1px solid buttonshadow;
}

.toolbar_title{
    font-size:15px;
    font-weight:bold;
    color: #ddd;
}

#topPane{
    /*background-color: #aaa;*/
}

#tree_container{
    background-color: #fff;
    padding-top: 3px;
    padding-left: 2px;
    border-bottom: 1px solid #aaa;
}

.panelHeader{
/*
	border:	1px solid;
	border-color:	#fff ButtonShadow
					ButtonShadow #fff;
*/					
	background-image:url("../images/header_bg.png");
	background-repeat:no-repeat;
	background-position:top right;
    border: none;
	background-color: #fff;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-left: 7px;
	margin-bottom:0px;
	color: #666;
	height:23px;
	vertical-align: middle;
}

#action_bar, 
.action_bar
{
    /*background-color: #e0ecff;*/
    font-family: Arial;
    font-size: 12px;
    height: 88px;
    padding: 0px;        
}
.action_bar
{
	margin-top: -10px;
	height: 52px;
	/*
    background-image : url('../images/GradientBg.gif');
    background-repeat : repeat-x;
    background-position: top;	
    */
}

#buttons_bar, #locationbar_cont
{
   /* background-color: #e0ecff;*/
}

#buttons_bar
{
	height: 53px;
	padding-left: 7px;
	padding-top: 6px;
}

#action_bar a, 
.action_bar a
{    
	background-repeat: no-repeat;
	background-position: center;
	color:#dfebfe;
	color: expression('#dfebfe');
	display:block;
	float:left;
	font-size:9px;
	height:44px;
	margin-right:5px;
	margin-top:3px;
	padding:0px;
	text-align:center;
	overflow:visible;
}

.action_bar a span{
	padding: 0 5px;
}

.action_bar a
{
	color:#084165!important;
	color: expression('#084165');
}
#action_bar a:hover, 
.action_bar a:hover
{
	color: #fff;
}

#action_bar a.disabled,
.action_bar a.disabled,
#action_bar a.disabled:hover,
.action_bar a.disabled:hover
{
    color: expression('#8caac3');
}

#action_bar a img,
.action_bar a img
{
    margin-bottom: 3px;
    margin-top: 8px;    
}


#action_bar div.separator,
.action_bar div.separator
{    
	background-color:#FFFFFF;
	display:block;
	float:left;
	font-size:10px;
	height:51px;
	margin-left:0px;
	margin-right:9px;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	padding-bottom:2px;
	padding-top:0px;
	text-align:center;
	width:1px;
}

.action_bar div.separator
{
    /*border-right: 1px solid #79f;*/    
}

#locationbar_cont
{
    width: 100%;
    float:left;
    margin-top:6px;
    height: 22px;
    border: 1px solid #999;
    border-width: 1px 0px;
    background-image:url('../images/header_bg.png');
    background-repeat:  repeat-x;
    background-position: top;
}

#location_form,
#repository_form
{
    background-color:#fff;
    border: 1px solid #bbb;
    border-width: 0px 1px 0px 1px;
    height: 20px;
    height:expression('22px');
    width: 450px;
    float:left;
    padding:2px 0px 0px 5px;
    background-image:url('../images/locationBg.gif');
    background-repeat: no-repeat;
    background-position: top left;    
}

#location_form
{
    margin-left: 0px;
}

#repository_form
{
    width: 200px;
    border-left: 0px;
}

#location_form input, 
#repository_form input
{
    margin:1px 0px 0px 0px;
    _margin: 0px 0px 1px 0px;
    border:none;
    height: 15px;
    width: 425px;
}

#repository_form input
{
    width: 172px;
    margin-left: 3px;
}

#location_goto, 
#repository_goto, 
#bookmarks_goto
{
    border: 1px solid #bbb;
    border-top:0px;
    border-bottom:0px;
    float: left;
    height: 22px;
    padding-right: 2px;
    border-left: 0px;
}

#location_goto:hover,
#repository_goto:hover,
#bookmarks_goto:hover{
	background-image:url(../images/header_bg_on.png);
	background-position:top;
	background-repeat: repeat-x;
}

#goto_repo_button.disabled,
#bm_goto_button.disabled
{
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}

#repository_goto
{
   padding: 0px;
   cursor: pointer;
   border-right:0px;
}
/*
#logging_string
{
   color: #084165;
   font-size: 15px;
   font-family: Trebuchet MS, sans-serif;      
   font-weight: bold;
   padding-right: 3px;
}
*/
#logging_string {
   float: right;
	color:#666666;
	font-family:Trebuchet MS,sans-serif;
	font-size:12px;
   padding-top: 3px;
}
#logging_string i
{
	font-weight:bold;
}
#logging_string i img
{
    font-style: normal;    
    cursor: pointer;
	margin-left:3px;
	margin-right:7px;
	margin-top:-4px;
}


.locationbar_title
{
    display:inline;
    font-family:Trebuchet MS, sans-serif, Helvetica, Arial;
    color: #79f;
    font-size:15px;
    font-weight:bold;
    float:left;
}

#current_path, 
#repo_path
{
    /*width: 455px;*/
    border:none;
    height: 20px;
    padding:0px;
    padding-left:3px;
    padding-top:0px;
    font-size: 11px;
}

.even
{
    background-color: #eee;
}

.odd
{
    background-color: #fff;
}

.selected
{
	background: #ddd;
	color : #404040;
	text-decoration: none;
}

.selected-focus
{
    /*background: #0a246a !important;*/
    color: #fff !important;
	background-color:#22507f !important;
	background-image:url(../images/GradientBgSelected.gif);
	background-position:center center;
}

.droppableZone
{
   background-color: #c3d9ff;
   /*border: 1px dotted #666;*/
}


div.simple_selection_draggable
{
    color: #000;
    background-color: #ddd;
    border: 1px dotted #333;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11px;    
}

span.simple_selection_draggable
{
    color: #000;
    background-color: #ddd;
    padding: 2px;
    border: 1px dotted #333;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11px;
    display:block;
}
.simple_selection_draggable img
{
    display: inline;
}

div.multiple_selection_draggable
{
    display: block;
    color: #000;
    background-color: #ddd;
    padding: 2px;
    border: 1px dotted #333;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11px;    
}

div.multiple_thumbnails_draggable
{
    background-color: transparent;
    border: none;
    width: 50%;
}

.selection_ctrl_key
{
    background-image:url('../images/plusCopy.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}


a.disabled
{
  filter:alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity:0.3;
}

a.enabled
{
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}

#action_bar a.disabled:hover,
.action_bar a.disabled:hover
{
    background-color: transparent;
    cursor: default;
}

#action_bar a.disabled,
.action_bar a.disabled
{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

#action_bar a.disabled img,
.action_bar a.disabled img,
#action_bar a.disabled span,
.action_bar a.disabled span
{
  filter:alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity:0.3;	
}

.action_bar
{
    /*background-color: #CCDDEE;*/
}

/*
BOOKMARKS BAR
*/
#bm_bar_cont
{
    /*background-color: #ddd;*/
}


#bookmarks_bar
{
    display: none;
    background-color: #fff;
    position:relative;
    width:86%;
    left:7%;
    height: 25px;
    padding: 0px;
    padding-left:10px;
}

#bmbar_title
{
    color: #ddd;
    float:right;
    display:inline;
    font-family:Trebuchet MS, sans-serif, Helvetica, Arial;
    font-size:15px;
    font-weight:bold;
}

a.bookmark_button
{
    text-decoration: none;
    padding-right: 10px;
}

#bookmarks_bar a
{
    display: block;
    float:left;
}

div.bm, div.bm_hover
{    
   /* border: 1px solid #ddd;*/
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
    display: block;
    float: right;
    text-align: center;    
    font-size: 11px;
    padding: 3px;
    margin-right: 5px;
    /*background-color: #ddd;*/
    font-family: Trebuchet MS, sans-serif;
    color: #333;    
}

div.bm_hover
{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
    text-decoration: none;
    /*
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;    
    background-color: #ddd;
    */
}

.extendedMenu
{
     float:none;
}

/*
UPLOAD MULTIFILE FORM
*/
#upload_files_list, #multiple_download_container
{
   background-color: white;
   overflow: auto;
   height: 140px;
   border: 1px solid buttonshadow;
   text-align: left;
}

#upload_files_list div, #multiple_download_container div
{
   overflow: auto;
   border-bottom: 1px dotted buttonshadow;
   padding-top: 2px;   
   padding-bottom: 2px; 
   padding-left: 3px;
}

#upload_files_list div a
{
   color: #ddd;
   font-style: italic;   
}
#upload_files_list div a:hover
{
    text-decoration:none;
    color: #d00;
}

#multiple_download_container div a
{
    display: block;
}
#multiple_download_container div a:hover
{
    text-decoration:none;
    color: #aaa;
}


/*
 SEARCH BOX / INFO PANEL
*/

#panelsToggle
{
    height: 23px;
    cursor:pointer;
}

.toggleHeader
{
    width: 50%;
    background-image: url('../images/header_bg_on.png');
	cursor:	pointer;
	padding-right: 2px;
}

.toggleHeader a, .toggleHeader a, .toggleHeader a:link, .toggleHeader a:visited, .toggleHeader a:hover , .toggleHeader a:active
{
	text-decoration:none;	
}

.panelHeader img
{
    float:right;
}

.toggleInactive
{
    background-image: url('../images/header_bg.png');
}

.toggleInactive a, .toggleInactive a:link, .toggleInactive a:visited, .toggleInactive a:hover , .toggleInactive a:active
{
	color: #999;
	text-decoration:none;	
}
 
#search_div
{
/*    width: 100%;*/
    font-family: Trebuchet MS, sans-serif, Helvetica, Arial, Sans-serif;
    font-size: 11px;
}

#search_results
{
    width:100%;
    overflow: auto;
    height: 120px;
    background-color: #fff;
}

#search_container
{
    padding:10px;
}

#search_form, #search_state
{
     padding-bottom: 15px;
     padding-top: 5px;
     text-align: center;    
}
#search_form
{
    height: 25px;
}
#search_form a
{
    display:block;    
    float:left;
    width:18px;
    cursor: pointer;
    margin-right: 0px;
    margin-left: 3px;
    border: 1px solid #79f;
    padding: 1px;    
}

#search_form a:hover
{
    border: 1px solid buttonshadow;
}

#search_form input
{
    margin: 0px;
    padding: 0px;
    height: 20px;
    border: 1px solid #aaa;
	background-image:url('../images/locationBg.gif');
	background-position:left top;
	background-repeat:no-repeat;    
}

#search_results
{    
    margin-left:0px;
    border: 1px solid;
    border-color: #666;
    width: 100%;
}

#search_results div
{
    border-bottom: 1px solid #79f;
    padding: 3px;
    cursor: pointer;
}

.infoPanelActions
{
    padding: 0px 10px;    
}

#info_panel
{
	overflow:auto;
}

#info_panel a, #info_panel a:hover
{
    color:#79f;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
#info_panel a:hover
{
   text-decoration:none;
}

#info_panel div.folderImage
{
   text-align:center;
   padding-bottom: 10px;
}

#browser_round
{
    padding:0px;
    margin-bottom:0px;
}

#browser{
   /*padding: 8px;*/
   padding-bottom:0px;
}

#selectable_div, #table_rows_container, #tree_container, #bottomSplitPane{
   background-image: url('../images/strip.png');
}

#verticalSplitter{
    overflow: hidden; 
    background-color: #fff;
}

#sidebarSplitter{
    overflow: auto;
    width: 200px;
}

.vsplitbar
{
   width: 5px;
   background-color: #e0ecff;
   background-image: url(../images/vgrabber.gif);
   background-repeat: no-repeat;
   background-position: center;
   /*border: 1px solid;*/
	border-color:	#fff ButtonShadow
					ButtonShadow #fff;
   
}
.vsplitbar.active
{
  background-color: #666;
}

.vsplitbar:hover 
{
  background-color: #ccc;
}

.hsplitbar
{
   height: 5px;
   background-color: #e0ecff;
   background-image: url(../images/hgrabber.gif);
   background-repeat: no-repeat;
   background-position: center;
   /*border: 1px solid;   */
	border-color:	#fff ButtonShadow
					ButtonShadow #fff;
}
.hsplitbar.active
{
  background-color: #666;
}

.hsplitbar:hover{
  background-color: #ccc;
}


#splashScreen
{
   width: 430px;
   height: 332px;   
}

#docFileIframe
{
    position:relative;
    top: 10px;
    left: 15px;
    width: 400px;
    height: 230px;
    border: 1px solid #aaa;
}

#adminIFrame
{
    border: 1px solid white;
    width: 641px;
    height: 390px;
    background-color: #fff;
}

/*********************
ADMIN STYLES
**********************/
#users_list,
#repo_list
{
    height: 299px;
    width: 200px;
    float: left;
    padding-top: 5px;
    overflow: auto;
}
#users_detail_panel, 
#repo_detail_panel{
	width: 438px;
    height: 299px;
    float: left;
	border-left: 1px solid #bbb;
    overflow: auto;
}

#repo_list{
    height: 294px;
}

#repo_detail_panel fieldset
{
	margin:10px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 13px;	
}

.users_list_title
{
    font-family: Trebuchet MS, Nimbus Sans L, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding-left: 5px;
    border-bottom: 1px solid white;
    background-color: #bbb;
}


.user
{    
    padding-top: 15px;
    padding-left: 5px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: 5px;
}

.user_id, .user_data, .repository, .password
{
    font-family: Trebuchet MS, sans-serif;
    font-size: 13px;
}

.user_data
{
    background-color: #fff;
}

fieldset
{
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 5px;
}

legend
{
    color: #79f;
    font-weight: bold;
}

.repository, .repository td, .password td
{
   padding: 0px;
}

.repository td
{
   vertical-align: bottom;
}

.repository input, .user_delete_confirm
{
   border: none;
   margin-left: 1px;   
   margin-top: 0px;
   padding: 0px;   
}

.user_data
{
    padding: 10px;
    /*padding-right: 20px;*/
}

.user_id
{
    cursor: pointer;
    font-size: 17px;
}

.user_id b
{
    color: #666;
}
#user_admin_bar, #repo_create_form, #log_chooser
{
   font-family: Trebuchet MS, sans-serif;
   padding: 15px;
   font-size: 12px;
   border: 0px solid #ddd;
   background-color: #ddd;
   border-bottom: 1px solid #bbb;
}

#user_admin_bar input, .password input
{
   height: 18px;
   width: 90px;
   font-size: 12px;
   padding: 0px;
   margin-left: 0px;
   margin-right: 5px;
}

#user_admin_bar .submit_button, .password .submit_button,
#options_pane .submit_button, .password .submit_button 
{
   width: 30px;
}

#user_admin_bar b,
#repo_create_form b,
#log_chooser b
{
   font-size: 15px;
   color: #666;   
}

#user_pref_form input
{
   width: 65px;
   padding: 0px;
   margin-right: 5px;
}

#user_pref_form input.radio
{
   width: 20px;
   border: 0px;
   background-image: none;
}

#repo_create_form select
{
   border: 1px solid #79f;
   height: 20px;
   width: 160px;
}

.helpImage{
	cursor: help;
	margin-bottom: 1px;
}

#driver_form input.text,
.driver_form input.text
{
   padding:0px;
   padding-left:2px;
   padding-right:2px;
   margin-left: 0px;
   width: 200px;
   height: 18px;
   border: 1px solid #999;   
}

#driver_form input.radio,
.driver_form input.radio, 
 input.radio
{
   border : none;
   margin-left: 0px;
   width: 20px;
}

#driver_form input.button,
.driver_form input.button
{
	background-color:#bbb;
	border:1px solid #999;
	color:white;
	font-weight:bold;
	margin-left:10px;
	width:50px;
	height: 20px;
	padding: 0px;
}

#driver_form b,
.driver_form b
{
   font-size:12px;
}

.logs_table{
   font-size:12px;
   width:'100%';
}
.logs_table td{
   width:'10%';
   vertical-align:top;
   padding: 2px;
}
.logs_table td.header{
   font-weight:bold;
   background-color: #ccc;
   color: white;
   padding: 2px;
}
.logs_table td.odd{
   background-color:#eee;
}

#install_log{
	padding: 10px;
	overflow: auto;
}

#install_log div{
	border-bottom : 1px solid #bbb;
}

#install_log span{
   font-weight: bold;
   display: block;
   float: left;
   width: 150px;
}


/***********************/
/* EDITORS & DIAPORAMA */
/***********************/
textarea.editor
{
	background-color:white;
	font-family:monospace;
	font-size:13px;
	line-height:16px;
	white-space:pre;
}

.diaporamaButton
{
  filter:alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity:0.4;
}
.diaporamaButtonActive,
.diaporamaButton:hover
{
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}


/***********************/
/* AUTOCOMPLETION DIV  */
/***********************/
div.autocomplete 
{
      position:absolute;
      font-family:Trebuchet MS, sans-serif;
      font-size: 11px;
      width:250px;
      background-color:white;
      border:1px solid #bbb;
      margin:8px 0px 0px;
      padding:0px;
}
div.autocomplete ul 
{
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected 
{ 
      background-color: #0a246a;
}
div.autocomplete ul li 
{
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
}

/************************/
/* CONTEXT MENU STYLES  */
/************************/
div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
	height: 22px;
}

.menu.desktop {
	width: 9em;
	background: #fff;
	border: 1px solid #999;
    /*border-bottom-color: #999;
    border-right-color: #999;*/
	padding: 0;
    padding-top: 0px;
    padding-bottom: 1px;
}
.menu.desktop ul, .menu.desktop li {
	margin: 0;
	padding: 0;
}

.menu.desktop li{
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.rootDirChooser li.menuTitle {
   font-size: 11px;
   font-weight: bold;
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 25px;
   padding-bottom: 5px;   
   color: #ccc;
   border-bottom: 0px solid #ddd;
   text-align: left;
   font-style: italic;
   display: none;
}

.menu.desktop li.separator {
padding: 0px;
	height: 1px;
}
.menu.desktop a img{
        margin-right: 3px;
}

.menu.desktop a {
	color: #000;
	padding: 5px 0 2px 12px;
	margin: 0;
	height: 17px;
    font-family: Arial;
	font-size:11px;
}
.menu.desktop a.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	zoom: 1;
}
.menu.desktop li.separator {
	border-bottom: 1px solid #fff;
	background: #cde;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
}
/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
	background-color: #0A246A;
	color: #fff;
}

.rootDirChooser
{
   font-size: 11px;
   font-family: Trebuchet MS, sans-serif, Helvetica, sans-serif;
   position:absolute;
   z-index: 1500;
   background-color:white;  
   width: 216px;
   border: 1px solid #aaa;
}

.rootDirChooser img
{
   border: 0px;
}

.rootDirChooser a, 
.bookmarksMenu a
{
   display: block;
   padding: 2px;
   padding-right: 20px;
   padding-left: 5px;
   padding-top: 4px;
}

.rootDirChooser a.disabled IMG{
	filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3	
}

.rootDirChooser span.rootDirTitle
{
   display: block;
   font-size: 12px;
   font-weight: bold;
   padding-top: 1px;
   padding-left: 5px;
   padding-right: 50px;   
   color: #ccc;
   border-bottom: 0px solid #ddd;
   text-align: left;
   font-style: italic;
}

.rootDirChooser a:hover,
.bookmarksMenu a:hover
{
   background-color: #ddd;
}

.bookmarksMenu
{
   font-size: 11px;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   position:absolute;
   z-index: 1500;
   background-color:white;  
   border: 1px solid #aaa;
   width: 250px;
   padding: 2px;
}

.menuActions {
   float: right;
   width: 50px;
   padding-top: 3px;
   padding-right: 3px;
   text-align: right;
}

.menuActions a{
	width: 18px;
	padding: 1px;
	display: inline !important;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;	
	cursor: pointer;
}

.menuActions a:hover
{
   filter:alpha(opacity=100);
   opacity: 1.0;
   -moz-opacity:1.0;
   background-color: #fff;
}

.backgroundPanel{
   position:absolute;   
   right:0;
   bottom:20px;
   padding:1px 5px 3px 7px;
   font-size:11px;
   font-weight:bold;
   color: #fff;
   font-family: Trebuchet MS, sans-serif;
   background-color:#79f;
   filter:alpha(opacity=80);
   opacity: 0.8;
   -moz-opacity:0.8;
}