/*
 *  brand.css
 *
 *  Copyright (c) Corvil Ltd., 2008
 *
 *  This CSS file contains brand-specific styling elements.  Most structural and
 *  layout elements are contained in common.css.
 *
 *  This version of the file contains those branding elements specific to the
 *  CorvilNet branded version.
 *
 */
a:link,
a:visited {
    color: #000000;
}
a:hover {
    color: #FF6600;
}
a:active {
    color: #FF6600;
}

.fr_nav {
    background-color: #F6F6F6;
    border-right: 0px solid #F6F6F6;
}
.fr_content {
    background-color: #F6F6F6;
    width: 87%;
}

.fr_welcome td {
    background-color: #F6F6F6;
    color: #000000;
}

.fr_messages td,
.fr_trail td {
    background-color: #F6F6F6;
}

.fr_copyright td {
    background-color: #ffffff;
    color: #000000;
    border-top: 1px solid #EDEDED;
}

/* center align curved frame: IE text-align, FF margin auto */
.p_monitoringLayout,
.p_formLayout,
.p_switchForm {
    background-color: #F6F6F6;
}

.p_tabBar .tab-bar .tab-bar-tabs td.navitem {
    background-color: #F6F6F6;
    color: #000000;
}
.p_tabBar .tab-bar .tab-bar-tabs td.navitem_selected {
    background-color: #EDEDED;
    color: #000000;
}
.p_tabBar .tab-bar .tab-bar-tabs td.navitem_selected a {
    background-color: #EDEDED;
    color: #000000;
}
.p_tabBar .backgroundRow1 {
    height: 1px;
    background-color: #EDEDED;
}
.p_tabBar .backgroundRow2 {
    height: 1px;
    background-color: #EDEDED;
}
.p_tabBar .backgroundRow3 {
    background-color: #EDEDED;
    height: 34px;
}
.p_tabBar .backgroundRow3 td.period {
    background-color: #EDEDED;
}
.p_tabBar .backgroundRow3 td.control {
    background-color: #EDEDED;
}
.p_tabBar .backgroundRow3 td.info  {
    background-color: #EDEDED;
}
.p_tabBar .backgroundRow3 td.views  {
    background-color: #EDEDED;
}

.p_eventTabBar .tab-bar .name {
  font-weight: bold;
    color: #FF6600;
    font-size: 12px;
}
.p_eventTabBar .tab-bar .name .title {
  font-weight: bold;
    color: #000000;
    font-size: 11px;
}

/* Start: tabbedForm */
/* center align curved frame: IE text-align, FF margin auto */
.p_tabbedForm {
    background-color: #F6F6F6;
}
.tabs .tabGap {
    background-color: #F6F6F6;
    color: #eeeeee;
}
.tabs .tabGap_last {
    background-color: #F6F6F6;
    color: #eeeeee;
}
.tabs .tab {
    background-color: #EDEDED;
    color: #000000;
}

/* End: tabbedForm */

.w_complexTable table tr.singlerow {
    color: #000000;
  background-color: #F6F6F6;
}
.w_monitoringTable table tr.row,
.w_groupedColumnTable table tr.row,
.w_complexTable table tr.row,
.w_monitoringTable table tr.monitoringTableHeadlessRow,
.monitoring tr.monitoringTableHeadlessRow {
    background-color: #F6F6F6;
    color: #000000;
}
.w_monitoringTable table tr.row_selected,
.w_groupedColumnTable table tr.row_selected,
.w_complexTable table tr.row_selected,
.w_monitoringTable table tr.monitoringTableHeadlessRow_selected,
.monitoring tr.monitoringTableHeadlessRow_selected  {
    background-color: #EDEDED;
    color: #000000;
}
.p_tabbedForm th,
.w_monitoringTable th,
.w_groupedColumnTable th,
.w_complexTable th {
    background-color: #EDEDED;
    color: #000000;
}

