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

input, textarea
{
    margin-top: 1px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #749925/*#79f !important*/;
    font-size: 11px;
    font-family: Trebuchet MS;
}

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

.titre {
	font-family: Trebuchet MS, Helvetica, 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 #749925/*#79f !important*/;
}

.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{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;
    font-size: 12px;
    /*width:250px;*/
}

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

.dialogTitle
{
    background-color: #749925/*#79f !important*/;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    padding-left: 6px;
    padding-bottom: 1px;
    cursor:move;    
}

.dialogContent
{
    padding: 10px 10px;
    border: 1px solid #749925/*#79f !important*/;    
    /*text-align: center;*/
}

.dialogContent input
{
    margin-left:0px;
    width: 250px;
    border: 1px solid #666;
}

.dialogLegend
{
    color:#666;
}

.dialogButtons
{
    text-align: center;
}

.dialogButtons input
{
    margin-left: 10px;
    width: 65px;    
    background-color: #749925/*#79f !important*/;
    color: white;
    font-weight: bold;
    border: 1px solid #749925/*#79f !important*/;
}

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

.editContent textarea, textarea#myCode, .editContent iframe
{
    border:0px;
    border-left:1px solid #749925/*#79f !important*/;
    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: 400px;
    height: 300px;
}

/********************/
/* MESSAGE BOX      */
/********************/
#message_div
{
    position: absolute;
    left:-1000px;    
    z-index: 1500;
    cursor: pointer;
}
#message_content
{
    font-family: Trebuchet MS, 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: 420px;
    height: 300px;
    top: 20%;
}

#progressBarBorder
{
    border:1px solid black;
    background-color: #fff;
    height: 10px;
}

#progressBar
{
	background-color: #0a246a;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	
	height: 10px;
	width: 0%;
}

#progressState
{
    color:#666;
}


/*
ACTION BAR
*/
#toolbars
{

    background-color: #BAD483 /*#e0ecff*/;

    padding:0px;
    padding-bottom:2px;
    position:relative;
    width: 94%;   
    left:3%;
    margin-bottom:2px;
    min-width: 890px;
    width:expression(document.body.clientWidth < 980? "890px" : "94%" ); 
}

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

.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;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 7px;
	margin-bottom:0px;
	color: #666;
	height:21px;
	vertical-align: middle;
}

#action_bar, .action_bar
{
    background-color: #BAD483 /*#e0ecff*/;
    font-family: Arial;
    font-size: 12px;
    height: 72px;
    padding: 3px;    
    padding-top: 3px;    
}

#buttons_bar
{
    background-color: #BAD483 /*#e0ecff*/;
		background: #BAD483 url("../images/logo_head.png") right top no-repeat;
}

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

#buttons_bar
{
	height: 35px;
}

#action_bar a, .action_bar a
{    
    padding-bottom: 2px;
    padding-top: 4px;
    display: block;
    float: left;
    text-align: center;
    width: 53px; 
    font-size: 10px;
}

.action_bar div.separator,
#action_bar div.separator
{    
    padding-bottom: 2px;
    padding-top: 4px;    
    border-right: 1px solid #fff;
    /*border-left: 1px solid buttonshadow;*/
    display: block;
    float: left;
    text-align: center;
    width: 5px;    
    font-size: 10px;
    height: 30px;
    margin-left: 1px;
    margin-right: 1px;
}

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

#action_bar a:hover, 
.action_bar a:hover
{
    text-decoration: none;
	/*border: 1px solid #fff;*/
	background-color: #8AAA47 /*#c3d9ff*/;
}

#locationbar_cont
{
    width: 96%;
    float:left;
    margin-top:6px;
}

#location_form
{
    background-color:#fff;
    height: 21px;
    width: 60%;
    float:left;
    padding:0px 5px;
}

#logging_string
{
   float: right;
   color: #ffffff /*#c3d9ff*/;
   font-size: 13px;
   font-family: Trebuchet MS;      
   font-weight: bold;
   font-style: italic;
   /*border: 1px solid white;*/
   padding-top: 5px;
}

#logging_string i
{
    font-style: normal;
    color: white;
}


#location_form input
{
    margin:0px;
    border:none;
}

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

#current_path
{
    /*width: 455px;*/
    width: 90%;
    border:none;
    height: 20px;
    padding:0px;
    padding-left:3px;
    padding-top:0px;
    font-size: 13px;
}


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

