/*
 *  common.css
 *
 *  Copyright (c) Corvil Ltd., 2009
 *
 *  This CSS file contains styling elements that are common to all branded
 *  versions of the product.  In general these about structure and layout.
 *
 */
html {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    border: 0;
}
table {
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
}
caption,
th {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    font-style: normal;
}
td {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal;
    font-style: normal;
}
img {
    border: 0;
    vertical-align: middle;
}
.img_text_decoration { font-size: 7.5pt; color: #F63; position:relative}

a:link,
a:visited {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a:active {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    text-decoration: underline;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    font-style: normal;
}
form {
    margin: 0 auto;
    padding: 0;
}
input,
select,
option,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.smallinput { width: 20px; vertical-align: middle; padding-left: 1px;}

/* behaviour */
.p_popup, .p_popupextended {
    position: absolute; z-index: 10;
    top: -4000px; left: -4000px;
    visibility: hidden;
}
/* table.screen,  */
table.standard,
table.f_public,
table.f_monitoring,
table.f_dashboardDesign,
table.f_generalDesign,
.p_monitoringLayout table,
table.p_splitColumn,
table.tab-bar,
table.inspection,
table.plain,
table.monitoring,
table.event-analysis,
table.reports,
table.under_construction,
table.nav-content,
table.content,
table.no-group-type,
table.groupTitle,
table.items,
table.buttons,
table.twocolbuttons,
table.threecolbuttons,
table.threecol,
table.groupedthreecol,
table.groupedwithtitle,
table.optionheader,
table.optiongrouped,
table.multigrouped,
table.grouped,
table.non-grouped-element,
table.twogrouped,
table.onerow,
table.minimiser,
table.embedded,
table.plainembedded,
table.vertical-titles,
table.p_decorator,
.p_switchForm table,
table.top-n-table,
table.psd-table,
div.p_borderLayout,
table.north,
table.west-center-east,
table.south,
table.stacked-horizontal,
table.stacked-vertical,
table.standardform,
table.stacked,
.p_statsLayout table.stacked-horizontal,
.p_statsLayout table.stacked-horizontal .p_twoColumn table {
    width: 100%;
    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table.stacked-horizontal-packed{
	margin-left: 0px;
	margin-right: 0px;
    white-space: nowrap;
}

table.stacked-horizontal-packed tbody tr td{
    padding:1px;
	vertical-align: middle;
}
table.stacked-horizontal-packed tbody tr td .w_iconLauncher{
	padding-left: 10px;
	padding-right: 10px;
}

table.compressed-horizontal-anchor-left {
    width : 100%;
}

table.plain-halfpanel {
    width: 100%;
}
table.plain-halfpanel .titles { width: 45%;  }

table.standard {
	height: 10px
}
table.standard td {
    vertical-align: top;
}

table.f_public {
    margin: 0;
    padding: 0;
    border: 0;
}
table.f_public .fr_body {
    height: 100px;
}
img.spinnerpad {
    margin:20px;
}

table.f_public .fr_body td  {
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 3px;
    border: 0px solid #cc3366;
}
.fr_nav {
    width: 13%;
    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.fr_content {
    width: 87%;
}

.fr_welcome td {
    padding: 5px;
    margin: 0;
    border: 0px solid #000033;
}
.fr_welcome td td {
    padding: 0;
}
.fr_welcome td td .w_label {
    padding: 0 2px 0 0;
}
.fr_welcome td td .w_multiLink a {
    padding: 0;
}

/* menu - can't set padding at this level - not same bg colour for all */
.fr_menu td {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    border: 0;
}

.fr_body td .left-padding-2px {
  padding-left: 2px
}

.fr_body td {
    padding: 0;
    margin: 0;
    border: 0;
}

.standard .f_public .fr_messages td { border-top: 1px solid #fff; }

.fr_messages td,
.fr_trail td {
    padding: 0;
    margin: 0;
    border: 0;
    height: 0px;
}

.fr_copyright td {
    padding: 5px;
    margin: 0;
}
.fr_copyright td .p_plain {
    padding: 0;
    margin: 0;
    border: 0;
}
/* may need to overwrite height from other infobody */
.fr_copyright td td.infobody {
    background-color: #ffffff;
    color: #000000;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #6666ff;
}

/* center align curved frame: IE text-align, FF margin auto */

.p_statsLayout table.stacked-horizontal .p_twoColumn table tr td.right {
    text-align: right;
}

.p_statsLayout table.stacked-horizontal .p_twoColumn table tr td.left {
    text-align: left;
}

/*.inspect .p_monitoringLayout { padding: 4px 0 25px 0; width:995px }*/

.inspect { padding: 0px; margin: 0px; width:1015px }
.f_inspection { padding: 0px; width:100% }

/* center align curved frame: IE text-align, FF margin auto */
.p_monitoringLayout,
.p_formLayout,
.p_switchForm {
    text-align: center;
    width: 100%;
    padding: 10px 0 25px 0;
    margin: 0 auto;
    border: 0px solid #ff0000;
}

.p_groupedForm,
.p_standardForm {
    text-align: center;
    width: 100%;
    padding: 10px 0 25px 0;
    margin: 0 auto;
    border: 0px solid #ff0000;
}
.p_standardForm table.standardform tr {
    height: 25px;
}
.p_innerStandardForm .title{
    font-weight: bold;
}
.p_innerStandardForm table.streched tr.items {
    height: 25px;
}
.p_innerStandardForm table.group-streched tr.items {
    height: 28px;
}
.p_innerStandardForm .p_messages {
    background-color: #fffff;
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
}
.p_innerStandardForm .w_messages .info {
    color: #ff0000;
}
.p_innerStandardForm .w_messages .error {
    color: #ff0000;
}

/* Start: buttons */
table.buttons {
    text-align: left;
    margin: 5px 0;
    padding: 0;
    border: 0px solid #ff0000;
}
table.buttons td.buttons-left {
    text-align: left;
    border: 0px solid #0000ff;
    padding: 0 5px 0 0;
}
table.buttons td.buttons-center {
    text-align: center;
    border: 0px solid #0000ff;
    padding: 0 5px;
}
table.buttons td.buttons-right {
    text-align: right;
    border: 0px solid #0000ff;
    padding: 0 0 0 5px;
}
table.twocolbuttons td {
    padding: 5px 0;
}
table.buttons td.title {
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    padding: 0 5px 0 0;
}
/* End: buttons */

/* Start: tabBar */

.inspect .p_tabBar .tab-bar .tab-bar-tabs { display: none }

.p_tabBar {
    padding: 0;
}
.w_companyLogo {
    float: left;
    position: relative;
}
.p_tabBar table.tab-bar .logo {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    border: 0;
}

.p_tabBar table.tab-bar .tab-bar-tabs {
    width: 50%;
    text-align: right;
    vertical-align: bottom;
    border: 0;
}
.p_tabBar .tab-bar .tab-bar-tabs table {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0px solid #669933;
}
.p_tabBar .tab-bar .tab-bar-tabs td.navitem {
    text-align: center;
    vertical-align: middle;
    padding: 0 4px;
}
.p_tabBar .tab-bar .tab-bar-tabs td.navitem_selected {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
}
.p_tabBar .tab-bar .tab-bar-tabs td.navitem_selected a {
    font-weight: bold;
}
.p_tabBar .backgroundRow3 {
    vertical-align: middle;
    padding: 0;
}
.p_tabBar .backgroundRow3 td.period {
    vertical-align: middle;
    padding: 0 5px;
    border: 0px solid #660066;
}
.p_tabBar .backgroundRow3 td.control {
    vertical-align: middle;
    padding: 0 5px;
    border: 0px solid #660066;
}
.p_tabBar .backgroundRow3 td.info  {
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border: 0px solid #660066;
}
.p_tabBar .backgroundRow3 td.views  {
    text-align: right;
    vertical-align: middle;
    padding: 0 5px;
    border: 0px solid #660066;
}
.p_tabBar .tab-bar .tab-bar-tabs a,
.p_tabBar .tab-bar .tab-bar-tabs a:hover {
    text-decoration: none;
}
.p_tabBar .backgroundRow3 td.control select {
    width: 80px
}
.p_tabBar .backgroundRow3 td.views .w_systemInfo {
    padding: 0;
    margin: 0 5px 0 0 ;
}
.p_formlayout .w_complexTable tr td .w_icon,
.p_tabBar .backgroundRow3 td.views .w_iconPrint,
.p_tabBar .backgroundRow3 td.views .w_icon {
    padding: 0;
    margin: 0 5px 0 0 ;
    cursor: pointer;
}
/* End: tabBar */

/* event inspection tab bar */

.p_eventTabBar {
    padding: 0;
}
.p_eventTabBar table.tab-bar .logo {
    width: 40%;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    border: 0;
}
.p_eventTabBar table.tab-bar .name {
    text-align: right;
    vertical-align: middle;
}
.p_eventTabBar table.tab-bar .name .title {
    text-align: right;
  vertical-align: middle;
}
.p_eventTabBar .backgroundRow3 {
    vertical-align: middle;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}
.p_eventTabBar .backgroundRow3 td.period {
    vertical-align: middle;
    padding: 0 5px;
}
.p_eventTabBar .backgroundRow3 td.control {
    vertical-align: middle;
    padding: 0 5px;
}
.p_eventTabBar .backgroundRow3 td.info  {
    text-align: right;
    vertical-align: middle;
    padding: 0;
}
.p_eventTabBar .backgroundRow3 td.views  {
    text-align: right;
    vertical-align: middle;
    padding: 0 5px;
}
.p_eventTabBar .backgroundRow3 td.control select {
    width: 80px
}
.p_eventTabBar .backgroundRow3 td.views .w_systemInfo {
    padding: 0;
    margin: 0 5px 0 0 ;
}
.p_formlayout .w_complexTable tr td .w_icon,
.p_eventTabBar .backgroundRow3 td.views .w_iconPrint,
.p_eventTabBar .backgroundRow3 td.views .w_icon {
    padding: 0;
    margin: 0 5px 0 0 ;
    cursor: pointer;
}

/* end event tab */

.p_horizontal {
    margin-top: 15px;
    width: 100%
}

.p_horizontal .title {
    width: 25%;
    white-space: nowrap;
    padding-right: 5px;
    font-weight: bold;
    font-size: 9pt;
}

.p_horizontal .main {
    width: 75%;
    white-space: nowrap;
}

/* Start: curved-frame */
.p_interfaceForm table.curved-frame {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border: 0px solid #ff0000;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
}
table.curved-frame {
    width: 98%;
    padding: 0;
    margin: 0 auto;
    border: 0px solid #ff0000;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
}
table.curved-frame .frame-corner-top,
table.curved-frame .frame-corner-top img  {
    width: 11px;
    height: 11px;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}
table.curved-frame .frame-top,
table.curved-frame .frame-top img {
    width: 100%;
    height: 11px;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}

table.curved-frame .frame-top-tabs {
    background-color: #ffffff;
    width: 100%;
    height: 11px;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}
table.curved-frame .frame-left,
table.curved-frame .frame-left-selected,
table.curved-frame .frame-left-selected img,
table.curved-frame .frame-left img,
table.curved-frame .frame-right,
table.curved-frame .frame-right-selected,
table.curved-frame .frame-right img,
table.curved-frame .frame-right-selected img {
    width: 11px;
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}
table.curved-frame .frame-corner-bottom,
table.curved-frame .frame-corner-bottom img {
    width: 11px;
    height: 11px;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}
table.curved-frame .frame-bottom,
table.curved-frame .frame-bottom img {
    width: 100%;
    height: 11px;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #cccccc;
}
table.curved-frame .frame-corner-top img,
table.curved-frame .frame-top img,
table.curved-frame .frame-left img,
table.curved-frame .frame-right img,
table.curved-frame .frame-left-selected img,
table.curved-frame .frame-right-selected img,
table.curved-frame .frame-corner-bottom img,
table.curved-frame .frame-bottom img {
    display: block;
}
table.curved-frame .frame-content,
table.curved-frame .frame-content-selected {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #ff0000;
}
/* End: curved-frame */

/* Start: tabbedForm */
/* center align curved frame: IE text-align, FF margin auto */

.w_tabbedData .wrapper {
  overflow: hidden;
  width: 700px;
  float: left;
}

.w_tabbedData .remaining { border-bottom: 1px solid #ddd; width: 100% }
.w_tabbedData .controls { border-bottom: 1px solid #ddd; }
.w_tabbedData img { cursor: pointer }
.w_tabbedData .controlleft { margin-left: 5px }
.w_tabbedData .controls img { visibility: hidden; margin-top: 7px }

.p_realtimeLayout table.curved-frame .frame-top {  }

.p_tabForm {
  background-color: #ffffff;
  text-align: center;
  padding: 0 0 23px 0;
  margin: 0 auto;
  border: 0px solid #ff0000;
}
.p_tabForm .tabs .tab {
  text-align: center;
  white-space: nowrap;
  padding: 2px 5px;
  margin: 0;
    cursor: pointer;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #f7f7f7;
}
.p_tabForm .tabs .tabGap {
  width: 10px;
  text-align: center;
  white-space: nowrap;
  padding: 2px 0;
  margin: 0;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
}
.p_tabForm .tabs .tabGap_last {
  width: 100%;
  text-align: center;
  padding: 2px 0;
  margin: 0;
    border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
}
.p_tabForm .tabs .tab_highlight {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 2px 5px;
  margin: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #cccccc;
    cursor: pointer;
}

.p_tabbedForm {
  background-color: #eeeeee;
  text-align: center;
  padding: 0 0 23px 0;
  margin: 0 auto;
  border: 0px solid #ff0000;
}
.p_tabbedForm th {
  height: 25px;
}
.tabs { height: 25px }
.tabs .tabGap {
  width: 10px;
  text-align: center;
  white-space: nowrap;
  padding: 2px 0;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
.tabs .tabGap_last {
  width: 100%;
  text-align: center;
  padding: 2px 0;
  margin: 0;
    border-bottom: 1px solid #dddddd;
}
.tabs .tab {
  text-align: center;
  white-space: nowrap;
  padding: 2px 5px;
  margin: 0;
    cursor: pointer;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dddddd;
}
.tabs .tab_highlight {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 2px 5px;
  margin: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #cccccc;
    cursor: pointer;
}
.tabs .tab a {
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
}
.tabs .tab_highlight a {
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
}
.tabs .tab a:hover,
.tabs .tab_highlight a:hover {
  color: #ff0000;
  text-decoration: none;
}
/* End: tabbedForm */
.w_correlationTable,
.w_monitoringTable,
.w_groupedColumnTable,
.w_complexTable {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0px solid #6666cc;
}
.w_correlationTable table,
.w_monitoringTable table,
.w_groupedColumnTable table,
.w_complexTable table {
    width: 100%;
    border-collapse: collapse;
    border: 0px solid #9966cc;
}

.w_correlationTable table tr,
.w_monitoringTable table tr,
.w_groupedColumnTable table tr,
.w_complexTable table tr {
    height: 25px;
}

.w_monitoringTable table tr.monitoringTableHeadlessRowSpanNoHeight {
    height: 12px;
}

.w_monitoringTable table tr.embedded-row,
.w_monitoringTable table tr.monitoringTableHeadlessRowSep,
.w_monitoringTable table tr.monitoringTableHeadlessRowSpan,
.w_groupedColumnTable table tr.embedded-row,
.w_complexTable table tr.embedded,
.w_complexTable table tr.embedded-row,
.monitoring tr.monitoringTableHeadlessRowSep,
.monitoring tr.monitoringTableHeadlessRowSpan {
    background-color: #ffffff;
    color: #000000;
}
.w_complexTable table tr.singlerow {
    height: 25px;
    padding: 0;
    margin: 0;
}

.w_monitoringTable th,
.w_groupedColumnTable th,
.w_complexTable th {
    font-weight: bold;
    padding: 2px;
}

.w_complexTable table.groupedBoxedForm {
    width: 50% !important;
}

.w_complexTable table.groupedBoxedForm th.plain {
    font-weight: normal !important;
}

.w_groupedTable table th.plain {
    font-weight: normal !important;
}

.p_embeddedRowFrame strong {
    color: #000000;
}

/*just do our td styles for the correlation table here ... */
.w_correlationTable tr th
{
	font-weight: bold;
    padding: 3px;
	background-color: #EDEDED;
}
.w_correlationTable tr td
{
	background-color: #f7f9f9;
    vertical-align: middle;
    horizontal-align: center;
    padding: 2px;
    border: 1px solid #ffffff;
    margin: 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}


/* Start: w_monitoringTableHeadless
Bg colour can't go on TR as widget style (on row) conflicts with class="row_selected" so styling each group individually (expect fake boundary styles
*/
.w_monitoringTable table tr.w_monitoringTableHeadless td.timeline,
.w_monitoringTable table tr.w_monitoringTableHeadless td.normal,
.w_monitoringTable table tr.w_monitoringTableHeadless td.normalNarrow,
.w_monitoringTable table tr.w_monitoringTableHeadless td.flag,
.w_monitoringTable table tr.w_monitoringTableHeadless td.min {
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #ffffff;
}
.w_monitoringTable table tr.w_monitoringTableHeadless td.interfaceName {
    text-indent: 20px;
    /*white-space: nowrap; */
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #ffffff;
}
.w_monitoringTable table tr.w_monitoringTableHeadless td.timeline_selected,
.w_monitoringTable table tr.w_monitoringTableHeadless td.normal_selected,
.w_monitoringTable table tr.w_monitoringTableHeadless td.normalNarrow_selected,
.w_monitoringTable table tr.w_monitoringTableHeadless td.flag_selected,
.w_monitoringTable table tr.w_monitoringTableHeadless td.min_selected {
    vertical-align: middle;
    padding: 1px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
.w_monitoringTable table tr.w_monitoringTableHeadless td.interfaceName_selected {
    text-indent: 20px;
    vertical-align: middle;
    padding: 1px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
.w_monitoringTable tr.row_selected td,
.w_monitoringTable tr.monitoringTableHeadlessRow_selected td,
.w_complexTable tr.row_selected td {
    vertical-align: middle;
    padding: 1px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
.w_monitoringTable tr.row td,
.w_monitoringTable tr.monitoringTableHeadlessRow td,
.w_complexTable tr.row td  {
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #ffffff;
}

.w_correlationTable tr.row td,
.w_complexTable tr.singlerow td  {
    vertical-align: middle;
    horizontal-align: center;
    padding: 1px;
    border: 1px solid #ffffff;
    margin: 0px;
}

.w_complexTable tr.textwithbuttonsrow td  {
    vertical-align: middle;
    horizontal-align: center;
    padding: 1px;
    border: 0px;
    margin: 0px;
}
.w_monitoringTable tr.monitoringTableHeadlessRowSep td,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td {
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffffff;
}

.w_monitoringTable tr.w_monitoringTableHeadless td.fake-boundary-left {
    background-color: #f7f9f9;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ff0000 #ffffff #ff0000 #c2d6d6;
}
.w_monitoringTable tr.boxedSpaceRow {
    height:20px;
    vertical-align: bottom;
}
.w_monitoringTable tr.boxedRow {
    height:30px;
    vertical-align: bottom;
}

/* float div to the right in FF */
html>body td.fake-boundary-right div {
    float: right;
}
/* Start: fake the teal boundary on Congestion Analysis */
/* Bottom border is just a row so doesn't need a DIV or styled TD. Needed to tweak the border for FF with a white right border */
.w_monitoringTable table tr.monitoringTableHeadlessBorder {
    height: 10px;
    border-width: 1px;
    border-style: solid;
}
/*
.w_monitoringTableHeadless and monitoringTableHeadlessRow used in Congestion Analysis expanded row
need to separate styles for monitoringTableHeadless as bg colour can no longer be applied to the TR but on each TD.[group.type] instead
no need for TD.[group.type]_selected
*/
.w_monitoringTable tr.monitoringTableHeadlessRow td.fake-boundary-left,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.fake-boundary-left,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-left {
    text-align: left;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
}
.w_monitoringTable tr.monitoringTableHeadlessRow td.fake-boundary-right,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.fake-boundary-right,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-right {
    text-align: right;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
}
.w_monitoringTable tr.w_monitoringTableHeadless td.fake-boundary-right {
    text-align: right;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
}
.boxedRow .left-boundary,
.boxedSpaceRow .left-boundary {
    border-right: 0;
    border-left: 10;
    border-style: solid;
    display: block;
    width: 10px;
}
.boxedRow .right-boundary,
.boxedSpaceRow .right-boundary {
    border-right: 20;
    border-style: solid;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 10;
}

.w_monitoringTable tr.w_monitoringTableHeadless td.fake-boundary-left div,
.w_monitoringTable tr.monitoringTableHeadlessRow td.fake-boundary-left div,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.fake-boundary-left div,
.w_monitoringTable tr.monitoringTableHeadlessRowSpanNoHeight td.fake-boundary-left div,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-left div {
    text-align: left;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    display: block;
    width: 10px;
    height: 100%;
}

.w_monitoringTable tr.monitoringTableHeadlessRowSpanNoHeight td.fake-boundary-right {
    text-align: right;
}

.w_monitoringTable tr.w_monitoringTableHeadless td.fake-boundary-right div,
.w_monitoringTable tr.monitoringTableHeadlessRow td.fake-boundary-right div,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.fake-boundary-right div,
.w_monitoringTable tr.monitoringTableHeadlessRowSpanNoHeight td.fake-boundary-right div,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-right div {
    text-align: right;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    display: block;
    width: 10px;
    height: 100%;
}
/* End: fake the teal boundary on Congestion Analysis */

.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.waiting {
  text-align : center;
}
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td div.sg_graph_label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 20ex;
  padding-right: 10px;
  text-align: left;
  float: right;
}

.w_monitoringTable tr.monitoringTableHeadlessRowSep td.monitoring-subheading1,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.monitoring-subheading2,
.monitoring tr.monitoringTableHeadlessRowSep td.monitoring-subheading1,
.monitoring tr.monitoringTableHeadlessRowSpan td.monitoring-subheading2 {
    font-weight: bold;
    vertical-align: middle;
    padding: 15px 1px 3px 1px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffffff;
}

.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.monitoring-subheading2 ,
.monitoring tr.monitoringTableHeadlessRowSpan td.monitoring-subheading2 {
    font-weight: normal;
}

.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.monitoring-subheading2 .w_label {
    font-weight: normal;
}

.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.monitoring-subheading3 {
    font-weight: normal;
    vertical-align: middle;
    padding: 15px 1px 3px 1px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffffff;
}

.monitoring tr.monitoringTableHeadlessRow td.interfaceName,
.monitoring tr.monitoringTableHeadlessRow_selected td.interfaceName {
    text-indent: 20px;
}
.w_monitoringTable .viewactive {
    color: #ff8833;
    font-weight: bold;
}
.w_monitoringTable tr.embedded-row td,
.monitoring tr.embedded-row td {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

.w_monitoringTable tr.embedded-row .p_statsLayout,
.w_groupedColumnTable tr.embedded-row .p_statsLayout {
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0 10px 10px 10px;
    border-style: solid;
}

/*
need padding on embeddedRowFrame and innerGroupForm
BQM:
    Con Analysis - monitoringTable tr.monitoringTableHeadlessRow/tr.monitoringTableHeadless/tr.monitoringTableHeadlessRowSpan
    Con Analysis - Don't want padding as graphs have to align (uses fake styles)
    Traffic - monitoringTable tr.embedded-row div.p_statsLayout
    Traffic Classes - no expanded row
    Traffic Classes Talkers - statsLayout stacked-horizontal top-n-table td.embedded
    Bandwidth - monitoringTable tr.monitoringTableHeadless/tr.embedded-row
    Active Alerts - monitoringTable tr.embedded-row div.p_embeddedRowFrame
    Cleared Alerts - monitoringTable tr.embedded-row div.p_embeddedRowFrame
Sys Admin:
    Sites - complexTable tr.embedded-row div.p_embeddedRowFrame
    Policy - complexTable tr.embedded-row div.p_embeddedRowFrame
    Class - complexTable tr.embedded-row div.p_embeddedTableFrame *
    Queueing - complexTable tr.embedded-row div.p_embeddedRowFrame
    End to End - complexTable tr.row (no +)
    Applications - complexTable tr.embedded-row div.p_embeddedRowFrame
    Active Alerts - complexTable tr.embedded-row div.p_embeddedRowFrame
    Cleared Alerts - complexTable tr.embedded-row div.p_embeddedRowFrame
*/


/* height needed for IE - otherwise right border won't appear  */

.p_innergroupedForm table.embeddedpanel {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 0px solid #9966cc;
}

.p_innergroupedForm table.embeddedpanel tr td.selector {
    height: 25px;
    text-align: center;
}


.p_statsLayout .title { font-weight: bold; }

.p_statsLayout table.stacked-horizontal td.right-nav-links {
    vertical-align:top;
    text-align: right !important;
}

.p_embeddedLayout .title { font-weight: bold; }


.w_monitoringTable tr.embedded-row,
.w_groupedColumnTable tr.embedded-row {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

.w_monitoringTable tr.embedded-row .p_embeddedLayout,
.w_groupedColumnTable tr.embedded-row .p_embeddedLayout {
    background-color: #ffffff;
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
    border-style: solid;
    border-color: #c2d6d6;
}

/* needed for FF - bottom border won't be displayed if height=100% */
html>body .w_monitoringTable tr.embedded-row .p_statsLayout,
html>body .w_monitoringTable tr.embedded-row .p_embeddedLayout,
html>body .w_groupedColumnTable tr.embedded-row .p_statsLayout,
html>body .w_groupedColumnTable tr.embedded-row .p_embeddedLayout {
    height: auto;
}
html>body .w_complexTable tr.embedded-row .p_innergroupedForm,
html>body .w_complexTable tr.embedded-row .p_embeddedRowFrame,
html>body .w_complexTable tr.embedded-row .p_embeddedTableFrame,
html>body .w_monitoringTable tr.embedded-row .p_embeddedRowFrame,
html>body .w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame {
    height: auto;
    margin: 0 auto;
}

.w_complexTable tr.embedded-row .p_innergroupedForm,
.w_complexTable tr.embedded-row .p_embeddedRowFrame,
.w_complexTable tr.embedded-row .p_embeddedTableFrame,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame {
    height: 100%;
    vertical-align: top;
    padding: 10px;
    margin: 0;
    border-width: 0 10px 10px 10px;
    border-style: solid;
}

.w_complexTable tr.embedded-row .p_innergroupedForm table th,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table th,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table th,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table th,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table th,
.p_embeddedTableFrame table th  {
    font-weight: bold;
    padding: 2px;
    border: 1px solid #ffffff;
}


/* left align graphs and other content on traffic-expanded */
.w_monitoringTable tr.embedded-row td .p_statsLayout table td,
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td,
.p_statsLayout table td,
.w_monitoringTable tr.embedded-row td .p_embeddedLayout table td,
.w_groupedColumnTable tr.embedded-row td .p_embeddedLayout table td,
.p_embeddedLayout table td
 {
    text-align: left;
    vertical-align: top;
    padding: 5px;
    margin: 0;
    border: 0px;
}

.w_monitoringTable tr.embedded-row td .p_statsLayout table td.monitoringTableHeadlessRowSpanNoHeight,
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td.monitoringTableHeadlessRowSpanNoHeight,
.p_statsLayout table td.monitoringTableHeadlessRowSpanNoHeight,
.w_monitoringTable tr.embedded-row td .p_embeddedLayout table td.monitoringTableHeadlessRowSpanNoHeight,
.w_groupedColumnTable tr.embedded-row td .p_embeddedLayout table td.monitoringTableHeadlessRowSpanNoHeight,
.p_embeddedLayout table td.monitoringTableHeadlessRowSpanNoHeight
{
    padding: 0px;
}

.p_embeddedLayout table.stacked-horizontal td
{
    white-space: nowrap;
}

.w_monitoringTable tr.embedded-row td .p_statsLayout table td .w_piechart,
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td .w_piechart,
.p_statsLayout table td .w_piechart {
    width: 100%;
    text-align: center;
    border: 0px solid #cc3399;
}
/* needed for the 1st graph on traffic-expanded - all other graphs are left aligned using the td alignment */
.w_monitoringTable tr.embedded-row td .p_statsLayout table td .w_graph,
.w_monitoringTable tr.embedded-row td .p_embeddedLayout table td .w_graph,
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td .w_graph,
.w_groupedColumnTable tr.embedded-row td .p_embeddedLayout table td .w_graph {
    width: 100%;
    text-align: center;
    border: 0px solid #339933;
}

.w_monitoringTable .timeline,
.w_groupedColumnTable .timeline {
    width: 580px;
}

.w_monitoringTable .monitoringTableHeadlessRowSpan .graph-fragmented-y-axis .sg_labels_table {
	float: right; 
	width: auto;
}

.w_monitoringTable .monitoringTableHeadlessRowSpan .graph-fragmented-y-axis .sg_label_cell {
	height: 34px; 
	padding-top: 4px; 
	padding-right: 4px;
}

.w_monitoringTable .graph-fragmented-y-axis,
.w_groupedColumnTable .graph-fragmented-y-axis {
    text-align: right;
}
.w_monitoringTable .graph-fragmented-x-axis,
.w_groupedColumnTable .graph-fragmented-x-axis {
    text-align: left;
}

.graph-fragmented-x-axis .help {
}

/* right margin doesn't render in IE so padding set on div */
.w_complexTable tr.embedded-row .p_innergroupedForm table,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table,
.p_embeddedTableFrame table {
    width: 100%;

    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.w_complexTable tr.embedded-row .p_innergroupedForm table tr,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table tr,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table tr,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table tr,
.w_complexTable tr.embedded-row .p_embeddedTableFrame table tr,
.p_embeddedTableFrame table tr {
    height: 25px;
}
.w_complexTable tr.embedded-row .p_innergroupedForm table tr.row_selected,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table tr.row_selected,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table tr.row_selected,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table tr.row_selected,
.w_complexTable tr.embedded-row .p_embeddedTableFrame table tr.row_selected {
    background-color: #c2d6d6;
    color: #000000;
}
.p_embeddedTableFrame table tr td.validation_error {
    padding:2px;
    background-color:red;
}

.w_complexTable tr.embedded-row .p_innergroupedForm table td,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table td,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table td,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table td,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table td {
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #ffffff;
}


/* Start: Event Analysis styles */
table.inspect td {
    vertical-align: top;
}

.p_eventInspectionHeader .w_monitoringTable table td span img,
.p_eventInspectionHeader .w_monitoringTable table td img
{
	padding-left: 7px;
}

.p_eventInspectionHeader {
    background-color: #eeeeee;
    text-align: left;
    margin: 0px;
    padding: 0px;
    border: 0px solid #ff0000;
}
.p_eventInspectionButtons {
    background-color: #eeeeee;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0 auto;
    border: 0px solid #ff0000;
}
.p_eventInspectionHeader .w_monitoringTable {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0px solid #6666cc;
}

.p_eventInspectionHeader .w_monitoringTable table th,
.p_eventInspectionHeader .w_monitoringTable table .timeavail td {
    border: none;
    padding: 2px;
}

.p_eventInspectionButtons table.buttons {
    width: 94%;
    background-color: #eeeeee;
    color: #000000;
    padding: 0;
    margin: 0 auto;
    border: 0px solid #00ff00;
    border-spacing: 0;
    border-collapse: collapse;
}
.p_eventInspectionButtons table.buttons td.buttons-right .w_icon {
    cursor: pointer;
}
.p_eventInspectionHeader table.buttons td.buttons-left {
    text-align: left;
    border: 0px solid #0000ff;
    padding: 0 5px 0 0;
}
.p_eventInspectionHeader table.buttons td.buttons-center {
    text-align: center;
    border: 0px solid #0000ff;
    padding: 0 5px;
}
.p_eventInspectionHeader table.buttons td.buttons-right {
    text-align: right;
    border: 0px solid #0000ff;
    padding: 0 0 0 5px;
}

/* Event inspection scrollable area */
.wind_area {
    height: 700px;
    overflow: auto;
}

.scroll_table_body {
	height: 200px;
    overflow-x: visible;
	overflow-y: auto;
}

.eventAnalysisInfo  { width: 100%;}
.eventAnalysisInfo .ea { text-align: left; padding-bottom: 5px; }
.eventAnalysisInfo .eleft { text-align: left; vertical-align: middle; width: 50%; padding-left: 15px; padding-bottom: 5px;}
.eventAnalysisInfo .eright { text-align: right; vertical-align: middle; padding-bottom: 5px;}
.eventAnalysisInfo .eleft span {  }
.eventAnalysisInfo .eright span { float: right }
.eventAnalysisInfo .eright span input { height: 12px; font-size: 7pt }
.p_eventInspectionHeader table.curved-frame  {
    width: 100%;
}

.p_eventInspectionHeader .w_monitoringTable table {
    width: 100%;
    border-collapse: collapse;
    border: 0px solid #9966cc;
}
.p_eventInspectionHeader .w_monitoringTable table tr.row {
    background-color: #ffffff;
    color: #000000;
}

.p_eventInspectionHeader .w_monitoringTable table .timeavail td {
    font-weight: bold;
}

.p_eventInspectionHeader .w_monitoringTable table td  {
    background-color: #ffffff;
    color: #000000;
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #e9e9e9;
}
.p_eventInspectionHeader .w_monitoringTable table th a:link,
.p_eventInspectionHeader .w_monitoringTable table th a:visited  {
    background-color: #336666;
    color: #ffffff;
    text-decoration: none;
}

.p_eventInspectionHeader .w_monitoringTable table td.timeline div.p_statsLayout td {
    border: 0px solid #e9e9e9;
}

.event-analysis tr {
    height: 25px;
}
.event-analysis tr.monitoringTableHeadlessRow {
    background-color: #f7f9f9;
    color: #000000;
}

.event-analysis tr.eventAnalysisHeadlessRowSep,
.event-analysis tr.eventAnalysisHeadlessRowSpan {
    background-color: #ffffff;
    color: #000000;
}


.event-analysis tr.eventAnalysisHeadlessRowSep td,
.event-analysis tr.eventAnalysisHeadlessRowSpan td {
    background-color: #ffffff;
    color: #000000;
}
.event-analysis tr.monitoringTableHeadlessRow_selected td {
    vertical-align: middle;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
}
.event-analysis tr.monitoringTableHeadlessBorder {
    height: 10px;
    border-width: 1px;
    border-style: solid;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-left {
    text-align: left;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-right {
    text-align: right;
    vertical-align: top;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-left div {
    text-align: left;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    display: block;
    width: 10px;
    height: 100%;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-right div {
    text-align: right;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    display: block;
    width: 10px;
    height: 100%;
}

/* don't want borders to appear on Event Analysis - make same as bg */
.event-analysis tr.monitoringTableHeadlessRow td {
    vertical-align: middle;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff #f7f9f9;
}

table.event-analysis td.eventGraphTitle {
  vertical-align: middle;
  padding-left: 5px;
}

.event-analysis tr.eventAnalysisHeadlessRowSep td.monitoring-subheading1,
.event-analysis tr.eventAnalysisHeadlessRowSpan td.monitoring-subheading2 {
    font-weight: bold;
    vertical-align: middle;
    padding: 15px 1px 3px 1px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffffff;
}

/*
The following cols need to be the same width for Event Analysis
Header        - Body Title    - Body Graphs             - Body Pie
min           - min           - fake-boundary-left      - fake-boundary-left
interfaceName - interfaceName - graph-fragmented-y-axis - |
timeline      - timeline      - graph-fragmented-x-axis - | timelinePieTopN
normalNarrow  - normalNarrow  - timelineGraphFragmented - |
normalNarrow  - normalNarrow  - fake-boundary-right     - fake-boundary-right

Alignment comes from elem.alignment.
NOTE: NO white-space: nowrap;  on Event Analysis interfaceName
.. as the column has to be the same width as graph fragmented y-axis
*/

div.p_eventInspectionHeader div.w_monitoringTable tr.row td.min,
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-left {
    width: 20px;
}
.event-analysis tr.monitoringTableHeadlessRow_selected td {
    border: none;
  font-weight: bold;
    font-size: 11px;
}
.event-analysis tr.monitoringTableHeadlessRow_selected td.p_monitoringTableHeadlessRow {
    width: 2%;
}
div.p_monitoringLayout table.event-analysis tr.monitoringTableHeadlessRow td.interfaceName {
    width: 250px;
}
div.p_eventInspectionHeader div.w_monitoringTable tr.row_selected td.interfaceName,
div.p_eventInspectionHeader div.w_monitoringTable tr.row td.interfaceName {
    width: 250px;
}
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.graph-fragmented-y-axis {
    width: 92px;
    text-align: right;
    margin: 0px auto;
    padding: 0px;
}
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.summary {
    width: 174px;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.timelinePieTopN table tr td.topN {
    text-align: left;
}
div.p_eventInspectionHeader div.w_monitoringTable tr.row td.timeline,
div.p_monitoringLayout table.event-analysis tr.monitoringTableHeadlessRow td.timeline {
    width: 580px;
}
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.graph-fragmented-x-axis {
    width: 580px;
    text-align: left;
    margin: 0px auto;
    padding: 0px;
}
div.p_monitoringLayout table.event-analysis tr.eventAnalysisHeadlessRowSpan td.timelinePieTopN table {
    width: 100%;
    text-align: left;
}

/* End: Event Analysis styles */

/* Start: Paging */
.w_monitoringTable table.paging td,
.w_groupedColumnTable table.paging td,
.w_complexTable table.paging td  {
    text-align: right;
    vertical-align: middle;
}
.w_monitoringTable .pagesizechange,
.w_groupedColumnTable .pagesizechange {
    width: 50%;
}
/* End: Paging */


/* Start: Top N Table
  The borders won't display if these styles aren't explicit i.e. div. table. tr. td.
*/
div.w_top-n-table {
    padding: 0;
    margin: 0;
    border: 0px solid #ff0000;
}
div.w_top-n-table table.top-n-table tr.plain,
div.w_top-n-table table.top-n-table tr.embedded-row {
    background-color: #ffffff;
    color: #000000;
}
div.w_top-n-table table.top-n-table tr.row_plain td.top-n-pie {
    padding: 0 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff #eef4f4;
}
div.w_top-n-table table.top-n-table tr.row td.data {
    vertical-align: middle;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
div.w_top-n-table table.top-n-table tr.row td.data span.indicator {
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: 0;
}
div.w_top-n-table table.top-n-table th.heading {
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
}
div.w_top-n-table table.top-n-table th.subheading {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding: 3px 5px;
}
div.w_top-n-table table.top-n-table tr.embedded-row td.embedded {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}
div.w_top-n-table table.top-n-table tr.embedded-row td.embedded .p_statsLayout {
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-width: 0 10px 10px 10px;
    border-style: solid;
}
/* End: Top N Table */


/* Start: PSD Table */
.w_psd-table {
    padding: 0;
    margin: 0;
    border: 0px solid #ff0000;
}
.psd-table th.heading {
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    border: 1px solid #ffffff;
}
.psd-table th.subheading {
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
.psd-table td.indicator {
    text-align: left;
    vertical-align: middle;
    padding: 0;
    border: 1px solid #ffffff;
}
.psd-table td.data {
    vertical-align: middle;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
/* End: PSD Table */


/* Start: TitledForm */
.w_monitoringTable tr.embedded-row div.p_titledForm table.titledForm td,
.w_groupedColumnTable tr.embedded-row div.p_titledForm table.titledForm td {
    background-color: #ffffff;
    color: #000000;
    vertical-align: middle;
    padding: 2px;
    border: 0px solid #eef4f4;
}
.w_monitoringTable tr.embedded-row div.p_titledForm table.titledForm th,
.w_groupedColumnTable tr.embedded-row div.p_titledForm table.titledForm th {
    font-weight: bold;
    text-align: left;
    padding: 2px;
}

.w_groupedColumnTable tr, .w_groupedColumnTable tr td  {
    vertical-align: middle;
}

.w_complexTable tr.embedded-row .p_embeddedRowFrame div.p_titledForm table.titledForm th {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    border: 0px solid #ffffff;
}
.w_complexTable tr.embedded-row .p_embeddedRowFrame div.p_titledForm table.titledForm td {
    background-color: #ffffff;
    color: #000000;
    vertical-align: middle;
    padding: 2px;
    border: 0px solid #ffffff;
}
/* End: TitledForm */


/* Start: VerticalTitles */
/* border doesn't appear if styles don't have .p_verticalTitles and tr.row  */
.p_verticalTitles table.vertical-titles {
    margin: 0 0 10px 0;
}
.p_verticalTitles table.vertical-titles th {
    background-color: #eef4f4;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    border: 1px solid #eef4f4;
}
.p_verticalTitles table.vertical-titles tr.row td.title,
.p_verticalTitles table.vertical-titles tr.row td.data {
    background-color: #ffffff;
    color: #000000;
    vertical-align: middle;
    padding: 1px;
    border: 1px solid #eeeeee;
}
.p_verticalTitles table.vertical-titles tr.row td.title {
    width: 35%;
}
/* End: VerticalTitles */

/* Start: Plain */
/*can't have padding here - different background colours */

.p_plain {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0px solid #990099;
}

/* Used for Traffic and Traffic Info */
.p_plain .title {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    border: 0px solid #00ff00;
}
.p_plain .infobody {
    padding: 0 5px 5px 5px;
}
.p_plain .under_construction .title {
    background-color: #ffcc00;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.p_plain .under_construction .infobody {
    background-color: #ffcc00;
    padding: 0 5px 5px 5px;
}
/* End: Plain */

/* Start: Messages */

.w_fixedwarning { color: #f00; font-weight: bold;width: 100%; border: 1px dashed #900; padding: 4px; text-align:center; }
.p_messages_hidden { background-color: #ddd; padding: 3px; position: relative; visibility: hidden; top: -10000px; }
.fr_messages .p_messages_center { background-color: #ddd; padding: 3px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.t_messages_error, .t_messages_error table td { background-color: #fdd;  }
.t_messages_message, .t_messages_message table  td { background-color: #ddf;   }
.t_messages_error .info, .t_messages_message .info { text-align:center; color: #00f }
.t_messages_error .error, .t_messages_message .error { text-align:center; color: #f00 }
.w_messages_error .topround, .w_messages_error .bottomround { background-color: transparent }
.w_messages_error .topround *, .w_messages_error .bottomround * { background-color: #fdd;   }
.w_messages_message .topround, .w_messages_message .bottomround { background-color: transparent }
.w_messages_message .topround *, .w_messages_message .bottomround * { background-color: #ddf;   }
.w_messages_error, .w_messages_message { width: 50% }
.w_messages { padding-top: 10px; padding-top: 10px; text-align: center }

.w_messages_error .bottomround, .w_messages_error .topround { margin-top: 0; padding-top: 0px; height: 5px }

.f_public .w_messages_inline .info, .w_messages_inline .info { color: #00f; font-weight: bold; text-align: center; border: none; padding:0 }
.f_public .w_messages_inline .error, .w_messages_inline .error { color: #f00; font-weight: bold; text-align: center; border: none; padding:0 }
.plain-halfpanel .w_messages_inline .info, .plain-halfpanel .w_messages_inline .error { text-align: left; border: none }
.w_messages_inline table { width: 100%; border: none }

.realtimebody .topround, .realtimebody .bottomround { display:none }
.realtimebody .p_messages #w_messages_inset { width: 95% }
.realtimebody .p_messages #w_messages_inset_i { padding: 3px }
.realtimebody .confignote .configuration { padding: 3px  }
#fw_messages { width: 100%; }

.tmessage {
    color: #ff0000;
    font-weight:bold;
    display: block
}
/* End: Messages */

/* Start: graphAttribute */
.w_graphAttribute .graphAttributeText,
.w_relativeLatencySummary .graphAttributeText {
    padding-right: 10px;
}

.w_graphAttribute table, .w_relativeLatencySummary table {
    width: 140px;
}

.w_graphAttribute table .graphAttribute {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    padding: 3px 5px;
    margin: 0;
    border: 1px solid #eee;
}

.w_relativeLatencySummary table tr {
    height: 15;
}
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td .w_relativeLatencySummary table .graphAttributeHeading,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td .w_relativeLatencySummary table .graphAttributeHeading,
.w_relativeLatencySummary table .graphAttributeHeading {
    text-align: left;
    vertical-align: middle;
    padding: 0px 5px;
    margin: 0;
    border: 1px solid #eee;
}
.w_groupedColumnTable tr.embedded-row td .p_statsLayout table td .w_relativeLatencySummary table .graphAttribute,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td .w_relativeLatencySummary table .graphAttribute,
.w_relativeLatencySummary table .graphAttribute {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    padding: 3px 5px;
    margin: 0;
    border: 1px solid #eee;
}

.w_graphSummary .graphAttributeText {
    padding-right: 10px;
}
.w_graphSummary table {
    width: 200px;
}
.w_graphSummary table .graphAttributeHeading {
    background-color: #eef4f4;
    color: #000000;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #eef4f4 #cccccc;
}
.w_graphSummary table .graphAttribute {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    margin: 0;
    border: 1px solid #cccccc;
}
/* End: graphAttribute */

/* Start: simpleBar */

.w_simpleBar .wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
}

.w_simpleBar .wrapper tr { vertical-align: middle }

.w_simpleBar .total {
    width: 3%;
    padding-left: 3px;
    padding-right: 3px;
}
.w_simpleBar .count {
    width: 3%;
    padding-left: 3px;
    padding-right: 3px;
}

.w_simpleBar .bar {
    width: 95%;
    vertical-align: middle;
}

.w_simpleBar .bar td {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.w_simpleBar .bar .active {
    background-color: #f00;
}
.w_simpleBar .bar .inactive {
    background-color: rgb(0,152,0);
}

.w_simpleBar .bar .none {
    background-color: #eef4f4;
}

/* End: simpleBar */

/* Start: minibar */

.w_minibar .bar {
    width: 95%;
    vertical-align: middle;
}

.w_minibar .bar td {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.w_minibar .bar .active {
    background-color: #f00;
}
.w_minibar .bar .inactive {
    background-color: rgb(0,152,0);
}

.w_minibar .bar .none {
    background-color: #eef4f4;
}

/* End: minibar */

h3.title,
h3.panel-title,
h3.items-title,
h3.threecol-title,
h3.no-group-type-title {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    margin: 5px 0;
}
/* used on Sys Admin pages */
.items td {
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}

.p_standardform table.standardform tr.toggle {
    height: 40px;
    vertical-align: bottom;
}

.p_standardform table.standardform tr.toggle td {
    vertical-align: middle;
}
.p_standardform table.standardform tr.items td.header {
    font-weight: bold;
}
table.standardform tr.items td.header {
    font-weight: bold;
}
.p_standardform table.standardform tr.header td {
    background-color: #ffffff;
    vertical-align: middle;
}

.w_rowTable,
.w_labelHeading {
    font-weight: bold;
}

.w_policyMapType {
    font-weight: normal;
}
/* Traffic Classes - links @ top of page */
.stacked-horizontal .w_intraPageLink {
    text-align: left;
}

.p_statsLayout table.stacked-horizontal-wrapped td  {
  text-align: left;
}

.monitoringTableHeadlessRowSpanNoHeight{
  height : 10px;
  vertical-align : middle;
  padding : 0px;
}
/* Traffic Classes - Back to Top link */
.time-series .w_intraPageLink {
    display: block;
    text-align: right;
}

/* from old css */
/* Left Nav Tabs */
.p_titledGroup .title
{
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}
.p_titledGroup .item
{
    margin-bottom: 2px;
    background-color: #ccc;
    color: #ccc;
}
.p_titledGroup .grouptitle {
    background-color: #ccc;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}
.p_titledGroup .item ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.p_titledGroup .item li {
    margin: 0;
}
.p_titledGroup .item li a:hover {
    background-repeat: no-repeat;
    background-position: right;
}
.p_titledGroup .item .selected a {
    background-image: url( /fw/resources/icon/triangle_menuitem.gif );
    background-repeat: no-repeat;
    background-position: right;
}
.p_titledGroup .item li a {
    display: block;
    padding: 5px 5px 5px 20px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
}
.p_titledGroup .item li a.disabled, .p_titledGroup .item li a:hover.disabled {
    display: block;
    padding: 5px 5px 5px 20px;
    background-color: #e0e0e0;
    color: #888888;
    text-decoration: none;
}
.p_titledGroup .item li a {
    width: auto;
}

/* Dashboard */

.f_dashboardDesign .viewPane {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    border: 0;
}

.f_dashboardDesign .treePane {
    width: 300px;
    overflow-x: hidden;
    -moz-overflow-x: hidden;
    margin: 0;
    padding: 0;
    border: 0;
}

/* set all tables and divs to 0 - only have padding on the outer borderLayout */
div.p_borderLayout,
div.p_borderLayout div.p_borderLayout,
table.west-center-east table.west-center-east,
table.north div.p_monitoringLayout,
table.west-center-east div.p_monitoringLayout,
table.south div.p_monitoringLayout {
    padding: 0;
    margin: 0;
    border: 0;
}
table.north td.nth,
table.west-center-east td.west,
table.west-center-east td.center,
table.west-center-east td.east,
table.south td.sth {
    padding: 8px;
    margin: 0;
    border: 0;
}

table.west-center-east td.east {
    width: 20%;
}

    /* overwrite the padding when there's a borderLayout within a borderLayout */
table.west-center-east table.west-center-east td.west {
    padding: 0 8px 0 0;
    margin: 0;
    border: 0;
}
table.west-center-east table.west-center-east td.center {
    padding: 0;
    margin: 0;
    border: 0;
}
table.west-center-east table.west-center-east td.east {
    padding: 0 0 0 8px;
    margin: 0;
    border:0;
}
table.north td.nth table.curved-frame,
table.west-center-east td.west table.curved-frame,
table.west-center-east td.center table.curved-frame,
table.west-center-east td.east table.curved-frame,
table.south td.sth table.curved-frame {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;

    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* window */
.p_window {
    background: #fff;
    margin: 4px;
}

.p_window .titlebar {
    overflow: hidden;
    width: 100%;

    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.p_window .title {
    background-color: transparent;
    float: left;
    width: 80%;
}

.p_window .control {
    float: right;
    width: 18%;
    text-align: right;
}

.p_window .body table {
    width: inherit;
}

.p_window .title .w_label, .p_window .title h1, .p_window .title h2 { /* Redundancy required by IE  */
    font-size: 8pt;
}

.p_window .title h1, .p_window .title h2 {
    display: inline;
}

.p_window .title h1 .w_label {
    font-weight: bold;
}

.p_window .title h2:before {
    content: " - "
}

.p_window .title h2 .w_label {
    font-weight: normal;
}

.p_window .control a {
    font-size: 7pt;
}

/* simpleTable */
.w_simpleTable, .w_simpleTable table {
    width: 100%;
}

.w_simpleTable thead, .w_simpleTable tbody {
    font-size: 8pt;
}

.w_simpleTable td {
    padding: 0.2em 0.5em;
}

.w_about .value { font-weight: bold }

/* Control */
.collapse {
    visibility: hidden;
    display: none
}

.show {
    visibility: visible;
    display: inline
}

.hide {
    visibility: hidden;
    display: none
}

.inspect .p_formLayout { display: inline; height: 10px; float: left; width: 250px; padding: 0px; margin: 0px; z-index: 40}

.InspectLeftHide { position: absolute; top: -4000px; left:-4000px; }
.InspectMiddleHide { position: absolute; top: -4000px; left:-4000px; }
.InspectRightHide { position: absolute; top: -4000px; left:-4000px; }

.InspectLeft { position: absolute; width: 3px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 20; overflow: hidden;  cursor: crosshair }
.InspectMiddle { position: absolute; background-color: #fff; opacity: .3; filter: alpha(opacity=30); height: 3px; border-top: 1px solid #fff; z-index: 20;overflow: hidden; cursor: crosshair }
.InspectRight { position: absolute; width: 3px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 20;overflow: hidden; cursor: crosshair }


.w_dynamicProperty {
    position: absolute;
    top: -4000px;
    left: -4000px;
    visibility: hidden;
}

/* Tree */
.fr_tree form { margin: 0; padding: 0 }

.p_tree { width: 100%; margin: 5px 0 0 5px}

.p_tree div.controls {
    font-weight: bold;
}

.p_tree div.controls table { width: 100% }
.p_tree div.controls .scontrols * { font-size: 7.5pt }

.p_tree div.tree {
    background-color: #fff;
    width: 100%;
    overflow-x: hidden;
    -moz-overflow-x: hidden;
    overflow-y: auto;
    -moz-overflow-y: auto;
}
.p_tree td { padding-left: 5px; padding-right: 5px }
.p_tree input.w_button { font-size: 7pt }

/* New Dynamic Tree */
.w_dynamictree { width: 100% }
.w_dynamictree * { font-size: 8pt; color: #000; list-style-type: none; list-style-image: none; }
.w_dynamictree a { text-decoration: underline; cursor: pointer }
.w_dynamictree .decorator { cursor: pointer }
.w_dynamictree img { z-index: 10; margin-right: 3px;  }
.w_dynamictree ul { padding: 0; margin: 0; margin-left: 10px }
.w_dynamictree li { padding: 0; margin: 0; margin-left: 12px; }
.w_dynamictree .node0 {     
	background-repeat: repeat-y;
    background-position: left top;
	background-image: url("/fw/resources/icon/tree/line.gif"); 
	}
.w_dynamictree li * {  }
.w_dynamictree .container { margin: 0; padding: 0; padding-bottom: 15px; width: 100% }
.w_dynamictree .rootnode { margin: 0; padding: 0;  }
.w_dynamictree .vline { height: 100%  }
.w_filter {
    position: absolute; width: 0; visibility: hidden; top: -3000px; left: -3000px;
    height: 0px;
    width: 100px;
    background-color: white;
}

.w_filter table.curved-frame tr { height: 0px }

.w_filter table.curved-frame tr td.frame-left,
.w_filter table.curved-frame tr td.frame-content,
.w_filter table.curved-frame tr td.frame-right,
.w_filter table.curved-frame tr td.frame-left-selected,
.w_filter table.curved-frame tr td.frame-content-selected,
.w_filter table.curved-frame tr td.frame-right-selected { cursor: pointer; border-bottom: 1px solid #ccc }

.w_filter table.curved-frame tr td.frame-content-selected { color: red }

.w_percentBar {
    text-align: right;
    width: 80px;
}

.w_percentBar div {
    /* Use traditional box model for non IE browsers  */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

.w_percentBar div.bar {
    float: right;
    border: 1px solid #aaa;
    width: 24px;
    padding: 1px;
    text-align: left;
    margin-left: 4px;
    font-size: 4px;
    margin-top: 4px;
}

.w_progressBar tr#progress_bar_refresher {
    overflow: hidden;
}

.w_progressBar td  {
    padding-left: 1px;
    text-align: center;
    }
.w_progressBar td.bar  {
    border: 1px solid #aaa;
    overflow: hidden;
}
.w_progressBar .bar span {
    margin: 1px;
    overflow: hidden;
    background-color: #699;
    height: 10px;
}

.w_matchRuleSummary th {
    background-color: #699;
}

.w_matchRuleSummary .items td {
    text-align: center;
}

.if_link { display: block; padding-left: 10px; font-size: 7.5pt; font-style: italic; color: #888 }

.w_iconToggle,
.w_iconPropertyToggle,
.w_monitoringTable .filterIcon,
.no-group-type .activeicon,
.w_dropDown .activeicon,
.w_textSingleLine .activeicon,
.p_standardForm .activeicon,
.p_standardForm .singlerow .w_icon,
.p_standardForm .textwithbuttonsrow .w_icon,
.p_standardForm .textwithbuttonsandcheckboxrow .w_icon,
.p_innerGroupedForm .activeicon,
.p_innerGroupedForm .selector,
.p_embeddedTableFrame .activeicon,
.w_controlRadioGroup .activeicon,
.w_radioGroup .activeicon,
.w_top-n-table .activeicon,
.w_graph .activeicon,
.w_graphFragmented .activeicon,
.w_monitoringTable .activeicon,
.w_groupedColumnTable .activeicon,
.w_complexTable .activeicon,
.w_textButton .activeicon,
.w_label .activeicon,
.activeicon {
    cursor: pointer
}

.left-padding-2px {
  padding-left: 4px;
}
.inspect .p_popup table tr td {
    background-color: #CFC
}

.p_monitoringLayout .generalInfo .eleft { width: 20% }
.p_monitoringLayout .generalInfo .eright { width: 80%; text-align: right }
.p_monitoringLayout .p_container h3 {  display: inline }
.p_monitoringLayout .rellinks td { text-align: right; padding-top: 7px; padding-bottom: 7px; }
.w_linkSeperator { padding-left: 4px; padding-right: 4px }


.zoom { cursor: crosshair }

.w_iconLauncher { cursor: pointer }

/* INLINE HELP */

.h_about table { border: 1px solid #aaa }
.h_about table td { padding: 2px; background-color: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }
.h_about a { display: inline }
.h_about p, .h_about p a { padding: 0; margin: 0 }

#dateDiv { width: 150px; overflow: hidden }

span.w_conditionalLink {
    color: #bbb;
}

.p_statsLayout table.stacked-vertical .w_htmlLabel {
    font-weight:bold;
}

.w_statusValue
{
    font-weight:normal !important;
}

.w_statusValue strong
{
    color:#000000 !important;
}

/* interface design */
.p_interfaceForm table {
    width: 100%;
}

.p_interfaceForm .text td {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    border: none;
}
.p_interfaceForm .image td {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 3px 5px;
    border: none;
}
.p_interfaceDetailForm .detail  {
    padding: 3px 5px;
    border: 1px solid #cccccc;
    height: 50px;
}
.p_interfaceDetailForm .detail tr {
    height: 20px;
}
.p_interfaceDetailForm .detail td {
    text-align: left;
}
.p_interfaceDetailForm .title td {
    font-weight: bold;
}
.p_interfaceDetailForm .main  {
    width: 90%;
}

.p_interfaceDetailForm .local-left-header {
    background-color: #FF6600;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

.p_interfaceDetailForm .local-right-header {
    background-color: #FF9900;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

.p_interfaceDetailForm .local-left-header-right {
    background-color: #99CCCC;
    height: 30px;
    color: #ffffff;
    text-align: right;
    padding: 5px 5px 5px 5px;
}
.p_interfaceDetailForm .local-right-header-right {
    background-color: #ff9900;
    height: 30px;
    color: #ffffff;
    text-align: right;
    padding: 5px 5px 5px 5px;
}
.p_interfaceDetailForm .local-right-header-right a {
    color: #ffffff;
}

.p_interfaceDetailForm .remote-right-header {
    background-color: #FF9900;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

.p_interfaceDetailForm .remote-left-header {
    background-color: #FF6600;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

.p_interfaceDetailForm .remote-left-header-right {
    background-color: #FF6600;
    height: 30px;
    color: #ffffff;
    text-align: right;
    padding: 5px 5px 5px 5px;
}
.p_interfaceDetailForm .remote-left-header-right a {
    color: #ffffff;
}

.p_innerInterfaceForm .text td {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    border: none;
}


/* channel design */
table.plainembedded tr td.collbody {
    vertical-align: middle;
}

table.p_channelConfigForm {
    width: 100%;
}

table.p_channelConfigForm tr td {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    vertical-align: bottom;
    padding: 2px 2px 2px 2px;
    border: none;
    white-space: nowrap;
}

.p_channelSourceForm table {
    width: 100%;
    vertical-align: middle;
}

.p_channelSourceForm td.text {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    padding: 3px 5px;
    border: none;
    white-space: nowrap;
}
.p_channelSourceForm .detail  {
    padding: 3px 5px;
    border: 1px solid #cccccc;
    height: 50px;
}
.p_channelSourceForm .detail tr {
    height: 20px;
}
.p_channelSourceForm .detail td {
    text-align: left;
}
.p_channelSourceForm .title td {
    font-weight: bold;
}

.p_channelSourceForm .source-header {
    background-color: #FF6600;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

.p_channelSourceForm .dest-header {
    background-color: #FF9900;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    text-align: left;
}

/* effects */
.screen_fader { position: absolute; width: 100%; height: 100%; left: 0px; top:0px; visibility: hidden; background-color: black; z-index: 9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  }
.slider_object { position: absolute; width: 0; height: 0; left: 0px; top:0px; visibility: hidden; background-color: #666; z-index: 5; overflow: hidden }


/* Selection List Box Widget */
.w_selectionListBoxes div {
    float: left;
}

.w_selectionListBoxes select {
    width: 280px;
}

.w_selectionListBoxes dl {
    float: left;
}

.w_selectionListBoxes dd {
    padding: 0;
    margin: 0;
}

/* Button Group Widget */
.w_buttonGroup div.class-buttons, div.graph-buttons {
    float: left;
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

.w_buttonGroup div.class-buttons input, div.graph-buttons input {
    width: 32px;
    display: block;
    margin-top: 6px;
}

/* Sparklines */
table.w_linkedSparklineGraph tr td div,
table.w_sparklineGraph tr td div {
    width: 132px !important;
    min-width:150px;
    text-align: left;
    padding-right:0px;
    vertical-align:middle;
    padding-left:0px;
    border:0px; 
}

table.w_linkedSparklineGraph tr td div {
    width: 122px !important;
    min-width:130px;
} 

.w_linkedSparklineGraph table.sparklineTable tr td.sparklineText,
.w_sparklineGraph table.sparklineTable tr td.sparklineText {
    text-align: right;
    padding-right:4px;
    vertical-align:middle;
    padding-left:0px;
    border:0px;	
}

.w_linkedSparklineGraph table,
.w_sparklineGraph table {
  width: 132px !important;
  padding:0px;
  border:0px;
}

table.w_linkedSparklineGraph tr td,
table.w_sparklineGraph tr td {
  padding: 0px !important;
  border: 0px none !important;
  text-align: left;
  vertical-align:middle;
}

table.w_linkedSparklineGraph tr td table.sparklineTable,
table.w_sparklineGraph tr td table.sparklineTable {
  width: 132px !important;
  padding:0;
  border:0px;
}

.w_linkedSparklineGraph table.sparklineTable tr td.sparklineGraph,
.w_sparklineGraph table.sparklineTable tr td.sparklineGraph {
  vertical-align:middle;
  padding:0;
  border:0px !important;
}

.w_linkedSparklineGraph table.sparklineTable td,
.w_sparklineGraph table.sparklineTable td {
  white-space: nowrap;
  border:0px !important;
}

table.w_linkedSparklineGraph a {
   text-decoration: none;
}

img.w_linkedSparklineGraph {
   cursor:pointer;
}

ul.sparklineData {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 9px;
  width: inherit;
}

ul.sparklineData li {
    list-style: none;
    text-align: right;
}

ul.sparklineData .aboveThreshold { color: rgb(204,0,0); white-space:nowrap; }
ul.sparklineData .belowThreshold { color: rgb(0,152,0); white-space:nowrap; }


/* Calendar */
.cpYearNavigation, .cpMonthNavigation  { background-color:#C0C0C0; text-align:center; vertical-align:middle ; text-decoration:none;color:#000000;font-weight:bold }
.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled,.cp
TD.cpDayColumnHeader { text-align:center; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate { text-align:right;text-decoration:none }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0;text-align:right;text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000 }
.cpOtherMonthDate { color:#808080 }
TD.cpCurrentDate { color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000 }
TD.cpCurrentDateDisabled { border-width:1px;border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0;border-width:1px 0px 0px 0px; }
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }


/* Grouped Column Tables */
.w_groupedColumnTable table td.gap {
    background-color: #ffffff;
    width: 6px;
}

.w_groupedColumnTable table tr.row_selected td.gap {
    width: 6px;
}

.w_groupedColumnTable .g_grouped { width: 35% }

.w_groupedColumnTable .w_iconToggle {
    margin-right: 4px; margin-left: 4px;
}

.w_groupedColumnTable th.nsi-header {
    width: 100px;
}

.w_groupedColumnTable td.nsi {
    width: 50px;
}

.w_groupedColumnTable th {
    border: 1px solid white;
}

/*.w_groupedColumnTable tr {
    border-bottom: 1px solid white;
}*/

/* FX */
/* Rounded corners (minimal from Nifty Corners By Alessandro Fulciniti http://pro.html.it/esempio/nifty)*/
.topround, .itopround, .bottomround, .ibottomround { display:block; height: 5px }
.topround *, .itopround *, .bottomround *, .ibottomround * { vertical-align: bottom; padding: 0px; display: block; height: 1px; overflow: hidden;  }
.round1 {margin: 0 5px }
.round2 {margin: 0 3px}
.round3 {margin: 0 2px}
.round4 {margin: 0 1px; height: 2px}

.p_popupextended { background-color: transparent; }
.p_popupextended .topround, .p_popupextended .bottomround { background-color: transparent; height: 2px }
.p_popupextended .topround *, .p_popupextended .bottomround * { background-color: #fff;   }
.p_popupextended .itopround { margin-left: .75%; background-color: #fff; width: 99.5%; position: relative; top: -3px}
.p_popupextended .itopround * { background-color: #e4e9ec;   }
.p_popupextended .pptop { width: 100%; background: #fff; }

.p_popupextended .w_fetchPlaceholder { background-color: #fff; }
.p_popupextended .dt_status { margin-left: .75%; background-color: #e4e9ec; height: 28px; width: 99.5%; position: relative; top: -3px}
.p_popupextended .dt_status .dt_spin { margin-left: 4px; }
.p_popupextended .dt_close { margin-left: 88% }

.p_popupextended .w_messages_inline .info { background-color: #fff  }
.p_popupextended .w_messages_inline .error { background-color: #fff  }

.p_dynamicTest { margin-left: 1%; width: 98%;}
.p_dynamicTest ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0 0 0 3px; height: 1px}
.p_dynamicTest ul li { margin: 0; padding: 0 0 0 3px; height: 0px  }
.p_dynamicTest pre { margin: 0px; padding: 0 0 0 3px; overflow: auto; width: 100% }
.p_dynamicTest pre * { font-family: courier, fixed, monospace; font-size: 8pt }
.p_dynamicTest .dt_error { color: #f00;margin: 0; }
.p_dynamicTest .topround, .p_dynamicTest .bottomround { background-color: transparent }
.p_dynamicTest .topround *, .p_dynamicTest .bottomround * { background-color: #e4e9ec;   }

.p_dynamicTest .dt_status_bar_holder { position:relative; top: -26px; left: -6px; z-index: 0; margin-left: 9%; margin-right: 5%; background-color: #e7eaee; border: 1px solid #ddd;}
.p_dynamicTest .dt_status_bar { background-color: #ff9900;  }
.p_dynamicTest .dt_done { text-align: right; width: 100%;  }

/* Realtime chart styles */


.w_realtimeGraph {
    background-color:#ffffff;
    width:100%;
}

.plotArea {
    border:1px solid #d0d0d0;
}

.plotArea tr {
    height:0px;
}

.yaxismarks tr {
    height:0px;
}

.yaxismarks {
    width:20px;
}

.xaxis tr {
    height:18px;
}

td.yaxis {
    font-size:7pt;
    text-align:right;
    color:#222222;
    vertical-align:bottom;
    border-bottom:1px solid #d0d0d0;
    padding-right:2px;
}

div.xaxis {
    font-size:7.5pt;
    text-align:left;
    color:#222222;
    border-left:1px solid #d0d0d0;
    padding-left:2px;
    padding-top:3px;
    vertical-align:bottom;
    /*position:absolute;*/
}

td.units {
    font-size:10pt;
    /* Only supported by IE apparently */
    writing-mode: tb-rl;
    filter: flipv fliph;
    width:50px;
    /*[BQM-45315] - Monitor and Config view:The Title labels of Y axis are not proper for Live view*/
    -moz-transform: rotate(-90deg);
}

td.xmark {
    font-size:7.5pt;
    width:120px;
    border-left:1px solid #c0c0c0;
    padding-left:2px;
}

td.xlpadmark {
    border-left:1px solid #c0c0c0;
    width:120px;
    font-size:7.5pt;
    padding-left:2px;
}

td.xrpadmark {
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    width:120px;
    font-size:7.5pt;
    padding-left:2px;
    padding-right:2px;
}

td.now {
    font-size:7.5pt;
    text-align:right;
}

img.legenditem {
    border:1px solid #c0c0c0;
    width:8px;
    height:8px;
}

table.legend {
    border:1px solid green;
}

.realtimeHeader {
    background-image: url( /fw/resources/icon/realtimeHeader.png );
    background-size: 300px 24px;
    background-position: 5px center;
}

div.point {
    width:1;
    height:0;
    font-size:0;
    border-top:1px solid #ffffff
}

div.realTimeMessage {
    font-weight:normal;
    width:700px
}

div.yaxismax {
    font-size:8.5pt;
    font-weight:bold;
    text-align:right;
    color:#222222;
    vertical-align:bottom;
    /*border-bottom:1px solid #d0d0d0;*/
    padding-right:2px;
}

div.yaxisnodata {
    font-size:8.5pt;
    text-align:right;
    color:#222222;
    vertical-align:bottom;
    border-bottom:1px solid #d0d0d0;
    padding-right:2px;
}

div.yaxisnovalue {
    border-bottom:1px solid #d0d0d0;
    font-size:0px;
}

table tr td.normalNarrow,
table tr td.normalNarrow_selected {
    text-align:center;
}

/* Realtime decoration */

@media screen {
.dgrid { position: absolute; border:none; z-index: 2; padding: 0; margin: 0; border-collapse: collapse; }
.dgrid tr td { height: 1px; width: 1px; padding:0; margin: 0; background-color: transparent;  }
.vline { position: absolute; padding: 0px; z-index: 1; margin: 0px; width: 1px; background-color: #f00; overflow:hidden}
.hline { position: absolute; padding: 0px; z-index: 1; margin: 0px; height: 1px; background-color: #f00; overflow:hidden}
}

@media print {
.dgrid, .vline, .hline {
    display:none;
}
}

/* Realtime */
td.realtimeGraphTitle,
div.realtimeGraphTitle
{
    padding:10px;
    font-weight:bold;
}

div.p_realtimeLayout tr.tabs td.tab,
div.p_realtimeLayout tr.tabs td.tab_highlight {
    padding:5px 10px;
}

div.p_dropDownMenu {
    border:1px solid red;
}

div.p_realtimeLayout {
    padding: 10px;
    width: 100%;
}

.p_realtimeLayout .realtimebg {
    width: 100%;
}

.p_realtimeLayout .realtimefg {
    width:100%;
}

.p_realtimeLayout .p_titledGroup {
    border:1px solid #c0c0c0;
}

.p_realtimeLayout .interfaceName {
    padding-right:10px;
    font-size:11pt;
}

.p_realtimeLayout .w_systemInfo {
    font-size:8pt;
}

.p_realtimeLayout .realtimebody {
    padding:10px;
}

.p_realtimeLayout .frame-top {
    background-color:white
}

.p_realtimeLayout .realtimenav {
    vertical-align:top;
    padding-left:10px;
    padding-top:10px;
    width:160px;
}

.p_realtimeLayout .navpanel {
    width:150px;
}

.p_realtimeLayout div.confignote {
    padding:5px;
    margin:10px;
    width:670px;
}

.p_realtimeLayout div.configuration {
    text-align:center;
    background-color:#f0f0f0
}

@media screen {
.p_realtimeLayout .topround, .p_realtimeLayout .bottomround { background-color: transparent; height: 2px }
.p_realtimeLayout .topround *, .p_realtimeLayout .bottomround * { background-color: #f0f0f0; }
}


.w_channelName table
{
  width:140px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.w_channelName table tr
{
  padding: 0px;
  margin: 0px;
  height:10px;
}

.w_channelName table tr td
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;

}

.w_channelName table tr td.from
{
    text-align: right;
    vertical-align: middle;
  border: 0px;
  padding-right: 5px;
}

.w_channelName table tr td.fromtop
{
    text-align: right;
    vertical-align: top;
  border: 0px;
  padding-right: 7px;
}

.w_channelName table tr td.frombottom
{
    text-align: right;
    vertical-align: top;
  border: 0px;
  padding-right: 0px;
}


.w_channelName table tr td.to
{
    text-align: left;
    vertical-align: middle;
  padding-left: 5px;
}

.w_channelName table tr td.totop
{
    text-align: left;
    vertical-align: top;
  padding-left: 7px;
}

.w_channelName table tr td.tobottom
{
    text-align: left;
    vertical-align: top;
  padding-left: 0px;
}

.w_channelName table tr td.icon
{
    text-align: center;
    vertical-align: top;
  padding: 0px;
  width:10px
}

.w_channelName table tr td.icon img
{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.w_channelName table tr td.id
{
    text-align: left;
    vertical-align: middle;
  font-style: italic;
  padding-left: 10px;
  padding-right: 0px;
}

.w_channelName table tr td.id a
{
  font-style: italic;
}

.w_channelName strong
{
  font-style: bold;
}

.animated_spinner { width: 16px; height: 16px; margin-left: 12px }

table.channelComplex {
	margin-left: 0px;
	margin-right: 0px;
}

table.channelComplex td {
	vertical-align: top;
	text-align: center;
	padding :   0 0 0 0;
}

table.channelComplex td.channelName{
	vertical-align: top;
	text-align: center;
	padding :   0 0 0 0;
	font-style: italic;
}

table.channelComplex td.treeChannelLink {
	padding: 0 8 0 0;
}

table.channelComplex td.channel {
	font-style: italic;
}

.channel {
	font-style: italic;
}

.w_imageDropDown table.iddtable
{
	width: 100%;
	border: none;
	padding: 0;
}

.w_imageDropDown table.iddtable tr td.ddmenu
{
	vertical-align: middle;
	text-align: left;
	padding :   0 0 0 0;
	background-color: #ffffff;
}

.w_imageDropDown div
{
	position:absolute; 
	width: 114px; 
	height: 60px; 
	z-index: 1;
	visibility: hidden;
	border: 1px solid black;
	background-color: #ffffff;
	text-align: left;
}

.w_autoCompleteText .autocpopup {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    height:100px;
    width:250px;
    overflow:auto;
    z-index: 150;
}

.w_autoCompleteText .listhigh { background-color: #99C; cursor:pointer }
.w_autoCompleteText ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 3px;
    border: none;
}

.w_autoCompleteText .lookupSource { color: #999 }

.w_imageDropDown a.main
{
    text-decoration: none;
}
.w_imageDropDown a.imageDrop
{
    background-color: #ffffff;
    border: 0px solid #ffffff;
    width: 100%;
}
.w_imageDropDown a.imageDrop:hover
{
    background-color: #316AC5;
    border: 1px solid #316AC5;
    width: 100%;
}

.w_imageDropDown table.drop
{
    border:1px solid #7F9DB9;
    padding: 0px;
}

.w_imageDropDown table.drop tr td
{
    padding: 0 0 0 0;
    text-align: right;
    vertical-align: middle;
    border: none;
}

.w_imageDropDown table.drop tr td[disabled] {
    background:lightgrey;
}

.opaque {
	filter:alpha(opacity:25);
	-moz-opacity:.25;
	opacity:.25;
}

td.connected {
    background-image: url( /fw/resources/icon/channel_config/line.gif );
    background-repeat: repeat-x;
}

td.unconnected {
    background-image: url( /fw/resources/icon/channel_config/dash.gif );
    background-repeat: repeat-x;
}

/* Debug */
.rtdebugholder { width: 700px; overflow: auto }
.rtdebug { margin-bottom: 3px; width: 100% }
.rtdebug * { font-size:8pt }
.rtdebug .header { background-color: black; color: #fff }
.rtdebug .label { width: 10px; text-align: right; padding-left: 2px; background-color: #ccf; color:#999}
.rtdebug .label_active { width: 10px; text-align: right; padding-left: 2px; background-color: #ccf; color:#33f}
.rtdebug .data { border: 1px solid #ccc; background-color: #ccf; color:#999}
.rtdebug .dt_active { width: 100%; overflow: none; border: 1px solid #999; background-color: #ccf; color:#000 }
.rtdebug .dph { padding-left: 1px; font-size: 7pt; align: left; border-right: 1px solid #999; width: 5px}
.rtdebug .dpd { padding-left: 1px; font-weight: bold; color: #090 }
.rtdebbug .high { color: #66f }

.aclReverseHeader {
    color:blue;
    font-weight:bold;
}

.congestiontable {
    width:722px;
}

.rightpad {
    display:inline;
    padding-right:15px;
}

div.autocomplete {
    font-decoration:none;
    font-weight:normal;
    height: 50px;
    max-height: 150px;
    width:190px;
    overflow: scroll;
    averflow-y: scroll;
    overflow-x: hidden;
}

.w_multiStatus {
	list-style: square;
	padding: 0 0 0 3px;
	list-style-position: inside;
}

.cnestatus {
    padding-left:15px;
    margin-bottom:0px;
}

ul.w_plainList {
    list-style: none;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 10;
    padding: 0;
    border: none;
}

.w_plainList li {
    margin: 0;
}

.time_in_events_error { color: red }

.p_container {
    white-space:nowrap;
}

table.p_panelPseudoTable .w_dropdown select { width: auto }

table.boldvalue { width: 100%; }
table.boldvalue td { text-align: left; padding-left: 3px; background-color:#F6F6F6 }

@-moz-document url-prefix() {
    select {
        padding-right: 1px;
    }
}

div.loadingcover {
    left: 0px;
    top : 0px;
    z-index:200;
    opacity:0.2;
    filter:alpha(opacity=20);
    background-color: red;
    border: none;
    position: fixed;
    overflow: hidden;
}

div.busyloading {
    left: 450px;
    top : 0;
    width: 80px;
    height: 17px;
    z-index:99;
    /*opacity:0.4;*/
    /*filter:alpha(opacity=40);*/
    background: #f9640e;
    border: 2px solid white;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    position: absolute;
}

/* fix for IE9 quirks mode not rendering second or subsequent radioGroup labels BQM-14777 */

.w_radioGroup span span { display: inline-block }

/** Webkit targetting **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .w_monitoringTable td.timeline, .w_monitoringTable th:nth-child(3),
    .w_monitoringTable td.timeline_selected, .w_monitoringTable td:nth-child(3),
    .p_monitoringLayout .w_monitoringTable th:nth-child(4) { text-align: left }

}

/* Screen specific */
.configuration_nsos_addnso .standardform .w_complexTable td { padding-left: 5px }

.configuration_nsos_addnso .advanced_section { display: none }

.globalSearchInputText {
    background-color: #ffffff;
    padding: 3px 5px 2px 2px;
    width: 100px;
    height: 23px;
    font-size: 8.5pt;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #CCCCCC;
    border-right-width: 0;
    vertical-align: middle;
    box-sizing: border-box;
}

.globalSearchInputButton {
    background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAb0lEQVR42p2RMQ7AIAhFWXsG1h7Gtffo6urqyJGpwyetomnwJ38BH/wgfZSaS7PABbVOqkqm3Fzx6IQTatlDb5PJi21YBy1iuNgjJIgzFXqyCcXj1Z1DXNGTiw01aP252DCCgH7Fk41h8KaAGMDxADnaOPucd/m3AAAAAElFTkSuQmCC") no-repeat scroll 2px 3px;
    padding: 3px 5px 2px 2px;
    width: 20px;
    height: 23px;
    border: 1px solid #CCCCCC;
    font-size: 8.5pt;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left-width: 0;
    vertical-align: middle;
}

.w_captureJobTime{
    float:right;
    width:400px;
}

.w_captureJobTime div{
    width:100%;
    float:left;
}
.w_captureJobTime div span{
    width:100%;
    font-size: 9pt;
    word-spacing:5px;
    padding-left:10px;
}
.w_captureJobPageTitle{
    font-size: 12pt;
    font-weight:bold;
    color:#14a1ba;
}
.w_captureJobPageTitle .home{
    padding-top:5px;
}

.frame-right {
    background: url("/resources/icon/frame_right.gif") 0px 0px repeat-y;
}

.frame-left {
    background: url("/resources/icon/frame_left.gif") 0px 0px repeat-y;
}

/* XXX: fix duplication with main.css  */
.companyLogo
{
    display: inline-block;
    background: url(/public/images/logo_corvil.gif) no-repeat center center;
    vertical-align: bottom;
    width: 200px;
    height: 24px;
    position: relative;
    float: left;
    background-size: contain;
    margin-left: 5px;
}
.companyLogoCCA
{
    display: inline-block;
    background: url(/public/images/logo_corvil_cca.svg) no-repeat center center;
    vertical-align: bottom;
    width: 300px;
    height: 24px;
    position: relative;
    float: left;
    background-size: contain;
    margin-left: 5px;
}
.companyLogoCM
{
    /*Changes to fit new PICO logo*/
    position: relative;
    float: left;
    display: inline-block;
    background: url(/public/images/logo_corvil_cm.gif) no-repeat center center;
    vertical-align: bottom;
    width: 400px;
    height: 22px;
    background-size: contain;
    margin-left: 5px;
}
.companyLogoVCMC
{
    /*Changes to fit new PICO logo*/
    position: relative;
    float: left;
    display: inline-block;
    background: url(/public/images/logo_corvil_vcmc.svg) no-repeat left center;
    vertical-align: bottom;
    width: 475px;
    height: 22px;
    background-size: contain;
    margin-left: 5px;
}
.vertical-bar
{
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color: #b1a69a !important;
    border-left: 2px solid;
    padding-top:3px !important;
    width: 2px;
    height:20px;
    padding: 0;
    margin: 0 10px;
    position: relative;
    float: left;
}
.companyLogoCM + .vertical-bar {
    display: none;
}
.companyLogoVCMC + .vertical-bar {
    display: none;
}
.company-name
{
    vertical-align: bottom;
    text-align: center;
    display: inline-block;
    font-size: 14.5pt;
    color: #9d9387;
    padding-right:3px;
    font-family: Arial, Helvetica, sans-serif !important;
}
.product-feature
{
    vertical-align: top;
    text-align: center;
    line-height: 100%;
    display: inline-block;
    font-size: 14pt !important;
    color: #fe6f1b !important;
    font-family: Trebuchet, Arial, Helvetica, sans-serif !important;
    float: left;
    line-height: 22px;
}
.companyLogo + .vertical-bar + .product-feature{
    padding-top: 1px;
}
.companyLogoCCA + .vertical-bar + .product-feature{
    padding-top: 1px;
}

td.logo a:link, a:visited {
    text-decoration: none;
}

a.w_link[name="welcome.logout"] {
    display: none;
}