﻿body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #ffffff;}
.plainText { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #ffffff; font-weight: normal; color: black;}

.pageHeaderText { color: #003274; font-size: 20px; text-decoration: underline; font-weight: bold; }
.headerText { color: #003274; text-decoration:underline; }
.headerPlainText { color: #003274; }
.stdLabelText { color: #003274; font-weight: bold; }
.informationHeader { font-size: 50px; font-weight: bold; text-align:center; font-family: Candara, Arial; }
.informationHeader span { 
    color: ghostwhite;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.informationText { text-align: left; padding-left: 50px; padding-right: 50px; padding-bottom: 5px; line-height: 18px;}
.BCIUred { color: #ed1c24; font-weight: bold; }

.messageBar {
	text-align: center;
    padding:20px 5px 20px 5px;
	font-weight: bold;
    border: 2px solid #003274;
    border-radius: 25px;
}
.billInquiryBillDetails{
    background-color: #e6e6e6;
    -webkit-box-shadow:inset 0px 5px 5px 3px black;
    -moz-box-shadow:inset 0px 5px 5px 3px black;
    box-shadow:inset 0px 5px 5px 3px white;
    
}

.validationError {
    border: 1px red solid;
    outline: 1px red solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.alertText { color: Red; }

.textboxDisplay { 
	border:none; 
}

.textboxEdit { 
	border:1px solid black; 
}

/* Main Menu */
a:link.menuLink, a:visited.menuLink, a:active.menuLink { color: #A62900; text-decoration:none; }
a:hover.menuLink { color: #0000FF; }

/* Buttons */
.btnModuleMenu {
	width: 90px; height: 20px; background-color: #ffffff; color: #000000; border: 1px solid #003274; vertical-align: bottom;
}
.btnModuleMenu:hover {
	background-color: #003274; color: white; font-weight: bold;
}
.btnModuleMenuActive {
	width: 90px; height: 30px; background-color: #003274; color: white; border-style: none; vertical-align: top; font-weight: bold;
}

.btnPageMenu {
	width: 100px; height: 20px; background-color: #ffffff; color: #000000; border: 1px solid #003274; vertical-align: bottom;
}
.btnPageMenu:hover {
	background-color: #003274; color: white; font-weight: bold;
}
.btnPageMenuActive {
	width: 100px; height: 30px; background-color: #003274; color: white; border-style: none; vertical-align: top; font-weight: bold;
}

.btnTab
{
	width: 90px; height: 20px; background-color: silver; color: #000000; 
	border-top:none; border-right:none; border-bottom:none; border-left:none; vertical-align: bottom;
}
.btnTab:hover {
	font-weight: bold;
}
.btnTabActive {
	width: 90px; height: 20px; font-weight: bold; background-color: #ffffff; color: #000000; 
	border-top:1px ridge silver; border-right:none; border-bottom:none; border-left:none; vertical-align:bottom;
}

.btnActive {
	min-width: 80px; 
	background-color: #ffffff; 
	color: #003274; 
	border:1px solid ; 
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 18px;
}
.btn { min-width: 80px; background-color: #ffffff; color: #003274; border:1px solid ; font-size: 18px; border-radius: 5px; }
.btn:focus { min-width: 80px; background-color: #003274; color: #ffffff; border:1px solid ; font-size: 18px; border-radius: 5px; }

.btnDisabled { min-width: 80px; background-color: #C0C0C0; color: #ffffff; border:1px solid #C0C0C0; font-size: 18px; }
.btnInvisible { min-width: 80px; background-color: #ffffff; color: #003274; border: none; font-size: 18px; }

/* TreeView Menu */
a:link.tvRoot, a:visited.tvRoot, a:active.tvRoot, a:hover.tvRoot { font-weight: bold; }
a:link.tvRoot, a:visited.tvRoot, a:active.tvRoot, a:hover.tvRoot { color:#003274; }

.tvRoot, .tvLeaf { text-align:left; padding: 2px; }
a:link.tvLeaf, a:visited.tvLeaf, a:active.tvLeaf { color: #A62900; }
a:hover.tvLeaf { color: #0000FF; }

.btnSignOut
{
    background:url("../images/signout.png") no-repeat center top;
    cursor:pointer;
    border: 0;
    height: 25px;
    width: 25px;
}

.btnReportMenu
{
    background:url("../images/reports.png") no-repeat center top;
    cursor:pointer;
    border: 0;
    height: 25px;
    width: 25px;
}

.btnDelete
{
    background:url("../images/delete.png") no-repeat center top;
    cursor:pointer;
    border: 0;
    height: 25px;
    width: 25px;
}

/* List Buttons */
ul.menu-options { list-style: none; padding: 0; margin: 0; }
.menu-dropdown { display: none; }
.list-button { min-width:150px; background-color: #ffffff; color: #003274; border:1px solid ; font-size: 18px; }
.list-button:hover { background-color: #003274; color:white; font-size: 18px; border: 1px solid #003274; }


/*style the main menu*/
.DropDownMenu {
	margin:0;
	padding:0;
}

.DropDownMenu li {
	list-style:none;
	font:12px Arial, Helvetica, sans-serif #111;
}

.DropDownMenu li a:link, .DropDownMenu li a:visited {
	display:block;
	text-decoration:none;
	background-color:#09F;
	padding: 0.5em 2em;
	margin:0;
	border-right: 1px solid #fff;
	color:#111;
}

.DropDownMenu li a:hover {
	background-color:#0CF;	
}

/*style the sub menu*/
.DropDownMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}

.DropDownMenu li ul li {
	float:none;
}

.DropDownMenu li ul li a:link, .DropDownMenu li ul li a:visited {
	background-color:#09F;
	width:auto;
}

.DropDownMenu li ul li a:hover {
	background-color:#0CF;	
}

.navyBackground { background-color:navy; color:#FFFFFF; }

.controlLabel {
    vertical-align: top;
}
.cbList {
    text-align: left;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    *overflow: hidden;
}

/* TABLES */
.tblRowSelected {
	background-color: #003274; color: white; font-weight: bold;
}

/*
	STANDARD POPUP CSS
*/
/* Background for Alerts/Errors Pop Up always on top */
.popUpMessageBackgroundFilter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow: scroll;
}
/* Main window for Alerts/Errors Pop Up always on top */
.popUpMessageWindow {
    position: absolute;
    top: 50px;
    left: 200px;
    background-color: rgba(0,0,0,0);
    border-radius:10px;
    min-width: 700px;
    max-width: 760px;
}
/* Background for Alerts/Errors Pop Up always on top (Master Page) */
.popUpMessageBackgroundFilterMaster {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
	z-index:10010;
    overflow: scroll;
}
/* Main window for Alerts/Errors Pop Up always on top (Master Page) */
.popUpMessageWindowMaster {
    position: absolute;
    top: 50px;
    left: 200px;
    background-color:#fff;
    border-radius:10px;
    max-width: 750px;
	z-index:10012;
}
/* Standard Pop Up window header */
.popUpHeader {
    text-align:center; 
    margin: 0px 0px 0px 0px; 
    padding: 5px 0px 5px 0px; 
    background-color: #003274; 
    color: white;
    font-size: 16px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.popUpMessageContentNoButtons {
    background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.popUpMessageContentButtons {
    background-color: #fff;
    padding: 25px;
}

.popUpMessageErrorBar {
    text-align: center;
    color: red;
    padding: 10px 0px 10px 0px;
    width: 100%;
}


.btnPopUpOne {
    background-color:forestgreen;
    color:white;
    font-weight: bold;
    font-size: 18px;
    border:1px solid forestgreen;
    height:25px;
    width: 100%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius: 10px;
}

.btnPopUpTwoLeft {
    float:left;
    background-color:forestgreen;
    color:white;
    font-weight: bold;
    font-size: 18px;
    border:1px solid forestgreen;
    height:25px;
    width: 50%;
    border-bottom-left-radius:10px;
}

.btnPopUpTwoRight { 
    background-color: darkred; 
    color:white;
    font-weight: bold;
    font-size: 18px;
    border:1px solid darkred;
    height:25px;
    width: 50%;
    border-bottom-right-radius:10px;
}

.btnPopUpThreeLeft {
    float:left;
    background-color:forestgreen;
    border: 1px solid forestgreen;
    color:white;
    font-weight: bold;
    font-size: 18px;
    height:25px;
    width: 33.3%;
    border-bottom-left-radius:10px;
}

.btnPopUpThreeMiddle { 
    background-color: darkgoldenrod;
    float: left;
    color:white;
    font-weight: bold;
    font-size: 18px;
    border:1px solid darkgoldenrod;
    height:25px;
    width: 33.4%;
}

.btnPopUpThreeRight { 
    background-color: darkred;
    border: 1px solid darkred;
    color:white;
    font-weight: bold;
    font-size: 18px;
    height:25px;
    width: 33.3%;
    border-bottom-right-radius:10px;
}

.gridViewCellSpacing { padding-left:5px; padding-right:5px;}

table.plainGrid { border-collapse: collapse; }
table.plainGrid td
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000; 
	padding:2pt 10pt 2pt 10px;
    /*padding-left: 10pt;
	padding-right: 10pt;*/
}

table.grid { border-collapse: collapse; }
table.grid td
{
	border-width: 1px;
	border-style: solid;
	border-color: #b0c4de; 
    padding-left: 10pt;
	padding-right: 10pt;
    font-weight: bold;
    color: #003274;
}

/* 
	FALCON GRID 
*/
.falconGrid
{
    border-collapse: collapse;
}

.falconGrid table {
    border: 1px solid black;
    border-collapse: collapse;
}

.falconGrid table td, th {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid black;
    border-collapse: collapse;
}

.falconGridRow, .falconGridRowPadding
{
    background-color:#DFE9F5;
}

.falconGridRow td{
    border: 1px solid black;
    border-collapse: collapse;
}

.falconGridAltRow, .falconGridAltRowPadding
{
    background-color:#F0F0F0;
}

.falconGridAltRow td{
    border: 1px solid black;
    border-collapse: collapse;
}

.falconGridHeader th
{
    background-color:#B0C4DE;
    padding: 5px;
}

.falconGridFooter
{
    background-color:#B0C4DE;
}

.falconGridRowPadding td{
    border: 1px solid black;
    border-collapse: collapse;
	padding:5px;
}

.falconGridAltRowPadding td{
    border: 1px solid black;
    border-collapse: collapse;
	padding:5px;
}

.fgAccountInquiryTransactionsRow
{
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

/*
        Reorder List
*/
.dragHandle 
{
	list-style-type:disc;
	width:50px;
	height:50px;
    text-align:center;
	background-color:teal;
	cursor:Move;
    color:white;
	border: solid black;
}

.reorderStyle li
{
	list-style-type:none;
}

.reorderStyle
{
	list-style-type:disc;
    text-align:center;
    padding: 0px;
    margin: 0px;
}

/* AJAX CSS */
.popUpMessage {
    background-color: #FFFFFF;
    font-size: 90%; z-index: 10; border-width:4px;
    border-top-color: #DBE4EE; border-left-color: #DBE4EE;
    border-right-color: #6586B2; border-bottom-color: #6586B2;
	border-radius:10px;
}

.modalBackgroundGrey {
    opacity:0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    background-color:#000000;
	overflow:auto;
}


/* SYMBOLS */
.checkmark {
    display:inline-block;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:18px;
    background-color:#000;
    left:12px;
    top:0px;
}

.checkmark_kick {
    position: absolute;
    width:7px;
    height:3px;
    background-color:#000;
    left:5px;
    top:15px;
}

/* PROGRESS BAR*/
.progress-bar {
    background-color: #1a1a1a;
    height: 25px;
    padding: 5px;
    width: 350px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}

.progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
}

.blue span {
    background-color: #34c2e3;   
}

.highlight-row {
    background-color: #7db5ff;
}

.highlight-row {
    background-color: #7db5ff;
}

.alternate-row {
    background-color: lightgrey;
}

.hoverPopUp {
    background-color: #BABEBE;
    font-size: 90%; z-index: 10;
    padding: 10px; width: 140px;
}