.selected-focus
{
    background: #0a246a;    
    color: #fff;
}

.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;
    font-size: 11px;    
}

span.simple_selection_draggable
{
    color: #000;
    background-color: #ddd;
    padding: 2px;
    border: 1px dotted #333;
    font-family: Trebuchet MS;
    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;
    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
{
    background-color: #CCDDEE;
}

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


#bookmarks_bar
{
    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, 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;
    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: #749925/*#79f !important*/;
}


/*
 SEARCH BOX / INFO PANEL
*/

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

.toggleHeader
{
    width: 50%;
	background-color: #749925 /*#7799ff*/;
	padding:2px 5px;
	cursor:	pointer;
	height: 25px;
    border-bottom: 1px solid #749925/*#79f !important*/;	
}

.toggleHeader a, .toggleHeader a, .toggleHeader a:link, .toggleHeader a:visited, .toggleHeader a:hover , .toggleHeader a:active
{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;	
}

.toggleHeader img
{
    float:right;
}

.toggleInactive
{
    background-color: #eee;
}

.toggleInactive a, .toggleInactive a:link, .toggleInactive a:visited, .toggleInactive a:hover , .toggleInactive a:active
{
    color: #cccccc;
	font-weight: bold;
	text-decoration:none;	
}
 
#search_div
{
/*    width: 100%;*/
    font-family: Trebuchet MS, 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 #749925/*#79f !important*/;
    padding: 1px;    
}

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

#search_form input
{
    margin: 0px;
    padding: 0px;
    height: 20px;
    border: 1px solid #749925/*#79f !important*/;
}

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

#search_results div
{
    border-bottom: 1px solid #749925/*#79f !important*/;
    padding: 3px;
    cursor: pointer;
}

#info_panel a, #info_panel a:hover
{
    color: #749925/*#79f !important*/;
    
}
#info_panel a:hover
{
   text-decoration:underline;
}

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

#browser_round
{
    position:relative;
    width: 94%;   
    left:3%;
    /*background-color: #79f;*/
    background-color:#aaa;
    padding:0px;
    margin-bottom:0px;
    min-width: 890px;
    width:expression(document.body.clientWidth < 980? "890px" : "94%" );     
}

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

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

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

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

.vsplitbar:hover 
{
  background: #ccc url(../images/vgrabber.gif) no-repeat center;
}

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

.hsplitbar:hover{
  background: #ccc url(../images/hgrabber.gif) no-repeat center;
}


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

#docFileIframe
{
    position:relative;
    top: 10px;
    left: 15px;
    width: 400px;
    height: 230px;
    border: 1px solid #749925/*#79f !important*/;
}

#adminIFrame
{
    border: 1px solid black;
    width: 640px;
    height: 390px;
}

/*********************
ADMIN STYLES
**********************/
#users_list
{
    height: 300px;
    overflow: auto;
}
.users_list_title
{
    font-family: Trebuchet MS;
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding-left: 5px;
    border-bottom: 1px solid white;
    background-color: #bbb;
}


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

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

.user_data
{
    background-color: #fff;
}

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

legend
{
    color: #749925/*#79f !important*/;
    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
{
   font-family: Trebuchet MS;
   padding: 15px;
   font-size: 12px;
   border: 0px solid #ddd;
   background-color: #fff;
   border-bottom: 1px solid #999;
}

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

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

#user_admin_bar b
{
   font-size: 17px;
   color: #666;   
}

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

#user_pref_form input.radio
{
   width: 20px;
   border: none;
}

/***********************/
/* 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;
      font-size: 11px;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin: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;
}

.menu.desktop {
        filter:alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity:0.95;
	width: 9em;
	background: #BAD483 /*#e0ecff*/;
	border: 1px solid #ddd;
        /*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;
}

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

.menu.desktop a {
	color: #000;
	padding: 2px 0 1px 12px;
	margin: 0;
	border: 1px solid #BAD483 /*#e0ecff*/;
	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, Helvetica, sans-serif;
   position:absolute;
   z-index: 1500;
   background-color:white;  
   border: 1px solid #999;
}

.rootDirChooser img
{
   border: 0px;
}

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

.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
{
   background-color: #ddd;
}


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