@charset "utf-8";
/* ************ Reset rules ***********************************/
* { margin: 0px; padding: 0px }
/*(1b)**************** Background Page Video Media Setup Definition **********************/
video {
background-color: black;
background-image: url(../images/videos/background/MP4/nature1_with_sound_.mp4);
background-position: center center;
background-size: contain;
}
#myvid { position: fixed; top: 0; right: 0; width: 100%; height: 100%; }
@media (min-aspect-ratio: 16/9) {
#myvid {
width: 100%;
height: 300%; top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
#myvid {
width: 300%; left: -100%;
height: 100%;
}
}
#video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
z-index: -1; /* Put the video behind all other elements except the body background element. */
}
#video-bg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) { #video-bg > video { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { #video-bg > video { width: 300%; left: -100%; } }
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
#video-bg > video {
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
}
}
/****************** Login Definition *********************/
.error_click_me_msg_box input { cursor:none; }
.error_click_me_msg_box li{ list-style: none; background-color:white; border: 0; width: 280px;
height:24px; color:red; text-align:center; font-weight: bold; }
/******************** Change Password Definition *******************/
.pwspace {font-weight: bold; font-size: 9pt; color: #993323; font-family: Arial; }
.errors {background-color:#DDFFDD; border:1px solid #009900; width:600px; color:red; font-weight: bold; }
.errors li{ list-style: none; }
.errors2 {color:red; font-weight: bold; }
.errors2 li{ list-style: none; }
/******************** Used in Portfolio creation *******************/
.errorsinport {border:1px solid #009900; width:1135px; color:red; font-weight: bold; }
.errorsinport li{ list-style: none; }
/***************** for display on invalid_token page ****************************/
.duplicate_displ li { list-style: none; }
/**************** View Service Requests page setup Definition *****#664C00*****#202340******#003366********/
body,table.viewSR td { font-size: 12pt; }
table.viewSR { background-color: black; border: 1px black solid; cellspacing: 1px; border-collapse: collapse; }
table.viewSR th { border: 1px outset silver; background-color: #202340; color: white; }
table.viewSR tr { background-color: white; margin: 1px; color: #003366; }
table.viewSR tr.striped { background-color: #FFFFBF; }
table.viewSR td { border: 1px outset silver; padding: 2px 8px; }
/***
This section set page display content to scroll if need be
It is used on content table pages that display checkbox
list items and radio buttons list items
| Description |
***/
div.scroll { width: 100%; height: 260px; overflow-y: scroll; }
div.scroll_TAC { width: 100%; height: 480px; overflow-y: scroll; }
div.scroll_OnePage { width: 100%; height: 680px; overflow-y: scroll; }
div.hidden { width: 100%; height: 260px; overflow-y: hidden; }
/*** th for table/List headers columns (width: 1130px) ***/
th.srid { width: 120px; } /* Service Request ID */
th.rstatus { width: 240px; } /* Request Status */
th.rstatusRFA { width: 266px; } /* Request Status */
th.rstatusCG { width: 190px; } /* Request Status */
th.customerId { width: 140px; } /* customer Id */
th.customerId2 { width: 240px; } /* customer Id */
th.createdYear { width: 70px; } /* Created Year */
th.srdesc { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
th.parentSRID { width: 70px; } /* Parent SR ID */
th.runningYear { width: 70px; } /* Running Year */
th.astatus { width: 120px; } /* Activation Status */
th.star { width: 40px; } /* Star Display */
th.starJ { width: 55px; } /* Star Display */
th.bVIDescription { width: 190px; } /* Background Video/Image Description Display */
th.sBDescription { width: 190px; } /* Surround Box Description Display */
th.viewCode { width: 240px; } /* View Code Display */
th.orgCode { width: 140px; } /* organization Code Display */
th.branchId { width: 300px; } /* Branch IDs Display */
th.domainName { width: 390px; } /* Domain name Display */
th.emailAddr { width: 320px; } /* Email Address Display */
th.branchName { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
th.branchIdNBR { width: 110px; } /* Branch IDs Number Display */
th.phone { width: 150px; } /*Phone Number Display */
/*** td with NO radio button and NO check box on the first column ***/
td.srid { width: 120px; } /* Service Request ID */
td.rstatus { width: 240px; } /* Request Status */
td.rstatusRFA { width: 266px; } /* Request Status */
td.rstatusCG { width: 174px; } /* Request Status */
td.customerId { width: 140px; } /* customer Id */
td.customerId2 { width: 240px; } /* customer Id */
td.createdYear { width: 70px; } /* Created Year */
td.srdesc { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
td.parentSRID { width: 70px; } /* Parent SR ID */
td.runningYear { width: 70px; } /* Running Year */
td.astatus { width: 120px; } /* Activation Status */
td.star { width: 40px; } /* Star Display */
td.starJ { width: 55px; } /* Star Display */
td.bVIDescription { width: 190px; } /* Background Video/Image Description Display */
td.sBDescription { width: 190px; } /* Surround Box Description Display */
td.viewCode { width: 240px; } /* View Code Display */
td.orgCode { width: 140px; } /* Organization Code Display */
td.branchId { width: 300px; } /* Branch IDs Display */
td.domainName { width: 390px; } /* Domain name Display */
td.emailAddr { width: 320px; } /* Email Address Display */
/*** td with radio button or check box on the first column ***/
td.sridR { width: 104px; } /* Service Request ID */
td.rstatusR { width: 224px; } /* Request Status */
td.rstatusRRFA { width: 250px; } /* Request Status */
td.customerIdR { width: 124px; } /* customer Id */
td.customerId2R { width: 224px; } /* customer Id */
td.createdYearR { width: 54px; } /* Created Year */
td.srdescR { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
td.parentSRIDR { width: 54px; } /* Parent SR ID */
td.runningYearR { width: 54px; } /* Running Year */
td.astatusR { width: 104px; } /* Activation Status */
td.starR { width: 24px; } /* Star Display */
td.starJR { width: 39px; } /* Star Display */
td.bVIDescriptionR { width: 174px; } /* Background Video/Image Description Display */
td.sBDescriptionR { width: 174px; } /* Surround Box Description Display */
td.viewCodeR { width: 224px; } /* View Code Display */
td.orgCodeR { width: 124px; } /* Organization Code Display */
td.branchIdR { width: 284px; } /* Branch IDs Display */
td.domainNameR { width: 374px; } /* Domain name Display */
td.emailAddrR { width: 304px; } /* Email Address Display */
td.branchIdNBRR { width: 94px; } /* Branch IDs NBR Display */
td.phoneR { width: 134px; } /* Phone NBR Display */
/*** view_ACON_List - th for table/List headers columns (width: 860px) ***/
th.reqid { width: 100px; } /* Requester ID */
th.reqLastName { width: 170px; } /* Requester Last Name */
th.reqFirstName { width: 170px; } /* Requester First Name */
th.createdYearA { width: 70px; } /* Created Year */
th.reqOrgName { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
th.reqStar { width: 40px; } /* Star Display */
th.reqStarJ { width: 55px; } /* Star Display */
th.partOrgCode { width: 76px; } /* Participating Org Code */
th.partOrgName { width: 000px; } /* Participating Org Name */
th.payerId { width: 96px; } /* Payer Id */
/*** td with radio button or check box on the first column ***/
td.reqidR { width: 84px; } /* Requester ID */
td.reqLastNameR { width: 154px; } /* Requester Last Name */
td.reqFirstNameR{ width: 154px; } /* Requester First Name */
td.createdYearR { width: 54px; } /* Created Year */
td.reqOrgNameR { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
td.reqStarR { width: 40px; } /* Star Display */
td.reqStarJR { width: 55px; } /* Star Display */
td.partOrgCode { width: 60px; } /* Participating Org Code */
td.partOrgName { width: 000px; } /* Participating Org Name */
td.payerId { width: 80px; } /* Payer Id */
/*** th for Payment table/List headers columns (width: 843px) ***/
th.sridPay { width: 110px; } /* Service Request ID */
th.sridCG { width: 80px; } /* Service Request ID */
th.sridRCG { width: 120px; } /* Service Request ID */
th.customerIdPay { width: 130px; } /* customer Id */
th.customerIdCG { width: 110px; } /* customer Id */
th.createdYearPay { width: 86px; } /* Created Year */
th.srdescPay { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
th.astatusPay { width: 120px; } /* Activation Status */
th.fromDatePay { width: 112px; } /* From Date */
th.toDatePay { width: 112px; } /* To Date */
th.boxPay { width: 62px; } /* Box for Advertisement */
th.astatusCG { width: 70px; } /* Activation Status */
th.branchid { width: 246px; } /* ChurchBranch ID */
th.creationDate { width: 112px; } /* creation Date */
th.branchEmail { width: 210px; } /* Branch Email */
/*** td Payment with NO radio button and NO check box on the first column ***/
td.sridPay { width: 94px; } /* Service Request ID */
td.sridCG { width: 64px; } /* Service Request ID */
td.customerIdPay { width: 114px; } /* customer Id */
td.customerIdCG { width: 94px; } /* customer Id */
td.createdYearPay { width: 70px; } /* Created Year */
td.srdescPay { width: 000px; } /* Description - DO NOT USE ON THE PAGE. Leave it blank */
td.astatusPay { width: 104px; } /* Activation Status */
td.fromDatePay { width: 96px; } /* From Date */
td.toDatePay { width: 96px; } /* To Date */
td.boxPay { width: 46px; } /* Box for Advertisement */
td.astatusCG { width: 54px; } /* Activation Status */
td.branchid { width: 230px; } /* ChurchBranch ID */
td.creationDate { width: 96px; } /* Creation Date */
td.branchEmail { width: 194px; } /* Branch Email */
/**(5B)*************************** Spinner Definition **************************/
.spinnerB {
position: fixed;
top: 19%;
left: 86%;
margin-left: -50px; /* half width of the spinner gif */
margin-top: -50px; /* half height of the spinner gif */
text-align: center;
z-index: 1234;
overflow: auto;
width: 100px; /* width of the spinner gif */
height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}
/********************** Blink ***********************/
@keyframes blink {
50% { opacity: 0.0; }
}
@-webkit-keyframes blink {
50% { opacity: 0.0; }
}
.blink {
animation: blink 1s step-start 0s infinite;
-webkit-animation: blink 1s step-start 0s infinite;
}
/* Blink ***************************/
/*************** Audio frame setup **************/
div.frame-2 {
margin:0px auto 0px auto;
text-align:center;
}
audio.frame-3 {
height:60px;
width:60px;
}
/***** Most browsers will display the to elements with the following default values: *****/
/***** But in here, they are set as class values with different names representing the headers *****/
/***** These are used for all pages on legend tag fields. ******************************************/
.rep_h1 { display: block; font-size: 2em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h2 { display: block; font-size: 1.5em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h3 { display: block; font-size: 1.17em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h4 { display: block; font-size: 1em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h5 { display: block; font-size: .83em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h6 { display: block; font-size: .67em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; }
.rep_h1_legend { display: block; font-size: 2em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:#003366; }
.rep_h2_legend { display: block; font-size: 1.5em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:#003366; }
.rep_h3_legend { display: block; font-size: 1.17em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:#003366; }
.rep_h3_legendB { display: block; font-size: 1.17em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:brown; }
.rep_h4_legend { display: block; font-size: 1em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:brown; }
.rep_h5_legend { display: block; font-size: .83em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:#003366; }
.rep_h6_legend { display: block; font-size: .67em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: bold; color:#003366; }
/************* Vertical CheckboxList format Definition *************/
label[for*=editPortfolioCheckboxListSelect-]:after { content:"\A"; white-space:pre; }
/*************** Some pages css setup **************/
.glab { font-weight:400; font-size:12px; color:#444; font-family:Arial; padding: 10px 0 0 85px; }
.glab2 { font-weight:400; font-size:12px; color:#444; font-family:Arial; padding: 0px; }
.glab3 { font-weight:400; font-size:12px; color:#444; font-family:Arial; padding: 0 0 0 10px; }
.glab4 { font-weight:400; font-size:4px; color:#444; font-family:Arial; padding: 0px; }
.glab5 { font-weight:400; font-size:16px; color:red; font-family:Arial; font-weight: bold; padding: 0px; }
.maino { font-weight:bold; font-size:13px; color:#993323; font-family:Arial; }
.glabPolOnRef { font-weight:bold; font-size:16px; align: left; padding: 0px; color:red; }
.glabPolOnRef2 { font-weight:400; font-size:12px; color:red; font-family:Arial; padding: 0px; text-align: justify; }
.glabBranchGroupOnCAC { font-weight:normal; font-size:14px; color:red; font-family:Arial; padding: 0px 0px 0px 150px; }
.glabChurchOrgNameText { font-weight:normal; font-size:14px; color:red; font-family:Arial; padding: 0px; text-align: justify; }
.glabDLMContributionText { font-weight:normal; font-size:14px; color:red; font-family:Arial; padding: 0px; text-align: justify; }
.glabAdsStartDateText { font-weight:normal; font-size:14px; color:red; font-family:Arial; padding: 0px; text-align: justify; }
.glabChurchDenominationText { font-weight:normal; font-size:14px; color:red; font-family:Arial; padding: 0px 0px 0px 120px; text-align: left; }
/*************** This is for Branch Group page css setup **************/
#branchGroupsInfo { width: 386px }
/*************** Text, textarea, select and label background/color css setup **************/
/* input[type="text"], textarea --- Just for text input fields */
input[type="password"] {
font-family: caption;
font-size: 16px;
box-sizing: border-box;
border-left: 2px solid grey;
border-top: 2px solid grey;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-radius: 2px;
}
input, textarea { background-color : #d1d1d1; }
input[type=text] {
color:#003366;
box-sizing: border-box;
border-left: 2px solid grey;
border-top: 2px solid grey;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-radius: 2px;
}
/* This code for radio button is now working */
input[type="radio"]:after {
width: 7px;
height: 7px;
border-radius: 10px;
top: -1px;
left: 2px;
position: relative;
background-color: #ffffff;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid white;
}
input[type='radio']:checked:after {
width: 7px;
height: 7px;
border-radius: 10px;
top: -1px;
left: 2px;
position: relative;
background-color: #000000;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid white;
}
/** Select, Label and stuff setup **/
select {
background: #d1d1d1;
color: #003366;
box-sizing: border-box;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 2px solid grey;
border-bottom: 2px solid grey;
border-radius: 2px;
}
label { color: #003366; }
label span { color: red; font-weight: bold; }
option, optgroup { -webkit-appearance: none; }
/* ********** radio button Definition ********** */
.radioMarginLeft_YesNo{
margin-left: 10px !important;
}
label.radioMarginLeft_YesNo{
margin-left: 4px !important;
}
/*
********** Administrative Accounts Definition **********
***********************************************************/
/*3**** Selection Page Fields Spacer ******/
.page_BarSpacer { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); list-style: none;
width: 150px; height: 30px; background-repeat: repeat-x; opacity: 0; }
.page_BarSpacer_Long { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); list-style: none;
width: 800px; height: 30px; background-repeat: repeat-x; opacity: 0; }
.page_BarSpacer_Last { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); list-style: none;
width: 230px; height: 30px; background-repeat: repeat-x; opacity: 0; }
/***** Administrative and Reports Status Accounts Definition *****/
.aa_Page_TxtBar30 { font-family: Arial, Helvetica, sans-serif; width: 300px; height: 30px; list-style: none;
border-top: 1px solid lightcyan; border-right: 2px solid #1f5065; border-bottom: 3px solid #1f5065; border-left: 1px solid lightcyan;
font-weight: bold; font-size: 22px; background-color: #74a3aa; text-align:center; z-index: 14; }
.aa_Page_TxtBar55 { font-family: Arial, Helvetica, sans-serif; width: 300px; height: 55px; list-style: none;
border-top: 1px solid lightcyan; border-right: 2px solid #1f5065; border-bottom: 3px solid #1f5065; border-left: 1px solid lightcyan;
font-weight: bold; font-size: 22px; background-color: #74a3aa; text-align:center; z-index: 14; }
/****************************** End of Style.css **********************************
/****************************** Start of Old Style_2.css **************************
/*
********** CSS Page Setup Definition for CG No 2 **********
*************************************************************
/*
********** Administrative Accounts Definition **********
*****************************************
*/
.adminacct300 {
width:300px;
height:30px;
padding:0px 0px 20px 20px;
list-style: none;
}
.adminacct400 {
width:400px;
height:30px;
padding:0px 0px 20px 20px;
list-style: none;
}
.adminacct420 {
width:420px;
height:30px;
padding:0px 0px 20px 20px;
list-style: none;
}
.adminacct500 {
width:500px;
height:30px;
padding:0px 0px 20px 20px;
list-style: none;
}
columns ul{
width:1100px;
margin-bottom:30px;
overflow:hidden;
}
li {
/*line-height:1.5em;*/
float:left;
/*display:inline; */
}
#double li { width:50%;}
#triple li { width:33.333%; }
#quad li { width:25%; }
#six li { width:16.666%; }
/*
********** End of Old Style_2.css Definitions **********
**********************************************************
*/
/***************************** END of Definitions *******************************
**********************************************************************************
**********************************************************************************/