ul.topnav li a:focus, ul.topnav li a:active {
    outline: 0 none;
    -moz-outline: 0 none;
}
ul.topnav {
    list-style: none;
    padding-left: 10px; /* padding: 0 20px; */
    margin: 0;
    float: left;
    z-index:100; /* rise higher */
    width: 99%;
    background: #222 url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;	
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base, acts as the first parent for sub 'absolute' positioned menus--*/
}
ul.topnav li a{
    font: bold 14px Calibri;
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../images/down.gif) no-repeat center center; /*center top */
}
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    z-index:100; /* rise higher */
    width: 170px;
/*    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; */
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
/*li
{
    list-style: none;
    list-style:none;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}*/
html ul.topnav li ul.subnav li a {
    font: normal 13px Calibri;
    float: left;
    width: 155px;
    background: #333 url(../images/clear.gif) no-repeat;
    padding-left: 10px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(../images/clear.gif) no-repeat;
}

a:link {text-decoration: underline; color: black;}
a:hover {text-decoration: underline; color: #FFA500;}
a:active {text-decoration: underline; color: Red;}
a:visited {text-decoration: underline; color: black;}

.mp_header {
    background-color: Black;
    background-image: url('../images/earth.jpg');
    background-repeat: no-repeat;
    border-bottom-color: #FFA500;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

body {
    background-color: #1c1c1c;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    font-family: Tahoma,Arial,Verdana,Corbel;
    font-size: small;
    color: White;
}

input[type="button"], input[type="submit"] {
    border: solid 1px black;
    padding: 2px;
}

/*px black;
    padding: 2px;
}*/

.imgAlign {
    border-style:none;
    vertical-align:middle;
}

.noUL {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    
    padding-left:20px;
    list-style-type:square;
}

.lightColoredBox 
{
    background-color:White; /* #E9E9E9 */
    color:Black;
    padding:5px;
}

fieldset.basic 
{
    padding:5px; border:solid 1px Black; display:inline;
}
    fieldset.basic legend 
    {
        padding:2px 6px; font-weight:bold; font-size:small;
    }

.watermarkTxbx
{
    color: #BEBEBE;
}

/* Context menu START */
ul.SimpleContextMenu {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style-type: none;
	border: 1px solid #ACA899;
	background-color:White;
}
    
    ul.SimpleContextMenu li {
		display:block;
		padding: 2px 10px 3px 10px;
		border-bottom: 1px solid #ACA899;
		background-color:White;
	}
	    /* Header also inherits 'default' li styles above */
	    ul.SimpleContextMenu li.contextMenuHeader {
            cursor:default;
            font-weight:bold;
            color:Black;
            background-color:#ECE9D8;
        }
 
        /* Link styling */
		ul.SimpleContextMenu li a, ul.SimpleContextMenu li a:link, 
		    ul.SimpleContextMenu li a:visited, ul.SimpleContextMenu li a:hover {
			text-decoration: none;
			color:#2859AB;
		}
/* Context menu END */

.bwSchedItem {
    text-align:center;
    font-weight:bold;
}

.reportFieldset {
    border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#FFF9D7;
	margin:10px 0px 10px 0px;
	position:relative;
	padding: 0 10px 10px 10px;
}

.reportFieldset legend {
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;	
}

div.panelHeader {	
	color: White;
	background: #8CB1D6 url(../images/collapsePanelHeader.png) repeat;
	font-weight:bold;
	padding: 5px 5px 5px 10px;
	vertical-align: middle;
	border-color:#E6E6E6;
}

div.subPanel {
    padding: 5px;
    background-color: white;
    color: Black;
    border-color: #E6E6E6;
    height: 275px;
}

.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}

.currentUserText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-right: 15px;
}

.missionWizardMissionNum
{
    padding-bottom: 8px;
    font-family: Verdana;
    font-weight: bold;
    font-size: large;
    color: #FFC73C;
}
    
.missionWizardLinkItem {
    color:Black;
    font-size:large;
    font-weight:bold;
}

