﻿/* main content pane, supportpane (to the right) and the contect help panel in the main pane */
.app_main               {font-family: tahoma; padding-top: 5px;  min-width:73%;float:left;  display:inline; }
.app_support            {padding: 5px 0px 2px 2px;  float:right;  width:25%; display:inline;}
.commontasks            {font-size:1em; width:125px; border-right: 1px solid #CACACA; margin: 0px 15px 5px 15px; height:auto; float:left; display:block; overflow:hidden; }

.appbanner              {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px;display:block;float:left;}
/*\*/ 
* html .appbanner       {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px;float:none;}
/**/ 

.appbanner .left        {background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; }
.appbanner_title        {padding: 10px 10px 10px 10px; font-weight:bold; float:left; }
.appbanner .right       {background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; }

.app_footer{ background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 13px; font-size: 11px; }
.app_footer div.left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;}
.app_footer div.right{background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;}

.app_content            {font-size:0.9em; line-height:1.4em;}
.app_content .left   {background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left;   height:auto;}
.app_content .contentholder{border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px;  float:left; text-align:left; display:inline;}
.app_content .content{text-align:left; margin: 5px 5px 5px 5px; height: 100%; display:inline;   }
.app_content .right  {background:transparent url(images/appbody_right.gif) repeat-y top right; width:100%; float:right; }


.expandy                {clear:both;height:1px;overflow:hidden;}
.expandx                {float:right;height:1px;overflow:hidden;width:100%;}

a.commontask:link, a.commontask:active, a.commontask:visited      {color: #FF9900; font-weight:bold; font-size:1em; display:block;padding-top:10px; }       


/* Tools for viewing by type etc in the main content area*/

/* Container for toolbaritems */
.Toolbar
{
float:left;
padding-left: 50px; 
height: 27px;
padding-top: 8px;
display:block;

}

/* div container */
.ToolbarItem
{
float:left;
padding-left: 5px; 
height: 27px;


}
/* parent listitem (li) */
.ToolbarItem ul.MenuItems, .ToolbarItem ul.MenuItems  ul
{
    margin: 0;
    padding: 0;
    display: block;
    border: 1px;

}

.ToolbarItem ul.MenuItems  li
{    
    border-top: 1px solid #fff;
     background-color: #fff;
}
/* parent listitem (li) */
.ToolbarItem ul.MenuItems  li.MenuParent, .ToolbarItem ul.MenuItems li.MenuParent-ChildSelected
{
    position: relative;
    list-style: none;
    float: left;
    background: #EFEFEF url(images/toolbar_bg.gif) no-repeat;
    width: 100px;
    text-indent:5px;
    height: 20px;
    width:128px;
    font-size:11px;
    padding-top: 3px;
    margin-bottom: 5px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
/*\*/ * html .ToolbarItem ul.MenuItems  li.MenuParent, .ToolbarItem ul.MenuItems li.MenuParent-ChildSelected
{
    position: relative;
    list-style: none;
    float: left;
    background: #EFEFEF url(images/toolbar_bg.gif) no-repeat;
    width: 100px;
    text-indent:5px;
    height: 20px;
    width:128px;
    font-size:11px;
    padding-top: 3px;
    margin-bottom: 5px;
    border-left: 1px solid none;
    border-bottom: 1px solid none;
    border-right: 1px solid none;
     } /**/ 

/* childs lists (ul) */
.ToolbarItem ul.MenuItems  li.MenuParent ul, .ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected ul
{

    border: 1px solid #999;
    background-color: #fff;
    margin-bottom: 5px;
    width:120px;

}
/* childs lists (ul) */
/*\*/ .ToolbarItem ul.MenuItems  li.MenuParent ul, .ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected ul
{

    border: 1px solid #999;
    background-color: #fff;
    margin-bottom: 5px;
    width:110px;

}
/* childs listitems (li) */
.ToolbarItem ul.MenuItems  li.MenuParent ul li, .ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected ul li
{
    margin-right:10px;
    width:100%;
     background-color: #fff;
}
/*\*/ .ToolbarItem ul.MenuItems  li.MenuParent ul li, .ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected ul li
{
    margin-right:10px;
    width:105px;
     background-color: #fff;
}
.ToolbarItem ul.MenuItems  li.MenuItem
{
    position: relative;
    list-style: none;
    float: left;
    background-color: #fff ;
    width: 100px;
    height: 15px;
    font-size:11px;
    padding-top: 3px;


}
.ToolbarItem ul.MenuItems  li.MenuItem-Selected
{
    position: relative;
    list-style: none;
    float: left;
    text-decoration: underline;
    width: 100px;
    height: 15px;
    font-size:11px;
    padding-top: 3px;
    border-top: 1px solid #fff;
}
.ToolbarItem ul.MenuItems  li.MenuItem-Selected a.Link-Selected
{
    text-indent:15px;
    background: none url(images/SelectedMarker.gif) no-repeat;
}
.ToolbarItem ul.MenuItems  li a,
.ToolbarItem ul.MenuItems  li span
{
    display: block;
    text-decoration: none;
    white-space:nowrap;
    text-indent:15px;
    color: #333;
}
.ToolbarItem ul.MenuItems  li a img
{
    border: 0px;
}
.ToolbarItem ul.MenuItems  ul
{
    position: absolute;
    visibility: hidden; 

}

/* Add more rules here if your menus have more than three (3) tiers */
.ToolbarItem ul.MenuItems  li:hover ul ul,
.ToolbarItem ul.MenuItems  li.ul.MenuParent-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
.ToolbarItem ul.MenuItems  li:hover,

.ToolbarItem ul.MenuItems  li:hover ul,
.ToolbarItem ul.MenuItems  li li:hover ul,
.ToolbarItem ul.MenuItems  li li li:hover ul,
.ToolbarItem ul.MenuItems  li.MenuParent-Hover ul,
.ToolbarItem ul.MenuItems  li li.MenuParent-Hover ul,
.ToolbarItem ul.MenuItems  li li li.MenuParent-Hover ul
{
    visibility: visible;

}
.ToolbarItem ul.MenuItems  li.MenuParent:hover,.ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected:hover
{
    background-color: #EFEFEF ;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 16px;

}
/* Hack for ie6 */
/*\*/ * html .ToolbarItem ul.MenuItems  li.MenuParent:hover,.ToolbarItem ul.MenuItems  li.MenuParent-ChildSelected:hover
{
    background-color: #EFEFEF ;
    border-top: 1px solid none;
    border-left: 1px solid none;
    border-bottom: 1px solid none;
    border-right: 1px solid none;
    height: 16px;

}

.ToolbarItem ul.MenuItems  li.MenuItem:hover, .ToolbarItem ul.MenuItems  li.MenuItem-Selected
{
    background-color: #EFEFEF ;
}

.ToolbarItem ul.MenuItems-Vertical ul.MenuItems  li
{
    width: 100%;
}


