/* $Revision$ - $LastChangedDate$ */

body, ul, li, nav, textarea, p, td, input, select { font-size: 12px; font-family: Century Gothic, helvetica, geneva, swiss, sunsans-regular; }

body {
	margin: 0; /* by default, there may be some margins set in some browsers */
}

.footer {
	background-color: #deebf7;
}

.footer-inner {
	text-align: center;
}

/* This is really a fix for IE - buttons that have more than a few characters in them display too wide */
/* For now, I'm not going to use the fix: input { overflow: visible; padding: 0px 4px } */

.darktable { background-color: #f5f5EE;}
.darktable2 { text-align:center; background-color: #f5f5EE; font-weight: bold; }

.lighttable {text-align: center; background-color: #f5f5ee; }
.whiterow { text-align: center; background-color: #f5f5EE; }
.whiterowleft { text-align: left; background-color: #f5f5EE; }
.notallowed { text-align: center; background-color: #f5f5EE; color: red; font-weight: bold; }
tr.lighttable:hover { background-color: #e9e9d7; }
tr.whiterow:hover { background-color: #e9e9d7;}
tr.whiterowleft:hover { background-color: #e9e9d7;}

.whiterow td:first-child { border-left: 0px;}
.whiterow td {padding-left: 4px; padding-right: 4px; border-left: dashed 1px #C5D5A9; border-bottom: solid 1px #C5D5A9}
.whiterowleft td:first-child { border-left: 0px;}
.whiterowleft td {padding-left: 4px; padding-right: 4px; border-left: dashed 1px #C5D5A9; border-bottom: solid 1px #C5D5A9}

.lighttable td:first-child { border-left: 0px;}
.lighttable td{padding-left: 4px; padding-right: 4px; border-left: dashed 1px #C5D5A9; border-bottom: solid 1px #C5D5A9}

.redrow {background-color: #AB1111;  text-align: center;}
.redrow td { color: white; }
.redrow td a { color: white; }

.darktablesmall { background-color: #d6d3d6;}
.lighttablesmall { background-color: #f5f5EE;  text-align: center;}
.whiterowsmall { background-color: #f5f5EE;  text-align: center;}

.whiterowsmall td:first-child { border-left: 0px;}
.whiterowsmall td {padding-left: 2px; padding-right: 2px; border-left: dashed 1px #C5D5A9; border-bottom: solid 1px #C5D5A9}
.lighttablesmall td:first-child { border-left: 0px;}
.lighttablesmall td {padding-left: 2px; padding-right: 2px; border-left: dashed 1px #C5D5A9; border-bottom: solid 1px #C5D5A9}
tr.lighttablesmall:hover { background-color: #e9e9d7; }
tr.whiterowsmall:hover { background-color: #e9e9d7;}

span.broadcastType {
	color:       #2C739F;
	font-weight: bold;
	font-size:   20px;
	padding:     3px;
	display:     inline-block;
	text-align:  center;
	cursor:      default;
	filter: drop-shadow(1px 1px #8ea0ad);
}

span.routeCost {
	font-family: sans-serif;
	color:       #2C739F;
	font-size:   20px;
	display:     inline-block;
	cursor:      pointer;
	filter: drop-shadow(1px 1px #8ea0ad);
}

.darktablesmall td { font-size: 10px;}
.lighttablesmall td { font-size: 10px;}
.whiterowsmall td{ font-size: 10px;}

.smaller {font-size: 10px;}

.mainheader { color: #ffffff; font-size: 14px; font-weight: bold; vertical-align: middle; text-align: center; line-height: 30px;}
.header { background-color:#003063; font-size: 15px; color:#FFFFFF; text-align:center; font-weight:bold;  line-height: 30px;}
.header2 { background-color:#6699cc; font-size: 14px; vertical-align: middle; text-align: center; font-weight: bold; line-height: 25px; color: #ffffff;}
.subheader { background-color: #deebf7; color: #000000; font-size: 14px; vertical-align: middle; text-align: center; font-weight: bold; line-height: 25px;}

.subheader4 .firstCell, tr.subheader4 td:first-child {
	border-top-left-radius: 15px;
	border-left: 3px groove black;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	font-size: 13px;
	color: white;
	padding-left:5px;
	}

.subheader4 .lastCell {
	border-top-right-radius: 15px;
	border-right: 3px ridge black;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	font-size: 13px;
	color: white;
	padding-right:5px;
	}


tr.subheader4 td:last-child {
	border-top-right-radius: 15px;
	border-right: 3px ridge black;
	vertical-align: middle; text-align: center; font-weight: bold; line-height: 20px; font-size: 13px; color: white; padding-right:5px;
	}

.subheader4 td {
	border-top: 3px groove black;
	vertical-align: middle; text-align: center; font-weight: bold; line-height: 20px; font-size: 13px; color: white;
	}
tr.subheader4 td:only-child {
	border-top: 3px groove black;
	vertical-align: middle; text-align: center; font-weight: bold; line-height: 20px; font-size: 13px; color: white;
	}
.subheader4 td { background-color: #255689; }														/* This is a fallback background color for renderers that don't support linear-gradient */
.subheader4 td { background: linear-gradient(#5e91c4,#255689); 	border-top: 3px groove black; }
@media print {
	.subheader4 td { background-color: #5285b8; }
}


.subheader4 td a { color: white; text-decoration: underline;}
.subheader4 td a:hover { color: #C06600; text-decoration: underline;}

.subheader5, .subheader5 td, tr.subheader5 td {background-color: #deebf7; vertical-align: middle; text-align: center; font-weight: bold; line-height: 15px; font-size: 11px; color: #003063;}

.subheaderpoll5, .subheaderpoll5 td, tr.subheaderpoll5 td {background-color: #C5D5A9; vertical-align: middle; text-align: center; font-weight: bold; line-height: 15px; font-size: 11px; color: #003063;}
.subheaderpoll6, .subheaderpoll6 td, tr.subheaderpoll6 td {background-color: #C5D5ff; vertical-align: middle; text-align: center; font-weight: bold; line-height: 20px; font-size: 13px; color: #003063;}
.subheaderpoll7, .subheaderpoll7 td, tr.subheaderpoll7 td {background-color: #C5D5ff; vertical-align: middle; text-align: left; font-weight: bold; line-height: 20px; font-size: 13px; color: #003063;}


th  { font-weight: bold; font-size: 14px; }
h1 { color:#FFFFFF; font-weight: bold; font-size: 15px; margin-top:10px; }
h2 { color:#003063; font-weight: bold; font-size: 14px; text-align:center; padding-top:5px; }

.header  a, .header a:visited{ color:#FFFFFF; text-decoration: none}
.header  a:hover{ color: #C06600; text-decoration: underline;}

a,a:visited { color: #003063; text-decoration: none; }
a:hover { color: #C06600; text-decoration: underline; }
a.bottomnav, a.bottomnav:visited { color:#FFFFFF;}
a.bottomnav:hover { color: #C06600; text-decoration: underline; }
a.otherlinks{ color: #003063; text-decoration: none; font-size: 10px; font-weight:normal; }
p { margin-bottom: 8px; margin-top: 8px}

.bottomnav { font-size: 11px; color:#FFFFFF; background-color:#6699cc; text-align: center; }
.bottomnav2 { font-size: 11px; color:#FFFFFF; background-color:#003063; }
.small { font-size: 11px; }

.padmintable1 {background-color: #deebf7; line-height: 10px; font-size: 12px; }
.padmintable2 {background-color: #8caac6; line-height: 10px; font-size: 12px; }
.adminlinks {background-color:#d6d3d6; padding-left:15px; font-size: 12px; }

.error {color: #AB1111; font-weight: bold; font-style:italic; text-align: left; font-size: 14px;}
.success {color: #000000; font-weight: bold; font-style:italic; text-align: left;  font-size: 14px;}

.warning {color: #cc6600; font-weight: bold; text-align: left;}
@media print { 
	.noprint {display:none;}
}

/*New Styles */
.pageheader1, .broadcastid { color:#003063; font-weight: bold; font-size: 24px;  font-style:italic;}
.pageheader2, .broadcastdesc { color:#5885a4; font-weight: bold; font-size: 18px;  }

.horizontal-divider { 
	background-color:#b2bc00; 
	width: 100%;
	height: 1px; 
}

/* Dropdown menu styles */
#dropmenudiv{
position:absolute;
border:0;
font:normal 12px Arial;
line-height:14px;
z-index:100;
border-bottom-width: 0;
width:100px;
}


#dropmenudiv a{
width: 100%;
display: block;
text-indent: 2px;
border-bottom: 0;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:white;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #165D9D;
color:#DC5400;
}

a.menunav {
	text-decoration: none;
	font-size:12px;
	color: white;
	font-weight: bold;
	text-align: center;
}
a.menunav:hover {
	font-size:12px;
	background-color: #165D9D;
	color:white;
}

.popuptitle {
	font-size: 13px; 
	text-align:center; 
	font-weight: bold; 
	background-color:#CCCCCC; 
	border-bottom: 1px solid #003063; 
	margin-bottom: 5px;
	overflow-x:scroll;
}

#ul-special-operations > li.section {
    list-style-type: none;
}

#ul-special-operations > li.section > h4 {
    margin-bottom: 4px;
}


/* edit_partner.php image upload styles */
#branding_images_header {
	cursor: pointer;
	margin-bottom: 0;
}

.image_upload_form h4 {
	margin-bottom: 0;
}

#branding_images_span {
	font-size: 10px;
	color: blue;
	text-decoration: underline;
}

.partner_image_preview_wrapper {
	margin: 10px 0;
	width: 200px;
	height: 60px;
	border: 2px solid #EEEEEE;
	text-align: center;
	display: table;
}

.partner_image_preview {
	display: table-cell;
	vertical-align: middle;
}

.partner_image_preview_img {
	max-height: 60px;
}

/* SIP Error Monitor */
#dialog.sips-errors table {
	width: 100%;
}

#dialog.sips-errors th, #dialog.sips-errors td {
	text-align: left;
	margin: 0;
	padding: 0;
}

#dialog.sips-errors th:first-child, #dialog.sips-errors td:first-child {
	width: 75%;
}

#dialog.sips-errors th:last-child, #dialog.sips-errors td:last-child {
    text-align: right;
}

#dialog.sips-errors th {
	border-bottom: 2px solid #000;
}

#dialog.sips-errors td {
   padding-top: 5px;
}

/* Special Ops "Bring Back from Cluster" styling */

h1.bring-back-cluster-header {
	color: #000;
}

p.bring-back-cluster-error {
	font-size: 12px;
}

p.bring-back-cluster-error + table {
    margin-top: 25px;
}

.report_table_heading {
	text-align: center;
	color:white;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	background-color: #5285b8;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top: 3px groove black;
	border-right: 3px ridge black;
	border-left: 3px groove black;
	
}

/* edit_file.php Image Preview button styling */
.files_img_preview{
	cursor: pointer;
}


#bypass_host_dialog div{
	font-size: 12px;
}

#bypass_host_error{
	color: #a94442;
	background-color: #f2dede;
	text-align: center;
	width: 100%;
	font-size: 12px;
}

#bypass_host_success{
	color: #3c763d;
	background-color: #dff0d8;
	text-align: center;
	width: 100%;
	font-size: 12px;
}