.mediumGreyBox {
    width:150px;
    background-color:#E6E2D8;
    border:solid 2px #999999;
    color:Black;
    padding:7px;
    line-height:20px;
}

.mediumGreyBox a {
    color:#003300;
    text-decoration:none;
}

.mediumGreyBox a:link, .mediumGreyBox a:visited {
    color:#003300;
    text-decoration:none;
}

.mediumGreyBox a:hover {
    text-decoration:underline;
}

.centerRowCells td {
    text-align:center;
}

/* START Basic Table CSS */

table.basicTable {
    border: 1px solid #D2B48C;
}

table.basicTable td {
    border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #FAFAD2;
	padding: 6px;
	color: Black;
}

table.basicTable td.moreCols {
    padding-left: 15px;
}

table.basicTable tr.alt td.moreCols {
    padding-left: 15px;
}

table.basicTable a:link, table.basicTable a:visited {
    color: Black;
}

table.basicTable a:hover {
    color: #CF9A5F;
}

table.basicTable a:active {
    color: Red;
}

table.basicTable tr.alt td {
    background: #EEE8AA;
    padding: 6px;
	color: Black;
}

table.basicTable tr.highlightDull td {
    background: #CF9A5F;
    padding: 6px;
    color: Black;
}

table.basicTable tr.highlightBright td {
    background: #FFCC66;
    padding: 6px;
    color: Black;
}

table.basicTable tr.highlightDull a:link, table.basicTable a:visited {
    color: Black;
}

table.basicTable tr.highlightDull a:hover {
    color: Maroon;
}

.treeviewContainer table tr td {
    padding:0px 0px 0px 3px;
    margin:0;
    border-style:none;
    background-color:Transparent;
    font-family:Tahoma,Verdana;
    font-size:12px;
    color:#EEEEDD;
}
.treeviewContainer table tr td a:link, .treeviewContainer table tr td a:hover, .treeviewContainer table tr td a:active, .treeviewContainer table tr td a:visited {
    text-decoration: none;
    color: #EEEEDD;
}

.treeview table tr td a
{
    font-size: 11px;
    color: #EEEEDD;
}

.treeview a:link, .treeview a:hover, .treeview a:active, .treeview a:visited {
    text-decoration: none;
    color: #EEEEDD;
}

/* END Basic Table CSS */

table.MultiplexerTable {
	background-color: #000000;
}
table.MultiplexerTable th {/*, table.MultiplexerTable tr.MultiplexerTable-Header td, table.MultiplexerTable tr td.MultiplexerTable-Header*/
    padding: 4px;
    font-weight:bold;
    text-align:left;
    color: #FFFFFF;
    border: solid 1px white;
    background-color: #000000;
    white-space:nowrap;
}
table.MultiplexerTable td, table.MultiplexerTable-Body {
	padding: 4px;
	white-space:nowrap;
}

/* ASR FDMA Multiplexer Rows */
.asrErrMsg
{
    border: 1px solid #FF0000;
    padding:3px;
    background-color: #000000;
    color: #FF0000;
}

table.MultiplexerTable tr.saTrunkRow {
    color:Black;
    background-color:#CCCCCC;
}

table.MultiplexerTable tr.dsnRow {
    color:White;
    background-color:#0080C0;
}

table.MultiplexerTable tr.siprRow {
    color:White;
    background-color:#dd3333;
}

table.MultiplexerTable tr.niprRow {
    color:White;
    background-color:#008000;
}

table.MultiplexerTable tr.vtcRow {
    color:Black;
    background-color:#FFFF00;
}

/* End ASR FDMA Multiplexer Rows */

/* Light Blue */
table.TableStyleA {
	background-color: #E5EAF2;/*#D1D9E4;*/
}

table.TableStyleA td, table.TableStyleA-Body {
	padding: 4px;
	background-color: #F4F6F8;
	color: Black;
}

