/**
 * Copyright (C) 2004-2011 Mixed Signals, Inc. All rights reserved.
 */

body { font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 0px; background-color: #ffffff;
       margin: 0 0 5px 0; }

td { font-size: smaller; }

a.graphCell { border: 1px outset black; display: inline; float: left; width: 6px; height: 17px; margin-left: 1px; margin-right: 1px; }

div.graphCell { border: 1px outset black; display: inline; float: left; width: 6px; height: 17px; margin-left: 1px; margin-right: 1px; }

a.graphCell:hover { border: 1px solid red; }

.hovered { background: blue; border: 1px solid black; }
.unhovered { border: 1px solid white; }

.showname, a.showname, a.showname:visited { font-size: 90%; color: #3C70A4; text-decoration:none;}
.sdt, a.sdt, a.sdt:visited { font-size: 70%; color: #3C70A4; text-decoration:none;}

.button {
/*	color: #000; If the color is set you cannot tell if its disabled on firefox*/
	background:#FFE599; /*#EEEEE6;*/
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px 2px 2px 1px; /* top, right, bottom, left */
	border-color:#D8DBD8 #000 #000 #D8DBD8;
	font-size: 85%;
	font-weight: bold;
}
.button:active{
	background: #FFD75F; /*#BDBAB4;*/
	border-color:#000 #D8DBD8 #D8DBD8 #000;
}

.zoomIn { border:1px solid #000000; background:#FFE599 url(/images/zi.gif) no-repeat 2px 4px; text-align:center; font-weight: bold; width:70px; font-size: 10px; vertical-align: middle; color: #000000; }

.zoomOut { border:1px solid #000000; background:#FFE599 url(/images/zo.gif) no-repeat 2px 4px; text-align:center; font-weight: bold; width:70px; font-size: 10px; vertical-align: middle; color: #000000; }

a.zoom {text-decoration:none;}

a, a:visited { color: blue; }

.downLink { text-decoration: none; color: white; }

form { margin-bottom: 0; }

h3 { margin-top: 0; }

h2 { margin-top: 0; }

th { text-align: left; background: #3C70A4; color: white; font-size: 10pt; }
th.small_heading { text-align: left; background: #1C5084; color: white; font-size: 8pt; }
table.graph_border { border:0 solid #cccccc;margin-top:3px;margin-bottom:3px; }
table.heading_border { border:0 solid #cccccc;margin-top:3px;margin-left:90px; }
table.detail_border { border:0 solid #cccccc;margin-top:3px;margin-left:0px; }
div.small_heading { border:0 solid #cccccc;margin-top:3px;margin-bottom:3px; }
div.alignment1 {border:0; padding-left:0px; }

th a, th a:visited, th a:active { text-decoration: none; color: white; }

th a:hover, th a.sorted { text-decoration: none; color: #FFDC50; }
th span.sorted { text-decoration: none; color: #FFDC50; }

.font80 { font-size:80%; }

table.bfs-stats { font-size: 90%; margin: 4px; padding: 4px; background: #fff8c4; border: 1px solid black; color: black; }

div.notice-small { font-size: 75%; margin: 4px; padding: 4px; background: #fff8c4; border: 1px solid black; color: black; }

div.notice { padding: 3px; background: #DDFFDD; border: 1px solid black; color: black; width: 75%; }

div.info { padding: 3px; background: #feffb7; border: 1px solid black; color: black; width: 75%; }

div.error { background: #FFBBBB; border: 1px solid black; padding: 3px; color: black; width: 75%; }

div.warning { background: #FFCCCC; border: 1px solid black; color: black; padding: 3px; width: 75%; }

div.confirm { background: #CCCCFF; border: 1px solid black; color: black; padding: 3px; }

#diag_config_table { border-collapse: collapse; }

#diag_config_table tr { background: #eeeeee; border: 1px solid black; }

#diag_config_table td { padding: 3px; }

#history img { margin-left: 1px; margin-right: 1px; }

#bodycell { background-image: url("/images/sentry_logo.jpg"); background-repeat: no-repeat;
            background-position: bottom right; }

#programViewTable th { border: none; }

#programViewTable .firstColumn { background: #ffffff; }

#programViewTable .subHeadings { background: rgb(114,159,208); font-size: 80%; } 

#top { padding-bottom: 5px; padding-top: 0; margin-top: 0; }


/* Style Configuration: 'current_status.tpl' */

#current_status .sub_heading { font-weight: bold; color: black; padding-left: 15px; font-size: 90%; }

div.status_ok { background: green; color: white; width: 100px; font-weight: bolder; }

div.status_down { background: red; color: white; width: 100px; font-weight: bolder; }
div.status_removed { background: grey; color: white; width: 100px; font-weight: bolder; }
div.status_pending { background: #F5B800; color: white; width: 100px; font-weight: bolder; }
div.status_paused { background: #5686B6; color: white; width: 100px; font-weight: bolder; }



/*#current_status a { color: white; }*/

.blue_footer { background: #5686B6; height: 5px; }

/*#current_status th { background: #5686B6; color: white; padding-left: 5px; }*/

#login input.username { background: #FFFFA0;}

#login input.passwd { background: #FFFFE5; }

/* Begin status.tpl styles. */

#about table, #status table.status { border: 1px solid #BBBBBB; }
#status table {width: 350px;}

#about table tr { padding: 5px 200px 5px 10px; background: #EEEEEE; }

#status table.status tr { padding: 5px 200px 5px 10px; }

#about td, #status table.status td { padding: 5px 7px 5px 7px; white-space:nowrap;}
#about th, #status table.status th { padding: 0px 7px; }

#about .value, #status .value { text-align: center; }

#about .dbUsage, #status .dbUsage { text-align: center; border: 1px solid black; background: #FFFFE5; padding: 0px 5px 0px 5px; }

#status .up { background: green; padding: 0px 5px 0px 5px; color: white; font-weight: bolder; width:5em;}
#status .manual { background: green; padding: 0px 5px 0px 5px; color: white; font-weight: bolder; width:5em;}
#status .down { background: red; padding: 0px 5px 0px 5px; color: white; font-weight: bolder; width:5em;}
#status .pending { background: #F5B800; padding: 0px 5px 0px 5px; color: white; font-weight: bolder; width:5em;}
#status .paused { background: #5686B6; padding: 0px 5px 0px 5px; color: white; font-weight: bolder; width:5em;}

/* Begin Program-Provider Mapping styles. */

#ppm .imageHeading { text-decoration: underline; font-weight: bolder; font-size: 12pt; }

/* Begin general styles. */

.grayBackground { background: #EEEEEE; padding: 7px; border: 1px solid #aaaaaa; }

.heading {white-space:nowrap; background: #3C70A4; color: white; padding-right: 75px; padding-left: 5px; font-weight: bold; }
div.divHeading {margin-top: 3px;}
.blueBar { background: #5686B6; height: 5px; }

.pidRow { background: #eeeeee; }

.thinBlue { background: #5686B6; height: 2px; margin-bottom:0px; margin-top:0px;margin-left:0px;margin-right:0px; }

.cycle_odd { background : #ffffff; }
.cycle_even { background : #E6E6E6; }
.program_status_hover {background :#b7caff; }

.welcome { font-style: italic; font-weight: bold; }

.logout { font-size: 90%; }

.required { color: red; }

.daterange {font-size: 90%;}
.paging { font-size: 90%; margin-bottom:5pt; margin-top: 5pt; }
.paging a {text-decoration: none;}
.paging a:hover { text-decoration: underline;}

.chkBoxCell { width: 2em;}
.portCell { width: 2em; text-align: left; }
.pgmCell { width: 3em; text-align: right; }
.pgmIcon { margin-left: 20px;}

.pidAbnormalRow { background-color: #b34141; }
.pidIndicator { text-decoration: none; font-size: 95% }
.pidIndicator:hover {text-decoration: underline;}
.pidQoEIndicator {color: #000000}
.pidQoEIndicator:visited {color: #000000}
.pidQoEIndicator:hover {color: #0000ff}
.pidDiscontIndicator {color: #000000}
.pidDiscontIndicator:visited {color: #000000}
.pidDiscontIndicator:hover {color: #0000ff}
.pidNameCell {white-space:nowrap;}
.providerNameLink {text-decoration:none;}

.moduleHierarchyParent { font-size: 75%; margin: 4px; padding: 4px; background: #ccccff; border: 1px solid #aaaadd; color: black;  }
.moduleHierarchyDisabled { font-size: 100%; margin: 2px; padding: 2px; background: #ffbbbb; border: 1px solid #cc8888; color: black;  }
.moduleHierarchyEnabled { font-size: 100%; margin: 2px; padding: 2px; background: #ddffdd; border: 1px solid #aabbaa; color: black;  }

.defaultgreytext { color: #808080 }

.QoEStatsTable {
margin-top:5px;
border: 1px solid #5686B6;
}

.discontStatsTable {
margin-top:5px;
border: 1px solid #5686B6;
}

/** used in program detail/status and bfs detail/status pages for dropdown alert selection **/
.alert-types {
	position:absolute;
	border: 2px solid #ECCC4A;
	width:20em;
	background: #3871A6;
	z-index: 10;
}
.alert-types table a {
	text-decoration: none;
	color: #fff;
	width:100%;
	font-weight: bold;
	font-size: 90%;
}

.alert-types table a:visited {
	color: #fff;
}

.alert-types table tr.alertType td:hover, #alert-types table tr.alertType td:hover a{
	background: #5992CF;
	color: #fff;
}

.alert-types span {
	width: 100%;
	float:left;
}

/** for data detect */
table.dd-reports-outer, table.dd-reports-inner { color:#333333; }
table.dd-reports-inner { border:1px solid #aaaaaa; background: #eeeeee; }
.top-pad5 { padding-top:5px; }

/** for port mappings */
td.rBorder, th.rBorder { border-right:1px solid #cccccc; }

/** used by MPEG Input and BFS configure pages **/
tr.settings-row  th {
	background-color: #CFDBFF;
	color: #000;
	padding: 2px;
}

tr.settings-row td {
	border-bottom:1px solid #aaa;
	padding-top: 2px;
	padding-bottom:4px;
}

tr.settings-row td.spacer, tr.settings-row th.spacer {
	border-right: 1px solid #aaa;
}

table.settings-table {
	border-collapse: collapse;
	border:1px solid #aaa;
}

/** for in-place editing */
input.editing {
	background-color: #ffffff;
	color: black;
	font-size: 90%;
	width: 100%;
	border-left: 2px solid #888888;
	border-top: 2px solid #888888;
	border-right: 2px solid #eeeeee;
	border-bottom: 2px solid #eeeeee;
	padding: 2px;
}

tr.jitterRow td {
    white-space: nowrap;
    vertical-align: bottom;
	font-size: 70%;
}

table.system-time-table-enable { background-color:#eeeeee;color:#000000; }
table.system-time-table-disable { background-color:#eeeeee;color:#CCCCCC; }

#otherInfoImg, #alertLogImg {
	vertical-align:bottom;
	padding-right:3px;
}

table.QoE_data {
	border-collapse:collapse;
	border:1px solid grey;
}
table.QoE_data th {
	text-align:center;
}
table.QoE_data td {
	padding-right: 10px;
}

table.discont_data {
	border-collapse:collapse;
	border:1px solid grey;
}
table.discont_data th {
	text-align:center;
}
table.discont_data td {
	padding-right: 10px;
}

td.pid_list {
	padding-right: 10px;
	display: ;
    border:0px solid grey;
}

div.discont_pid_list {
	padding-right: 10px;
	display: ;
    border:0px solid grey;
    font: arial sans-serif;
    font-size: 10pt;
	min-width: 300px; /* ng on IE */
	width:expression(document.body.clientWidth < 400 ? "300px" : "100%" );
}

/* used for Generating Report... */
.btn_loading {
	position:reltive;
	top:0px;
	left:0px;
	height: 35px;
	font-size: 18px;
	padding-left: 15px;
	border:1px solid black;
	background: #FFF3B3 url("/images/loading_red.gif") no-repeat 4px 11px;
}

/* used for loading shield */
.util_loading {
	width: 200px;
	height: 25px;
	padding: 5px;
	font-size: 18px;
	padding-left: 20px;
	background-color: #FFF3B3;
	color: black;
	border:1px solid black;
}

div.detail_loading {
	padding-left:3em;
	padding-right:3em;
	font-weight:bold;
	background-color:#ffffb6;
	color:#000;
	border:1px solid grey;
	display:none;
}
#div-debug {overflow:auto;border:1px solid red;background-color:#ccc;height:5em;position:absolute;width:40em;display:none;}

/*-----layout.tpl: menu/navigation -----*/
td.header_menu {
	/* vertical-align: top; */
	background-image:url('/images/menu_1_slice.gif');
	background-repeat:no-repeat;
	width: 2px;
}

td.header_content {
	background-image: url('/images/Slice_06.67.91.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-left:45px;
	padding-top:5px;
	vertical-align:top;
}

*td.header_content {
        width: 100%;
}

td.header_content_login {
	vertical-align: bottom;
	padding-bottom: 2px;
}

td.menu {
	padding:0px;
	vertical-align:top;
}

td.menu td.menu_left {
	width: 3px;
	padding-bottom:1px; 
}

*td.menu td.menu_left {
	width: 1%;
}

td.menu td.menu_right {
	width:12px;
	padding-bottom:1px;
	vertical-align:top;
}

*td.menu td.menu_right {
	/* width: 1%; */ /* this caused a white rectangle in IE on configure menu */
}

td.menu td.menu_spacer {
		width: 100%
}

*td.menu td.menu_spacer {
		width: 28%
}

td.content {
	border:0px solid green;
	padding-left:10px;
	vertical-align: top;
    padding-right:10px;
}

div#violationDiv {
    position:absolute;
    top:55px;
    right:10px;
}

div.copyright {
	background: #5686b6;
	font-size: 60%;
	color: white;
}

img.menu_image {
	border: 0px;
	margin-bottom:2px;
	height: 19px;
	width:  83px;
}

div#violationDiv {
    position:absolute;
    top:55px;
    right:10px;
}

#subnav {
	margin-left: 0px;
	width:1%;
}

#subnav .sub { margin-left: 0px;}

#subnav .title {
	font-size: 110%;
	border-bottom: 2px solid #DDDDDD;
}

#subnav span.submenu_group {
	background: #EEEEEE;
	color: black;
	font-size: 80%;
	font-weight: bolder;
}

#subnav span.submenu {
	padding-bottom: 2px;
	white-space:nowrap;
}
#subnav span.submenu a {
	text-decoration: none;
	font-size: 80%;
}
#subnav span.submenu a:hover {
	text-decoration: underline;
}

#subnav span.submenu_current, #subnav span.submenu_current a{
	background: #3871A6;
	color: #ffffff;
}

#subnav .spacer { height: 6px; }

div.popup_menu {
	background: #E7CB49;
	border: 0px;
	color: #ffffff;
	font-size: 85%;
	margin: 0px;
	padding: 4px;
	position:absolute;
	z-index:10;
}

div.popup_menu a, div.div_menu a {
	color: #ffffff;
	font-size: 95%;
	font-weight: bolder;
	text-decoration:none;
	white-space:nowrap;
}

div.popup_menu a div {
	background: #3871A6;
	border: 0px;
	color: #ffffff;
	font-size: 100%;
	margin: 0px;
	margin-bottom:2px;
	padding: 4px;
}

div.popup_menu div.group {
	color: black;
	border:1px solid #3871A6;
	border-bottom-width: 0px;
	font-weight: bold;
}

div.div_menu a div {
	width: 84px;
	background: #3871A6;
	border: 0px;
	color: #ffffff;
	margin: 0px;
	padding-top: 1px;
	padding-bottom:1px;
	margin-bottom: 2px;
	text-align:center;
	font-weight:bold;
	font-size: 120%;
	font-family: Arial;
}

div.div_menu a div:hover {
	background-color: #6192CF;
}

tr.jitterRow th {
    background-color : #CDE9FF;
    color: #555;
}

table.tableViolation {
	border:1px solid black;
	margin-left:5px;
	z-index:1000;
	background-color:#ccc;
}

table.tableViolation th {
	color:#FFFFFF;
	background:#C70000;
	font-weight:bold;
}

table.tableViolation tr.subHeader td {
	font-weight: bold;
	white-space: nowrap;
	background: #bbbbbb;
}

table.tableSentryEngineActions {
	width:60%;
}

table.tableSentryEngineActions td {
	white-space: nowrap;
}

/* to be used for all input fields to avoid the browser language setting problems */
#input_text {
	border-style:none;
	padding:0px;
	vertical-align:middle;
	font-size:10pt;
	background-color: #EEEEEE;
	font-family:arial;
	border: 1px solid #666666;
}

tr.selected, td.selected { background : #FFFBC7; }

/* -- rounded rect's to match notice, info, error, warning & confirm colors (above) -- */
/* Notice rect */
.noticeRect {
   background-color: #DDFFDD;
/*   background-image: url("/images/red_ball.png"); */
   background-repeat: repeat-x;
   border: solid 1px #2424B3;
   border-bottom: none;
   color: #000;
}
.noticeRect .bottom {
   border-bottom: solid 1px #2424B3;
   height: 10px;
}
.noticeRect .middle {
   margin: 10px 12px 0px 12px;
}
.noticeRect .cn {
   background-image: url("/images/rounded_blue_circle.gif");
   background-repeat: no-repeat;
   height: 10px;
   line-height: 10px;
   position: relative;
   width: 10px;
}
.noticeRect .tl {
   background-position: top left;
   float: left;
   margin: -2px 0px 0px -2px;
}
.noticeRect .tr {
   background-position: top right;
   float: right;
   margin: -2px -2px 0px 0px;
}
.noticeRect .bl {
   background-position: bottom left;
   float: left;
   margin: 2px 0px -2px -2px;
}
.noticeRect .br {
   background-position: bottom right;
   float: right;
   margin: 2px -2px -2px 0px;
}
/* Info rect */
.infoRect {
   background-color: #feffb7;
/*   background-image: url("/images/red_ball.png"); */
   background-repeat: repeat-x;
   border: solid 1px #2424B3;
   border-bottom: none;
   color: #000;
}
.infoRect .bottom {
   border-bottom: solid 1px #2424B3;
   height: 10px;
}
.infoRect .middle {
   margin: 10px 12px 0px 12px;
}
.infoRect .cn {
   background-image: url("/images/rounded_blue_circle.gif");
   background-repeat: no-repeat;
   height: 10px;
   line-height: 10px;
   position: relative;
   width: 10px;
}
.infoRect .tl {
   background-position: top left;
   float: left;
   margin: -2px 0px 0px -2px;
}
.infoRect .tr {
   background-position: top right;
   float: right;
   margin: -2px -2px 0px 0px;
}
.infoRect .bl {
   background-position: bottom left;
   float: left;
   margin: 2px 0px -2px -2px;
}
.infoRect .br {
   background-position: bottom right;
   float: right;
   margin: 2px -2px -2px 0px;
}
/* Error rect */
.errorRect {
   background-color: #FFBBBB;
/*   background-image: url("/images/red_ball.png"); */
   background-repeat: repeat-x;
   border: solid 1px #2424B3;
   border-bottom: none;
   color: #000;
}
.errorRect .bottom {
   border-bottom: solid 1px #2424B3;
   height: 10px;
}
.errorRect .middle {
   margin: 10px 12px 0px 12px;
}
.errorRect .cn {
   background-image: url("/images/rounded_blue_circle.gif");
   background-repeat: no-repeat;
   height: 10px;
   line-height: 10px;
   position: relative;
   width: 10px;
}
.errorRect .tl {
   background-position: top left;
   float: left;
   margin: -2px 0px 0px -2px;
}
.errorRect .tr {
   background-position: top right;
   float: right;
   margin: -2px -2px 0px 0px;
}
.errorRect .bl {
   background-position: bottom left;
   float: left;
   margin: 2px 0px -2px -2px;
}
.errorRect .br {
   background-position: bottom right;
   float: right;
   margin: 2px -2px -2px 0px;
}
/* Warning rect */
.warningRect {
   background-color: #FFCCCC;
/*   background-image: url("/images/rounded_blue_bg.gif"); */
   background-repeat: repeat-x;
   border: solid 1px #2424B3;
   border-bottom: none;
   color: #000;
}
.warningRect .bottom {
   border-bottom: solid 1px #2424B3;
   height: 10px;
}
.warningRect .middle {
   margin: 10px 12px 0px 12px;
}
.warningRect .cn {
   background-image: url("/images/rounded_blue_circle.gif");
   background-repeat: no-repeat;
   height: 10px;
   line-height: 10px;
   position: relative;
   width: 10px;
}
.warningRect .tl {
   background-position: top left;
   float: left;
   margin: -2px 0px 0px -2px;
}
.warningRect .tr {
   background-position: top right;
   float: right;
   margin: -2px -2px 0px 0px;
}
.warningRect .bl {
   background-position: bottom left;
   float: left;
   margin: 2px 0px -2px -2px;
}
.warningRect .br {
   background-position: bottom right;
   float: right;
   margin: 2px -2px -2px 0px;
}
/* Confirm rect */
.confirmRect {
   background-color: #FFCCCC;
/*   background-image: url("/images/red_ball.png"); */
   background-repeat: repeat-x;
   border: solid 1px #2424B3;
   border-bottom: none;
   color: #000;
}
.confirmRect .bottom {
   border-bottom: solid 1px #2424B3;
   height: 10px;
}
.confirmRect .middle {
   margin: 10px 12px 0px 12px;
}
.confirmRect .cn {
   background-image: url("/images/rounded_blue_circle.gif");
   background-repeat: no-repeat;
   height: 10px;
   line-height: 10px;
   position: relative;
   width: 10px;
}
.confirmRect .tl {
   background-position: top left;
   float: left;
   margin: -2px 0px 0px -2px;
}
.confirmRect .tr {
   background-position: top right;
   float: right;
   margin: -2px -2px 0px 0px;
}
.confirmRect .bl {
   background-position: bottom left;
   float: left;
   margin: 2px 0px -2px -2px;
}
.confirmRect .br {
   background-position: bottom right;
   float: right;
   margin: 2px -2px -2px 0px;
}

#bottomBanner {
	z-index:200000;
	border-style:solid;
	border-color:#5C9CCC;
	padding:2px;
	white-space:nowrap;
	background:#FFF3B3;
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:12px;
}

#parkingBanner {
	width:80%;
	border-style:solid;
	border-color:#5C9CCC;
	padding:2px;
	white-space:nowrap;
	background:#FFF3B3;
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:12px;
}

table.sentryInfo {
 	border-collapse: collapse;
 	margin-right:4px;
}
table.sentryInfo td  { 
	border: 1px solid #000;
	font-size:smaller;
 	font-family:Verdana,Arial,Helvetica,sans-serif;
}