﻿@media screen and (max-width: 1280px) {
	.banner_block {
		width: 80% !important;
		max-width: 100%;
		display: block;
		/*overflow: auto;*/
		/*background-color: lightgreen;*/
	}
}

html, body
{
	/*height:98%;*/
}
body {
	background-color: #808080;
	/*position: absolute;*/
	/*width: 100%;*/ /*This makes the horizontal scrollbars appear */ 
	overflow-x: hidden;
	/*height: 100%;*/
	margin: 10px !important;
}
h1
{
	margin-top:-5px;
}
a
{
	text-decoration:none;
}
hr
{
    border: 1px solid #FF3300;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus {
	/*border-color:#FF3300;*/ 
	border: 2px solid #FF3300;
}
#wrapper {
	/*position: relative;*/
	/*margin:1% auto 1% auto;*/
	/*margin:0px auto;*/
	/*width:1024px;*/
	margin: 0 auto !important;
	/*margin: 0 -9px 30px !important;*/
	width: 100%;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	display: flex;
	justify-content: left;
	align-items: flex-start;
	overflow: visible;
}
#banner {
	position: relative;
	background-color: #808080;
	height: 100px;
	width: 100%;
	/*width: 99%;*/
	/*left: -10px;*/
	margin: 0px auto !important;
	/*border: 1px solid white;*/
	/*background-image:url('../images/banner_2020_1024x120.png');*/
	background-image: url('../images/banner-2020.png');
	background-color: white;
	background-position: right;
	background-repeat: no-repeat;
}
#bannertext
{
	position:relative;
	width:98%;
	/*width: 1000px;*/	
	/*z-index:1;*/
}
#Header {
	position: sticky;
	/*float: left;*/
	top: 0;
	z-index: 999;
	margin: 0 auto !important;
	width: 100%;
	/*width: 1920px;*/
	height: 25px;
	background-color: #50A00B;
	color: #1E4E01;
	padding-top: 4px;
	font-size: 10pt;
}
#subLeft
{
	position:relative;
	float:left;
	width:80%;
	left:15px;
	top:-2px;
}
#menu ul li ul
{
    display: none;
}
#subRight {
	position: relative;
	float: right;
	width: 18%;
	text-align: right;
	right: 20px;
	top: 4px;
}
#LoginView1_UserName
{
	text-transform:capitalize;
    font-weight:bold;
	color:White;
}
#LoginView1_LoginStatus
{
	color:White;
}
#sidebar
{
	position:relative;
	width:200px;
	float:left;
	top:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid white;
	background-image:url('../images/bnr_002_200x534.jpg');
	background-repeat:no-repeat;
}
#contentarea {
	position: relative;
	margin: 0 auto !important;
	/*width: 100%;*/
	width: 1280px;
	height: 100%;
	background-color: #FFFFFF; /**/
	/*min-width: 1280px;*/
	/*max-width: 1920px;*/
	/*max-width: 1280px;*/
	/*border: 1px solid white;*/
	/*background-image:url('../images/bnr_003_210x539.jpg'); removed sidebar*/
	/*background-repeat: no-repeat;*/
	/*background-image:url('../images/leaves-bdy-1024x319.jpg');*/
}
#crumbs {
	position: relative;
	margin: 0 auto;
	float: left;
	width: 100%;
	height: 30px;
	top: 5px;
	background-color: #FFFFFF;
	/*background-color: #FF3300;*/
}
#crumbstext {
	position: relative;
	float: left;
	width: 100%;
	text-indent: 25px;
	padding-top: 7px;
	text-decoration: none;
	font-size: 10pt;
}
#contentwrapper {
	position: relative;
	float: left;
	width: 100%;
	margin: 5px auto;
	padding-top: 20px;
	padding-bottom: 40px;
	background-color: #dedede;
}
#content {
	padding: 25px;
}
#MonthBdayDiv
{ 
	float:left;
	padding:2px;
	width:300px;
	background-color:#DCCE52;
	font-size:11pt;
 }