table.TableStyleA td.colored {
    padding: 4px;
    background-color: #D1D9E4;
    color: #333;
    border: solid 1px white;
}
table.TableStyleA th, tr.TableStyleA-Header td, td.TableStyleA-Header {
	font: bold 8pt/12pt Verdana;
	padding: 2px;
	color: #333;
	border: solid 1px white;
	background-color: #D1D9E4;
}
table.TableStyleA th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleA td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleA tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleA tr.pagerStyle td {
    background-color: #D1D9E4;
    color: #333;
}
table.TableStyleA tr.black td { background-color:Black; color:White; }
table.TableStyleA tr.over td { background-color: #D1D9E4; }
table.TableStyleA tr.selectedStyle td {
    background-color: #7E95B4;
    color: White;
}
table.TableStyleA tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleA a:link, table.TableStyleA a:visited {
    color: Black;
}
table.TableStyleA a:hover {
    color: #333;
}

/* Darker Blue */
table.TableStyleG {
    background-color: #0080C0;
}
table.TableStyleG td, table.TableStyleG-Body {
    padding: 4px;
    background-color: #D7E6FF;
    color: Black;
}
table.TableStyleG td.colored {
    padding: 4px;
    background-color: #0080C0;
    color: #333;
    border: solid 1px white;
}
table.TableStyleG th, tr.TableStyleG-Header td, td.TableStyleG-Header {
    font: bold 8pt/12pt Verdana;
    padding: 2px;
    color: #FFFFFF;
    border: solid 1px white;
    background-color: #0080C0;
}
table.TableStyleG th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleG td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleG tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleG tr.pagerStyle td {
    background-color: #20B7FF;
    color: #FFFFFF;
}
table.TableStyleG tr.selectedStyle td {
    background-color: #88B5FF;
    color: White;
}
table.TableStyleG tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleG a:link, table.TableStyleG a:visited {
    color: Black;
}
table.TableStyleG a:hover {
    color: #333;
}

/* Light Gray */
table.TableStyleB {
	background-color: #ccc;
}
table.TableStyleB td, table.TableStyleB-Body {
	padding: 4px;
	background-color: #eee;
	color: Black;
}
table.TableStyleB td.colored {
    padding: 4px;
	color: #333;
	border: solid 1px white;
	background-color: #ccc;
}
table.TableStyleB th, tr.TableStyleB-Header td, td.TableStyleB-Header {
	padding: 2px;
	font: bold 8pt/12pt Verdana;
	color: #333;
	border: solid 1px white;
	background-color: #ccc;
}
table.TableStyleB th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleB td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleB tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleB tr.pagerStyle td {
    background-color: #ccc;
    color: #333;
}
table.TableStyleB tr.selectedStyle td {
    background-color: #7E95B4;
    color: White;
}
table.TableStyleB tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleB a:link, table.TableStyleB a:visited {
    color: Black;
}
table.TableStyleB a:hover {
    color: #333;
}

/* Red */
table.TableStyleC {
	background-color: #dd3333;
}
table.TableStyleC td, table.TableStyleC-Body {
    padding: 4px;
    background-color: #FBEAEA;
    color: Black;
}
table.TableStyleC th, tr.TableStyleC-Header td, td.TableStyleC-Header  {
	padding: 2px;
	font: bold 8pt/12pt Verdana;
	color: white;
	border: solid 1px white;
	background-color: #dd3333;
}
table.TableStyleC th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleC td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleC tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleC tr.pagerStyle td {
    background-color: #E76D6D;
    color: #FFFFFF;
}
table.TableStyleC tr.selectedStyle td {
    background-color: #EDA3A3;
    color: White;
}
table.TableStyleC tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleC a:link, table.TableStyleC a:visited {
    color: Black;
}
table.TableStyleC a:hover {
    color: #333;
}

/* Orange */
table.TableStyleD {
	background-color: #FF6600;
}
table.TableStyleD td, table.TableStyleD-Body {
    padding: 4px;
    background-color: #FFE9D2;
    color: Black;
}
table.TableStyleD th { /*, tr.TableStyleD-Header td, td.TableStyleD-Header*/
	padding: 2px;
	font: bold 8pt/12pt Verdana;
	color: white;
	border: solid 1px white;
	background-color: #FF6600;
}
table.TableStyleD th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleD td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleD tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleD tr.pagerStyle td {
    background-color: #FF9248;
    color: #333;
}
table.TableStyleD tr.selectedStyle td {
    background-color: #FFBB77;
    color: #000000;
}
table.TableStyleD tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleD a:link, table.TableStyleD a:visited {
    color: Black;
}
table.TableStyleD a:hover {
    color: #333;
}

/* Green */
table.TableStyleE {
    background-color: #008000;
}
table.TableStyleE td, table.TableStyleE-Body {
    padding: 4px;
    background-color: #D8FFCA;
    color: Black;
}
table.TableStyleE th, tr.TableStyleE-Header td, td.TableStyleE-Header {
    padding: 2px;
    font: bold 8pt/12pt Verdana;
    color: white;
    border: solid 1px white;
    background-color: #008000;
}
table.TableStyleE th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleE td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleE tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px white;
}
table.TableStyleE tr.pagerStyle td {
    background-color: #05E600;
    color: #000000;
}
table.TableStyleE tr.selectedStyle td {
    background-color: #79FF46;
    color: #000000;
}
table.TableStyleE tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleE a:link, table.TableStyleE a:visited {
    color: Black;
}
table.TableStyleE a:hover {
    color: #333;
}

