/**********************************************************************************************
 * scheme-1.css
 *
 * Not Reviewed
 *
 * Copyright (c) 2004 Avocent Corporation
 *********************************************************************************************/
@import "dsview-common.css";                /* Import styles used across all schemes */

/**********************************************************************************************
 * This stylesheet is used to define DSView styles for a specific color schmeme.
 *
 * The colors for this Scheme are:
 *     white     White
 *     #00B5EF   Vertiv Light Blue
 *     #0092BD   Vertiv Dark Blue
 *     #FFAA00   Vertiv Light Gold
 *     #FF8C00   Vertiv Dark Gold
 *     #DDE0E1   Vertiv Light Gray
 *     #333333	 Vertiv Dark Gray
 *     #666666   Vertiv Solid Grey
 *     #666666   Disabled Grey
 *     #EFF0F1   Very Light Grey
 *     #73B224   Vertiv Green
 *********************************************************************************************/
/***Modified by Siter_He on August 4th,2011***/
.top-menu-text        { font-size: 14px;color:#ffffff;}
.top-zone-text {font-size: 14px;color:#ff8c00;}
.top-menu-sep          {color:#666666; }
.top-menu-border  {
  border-top:1px solid rgb(0,102,153);
  border-bottom:0px;
}
/***Added by Siter_He on August 4th,2011***/
.top-welcome-text     { font-size: 15px; Color: #333333;padding-left: 150px;font-weight:bold;}
.app-title            { background-color: transparent; color: #333333;font-size: 17px; }
.app-logo             { vertical-align: top;  padding-left: 180px; padding-right: 10px;}
/***Modified by Siter_He on August 4th,2011***/
.tab-sel              { font-weight:bold;Color: #333333;border-bottom: 0px;border-right:1px solid #D2D4E0; padding-left: 13px; padding-right: 13px;text-align: center; font-weight: bold; border-top:1px solid rgb(0,102,153);}
.tab-sel1              { font-weight:bold;Color: #333333;}
/***Modified by Siter_He on August 4th,2011***/
.tab-nsel1             { font-weight: bold;Color: #666666;}
/***Modified by Siter_He on August 4th,2011***/
.tab-nsel             { font-weight: bold;Color: #666666;border-bottom: 0px;border-right:1px solid #D2D4E0; padding-left: 13px; padding-right: 13px;text-align: center; font-weight: bold; background-color: #F3F4F5;  border-top:1px solid rgb(0,102,153);}

.tab-row          { background-color: #F3F4F5;width:auto; }
.top-nav-bkgnd        { background-color: #DDE0E1; height: 28px; color:white; }
/***Modified by Siter_He on August 4th,2011***/
.top-nav-sel          {background-color:#4D4D4D; font-weight: bold;Color: #ffffff;height:10px;width:30px;}
.top-nav-nsel         {   color:#ffffff;height:10px;width:30px; }
.top-nav-sep          {color:#ff8c00;border: 3px;vertical-align: top;height: 13px; }
.top-bound {border-right: 1px solid #064F86; }
.side-nav-bkgnd       { background-color: #cccccc;   color:#FFFFFF; }
.side-nav-leaf-sel    { background-color:#4d4d4d;  color:#ffffff;}
.side-nav-node-sel    { background-color: #cccccc; Color:#666666; }
.side-nav-node-nsel   { background-color: #cccccc; Color:#666666; }
.padding{color:#FFFFFF;}

/***Modifieded by Siter_He on August 4th,2011***/
.content-title        { /*height: 15px;*/  font-size: 12px;font-weight: bold;vertical-align: middle; padding-left: 10px; padding-right: 10px; white-space: nowrap; background-color: #666666; color: #FFFFFF;}
.customize-title       {height: 25px;  font-size: 12px;font-weight: bold;vertical-align: middle; color:#ffffff}
/***Added by Siter_He on August 4th,2011***/
.paging-control       {background-color:#FFFFFF;color:#333333;font-size: 11px;font-style:normal;}


.popupArea            { background-color: #DDE0E1;     color: #333333;
                        border: #333333 2px solid; }
.popupContent         {  color: #333333; }

.form-header          { background-color:#DDE0E1;   color: white; }
.form-header-progress {background-color:#333333;   color: white;}
.form-block           { padding: 10px; margin: 0px; background-color:#FFFFFF; }
.form-area            { background-color: #FFFFFF;     color: #333333; }
.form-header-cell    {background-color:#FFFFFF }

.table-control   { border-left:0px solid #333333;border-top:0px solid #333333;}
.button-text-enabled  {font-size: 12px; background-color: #FFFFFF;color: #333333; border-top-color:#acb1bb;border-left-color: #7f94ae;border-right-color: #9fa1a4;border-bottom-color:#586371;}
.button-text-disabled { font-size: 12px;background-color: #FFFFFF; transparent; color: #999999; }
.list-header          { color: #FFFFFF;height: 22px;
                        background: #666666;
}
.list-header-text     { padding-top: 3px; vertical-align: bottom;font-size: 12px;font-weight: bold;Color: #FFFFFF;}
.panecontent{
	padding:10px;
	color:black;
	background-color: #DDE0E1;
}/*Added by Siter_He on October 8th,2011 */

.list-filter-row      { background-color:#FFFFFF; color: #333333;height:8px;padding: 0px 2px 0px 0px;     }
.list-filter-row:hover      { /*background-color:rgb(170,204,230);*/ color: #333333;height:15px;
                        border-left-color:   #666666;  border-right-color: #666666;padding-top: 0px;padding-bottom:0px;padding-left:0px; padding-right:2px; }
.list-row-nsel1 td, .list-row-nsel1 a ,.list-row-nsel2 td, .list-row-nsel2 a  {padding-left: 4px; padding-right: 4px;/*background-color:whitesmoke;*/color: #333333; white-space: nowrap; }
.list-row-sel1 td, .list-row-sel1 a, .list-row-sel2 td, .list-row-sel2 a  { padding-left: 4px; padding-right: 4px; background-color:rgb(170,204,230); color: #333333; white-space: nowrap; }
.list-row-nsel1:hover,.list-row-nsel2:hover
{ background-color:rgb(170,204,230);
}
.wizard-header       { background-color: #DDE0E1; color: #333333;}
.wizard-error         { background-color: #DDE0E1; color: red;}
.wizard-block         { padding: 10px;  margin: 0px;background-color: #DDE0E1; }
.wizard-form-area     { background-color: #DDE0E1;     color: #333333; }
.wizard-header-title  {background-color:#DDE0E1;}

.progress-bkgnd       { background-color: transparent; color: #333333; }
.progress-text        { background-color: transparent; color: #333333; }
.progress-dividers    { background-color: #333333 }

.error-title          { background-color: white;  border: 1px #333333 solid; color: #333333; }

.tool-button-link     { background-color: transparent;     color: #333333; }

/* The hidden-item class is used to gray out an acknowedged event */
.hidden-item      { background-color: transparent;   color:gray; }
.standard-message-size { border: 1px #C8CBD1 solid; }
/*********************************************************************************************
 * Flex movie styles
 *********************************************************************************************/
.ButtonBar { shadowDirection: right; fillAlphas: 0.9, 0.92;	backgroundAlpha: 0.66;
	fillColors: #666666, #666666; background-color: #666666; border-color: #666666; }

.DataGridStyle { headerStyleName: "DataGridHeader"; horizontalGap:0; verticalGap:0;
	         background-color:#ffffff;  alternatingItemColors:#ffffff, #ffffff;
                 headerColors:#333333,#333333; color:#000000;	}

.DataGridHeader { borderThickness:10; borderSides:"right"; font-family:"Arial"; font-weight:bold;
                  font-size: 13px;border-color:#EFF0F1; background-color:#333333; color:#FFFFFF; }

.VGraphStyle  { background-color: #DDE0E1;     color: #333333; }

.ConnectionButton { fillColors:#ffffff,#ffffff;	fillAlphas:1.0,1.0; color:#000000; textRollOverColor:#000000;
	            font-size:12; font-family:"Arial, sans-serif"; }

.ConnectionAccordion { font-family: Arial,sans-serif; font-weight: bold; color: #000000;	}
.ConnectionPanel { background-color: #666666; border-style:solid;	color:#333333; font-size:12;
	font-family:Arial,sans-serif; font-weight:Bold; }
.ConnectionTitleStyle {	color: #000000;	font-family: Arial,sans-serif; font-size: 13px; font-weight: Bold; }
.ConnectionLabel  { color:#333333; font-size:13px; font-family:"Arial,sans-serif"; font-weight:"bold"; }

/* Virtualization Panel containing a datagrad */
.VirtualizationPanelDG { border-style:none; headerHeight:20; borderThicknessLeft:0; borderThicknessRight:0;
                    borderThicknessBottom:0;  font-family:"Arial"; font-weight:"bold"; font-size: 13px;
                    background-color:#ffffff; headerColors:#808080,#808080; color:#000000; headerHeight:22;}

.VirtualizationLinkBar { color:blue; font-size:13px; font-family:Arial,sans-serif; disabledColor:black; }
.VirtualizationTabBar { border-style:solid; color:#000000; font-size:13px; font-family:Arial,sans-serif;
		font-weight:Bold; }

.VirtualizationButton { fillColors:#ffffff,#ffffff;	fillAlphas:1.0,1.0; color:#000000; textRollOverColor:#000000;
	            font-size:13px; font-family:"Arial, sans-serif"; }

Alert { font-size:13px; buttonStyleName:"VirtualizationButton"; font-weight:bold; font-family: arial, sans-serif; }


.VirtualizationPanel { background-color: #ffffff; border-style:solid;	color:#333333; font-size:12;
	font-family:Arial,sans-serif; font-weight:Bold; }
.VirtualizationLabel  { color:#333333; font-size:13px; font-family:"Arial,sans-serif"; font-weight:"bold"; }
.VirtualizationDateFilterPanel { background-color: #666666; border-style:solid;	color:#333333; font-size:13px;
	font-family:Arial,sans-serif; font-weight:Bold; }
.ToolTipPanel {	width:208; alpha:.8; borderThickness:2; background-color:white;  dropShadowEnabled:true;
                border-color:"black"; border-style:"solid"; shadowDistance:10; shadowDirection:"right"; height:111; }
.NodeHighlightOn { border-style:"solid";	borderThickness:2; border-color:#FF0000; }
.NodeHighlightOff { border-style:"none";	borderThickness:0; border-color:""; }

.RightsGrid       { horizontalGap:0; verticalGap:0; background-color:#ffffff; }
.RightsGridHeader { background-color:#333333; border-style:"solid"; borderThickness:1; border-color:#FFFFFF; borderSides:"right"; font-weight:bold; color:#FFFFFF; }
.RightsGridRowA   { background-color:#FFFFFF; border-style:"solid"; borderThickness:1; border-color:#C2C2C2; borderSides:"right"; color:#333333; font-size:13px; font-family:"Arial"; }
.RightsGridRowB   { background-color:#FFFFFF; border-style:"solid"; borderThickness:1; border-color:#C2C2C2; borderSides:"right"; color:#333333; font-size:13px; font-family:"Arial";}

.RightsButton{ fillColors:#ffffff,#cecede; fillAlphas:1.0,1.0; color:#333333; textRollOverColor:#333333;  font-size:13px; font-family:"Arial"; }
.RightsPanel { background-color:#666666; border-style:"solid"; color:#333333; font-size:13px; font-family:"Arial"; }

.ChartPanel { header-colors: #333333, #333333; }
.PMPPanel { header-colors: #333333, #333333; }
.criticalPanel { header-colors: #333333, #333333; }
.warningPanel { header-colors: #333333, #333333; }
.normalPanel { header-colors: #333333, #333333; }

/**********************Added by Siter_He from September 9th,2011 to October 31th,2011...start *******************/
.tableWrapper {
    background:#333333;
    display: block;
    margin: 0 auto;
    width: auto;
	color: #FFFFFF;
	border-bottom-color: #FF8C00 ;
   border-bottom-style: solid;
   border-bottom-width: 5px;
}

/* set the tagline under the banner for the login page; 9/18/17: hidden per Jason Chantereau ~SH */
 .tagline{
     display: none;
     /*font-style:normal;
     font-weight:normal;
     font-size: 13px;
     color:#FFFFFF;
     padding:8px;
     background: #4d4d4d;*/
}
/* center and drop the login container div */
.centeranddropdiv{
    text-align:left;
}
.loginheader{
    color: transparent;
    padding:8px;
    text-align:left;
    font-style:normal;
    font-size: 13px;
    font-weight:bold;
    background: #4d4d4d;
}
.loginbackgroundnoshadow{
    width: 250px !important;
    min-height: 260px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background: #4d4d4d;
}
.logincontent{
    height: auto;
    border: none;
    color: #DDE0E1;
}
.logineditlabel {
/*    font-size: 11pt;*/
    margin: 15px 0 0 0;
    font-size: 13px;
}
.logineditfield {
    margin: 8px 0 0 0;
}
.logineditfield input {
    width: 224px;
}
.commandbutton{
	color:#FFFFFF;
	border:0px;
	font-size:13px;
	text-align:center;
	padding:5px;
	background:#FF8C00;
  width: 100%;
}
.commandbutton:hover{
	background:#FFAA00;
}
.commandbutton:active{
	border-right:#FFFFFF 2px solid;
	border-bottom:#FFFFFF 2px solid;
	border-left:#000000 2px solid;
	border-top:#000000 2px solid;
	background:#E3E3FD;
}
/*  The footer - for the copyright statement */
.footer {
	color:#000;
	font-size:11px;
	font-style:italic;
	height: 40px;
	clear: both;
	bottom:0px;
	text-align:center;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.footer a{
  color:#CCCCCC !important;
}
div .left {
  
  padding: 5px 10px 0px 10px;
  width: 10px;
}
div .middle {
  top: 10px;
  margin-left: 100px;
  margin-right: 100px;
}
div .right {
  float: right;
  padding: 0px 10px 0px 0px;
  width: 30px;
}
.rightbg{
	font-size:11pt;
	color:#333333;
	white-space:nowrap;
	background:#E3E3FD;
        height: 26px;
}
.header{
	font-size:11pt;
	color:#333333;
	white-space:nowrap;
        height: 26px;
	background:#E3E3FD;
}
.sidebarHeader {
  text-align: right;
	background: #cccccc;
}
ul,li {
	margin: 0;
	padding: 0;
}
body {
	background: #4d4d4d;
	height:auto;
}

/* Review the markup to confirm how these CSS classes are used in this layout */
.container {
    width:auto;
    margin: 0px auto;
    font: 13px;
    background:#4D4D4D;
}
.sectabs{
    background:#064F86;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
/* Primary Navigation - Upper tier of tabs addressing major functionality */

ul#tabs {
	width: 600px;
	list-style-type: none;
	position: relative;
	white-space:nowrap;

}
ul#tabs li {
	float:left;
	width:115px;
	white-space:nowrap;
	font-weight:normal;
	text-align:center;
	position:relative;
	margin:0px;
	background:#666666;
	border-left:0px;
	border-right:5px;
	border-style:solid;
	border-color:#4D4D4D;

}
ul#tabs li a.tab-active {
	color:#FFFFFF;
	padding-top:8px;
	padding-bottom:8px;
	position: relative;
	font-weight:bold;
	font-variant-caps: all-small-caps;
	background:#666666;
	border-bottom-color: #FF8C00 ;
   border-bottom-style: solid;
   border-bottom-width: 5px;
}
ul#tabs li a {
	padding: 8px 8px 8px 0px;
	display: block;
	text-decoration: none;
	font-weight:normal;
	color:#FFFFFF;
	font-variant-caps: all-small-caps;
	position: relative;
	background:#666666;
}
ul#tabs a:hover {
	font-weight:normal;
	padding: 8px 8px 8px 0px;
	color:#000000;
	background:#cccccc;
}
.tab-content {
	background: #4d4d4d;
}
.tab {
	display: none;
}
/*  Secondary Navigation - Lower tier of tabs under primary navigation  */
ul#sectabs {
        margin:0;
	list-style-type: none;
	position: relative;
	white-space:nowrap;
}
ul#sectabs li {
	float:left;
	width:115px;
	white-space:nowrap;
	font-weight:normal;
	text-align:center;
	position:relative;
	margin:0px;
	background:#4d4d4d;
	border-right: 5px;
	border-left: 0px;
	border-style:solid;
	border-color:#4d4d4d;

}
ul#sectabs li a.tab-active {
	color:#333333;
	padding-top:8px;
	padding-bottom:8px;
	position: relative;
	font-weight:bold;
	font-variant-caps: all-small-caps;
	background:#cccccc;
	border-bottom-color: #4d4d4d;
   border-bottom-style: solid;
   border-bottom-width: 5px;
}


ul#sectabs li a {
	padding: 8px 8px 8px 0px;
	display: block;
	text-decoration: none;
	font-weight:normal;
	color:#FFFFFF;
	font-variant-caps: all-small-caps;
	position: relative;
	background:#4d4d4d;
}
ul#sectabs a:hover {
	font-weight:normal;
	padding: 8px 8px 8px 0px;
	color:#000000;
	background:#999999;
}


dl#ectabs {
	width:960px;
	list-style-type: none;
	position: relative;

}
dl#ectabs dt {
	border-top:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	white-space:nowrap;
	width:113px;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	background: #333333;
}
dl#ectabs dt a.tab-active {
	color:#FFFFFF;
	position:relative;
	font-weight:normal;
	background:#003050;
}
dl#ectabs dt a {
	padding: 3px 3px 3px 0px;
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	position: relative;
	background: #cccccc;
}
dl#ectabs a:hover {
	font-weight:normal;
	padding: 3px 3px 3px 0px;
	color:#ffffff;
	background: #666666;
}
/* horizontal separator used between menu sections */
.divdecor{
        color: #FFFFFF;
           width: auto;
           height: 3px;
           overflow: hidden;
           clear: both;
           background: #333333

}

/* Eyewash for demo only - lays in the warning alert icons */
.middleimage{
	vertical-align:middle;
}
.alarms{
        width:160px;
        height: 0;
	float:right;
        margin:3px 25px 0px 25px;
	white-space:nowrap;
	vertical-align:bottom;
	color:white;
	background:transparent;
}
.quicklinks {
    float:right;
    margin:3px 25px;
    white-space:nowrap;
}
.quicklinks a{
	color:#FFFFFF;
}

/* Unstyled area where main application content exists */
.splitpane
{
    width: auto;
    height: auto;
}
#layoutSidebar{
    height: auto;
    color:black;
    background: #cccccc;
    /*border: 1px #A8A8A8 solid;*/
    overflow-y: hidden;
}
#layoutContent{
    margin-left: 4px;
    border: 1px #A8A8A8 solid;

}
.maincontentpane{
    height: auto;
    color:black;
    background: #DDE0E1;
    border: 2px solid red;
}
.panecontent{
	padding:0px;
	color:black;
	background-color: #DDE0E1;
}
.col1 {
     float:left;
     padding-left:20px;
     width:300px;
     margin:5px 5px 5px 2px;
 }
.col2 {
     float:left;
     width:250px;
     padding-left:20px;
     margin:35px 5px 5px 2px;

 }
.col3 {
     float:left;
     width: 36%;
     padding-right:50px;
     margin:35px 5px 5px 2px;

 }
.col4 {
     float:right;
     text-align:right;
     margin-right: 18px;
 }
 #layoutHeader {
     display:block;
     width:auto;
     margin:0 auto;
}

a.syncstatus:link {color:#FFFFFF;}   
a.syncstatus:visited {color:#FFFFFF;} 
a.syncstatus:hover {color:#FF8C00;}   
a.syncstatus:active {color:#FF8C00;}  

 /**********************Added by Siter_He from September 9th,2011 to October 31th,2011...end *******************/