/*
-----------------------------------------------------------------------
 Component Art Horizontal Menu Style:
-----------------------------------------------------------------------
*/

.TopMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
  padding-right:10px;
  cursor:hand;
  cursor:pointer;
}

.MenuGroup
{
  border:solid 0px #cccccc;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top:0px;
  margin-top:0px;
  cursor:hand;
  cursor:pointer;
  width:150px;
}

.MenuGroup td {color:#000000;}
.MenuGroupHover td {color:#000000;}
.MenuItemHover td {color:#000000;}
td.MenuItemHover {color:#000000;}

.TopMenuItem
{
  color:white;
  font-size:11px;
  font-weight: bold;
  cursor:hand;
  cursor:pointer;
  xwidth: 150px;
  padding:10px;
  background-color: transparent;
}

.TopMenuItemHover
{
  color:#000000;
  background-color:#FFFFFF;
  font-size:11px;
  font-weight: bold;
  cursor:hand;
  cursor:pointer;
}

.MenuItem
{
  background-color:#EEEEEE;
  color:#FFFFFF;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  position: relative;
  top: 4px;
}

.MenuItemHover
{
  background-color:#FEDF15;
  color:#000000;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  position: relative;
  top: 4px;
}

.MenuItem-cs
{
  background-color: #73b75f;
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
}

.MenuItemHover-cs
{
  background-color:#39a33f;
  color:#000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
}

.MenuItem-pr
{
  background-color: #f9aeac;
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
}

.MenuItemHover-pr
{
  background-color:#fb635c;
  color:#000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
}

.MenuItem-sh
{
  background-color: #a4bcec;
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
 }

.MenuItemHover-sh
{
  background-color:#7e9bee;
  color:#000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: 4px;
}

.MenuItem-co
{
  background-color: #bcaa19;
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  position: relative;
  top: 4px;
}

.MenuItemHover-co
{
  background-color:#d4be5d;
  color:#ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  position: relative;
  top: 4px;
}

.MenuItem td
{
  color:#FFFFFF;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.MenuItemHover td
{
  background-color:#FEDF15;
  color:#000000;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.ScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.ScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}



/*
-----------------------------------------------------------------------
 Component Art Vertical Menu Style:
-----------------------------------------------------------------------
*/

.VertTopMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertTopMenuItem
{
  color:#FFFFFF;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
td.VertTopMenuItem {color:#FFFFFF;}

.VertTopMenuItemHover
{
  color:#444444;
  background-color:#FEDF15;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.VertScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.VertScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}


/*
-----------------------------------------------------------------------
 Component Art Tree Style:
-----------------------------------------------------------------------
*/

.TreeView 
{ 
  background-color:transparent;
  border: #919191 0px solid; 
  padding-top:2px;
  cursor: default; 
  color: #FFFFFF;
  cursor: hand;
  cursor:pointer;
}

.TreeNode 
{ 
  font-size: 11px;
  font-weight: bold; 
  color: #555555;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: hand; 
  cursor:pointer;
}

.HoverTreeNode 
{ 
  color: #555555;
  font-size: 11px;
  font-weight: bold;
  background-color: #FEDF15; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  text-decoration: none; 
  cursor: hand; 
  cursor:pointer;
}

.SelectedTreeNode 
{ 
  font-size: 11px;
  font-color: #0000FF;
  font-weight: bold;
  background-color: #EEEEEE;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px;
  cursor: hand; 
  cursor:pointer;
}

.NodeEdit 
{
  border:1px silver solid;
  font-size: 11px;
}



