/* common */
.TopNavLink{font-size:10px;color:#3F3F3F;}
.WelcomeTitle{font-family:Verdana,Tahoma;font-size:23px;font-weight:900;letter-spacing:-0.2mm;margin-top:10px;margin-bottom:20px;}
.MainText{font-size:11px;height:100%;}
.SmallText{font-size:10px;}
.hint{color:Red;}
.DemoContainer{border:1px silver solid;background-color:#F6F6F6;height:530px;width:100%;}
.DemoArea{background-color:#F6F6F6;}
.AboutBox{background-color:#FFF;color:#666;}
.SidePanelFooter{height:100%;background-image:url(../Images/ComponentArt/sidepanel_bg.gif);background-repeat:repeat-y;}
.SidePanel{background-color:#F3F3F3;font-size:10px;color:#666;border:1px solid #aaa;}
.DottedLine{background-image:url(../Images/ComponentArt/dot_even.gif);background-repeat:repeat-x;}
.DemoName{color:#666;font-family:Verdana,Tahoma;font-weight:bolder;font-size:11px;}
.OtherDemos{background-color:#FFF;font-family:Verdana,Tahoma;border-right:1px solid #DDD;font-weight:700;font-size:11px;color:#666;padding:8px 5px 0 10px;}
.OtherDemosIcons{background-color:#FFF;font-family:Verdana,Tahoma;font-weight:400;font-size:11px;color:#DD3409;padding-bottom:5px;}
.DemoBottomGradient{color:#666;background-image:url(../Images/ComponentArt/demo_bottom_bg.gif);background-repeat:repeat-x;font-family:Verdana,Tahoma;font-weight:700;font-size:10px;padding-left:15px;}
.DemoGradient{color:#999;background-image:url(../Images/ComponentArt/demo_bg.gif);background-repeat:repeat-x;font-family:Verdana,Tahoma;font-weight:700;font-size:11px;padding-left:15px;}
.SideNotes{border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.DemosNav{background-color:#F3F3F3;cursor:default;height:330px;width:208px;padding:0;}
.NavTopItemHover{color:#666;text-decoration:underline;background-image:url(../Images/ComponentArt/nav_bg.gif);font-family:Verdana,Tahoma;font-size:11px;font-weight:700;cursor:pointer;border-bottom:1px solid #ddd;padding:0;}
.NavLevel2Item{font-family:Verdana,Tahoma;font-size:10px;color:#666;height:15px;background-color:#EEE;cursor:pointer;padding-top:2px;padding-bottom:2px;margin-left:1px;}
.NavLevel2ItemSelected{background-color:#F7F7F7;color:#DD3409;font-family:Verdana,Tahoma;font-size:10px;cursor:pointer;padding-top:1px;padding-bottom:1px;margin-left:0;border-left:1px solid #DDD;border-top:1px solid #DDD;border-bottom:1px solid #FFF;border-right:1px solid #FFF;}
.NavLevel2ItemHover{background-color:#F7F7F7;color:#666;font-family:Verdana,Tahoma;font-size:10px;cursor:pointer;padding-top:1px;padding-bottom:1px;margin-left:0;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-top:1px solid #FFF;border-left:1px solid #FFF;}
.NavLevel2Group{cursor:default;background-color:#EEE;border-bottom:1px solid #ddd;padding-left:3px;padding-right:3px;padding-top:3px;}
/* tab */
.TopGroup{background-color:#5A6B7D;border:1px #8394AC solid;cursor:default;z-index:99;}
/* context-menu styles */
.Grid{/*border:1px solid #57566F;border-bottom:2px solid #57566F;*/border-right:solid 1px #CDD2D7;background-color:#FFF;/*background-image:url(../Images/ComponentArt/grid_bg.gif);cursor:pointer;*/}
.GridHeader{background-image:url(../Images/ComponentArt/grid_headerBg.gif);background-color:#8988A5;border-bottom:1px solid #57566F;height:18px;padding-left:3px;cursor:default;color:#FFF;font-family:Verdana,Tahoma;vertical-align:center;}
.GridHeaderText{color:#FFF;font-family:Verdana,Tahoma;font-size:10px;}
.GroupByText{color:#FFF;font-size:11px;font-weight:700;padding-right:5px;}
.HeadingRow{background-color:#E0DFE3;background-image:url(../Images/ComponentArt/header_rowBg.gif);}
/*.HeadingCell{background-image:url(../Images/ComponentArt/header_bg.gif);padding:2px 3px 1px;}*/
.HeadingCell{height:15px;background: #d5dbdd;padding:2px 3px 2px;border: 1px solid #cdd2d7;border-right:none; }
.HeadingRow td.FirstHeadingCell{background-image:url(../Images/ComponentArt/header1stCell_bg.gif);}
.HeadingCellText{font-family:Verdana,Tahoma;font-size:10.5px;text-align:left;}
.HeadingCell div{height:14px;}
.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
  border:none;
  border-bottom:solid 1px #EAE9E1;
}

.Row td.DataCell, .YellowRow td.DataCell, .RedRow td.DataCell, .BoldRow td.DataCell
{ 
  padding-left: 3px;
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom:solid 1px #EAE9E1;
  font-family: Verdana,Tahoma; 
  font-size: 10px;
  color: #000;
} 

.Row td.FirstDataCell
{ 
  padding-left: 2px;
  /*border-left: 1px solid #C0C0C0;*/
  /*border-right: 0px; */
}

.SelectedRow td.DataCell, .BoldSelectedRow td.DataCell
{ 
  background-image: url(../Client/images/Grid/selected_item_bg.gif); 
  padding-left: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px;
  font-family: Verdana,Tahoma; 
  font-size: 10px;
  color: #000000;
  border-bottom:solid 1px #EAE9E1;
  border-right: 0px; 
  border-left: 0px;
}

.SelectedRow td.FirstDataCell, .BoldSelectedRow td.FirstDataCell
{ 
  padding-left: 2px;
  /*border-left: 1px solid #C0C0C0;*/
  /*border-right: 0px; */
}

.SelectedRow td.LastDataCell .BoldSelectedRow td.LastDataCell
{
    border-left: 0px;
    border-right: 0px; 
}

.YellowRow
{
    background-color:#FFF5C6 !important; 
    cursor: default;
    color: #000 !important; 
}

.RedRow
{
    background-color:#F9CFC1 !important; 
    cursor: default;
    color: #000 !important; 
}

.BoldRow, .BoldSelectedRow
{
    font-weight:bold; 
}

.GroupHeading{color:#706F91;background-color:#FFF;font-family:Verdana,Tahoma;font-weight:700;font-size:11px;border-bottom:2px solid #A5A4BD;padding-top:10px;padding-bottom:3px;}
.SliderPopup{background-color:#FFF4D7;border:1px solid #4B4B6F;border-top-color:#9495A2;border-left-color:#9495A2;width:288px;height:60px;}
.GridFooter{cursor:default;padding:5px;}
.GridFooterText{color:#000;font-family:Verdana,Tahoma;font-size:11px;}
.ScrollBar{background-image:url(../Images/ComponentArt/scroller_bg.gif);}
.ScrollGrip{background-image:url(../Images/ComponentArt/scroll_gripBg.gif);}
.ScrollPopup{background-color:#FFF;border:1px solid #666;border-right-width:2px;border-bottom-width:2px;height:23px;}
/* splitter styles */
.HorizontalSplitterBar{background:url(../Images/ComponentArt/splitter_horBg.gif);}
.VerticalSplitterBar{background:url(../Images/ComponentArt/splitter_verColBg.gif);}
.CollapsedHorizontalSplitterBar{background:url(../Images/ComponentArt/splitter_horBg.gif);border:1px solid #000;border-right-width:0;}
.ActiveSplitterBar{background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4px;}
.SplitterPane{border:1px solid #333;height:100%;}
/* tree style */
.TreeView{
    /*background-color:#FFF;*/
    padding-top:2px;cursor:default;font-size:10px;

}
.TreeNode{font-family:Verdana,Tahoma;font-size:11px;cursor:default;padding:1px 1px 1px 3px;}
.HoverTreeNode{font-family:Verdana,Tahoma;font-size:11px;color:#648bcb;text-decoration:underline;cursor:default;padding:1px 1px 1px 3px;}
.HoverTreeNodeBold {font-weight:bold;font-family:Verdana,Tahoma;font-size:11px;color:#648bcb;text-decoration:underline;cursor:default;padding:1px 1px 1px 3px;}
.TreeNodeBold  { font-weight:bold;font-family:Verdana,Tahoma;font-size:11px;cursor:default;padding:1px 1px 1px 3px; }
.SelectedTreeNode{font-family:Verdana,Tahoma;font-size:11px;background-color:#3399ED;cursor:default;padding:1px 1px 1px 3px;color: #FFF }
.SelectedTreeNodeBold{font-weight:bold;font-family:Verdana,Tahoma;font-size:11px;background-color:#3399ED;cursor:default;padding:1px 1px 1px 3px;}
.NodePopup{font-family:Verdana,Tahoma;font-size:11px;background-color:#FFF;border:1px solid #000;text-decoration:none;color:#000;filter:progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135, Strength=2);cursor:default;padding:1px 1px 1px 3px;}
.NodeEdit{border:1px silver solid;font-family:Verdana,Tahoma;font-size:10px;}
/* Navbar stylese */
.NavBar{background-color:#C4D9F9;border:1px solid #000;cursor:default;padding:2px 2px 1px;}
.TopItem{color:#FFF;background-image:url(../Images/ComponentArt/item_bg.gif);background-color:#757495;font-family:Verdana,Tahoma;font-size:11px;font-weight:700;border:1px solid #696885;border-bottom-color:#57566F;border-right-color:#57566F;padding-top:4px;padding-bottom:2px;cursor:pointer;}
.TopItemHover{color:#FFF;background-image:url(../Images/ComponentArt/item_hoverBg.gif);background-color:#8E8DA9;font-family:Verdana,Tahoma;font-size:11px;font-weight:700;border:1px solid #7C7C94;border-bottom-color:#9593B2;padding-top:4px;padding-bottom:2px;cursor:pointer;}
.Level2Item{font-family:Verdana,Tahoma;font-size:11px;padding-left:10px;cursor:pointer;}
.Level2ItemHover{font-family:Verdana,Tahoma;font-size:11px;text-decoration:underline;padding-left:10px;cursor:pointer;}
.Level2Group{background-color:#FFF;background-image:url(../Images/ComponentArt/group_bg.gif);border-top-color:#F0F1F5;padding:10px 0 10px 10px;}
/* Callback */
.Heading{background:url(images/heading_bg.gif);background-color:#737294;color:#FFF;border:#57566F 1px solid;font-family:Verdana,Tahoma;font-size:11px;font-weight:700;cursor:default;padding:5px;}
.TreeGridContainer{background-color:#FFF;border:0px solid #B1B1B1;border-top-width:0;}
.MenuCallBack{background-color:#FFF;border:1px solid gray;width:155px;height:205px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#8D8F95',Direction=135,Strength=2);}
.NavTopItem,.NavTopItemActive{color:#666;background-image:url(../Images/ComponentArt/nav_bg.gif);font-family:Verdana,Tahoma;font-size:11px;font-weight:700;cursor:pointer;border-bottom:1px solid #ddd;padding:0;}
.DefaultTab,.DefaultTabHover{color:#888;background-color:#E8E8E7;background-image:url(../Images/ComponentArt/tab_bg.gif);border:1px solid #ADADAD;font-family:Verdana,Tahoma;font-size:11px;cursor:pointer;}
.AudioTextMultiPage,.QueuePropertiesMultiPage{background-color:#ccc;border:1px solid #919B9C;position:relative;top:-2px;left:0;z-index:98;width:100%;height:470px;}

/***** CALENDAR *********/
.calendar{cursor:default;}
.topheadertext{font-family:Verdana,Tahoma #000;font-size:15px;color:#4A495E;line-height:20px;text-align:center;}
.dayheader{font-family:Verdana,Tahoma;font-size:11px;font-weight:700;color:#333;background-color:#E0DFE3;background-image:url(../images/componentart/dayheader_bg.gif);background-position:left bottom;height:20px;text-align:center;cursor:default;}
.monthselector{font-family:Verdana,Tahoma;font-size:11px;font-weight:400;text-align:center;color:#333;width:25px;background-color:#E0DFE3;background-image:url(../images/componentart/dayheader_bg.gif);background-position:left bottom;cursor:pointer;}
.weekselector{font-family:Verdana,Tahoma;font-size:11px;font-weight:400;text-align:center;color:#333;background-color:#F6F6F6;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #EEE;border-right:1px solid #EEE;height:22px;width:36px;cursor:pointer;}
.day{font-family:Verdana,Tahoma;font-size:11px;font-weight:400;text-align:center;color:#57566F;background-color:#FFF;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #F6F6F6;border-right:1px solid #F6F6F6;height:22px;width:36px;cursor:pointer;}
.othermonthday{color:#B2B1CA;}
.selectedday{font-family:Verdana,Tahoma;font-size:11px;font-weight:700;text-align:center;color:#000;background-color:#FFEEC2;border:1px solid #BB5503;cursor:default;}
.dayhover{font-family:Verdana,Tahoma;font-size:11px;font-weight:400;text-align:center;color:#57566F;background-color:#FFF;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #F6F6F6;border-right:1px solid #F6F6F6;height:22px;width:36px;cursor:pointer;text-decoration:underline;}
.othermonthdayhover{color:#B2B1CA;text-decoration:underline;}
.selecteddayhover{font-family:Verdana,Tahoma;font-size:11px;font-weight:700;text-align:center;color:#000;background-color:#FFEEC2;border:1px solid #57566F;}
 
 
 /****** DROP DOWN *********/
 
.MenuGroup{font-family:Verdana,Tahoma;font-size:11px;padding:1px 2px 1px 2px;  /*background-image:url(../Images/ContextMenu/group_bg.gif);*/background: #F6F6F6 ;border:solid 1px #CCCEDB;cursor:default; z-index:12345;}
.MenuGroupDialog {font-family:Verdana,Tahoma;font-size:11px;background-image:url(../Images/ContextMenu/group_bg.gif);background-color:#A7ABB0;border:solid 1px #7E7E81;cursor:default;z-index:12345;}
.MenuItem{margin:1px 0 1px 0;border:1px solid transparent;-moz-border-radius: 0;border-radius: 0;color:#000;font-family:Verdana,Tahoma;height:21px;font-size:11px;cursor:default;text-align:left;}
.MenuItemHover{margin:1px 0 1px 0;border:solid 1px #C9DEF5;-moz-border-radius: 0;border-radius: 0;background: #fff url(../Images/contextmenu/supperfish_menu_hover.png) repeat-x;height:21px;font-family:Verdana,Tahoma;font-size:11px;cursor:default;}
.MenuItemSelected{margin:1px 0 1px 0;border:solid 1px #C9DEF5;-moz-border-radius: 0;border-radius: 0;background: #fff url(../Images/contextmenu/supperfish_menu_selected.png) repeat-x;height:21px;font-family:Verdana,Tahoma;font-size:11px;cursor:default;}
.MenuBreak{background-image:url(../Images/ContextMenu/menu_break_bg.gif);width:100%;height:1px;}
.TopGroup{background-color:#757495;border:1px solid #696885;border-bottom-color:#57566F;border-right-color:#57566F;cursor:default;float:left;margin-top:0.3em;height:10px;width:2px;}
.TopMenuItem{color:#FFF;font-family:Verdana,Tahoma;font-size:11px;font-weight:700;cursor:default;width:1px;padding:20px;}
.TopMenuItemHover{color:#FFF;background-color:#757495;font-family:Verdana,Tahoma;font-size:11px;font-weight:700;cursor:default;width:1px;}
.MenuItemExpanded{background-color:#FFEEC2;color:#333;border:1px solid #9190AC;border-top-color:#57566F;border-left-color:#57566F;font-family:Verdana,Tahoma;font-size:11px;cursor:default;}
.MenuItemActive{color:#333;background-color:#FBE694;border:1px solid #BB5503;font-family:Verdana,Tahoma;font-size:11px;cursor:default;}
.ScrollItem{background-color:#F5F5F5;border:1px solid #757495;text-align:center;cursor:default;}
.ScrollItemH{background-color:#FFEEC2;border:1px solid #757495;text-align:center;cursor:default;}
.ScrollItemA{background-color:#FBE694;border:1px solid #BB5503;text-align:center;cursor:default;}
.DisabledMenuItem{color:#999;height:23px;font-family:Verdana,Tahoma;font-size:11px;cursor:default;margin:0;}
.DisabledMenuItemHover{color:#999;height:23px;font-family:Verdana,Tahoma;font-size:11px;cursor:default;margin:0;}
.MenuItem img, .MenuItemHover img, .DisabledMenuItem img, .DisabledMenuItemHover img {margin-left:3px;}
.GridFooter{vertical-align:bottom;}