/* 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 {
    background-color: #F6F6F6;
    color: #000000;
}
.w_monitoringTable table tr.w_monitoringTableHeadless td.interfaceName {
    background-color: #F6F6F6;
    color: #000000;
}
.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 {
    background-color: #EDEDED;
    color: #000000;
    border-color: #ffffff #EDEDED #EDEDED #EDEDED;
}
.w_monitoringTable table tr.w_monitoringTableHeadless td.interfaceName_selected {
    background-color: #EDEDED;
    color: #000000;
    border-color: #ffffff #EDEDED #EDEDED #EDEDED;
}
.w_monitoringTable tr.row_selected td,
.w_monitoringTable tr.monitoringTableHeadlessRow_selected td,
.w_complexTable tr.row_selected td {
    border-color: #ffffff #EDEDED;
}

/* 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 {
    background-color: #EDEDED;
    color: #000000;
    border-color: #EDEDED #EDEDED #ffffff #EDEDED;
}
/*
.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,
.w_monitoringTable tr.monitoringTableHeadlessRowSpanNoHeight td.fake-boundary-left,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-left
.monitoring tr.monitoringTableHeadlessRowSpanNoHeight td.fake-boundary-left {
	    border-color: #ff0000 #ffffff #ff0000 #EDEDED;
}
.w_monitoringTable tr.monitoringTableHeadlessRow td.fake-boundary-right,
.w_monitoringTable tr.monitoringTableHeadlessRowSpan td.fake-boundary-right,
.monitoring tr.monitoringTableHeadlessRowSpan td.fake-boundary-right {
    border-color: #ff0000 #EDEDED #ff0000 #ffffff;
}
.w_monitoringTable tr.w_monitoringTableHeadless td.fake-boundary-right {
    background-color: #F6F6F6;
    color: #000000;
    border-color: #ff0000 #EDEDED #ff0000 #ffffff;
}
.boxedRow .left-boundary,
.boxedSpaceRow .left-boundary {
    border-color: #EDEDED;
}
.boxedRow .right-boundary,
.boxedSpaceRow .right-boundary {
    border-right-color: #EDEDED;
}

.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 {
	    background-color: #EDEDED;
    border-color: #EDEDED;
}
.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 {
    background-color: #EDEDED;
    border-color: #EDEDED;
}
/* End: fake the teal boundary on Congestion Analysis */
.w_monitoringTable tr.embedded-row td,
.monitoring tr.embedded-row td {
    border-color: #ff0000 #EDEDED #ffffff #EDEDED;
}

.w_monitoringTable tr.embedded-row .p_statsLayout,
.w_groupedColumnTable tr.embedded-row .p_statsLayout {
    border-color: #EDEDED;
    background-color: #ffffff;
}

.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 {
    border-color: #EDEDED;
    background-color: #ffffff;
}

.w_complexTable tr.embedded-row .p_innergroupedForm table tr.row,
.w_complexTable tr.embedded-row .p_embeddedRowFrame table tr.row,
.w_monitoringTable tr.embedded-row .p_embeddedRowFrame table tr.row,
.w_groupedColumnTable tr.embedded-row .p_embeddedRowFrame table tr.row,
.w_complexTable tr.embedded-row .p_embeddedTableFrame  table tr.row,
.p_embeddedTableFrame  table tr.row {
    background-color: #F6F6F6;
    color: #000000;
}

.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  {
    background-color: #EDEDED;
    color: #000000;
}

/* curved frame on event inspection header */
.p_eventInspectionHeader table.curved-frame .frame-left img,
.p_eventInspectionHeader table.curved-frame .frame-right img,
.p_eventInspectionHeader table.curved-frame .frame-top img,
.p_eventInspectionHeader table.curved-frame .frame-bottom img {
    background-color: #EDEDED;
}

.p_eventInspectionHeader .w_monitoringTable {
    background-color: #EDEDED;
    color: #ffffff;
}

.p_eventInspectionHeader .w_monitoringTable table th,
.p_eventInspectionHeader .w_monitoringTable table .timeavail td {
    background-color: #EDEDED;
    color: #000000;
}

.event-analysis tr.monitoringTableHeadlessRow_selected  {
    background-color: #ffffff;
    color: #FF6600;
}
.event-analysis tr.monitoringTableHeadlessBorder {
    background-color: #EDEDED;
    color: #000000;
    border-color: #EDEDED #EDEDED #ffffff #EDEDED;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-left {
    border-color: #ff0000 #ffffff #ff0000 #EDEDED;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-right {
    border-color: #ff0000 #EDEDED #ff0000 #ffffff;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-left div {
    background-color: #EDEDED;
    border-color: #EDEDED;
}
.event-analysis tr.eventAnalysisHeadlessRowSpan td.fake-boundary-right div {
    background-color: #EDEDED;
    border-color: #EDEDED;
}

div.w_top-n-table table.top-n-table tr.row {
    /*background-color: #F6F6F6;
    color: #000000;*/
}
div.w_top-n-table table.top-n-table tr.row_selected {
    background-color: #EDEDED;
    color: #000000;
}
div.w_top-n-table table.top-n-table th.heading {
    background-color: #EDEDED;
    color: #000000;
    border: 1px solid #EDEDED;
}
div.w_top-n-table table.top-n-table th.subheading {
    background-color: #EDEDED;
    color: #000000;
    border: 1px solid #EDEDED;
}
div.w_top-n-table table.top-n-table tr.embedded-row td.embedded {
    border-color: #ff0000 #EDEDED #ffffff #EDEDED;
}
div.w_top-n-table table.top-n-table tr.embedded-row td.embedded .p_statsLayout {
    border-color: #EDEDED;
}