#celebrantsDiv
{
	float:left;
	padding-left:10px;
	width:445px;
	font-size:11pt;
}
#footer {
	margin: 0 auto !important;
	position: sticky;
	float: left;
	bottom: 0;
	z-index: 998;
	width: 100%;
	height: 20px;
	/*background-color: #50A00B;*/
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
}
#OuterTableCellOverlay {
	position:fixed;
	top:40%;
	left:40%;
	background-color:black;
	z-index:999;
	filter:alpha(opacity=85);
	opacity:0.85;
	padding:5px;
}
#InnerTableCellOverlay
{
	text-align:center;
	width:200px;
	border:1px solid black;
	padding:50px;
	background-color:#eee;
	z-index:998;
	filter:alpha(opacity=100);
	opacity:1.00;
}
#access-denied-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: #000000 !important; /* Solid black */
	opacity: 1 !important;
	z-index: 10000 !important;
}
.backLightBlue {
	background-color: #5aaef2;
}
	.backLightBlue:hover {
		background-color: #0F73C4;
		border: 1px inset #56a0dc;
	}
	.backLightBlue:active {
		background-color: #0c5087;
		left: 1px;
		top: 1px;
	}
.backLightOrange {
	background-color: #FF3300;
}
	.backLightOrange:hover {
		background-color: #A82200;
		border: 1px inset #CCCCCC;
	}
	.backLightOrange:active {
		background-color: #FF3300;
		left: 1px;
		top: 1px;
	}