/* Yellow */
table.TableStyleF {
    background-color: Black;
}
table.TableStyleF td, table.TableStyleF-Body {
    padding: 4px;
    background-color: #FCFFB7;
    color: Black;
}
table.TableStyleF th, tr.TableStyleF-Header td, td.TableStyleF-Header {
    padding: 2px;
    font: bold 8pt/12pt Verdana;
    color: #000000;
    border: solid 1px White;
    background-color: #FFFF00;
}
table.TableStyleF th.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleF td.gridViewSpacing {
    padding-right:7px;
    padding-left:7px;
}
table.TableStyleF tr.pagerStyle {
    text-align:center;
    padding: 4px;
    border: solid 1px White;
}
table.TableStyleF tr.pagerStyle td {
    background-color: #FFFF7D;
    color: #000000;
}
table.TableStyleF tr.selectedStyle td {
    background-color: #F9FF82;
    color: #000000;
}
table.TableStyleF tr td strong.notes {
    color:Red; 
    text-transform:uppercase; 
    font-weight:bold;
}
table.TableStyleF a:link, table.TableStyleF a:visited {
    color: Black;
}
table.TableStyleF a:hover {
    color: #333;
}

/* Update Panel AJAX Display */
.progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:100010; 
}
.processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:100011; 
    background-color:#fff;
    border:solid 1px #000;
}
/* End Update Panel AJAX Display */

.yellowInfoBlock {
    background-color:#FFF9D7;
    border:solid 2px #E2C822;
    padding:5px;
    color:Black;
}

/* Start Message Blocks */

.info, .success, .warning, .error, .validation {  
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info-24.png');
}
.info a {
    color:#817134;
}
.info strong {
    color:#2a4d09;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/check-24.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning-24.gif');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/x-24.gif');
}

.error a:link, .error a:hover, .error a:active, .error a:visited {
    color:Black;
}

.error strong {
    color:Black;
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/validation_warn-24.png');
}

/* Remove the top & bottom space inserted by the ASP:ValidatorSummary <ul> */
.validation ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* End Message Blocks */

/* Start ALT Message Blocks */

.successAlt, .infoAlt, .errorAlt, .warningAlt {  
    border: 1px solid;
    padding:10px 10px 10px 35px;
    background-repeat: no-repeat;
    background-position: 10px center; /* x-pos y-pos */
    display: block;
    font-size:12px;
}

.successAlt {
    background-color: #DFF2BF;
    background-image: url('../images/16-em-check.png');
    color: #4F8A10;
    border-color: #006600;
}