/* Start: PSD Table */
.psd-table th.heading {
    background-color: #EDEDED;
    color: #000000;
}
.psd-table th.subheading {
    background-color: #EDEDED;
    color: #000000;
}
.psd-table tr.row {
    background-color: #F6F6F6;
    color: #000000;
}
/* End: PSD Table */


/* Start: TitledForm */
.w_monitoringTable tr.embedded-row div.p_titledForm table.titledForm,
.w_groupedColumnTable tr.embedded-row div.p_titledForm table.titledForm {
    border: 1px solid #EDEDED;
}
.w_monitoringTable tr.embedded-row div.p_titledForm table.titledForm th,
.w_groupedColumnTable tr.embedded-row div.p_titledForm table.titledForm th {
    background-color: #EDEDED;
    color: #000000;
    border: 0px solid #EDEDED;
}
/* End: TitledForm */

/* Start: Plain */
/* Used for Traffic and Traffic Info */
.p_plain .title {
    background-color: #F6F6F6;
    color: #FF6600;
}
.p_plain .infobody {
    background-color: #F6F6F6;
}
/* End: Plain */

.w_graphAttribute table .graphAttributeHeading,
.w_relativeLatencySummary table .graphAttributeHeading {
  background-color: #EDEDED;
    color: #000000;
}

/* used on Sys Admin pages */
.items td {
    background-color: #F6F6F6;
    color: #000000;
}

/* from old css */
/* Left Nav Tabs */
.p_titledGroup .title
{
    background-color: #F6F6F6;
}
.p_titledGroup .item li {
    border-top: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #fff;
}
.p_titledGroup .item li a:hover {
    background-color: #FF6600;
    color: #fff;
}
.p_titledGroup .item .selected a {
    background-color: #FF6600;
    color: #fff;
}

/* Dashboard */

.f_dashboardDesign .treePane {
    background-color: #F6F6F6;
}

.f_dashboardDesign .viewPane {
    background-color: #F6F6F6;
}

.p_window .titlebar {
    color: #FF6600;
}

.w_simpleTable td {
    background-color: #F6F6F6;
}

.w_simpleTable th {
    background-color: #EDEDED;
}

.w_percentBar div.bar div  {
    background-color: #FF6600;
}

strong,
.p_embeddedLayout table.stacked-vertical strong,
.p_statsLayout table.stacked-vertical strong {
    color: #FF6600;
}

.error {
    color: #FF0000;
}

.w_groupedColumnTable table tr.row_selected td.gap {
    background-color: #EDEDED;
}

div.p_realtimeLayout {
    background-color: #F6F6F6;
}

.p_realtimeLayout .realtimebg {
    background-color: #F6F6F6;
}

.p_realtimeLayout .realtimefg {
    background-color: #FFFFFF;
}

.realtimeHeader {
    background-repeat: no-repeat;
    height: 40;
}

.realtimeHeaderLine2 {
    /*background-color: #EDEDED;
    height: 6px;*/
    display: none;
}

.realtimeHeaderLine3 {
    /*background-color: #EDEDED;
    height: 2px;*/
    display: none;
}

.realtimebody tr.tabs td.tabGap,
.realtimebody tr.tabs td.tabGap_last {
    background-color: #FFFFFF;
}

.realtimeFrameB {
    color: #F6F6F6;
}

.realtimeFrameL {
    color: #EDEDED;
}

/*
 * Colors currently used internally by GUI Framework.
 */
.frameworkColor .timeline {
  background-color: #EDEDED; /* rgb(237,237,237); */
  color: #808080; /* rgb(128,128,128); */
}

.frameworkColor .inspectTimeline {
    background-color: #EDEDED; /* rgb(237,237,237); */
    color: #808080; /* rgb(128,128,128); */
}

.frameworkColor .inspectionCaptureAvailability {
    background-color: #EDEDED; /* rgb(237,237,237); */
    color: #808080; /* rgb(128,128,128); */
}

.frameworkColor .inspectionActiveAlerts {
    background-color: #c2ffc2; /* rgb(237,237,237); */
    color: #FF0000; /* rgb(128,128,128); */
}

.frameworkColor .eventViolationsSoft {
    background-color: #ffffff; /* rgb(237,237,237); */
    color: #FF0000; /* rgb(128,128,128); */
}

.frameworkColor .eventViolationsHard {
    background-color: #c2ffc2; /* rgb(237,237,237); */
    color: #FF0000; /* rgb(128,128,128); */
}

.frameworkColor .captureAvailability {
    background-color: #EDEDED; /* rgb(237,237,237); */
    color: #808080; /* rgb(128,128,128); */
}