.modalPopup {	
	width:500px;
	height:500px;
}

.modalBackground {
	background-color:#284E98;
}

.treenode {
	line-height: 22px;
	letter-spacing: 0px;
	color: #2b333c;	
	text-decoration:none;	
}

a.treenode:active {
	color: #ff5b3b;
}

a.treenode:visited {
	color: #2b333c; 
}

a.treenode:hover {
	color: #ff5b3b;
}

.treenode_over 
{
	background-color:#dbeff6;
	line-height: 22px;
	letter-spacing: 0px;
	color: #2b333c;	
	text-decoration:none;	
}

.menu{
	border-style: none;
	padding:0px;
}

.menu .Item
{ 
  /* CSS class for non-selected Menu Item */
  text-align: left;
  vertical-align: middle;
	background-image:  url(../Images/list_icons_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	height:25px;	
	border-style: none;
	padding:0px;
}

.menu .ItemSelected, .menu .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  text-align: left; 
  vertical-align: middle; 
	background-image:  url(../Images/list_icons_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	height:25px;
	border-style: none;
	padding:0px;
}


/* CSS classes for standard Links, only valid inside the #menu DIV */
.menu .Item a, .menu .Item a:visited, .menu .ItemSelected a, .menu .ItemSelected a:visited, .menu .ItemHover a, .menu .ItemHover a:visited
{
  text-align: left; 
  vertical-align: middle; 
	background-image:  url(../Images/list_icons_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:25px;	
  display: block;
	border-style: none;
	padding:0px;
}

.menu .Item a:hover, .menu .Item a:active, .menu .Item a:focus, .menu .ItemSelected a:hover, .menu .ItemSelected a:active, .menu .ItemSelected a:focus, .menu .ItemHover a:hover, .menu .ItemHover a:active, .menu .ItemHover a:focus
{
  text-align: left;
  vertical-align: middle;  
	background-image:  url(../Images/list_icons_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:25px; 
  display: block;
	border-style: none;
	padding:0px;
}

.menu .DynamicItem
{ 
  /* CSS class for non-selected Menu Item */
  text-align: left;
	vertical-align: middle;
	background-image:  url(../Images/list_headers_bg.gif);
	background-repeat: repeat-x;
	height: 15px;
	background-position: left bottom;
	background-color: #DFF1F7;	
	border-top-style:none;		
	border-bottom-style:solid;	
	border-bottom-width:1px;	
	border-bottom-color:White;	
	border-left-style:solid;	
	border-left-width:1px;	
	border-left-color:White;
	border-right-style:solid;	
	border-right-width:1px;	
	border-right-color:White;
}

.menu .DynamicItemSelected, .menu .DynamicItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  text-align: left;
	vertical-align: middle;	
	height: 15px;	
	background: #96D2F0;
	border-top-style:none;
	border-bottom-style:solid;	
	border-bottom-width:1px;	
	border-bottom-color:White;	
	border-left-style:solid;	
	border-left-width:1px;	
	border-left-color:White;
	border-right-style:solid;	
	border-right-width:1px;	
	border-right-color:White;
}


/* CSS classes for standard Links, only valid inside the #menu DIV */
.menu .DynamicItem a, .menu .DynamicItem a:visited, .menu .DynamicItemSelected a, .menu .DynamicItemSelected a:visited, .menu .DynamicItemHover a, .menu .DynamicItemHover a:visited
{
  text-align: left;
	vertical-align: middle;
	background-image:  url(../Images/list_headers_bg.gif);
	background-repeat: repeat-x;
	height: 15px;
	background-position: left bottom;
	background-color: #DFF1F7;
	border-top-style:none;
	border-bottom-style:solid;	
	border-bottom-width:1px;	
	border-bottom-color:White;	
	border-left-style:solid;	
	border-left-width:1px;	
	border-left-color:White;
	border-right-style:solid;	
	border-right-width:1px;	
	border-right-color:White;
  display: block;
}

.menu .DynamicItem a:hover, .menu .DynamicItem a:active, .menu .DynamicItem a:focus, .menu .DynamicItemSelected a:hover, .menu .DynamicItemSelected a:active, .menu .DynamicItemSelected a:focus, .menu .DynamicItemHover a:hover, .menu .DynamicItemHover a:active, .menu .DynamicItemHover a:focus
{
  text-align: left;
	vertical-align: middle;	
	height: 15px;	
	background: #96D2F0;
	border-top-style:none;
	border-bottom-style:solid;	
	border-bottom-width:1px;	
	border-bottom-color:White;	
	border-left-style:solid;	
	border-left-width:1px;	
	border-left-color:White;
	border-right-style:solid;	
	border-right-width:1px;	
	border-right-color:White;
  display: block;  
}

.resource_disabled
{
	color: #76A1B9;
}

.CollapsiblePanelTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	word-spacing: 1px;
}

.CollapsiblePanelHeaderCollapsed
{
	height:17px;
	cursor: pointer;
	vertical-align: middle;    
	background-image:  url("../Images/ig_menu_scrolldown.gif");
	background-repeat: no-repeat;	
	background-position: right bottom;
	background-color: #E6E6E6;
}

.CollapsiblePanelHeaderExpanded
{
	height:17px;
	cursor: pointer;
    	vertical-align: middle;    
	background-image:  url("../Images/ig_menu_scrollup.gif");
	background-repeat: no-repeat;	
	background-position: right bottom;
	background-color: #E6E6E6;
}


.DisplayAreaDocumentLibrary
{
	width:1090px;
}

.DisplayAreaAdvancedSearchControl
{
}

.DisplayAreaQuickSearchControl
{
}

.DisplayAreaDashboardResultControl
{
}


/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
.ResourcesControlSplitter {
	overflow: hidden;
	/* No padding allowed */
	z-index:0;
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
.ResourcesControlSplitterLeftPane {	
	overflow: auto;
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
.ResourcesControlSplitterRightPane {
	overflow: auto;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
.ResourcesControlSplitter .vsplitbar {
	width: 3px;
	background: #E6E6E6 url(../Images/vgrabber.gif) no-repeat center;
}
.ResourcesControlSplitter .vsplitbar.active {
	background: #E6E6E6 url(../Images/vgrabber.gif) no-repeat center;
	opacity: 0.7;
}

/*Lateral Bar*/

.gridList
{
	border:solid 2px #a5a4bd;        	
}
                  
/* group header */         
.gridList .group TD
{
	padding:10px 0px 2px 0px;
	color:#666666;
	text-align:left;
	border-bottom:solid 2px #a5a4bd;
} 
         
.gridList .group TD.first
{
	text-align:center;         	
	border-bottom:none;
}
         
/* data items */                                       
.gridList .item TD
{
	padding:1px 2px 1px 0px;
	border-bottom:solid 1px #eae9e1; 
	color:#333333;       	
} 

.gridList .item TD.first
{
	text-align:center;         	
	border-bottom:none;
}
                      
.gridListItemHidden
{
	display:none;
	visibility:hidden;
}
        
.gridList .item TR
{
	padding:3px 0px 3px 6px;
	border-bottom:solid 3px #eae9e1; 
	color:#222222;
} 
         
.itemtable
{
        width:100%;
	border-width: thin thin thin thin;
}
         
.itemtabletr
{
        padding:3px 0px 3px 6px;
        border-bottom:solid 1px #eae9e1; 
	color:#222222;   
}
         
.itemtabletd
{         	
	padding:3px 0px 3px 6px;
	border-bottom:solid 1px #eae9e1; 
	color:#222222;
}

.gridListItemOdd
{         	
	background-color:#fdfdfd;
}

.gridListItemEven
{
	background-color:#f6f6f8;
}

/* Popups */

.DisplayAreaInsertDocumentPopup
{
	height:300px;
	width:600px;
}

.DisplayAreaFolderTreeSearchInControlPopup
{
	height:250px;
	width:450px;
}

.DisplayAreaSearchInControlPopup
{
	height:300px;
	width:500px;
}

.DisplayAreaCategoriesTreeSelectCategoryControlPopup
{
	height:250px;
	width:350px;
}

.DisplayAreaSelectCategoryControlPopup
{
	height:300px;
	width:370px;
}

.DisplayAreaEditDocumentPopup
{
	height:300px;
	width:600px;
}