.infoAlt {
    background-color: #f8fafc;
    background-image: url('../images/info-16.png'); 
    border-color: #b5d4fe; 
    /*border-bottom: 2px solid #b5d4fe; */
    color: #4C4A23;
}

.errorAlt 
{
    background-color: #FFBABA;
    background-image: url('../images/cancel.png'); 
    border-color: #D8000C;
    color: #D8000C;
}

.warningAlt 
{
    background-color: #fff6bf;
    background-image: url('../images/warning-16.png'); 
    border-color: #ffd324;
    color: #444444;
}

/* End ALT Message Blocks */

.ConfirmationMessage
{
    color:Gray;
}

.collapsePanel
{
    height:0px;
    overflow:hidden;
}

.AddButtonHighlight
{
    background-color:#FFFF80;
    text-align:center;
    vertical-align:middle;
}

.ErrorMsgText
{
    font-weight:bold;
    color:Red;
    font-size:small;
}

.ConsoleText
{
    color:Black;
    font-family: Lucida Console, Corbel,Verdana,Arial;
    font-size: small;
}

.ToolTip
{
    border:1px solid #000000;
    background-color:#FFFACC;
    padding:2px;
    text-align:center;
}

div.title
{
    font-family: Corbel;
    font-size: medium;
    font-weight:bold;
}

div.wizardStepTitle
{
    font-family: Corbel;
    font-size:medium;
    font-weight:bold;
    text-decoration: underline;
    color:#292929;
}

.textbox
{
    background-color: #292929;
    border-color: #FFA500;
    border-width:1px;
    border-style:solid;
    padding: 5px;
}

h1,h2,h3,h4,h5,h6 /* Remove space above h tags */
{
    margin-top: 0px;
    padding-top: 0px;
}

h1
{
    font-size:large;
    font-weight:bold;
    font-family: "Times New Roman", Times, serif;
    /*color:#FFC73C;*/
}

h2
{
    font-size: medium;
    font-weight: bold;
    color: #E5AA7A; /* #FFCC66 */
}

h3
{
    font-size:medium;
    font-weight:bold;
    color:#CF9A5F;
}

h4
{
    font-size:medium;
    font-weight:bold;
    color:#999999;
}

h5 
{
    font-size:medium;
    font-weight:bold;
    color: #999966;
}

span.masterTitle
{
    font-family: "Copperplate Gothic Bold";
    font-size: xx-large;
    font-weight: bold;
    color: #FFA500;
}

span.masterSubTitle
{
    font-family: "Copperplate Gothic Bold";
    font-size: medium;
    font-weight: bold;
    color: #FFA500;
}

span.systemGrabbedData
{
    color:#FFA500;
}

table.multiplexConfiguration
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.multiplexConfiguration th
{
    font-weight: bold;
	border-width: 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-color: black;
	/*-moz-border-radius: 0px 0px 0px 0px;*/
}

table.multiplexConfiguration td
{
	border-width: 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-color: black;
	/*-moz-border-radius: 0px 0px 0px 0px;*/
}

div.extendingCheckboxText
{
    color:Yellow;
}

div.footer
{
    font-size:smaller;
}

/*.modalBg {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}*/

/* Modern Dimmed Background */
.modalBg {
    background-color: #000 !important;
    opacity: 0.6 !important;
    z-index: 10000 !important;
}
.modalPopup {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    padding: 0 !important;
    border-radius: 8px;
    z-index: 10001 !important;
    /* Responsive Sizing */
    width: 650px !important; /* Fixed width for desktop */
    max-width: 95vw !important; /* Ensures it shrinks on mobile */
    /* Positioning Fixes */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    /* Height Fixes */
    max-height: 90vh; /* Prevents modal from going off-screen */
    overflow-y: auto; /* Adds scrollbar if content is too tall */
}

.validatorCalloutHighlightField
{
    background-color: #FFFACD;
}

/******************MaskedEdit Related Styles ******************************/
.MaskedEditFocus
{
    background-color: #FFFFCC;
    color: #000000;
}