.bdayPic
{
	border:4px double #DCCE52;
	background-color:lightgray;
    box-shadow: black 1px 1px inset;  
	padding:10px;
	margin:0px 2px 5px 0px;
}
.borderGone {
	border: 0px none; 
	background-color: lightyellow;
}
.bottom8px {
	position: relative;
	bottom: -8px;
}
.button, .button-right, .button-right-mid, .button-right-20 {
	border: 1px solid #A82200;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #FF3300;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	height: 32px;
	min-width: 75px;
	position: relative;
	top: -1px;
}
.button-sans-color {
	border: 1px solid #000000;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	height: 32px;
	/*min-width: 30px;*/
	position: relative;
	top: -1px;
}
.button-sm {
	border: 1px solid #A82200;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #FF3300;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	height: 32px;
	position: relative;
	top: -1px;
}
.button-xsm {
	border: 1px solid #A82200;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #FF3300;
	font-size: x-small;
	color: #FFFFFF;
	/*padding: 0px 0px 2px 0px;*/
	margin-left: -10px;
	height: 20px;
	position: relative;
	top: -1px;
	text-align: left;
}
.button-right-mid
{
	float:right;
	position:relative;
}
.button-right
{
	float:right;
	top:3px;
	position:relative;
}
.button-right-20 {
	float: right;
	top: 20px;
	position: relative;
}
.button:hover, .button-sm:hover, .button-xsm:hover, .button-right:hover, .button-right-mid:hover, .button-right-20:hover {
	border: 1px inset #CCCCCC;
	background-color: #A82200;
}
.button:active, .button-sm:active, .button-xsm:active, .button-right-mid:active {
	position: relative;
	left: 1px;
	top: 1px;
}
.button-right:active {
	position: relative;
	left: 1px;
	top: 5px;
}
.button-right-20:active {
	position: relative;
	left: 1px;
	top: 22px;
}
.capitalize
{
	text-transform:capitalize;
}
.capUser
{
	text-transform:capitalize;
	color:blue;
	font-style:italic;
}
.caption
{
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #000000;
	border-collapse:collapse;
	padding:5px;
	background-color:#5D7B9D;
}
.contactNotesExistDiv
{
	width:760px;
	padding:5px 5px 5px 0px;
}
.contactNotesExistData
{   
	margin:0px auto;
	width:60%;
	padding:10px 20px 10px 20px;
	background-color:#EFF2C4;
	border-style:solid;
	border-width:1px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:9pt; 
}
.contactNotesInsertDiv
{
	width:760px;
	padding:5px 5px 5px 0px;
}
.contactNotesInsertData
{
	margin:0px auto;
	width:60%;
	padding:10px 20px 10px 20px;
	background-color:#FFFF99;
	border-style:solid;
	border-width:1px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:Red;
}
.dashbutton {
	height:50px;
	Width:75px;
	Border-Width:0;
	font-weight:bold;
	font-size:larger;
}
.DayOunceDiv
{
	float:right;
	padding:5px;
}
.displayBlock
{
	display:block;
}
.divTrans
{
	opacity:0.9;
	filter:alpha(opacity=90); 
}
.divTransWhite
{
	background-color:White;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.dropdown
{   
    font-family:Roboto, sans-serif, helvetica;
    font-size:9pt;
}
.dropdown-fontSans
{
    font-family:courier new, sans-serif, helvetica, Roboto;
    font-size:11pt;
}
.dropdown, .dropdown-fontSans, .dropdown-fontSans-sm
{
	border:1px solid #333333;
	padding:4px;
	margin:2px;
}
.dropdown-fontSans-sm
{
	font-family:courier new, Roboto, sans-serif, helvetica;
    font-size:small;
}
.ellipsis
{
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	overflow: hidden;
	overflow-x:hidden;
	display:block;
	/*width:inherit;*/
}
.el-cashflow {
	white-space: nowrap;
	min-width: 100px;
	max-width: 220px;
	max-height: 42px;
}
.el-mrts {
	white-space: nowrap;
	min-width: 100px;
	max-width: 550px;
	/*max-height: 40px;*/
	max-height: 18px;
}
.el-mrts2 {
	white-space: nowrap;
	min-width: 85px;
	max-width: 100px;
	max-height: 27px;
}
.el-mrts-doc-name {
	white-space: normal;
	word-wrap: break-word;
	min-width: 85px;
	max-width: 410px;
}
.EmpPhotoID
{
	border:2px solid #FF3300;
	padding:5px;
	width:150px;
}
.fontBlack
{
	color:Black;
	font-weight:bold;
}
.fontBlack-nonbold {
	color: Black;
	font-weight: normal;
}
.fontBlue
{
	color:Blue;
	font-weight:bold;
}
.fontGray
{
	color:Gray;
}
.fontGreen
{
	color:Green;
	font-weight:bold;
}
.fontDkGreen
{
	color:#1E4E01;
	text-decoration:none;
	font-weight:bold;
}
.fontDkGreen-nonbold {
	color: Green;
	font-weight: normal;
}
.fontXLarge {
	font-size: x-large;
}
.fontLarge {
	font-size: large;
}
.fontRed
{
	color:Red;
	font-weight:bold;
}
.fontRed-sm
{
	font-size:x-small;
	color:Red;
}
.fontRed-sm-right
{
    font-size:x-small;
	color:Red;
    text-align:right;
}
.fontSans
{
	font-family:Roboto, courier new, sans-serif, helvetica;
}
.fontSans-sm, .fontSans-sm-right
{
	font-family:Roboto, courier new, sans-serif, helvetica;
	font-size:small;
}
.fontSans-sm-right
{
	text-align:right;
}
.fontSans-strikethrough {
	font-style: italic;
	text-decoration: line-through !important;
	background-color: lightgray;
}
.fontWhite
{
	color:White;
	font-weight:bold;
}
.fontYwGreen
{
	color:#E0E46C;
	text-decoration:none;
}
.gvBkgd
{
	background-color:white;
	padding:2%;
}
.gvPagerCss span {
	background-color: #0F73C4;
	font-size: medium;
}
.gvPagerCss td {
	padding-left: 5px;
	padding-right: 5px;
}
.iconButtons
{
	position:relative;
	top:3px;
}
.left5px
{
	position: relative;
	left: -5px;
}
.leftAlign {
	float: left;
	text-align: left;
}
.leftFloatBrd
{
	float:left;
	width:30%;
	font-size:11pt;
}
.leftFloatBrdFull
{
	/*border:1px solid #000000;*/
	float:left;
	width:100%;
	font-size:11pt;
}
.leftFloat
{
	float:left;
	width:50%;
	font-size:11pt;
}
.leftFloatFull
{
	float:left;
	position:relative;
	width:100%;
}
.leftFloat430
{
	float:left;
	width:430px;
	font-size:11pt;
}
.lower5px {
	position: relative;
	top: 5px;
}
.lower10px
{
	position:relative;
	top:10px;
}
.midFloatBrd
{
	position:relative; 
	float:left; 
	width:40%; 
	padding:0 1% 0 1%; 
	top:0px; 
	left:0px;
	font-size:11pt;
}
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=90);
	opacity:0.6;
}
.modalPopup {
	background-color:#FFFFFF;
	border:3px solid white;
}
.navtree a
{
	display:block;
}
.no-side-borders, .no-side-borders td, .no-side-borders th {
	border-left: none !important;
	border-right: none !important;
}
.photoID
{
	border:2px solid #FF3300;
	padding:5px;
}
.pnlCustInfo
{
	background-position:right top;
	position:absolute;
	top:30px;
	left:-250px;
	border:1px solid black;
	color:Black;
	background-image:url('../images/bnr_003_210x539.jpg');
}
.pnlContInfo
{
	background-position:right top;
	position:absolute;
	top:30px;
	left:-250px;
	border:1px solid black;
	color:Black;
	background-image:url('../images/bnr_003_210x539.jpg');
}
.rightmargin10px {
	position: relative;
	margin-left: 10px;
}
.rightAlign
{
	float:right;
}
.rightFloat
{
	position:relative; 
	float:left; 
	width:40%; 
	top:0px; 
	left:0px;
	font-size:11pt; 
}
.rightFloatBrd
{
	position:relative; 
	float:left; 
	width:27%; 
	font-size:11pt; 
}
.rightFloat550
{
	position:relative; 
	float:left; 
	width:550px; 
	font-size:11pt; 
}
.Round
{
    border-radius:8px;
    -moz-border-radius:8px;
    /*border:2px solid #000000;*/
	overflow: hidden;
}
.RoundTop {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	/*border:2px solid #000000;*/
	overflow: hidden;
}
.Roundbottom {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	/*border:2px solid #000000;*/
	overflow: hidden;
}
q.remindMeDiv
{
	position:relative;
	float:right;
	top:-5px;
}
.spacer
{
	height:5px;
}
.textbox, .textbox-center
{
	border:1px solid #333333;
	padding:5px;
	margin:2px;
    font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:11pt;
}
.textbox-center
{
	text-align:center;
}
.textbox-fontSans-sm-right
{
	text-align:right;
}
.textbox-fontSans-sm, .textbox-fontSans-sm-right, .textbox-fontSans-sm-AC
{
	border:1px solid #333333;
	padding:5px;
	margin:2px;
    font-family:courier new, Roboto, sans-serif, helvetica;
	font-size:small;
}
.textbox-fontSans-sm-AC
{
	text-transform:uppercase;
}
.textboxFont
{
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.textbox-Pad {
	padding: 5px;
	margin: 5px;
}
.textLabel
{
	font-family:Roboto, Arial, Helvetica, sans-serif;
    text-align:left;
	font-size:8pt;
    font-weight:600;
    text-transform:capitalize;
    letter-spacing:1px;
}
.textHeader {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: x-large;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 2px;
}
.timeStamp
{ 
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	font-style:italic; 
	color: black;
	position: relative; 
	text-decoration: none;
	text-decoration-color: none;
	top: 3px;
	/*left: 20px;*/
	/*background-color:#0F4C81;*/
}
.timeStampGy
{
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	font-style:italic; 
	color:Gray;
}
.top1px
{
	position: relative;
	top: -1px;
}
.top2px {
	position: relative;
	top: -2px;
}
.top30px {
	position: relative;
	top: 30px;
}
.topalign {
	vertical-align: top;
}
.wrapme {
	white-space: normal;
}
.collapsePanelHeader {
	/*background-color: #0F73C4;*/
	color: White;
	/*font-weight: bold;*/
	/*padding: 5px;*/
	cursor: pointer;
}

.collapsePanel {
	/*background-color: White;*/
	/*padding: 5px;*/
	/*border: 1px solid #0F73C4;*/
	overflow: hidden;
}