/* General Styles ------------------------------------------------------------
h1
{
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color:#D82905;
}
*/
h3
{
  font-size:11px;
  font-weight:bold;
  margin-bottom:0px;
}
/*
ul
{
  list-style: square;
  font-family: Verdana;
  font-size: 11px;
  margin-top: 0px;
  margin-left:0px;
  padding-left: 20px;
}

a { color:#dd3409;text-decoration:none; }
a:hover { color:#dd3409;text-decoration:underline; }
*/

/* TreeView styles ----------------------------------------------------------- */

.TreeView
{
  background-color: #ffffff;
  border: 1px solid #ACACAC;
  border-top-width: 0px;
  padding-top:1px;
  padding-left:1px;
  cursor:default;
  vertical-align:top;
}
/*
.TreeView tbody,td
{
    vertical-align:top;
} 
*/
.TreeNode
{
  font-family: tahoma;
  font-size: 11px;
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px;
  padding-right: 3px;
}

.GrayedTreeNode
{
  font-family: tahoma;
  font-size: 11px;
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px;
  padding-right: 3px;
  color:gray;
  cursor:default;
}

.HoverTreeNode
{
  font-family: tahoma;
  font-size: 11px;
  text-decoration:underline;
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px;
  padding-right: 3px;
  cursor: default;
}

.SelectedTreeNode
{
  background-image: url(images/treeview/node_bg.gif);
  font-family: tahoma;
  font-size: 11px;
  border: solid 1px #9ADFFE;
  padding-top:1px;
  padding-bottom:0px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: default;
}

.HoverPopupTreeNode
{
  background-color: White;
  font-family: tahoma;
  font-size: 11px;
  border: solid 1px black;
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  cursor: default;
}

.HoverPopup
{
  background-image: url(images/treeview/node_bg.gif);
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  font-family: tahoma;
  font-size: 11px;
  border: solid 1px #9ADFFE;
  padding-top:1px;
  padding-bottom:0px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: default;
}

.NodeEdit
{
  border:1px gray solid;
  font-family: tahoma;
  font-size: 11px;
}

/* Grid styles ----------------------------------------------------------- */

.Grid
{
  background-color: #ffffff;
  border: 1px solid #ACACAC;
  border-top-width: 0px;
  cursor: default;
}
.Grid td
{
    vertical-align:top;
}

.HeadingCell
{
  color: black;
  background-image: url(images/treeview/grid_header_bg.gif);
  background-color: #FFFFFF;
  border: 0px;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  padding: 5px;
  padding-bottom: 4px;
  padding-right: 4px;
}

.HeadingCell2
{
  color: black;
  background-image: url(images/treeview/grid_header_bg.gif);
  background-color: #FFFFFF;
  border: 0px;
  border-bottom: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-top: 1px solid #D5D5D5;
  padding: 5px;
  padding-bottom: 4px;
  padding-right: 4px;
  font-size: 11px;
}

.HeadingCellHover
{
  background-image: url(images/treeview/grid_header_hover_bg.gif);
  border: 1px solid #9ADFFE;
  padding: 4px;
}

.HeadingCellActive
{
}

.HeadingCellText
{
  cursor: default;
  font-family: Tahoma;
  font-size: 11px;
  padding-right: 5px;
}

.Row
{
  background-color: #FFFFFF;
}

.Row td.DataCell
{
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Tahoma;
  font-size: 11px;
  cursor: default;
}

.SortedDataCell
{
  background-color: #FFFFFF;
}

.SortedHeadingCell
{

}

.Row td.LastDataCell
{
  background-color: #EFEFF4;
}

.SelectedRow
{
}

.SelectedRow td.DataCell
{
  cursor: default;
  background-color: #FFFFFF;
  background-image: url(images/treeview/selected_item_bg.gif);
  padding: 2px;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Tahoma;
  font-size: 11px;
  border-bottom: 1px solid #9ADFFE;
  border-top: 1px solid #9ADFFE;
  border-right: 0px;
}

.SelectedRowKeyboard td.DataCell
{
  cursor: default;
  background-color: #FFFFFF;
  background-image: url(images/treeview/selected_hover_item_bg.gif);
  padding: 2px;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Tahoma;
  font-size: 11px;
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  border-right: 0px;
}


.ScrollBar
{
  background-image: url(images/treeview/scroller/scroller_bg.gif);
}

.ScrollGrip
{
  background-image: url(images/treeview/scroller/scroll_gripBg.gif);
}

.ScrollPopup
{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}

/* Container styles --------------------------------------------------------------- */
.Heading
{
  background: url(images/treeview/heading_bg.gif);
  background-color: #4B4B4B;
  color: #FFFFFF;
  border: #57566F 1px solid;
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  cursor: default;
}
/*---------------------------------------------------------------------------------*/
/* Context Menu																	   */
/*---------------------------------------------------------------------------------*/
div.contextMenu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
	display:none;
}
div.contextMenu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.contextMenu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.contextMenu ul, .contextMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contextMenu li {
	list-style-position: outside;
}


.contextMenu {
	width: 10em;
	background: #f9f8f7;
	border: 1px solid #999;
	padding: 0;
}

.contextMenu ul, .contextMenu li 
{
    list-style-image:none;
	margin: 0;
	padding: 0;
}

.contextMenu a{
	color: #555;
	padding: 3px 0 3px 25px;
	margin: 0;
	border: 1px solid #f9f8f7;
	background-color:#0A246A;
}

div.contextMenu a:hover{
	background-color:#0A246A;
	color: #fff;
}


.contextMenu a.ouvrir {
  background: #f9f8f7 url(../../_img/Menu_icons/page_open.png) 2px 50% no-repeat;
}

.contextMenu a.nouveau {
  background: #f9f8f7 url(../../_img/Menu_icons/new_folder.png) 2px 50% no-repeat;
}
.contextMenu a.renommerDossier {
  background: #f9f8f7 url(../../_img/Menu_icons/folder_rename.png) 2px 50% no-repeat;
}
.contextMenu a.supprimerDossier {
  background: #f9f8f7 url(../../_img/Menu_icons/folder_delete.png) 2px 50% no-repeat;
}



.contextMenu a.ouvrir {
  background: #f9f8f7 url(../../_img/Menu_icons/open.png) 2px 50% no-repeat;
}
.contextMenu a.renommer {
  background: #f9f8f7 url(../../_img/Menu_icons/page_edit.png) 2px 50% no-repeat;
}
.contextMenu a.supprimer {
  background: #f9f8f7 url(../../_img/Menu_icons/page_delete.png) 2px 50% no-repeat;
}
.contextMenu a.categories {
  background: #f9f8f7 url(../../_img/Menu_icons/page_category.png) 2px 50% no-repeat;
}
.contextMenu a.envoyer {
  background: #f9f8f7 url(../../_img/Menu_icons/email.png) 2px 50% no-repeat;
}

.dragme { cursor: move }

.category
{
    cursor:pointer;
    height:20px;
}

.FolderMenuGrid 
{
    border:1px solid #d4eaf5; 
    text-decoration:none; 
    padding:5px 5px 5px 5px;
    visibility: hidden;
}

.FolderMenuGrid:hover 
{
    border:1px solid #477489; 
}
.FolderMenuGrid img
{
    vertical-align:top;
}