.MaskedEditMessage
{
    color: #FF0000;
    font-weight: bold;
}

.MaskedEditError
{
    background-color: #FFCCCC;
}

.MaskedEditFocusNegative
{
    background-color: #FFFFCC;
    color: #000000;
}

.MaskedEditBlurNegative
{
    color: #FF0000;
}

/* cal_Theme1 AJAX Calendar Extender Theme */
.cal_Theme1 .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #e9e9e9;
}
.cal_Theme1 .ajax__calendar_container th
{
    padding: 0px;
}
.cal_Theme1 .ajax__calendar_container td
{
    background-color: #e9e9e9;
    padding: 0px;
    border-style:none;
}

.cal_Theme1 .ajax__calendar_container { background-color: #e2e2e2; border:solid 1px #cccccc; } 

.cal_Theme1 .ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px; } 

.cal_Theme1 .ajax__calendar_title, 
.cal_Theme1 .ajax__calendar_next, 
.cal_Theme1 .ajax__calendar_prev { color: #004080; padding-top: 3px; } 

.cal_Theme1 .ajax__calendar_body { background-color: #e9e9e9; border: solid 1px #cccccc; } 

.cal_Theme1 .ajax__calendar_dayname { text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; } 

.cal_Theme1 .ajax__calendar_day { text-align:center; } 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, 
.cal_Theme1 .ajax__calendar_active { color: #004080; font-weight:bold; background-color: #ffffff; } 

.cal_Theme1 .ajax__calendar_today { font-weight:bold; } 

.cal_Theme1 .ajax__calendar_other, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title { color: #bbbbbb; }

.caltheme tr td { padding: 0; margin: 0; background-color: White; }

.transp_label {
    /*position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    color: yellow;
    filter: alpha(opacity=60);
    -moz-opacity: .60;*/
    opacity: .60;
    /*font-family: Verdana, Arial, Helvetica;
    font-size: 28px;*/
}

/* Muted Slate Grey-Blue Header Backgrounds */
.bg-primary {
    background-color: #4a5568 !important;
}

/* Primary Slate Buttons */
.btn-primary {
    background-color: #4a5568 !important;
    border-color: #4a5568 !important;
}

    .btn-primary:hover {
        background-color: #2d3748 !important; /* Darker slate on hover */
        border-color: #2d3748 !important;
    }

/* Matching Text Color */
.text-primary {
    color: #4a5568 !important;
}

/* --- AJAX Modal Background --- */
/* Your control uses 'modal-backdrop fade show' as the BackgroundCssClass */
.modal-backdrop.show {
    opacity: 0.5;
    background-color: #000;
}

/* --- GridView Custom Slate Styling --- */
/* Add this to make your GridView headers match your panels */
.gv-slate-header {
    background-color: #4a5568 !important;
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/* Standard Widths for different types of forms */
.modal-width-small {
    width: 400px;
    max-width: 95vw;
}

.modal-width-medium {
    width: 600px;
    max-width: 95vw;
}

.modal-width-large {
    width: 850px;
    max-width: 95vw;
}

#wrapper {
    overflow-x: hidden;
    background-color: #f8f9fa;
    min-height: 100vh;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* Sidebar Links */
.sidebar-nav .nav-link {
    padding: 12px 20px;
    font-size: 0.9rem;
    border-left: 3px solid transparent;
}

    .sidebar-nav .nav-link:hover {
        background-color: #343a40;
        border-left: 3px solid #0d6efd;
    }

.sidebar-nav .dropdown-toggle::after {
    float: right;
    margin-top: 7px;
}

/* Adjust main content to take up remaining space */
#page-content-wrapper {
    flex: 1;
}

/* Icons alignment */
.me-2 {
    vertical-align: middle;
}

#wrapper.toggled #sidebar {
    margin-left: -250px;
}

/* Ensure smooth transition */
#sidebar {
    transition: margin 0.25s ease-out;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

    #wrapper.toggled #sidebar {
        margin-left: 0;
    }
}