body { background-color:#c8cacc; 
}

a {color:#376ba6;}
a:hover{color:#6b9cda;}
.login h2 {border-bottom:none !important;}
h2 {font-size:20px; font-weight:normal; border-bottom:1px solid #E2BE78;}
.heading {font-size:16px; font-weight:bold; margin:30px 0 10px 0;}
.subhead{font-size:14px; font-weight:bold; margin:10px 0;}

.checkbox-item{margin-top:15px;}
.checkbox-item span {font-weight:bold;}
.checkbox-text{padding-left:22px;}
.itemsmall {width:150px;  margin:0 20px 20px 0; float:left;}	 
.error {color:red; display:block; margin:20px 0;}	
.required:after {color:Red; font-size:10px; content:" *";}
.formindent {margin-left:20px;}
.rightspace{margin-right:20px;} 
#container 
{ height:100%;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f0f0f0;
    font-family: Georgia,Times,Times New Roman,serif; font-size:14px;
	overflow:hidden; height:100%; 
  
	
	}
#main
{ 
  border:1px solid #4E152E; 
	}

#header {
color:#fff;
font-size:28px;
font-family:Times New Roman;
      width:100%
}
#headertext-sub
{
    color:#fff; font-size:12px; font-style:italic;
    font-family:Times New Roman;
    font-size:14px;
}
#headertext-contact {font-size:12px;
         
}
#headerlogo {width:100%;
            background-color:#4E152E;
           height:70px;
           background-image:url(../images/lsblogo.png);
           background-size:60px 60px;
           background-position:5px 5px;
           background-repeat:no-repeat;
           padding:10px 0 0 80px;
   
}
#headerlogo a {width:75px; 
           height:105px;
           top:10px; 
           left: 50px;
           text-indent:9999px;
           display:block;
           }
#leftcolumn 
{

	width:150px;
	background-color:#4E152E;
	color:#2b403b;
	vertical-align:top;
	}	
	





#bodycolumn 
{
	margin-top:20px;
	margin-bottom:30px;
	width:95%;
	float:left;
	margin-left:30px;
	margin-right:15px;
	}

.bodytable{width:100%; margin-left:-2px;}
.lsbseperator 
{
    height:6px; border-top:3px solid #E2BE78; border-bottom:2px solid #fff; 
    }
.lsbseperator2
{
    height:6px; border-top:3px solid #fff; border-bottom:2px solid #E2BE78; 
    }

.lsbfooter {border-top:5px solid #4E152E; padding:15px; font-size:10px; text-align:center; background-color:#C8CACC;}


/************ forms ********************/
.formitem {margin-top:10px;}
.formitem span {display:block;}
input.txtError, select.txtError {
    background-color: #FCF6F6;
    border: 1px solid #FD0000 !important;
    color: #000;
}

/*********************** Login page ***************/
.login{float:left; width:48%;}
.createaccount {float:right; width:50%;}
#loginmainleft, .loginheader, #passwordrecovertog {display:none;}
.lsbMainInfo { border-bottom:1px solid #E2BE78}
.errorpanel .errmessage{color:Red;}

/* Shown when the SubsitesAuth gateway refuses a call because the caller is over a limit.
   Amber, not the red of .errormessage: a throttle is not something the visitor did wrong,
   and the red treatment reads as "your password is bad". Sized to sit where .errormessage
   does in the sign-in box. */
.throttle-banner {
    display: none;
    color: #7a5b12;
    background: #FFF6E9;
    border: 1px solid #e6b222;
    padding: 12px;
    margin: 8px 0;
    font-size: 14px;
}
.throttle-banner.is-visible {display:block;}

/* Error boxes that only appear when throttle.js puts text in them. */
.async-error {display:none;}
.async-error.is-visible {display:block;}


/*********** Finishing Page ************/
.checkbox-group {float:left; margin-right:20px;}
.checkbox-group-other span{display:inline-block; width:100px;}
.checkbox-child {margin-left:20px;}

/********* buttons ********/
.btn-primary:focus, .btn-secondary:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-primary:active, .btn-secondary:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary {
  padding: 4px 12px 6px;
  /*font-family: Arial;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  border:1px solid #445396;
  background: #053f7c url(../images/btn-primary-bg.jpg) repeat-x;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0066b2), to(#053f7c));
  background: -moz-linear-gradient(top, #0066b2, #053f7c);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0066b2, endColorStr=#053f7c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0066b2, endColorStr=#053f7c);
  cursor:pointer;
}
.btn-primary:hover {
  background: #0066b2;
}

.btn-primary:active {
  background: #0066b2;
}

/* throttle.js disables the submit button while a throttle is counting down. Without this
   the button keeps its full blue and looks clickable. */
.btn-primary[disabled], .btn-primary:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.btn-secondary {
  padding: 5px 10px 6px;
  /*font-family: Arial;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  font-weight:600;
  text-decoration: none;
  color: #46423B;
  font-size: 12px;
  border: 1px solid #CECCC6;
  background: #FCFBF9 url(../images/btn-secondary-bg.jpg) repeat-x;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FCFBF9));
  background: -moz-linear-gradient(top, #ffffff, #FCFBF9);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#FCFBF9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#FCFBF9);
  cursor:pointer;
}
.btn-secondary:hover {
  background: #fff;
}
.btn-secondary:active {
  background: #fff;
}

/***************** menu *********************/ 



ul.VenMen    
{
    list-style-type: none;
    margin: 0;
    padding:0;
    width:100%;

}


ul.VenMen li.menusub
{
    padding:10px 0 10px 10px;
    
    border-bottom:1px dashed #F0F0F0;
}

ul.VenMen li.menusub a
{
    color:#fff;
    font-family:Times New Roman;
    font-size:16px;
    text-decoration:none;
}

ul.VenMen li.menusub a:hover
{

    text-decoration:underline;
}



.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}
.space {
    height: 10px;
}

/************** Reporting Page ********************/
.report {padding-bottom:8px; border-bottom:1px solid black; margin-top:10px;}
.report-item {height:28px; clear:both;}
.report-item span.rptlabel {display:block; float:left; width:150px;}
.rptsmall {float:left; margin-right:20px; }
.rptright {text-align:right;}
.LSBSendDate {float:left;}
.LSBimgCal {float:left;}

.PnlReport{width:600px;padding:10px;}

.report-action {padding-top: 10px;}
.report-action input {margin-right: 10px;}
.hymnname {padding-right:20px;}
.errorbox {display:block; float:left;  padding-left:150px;}
.reporterror {height:25px; font-size:11px; color:Red; margin-bottom:5px;}

.PnlSearch{padding:10px;}
.searchresultbox{margin-top:20px; }
.searchresult{display:block; margin-top:10px;}
.searchmessage{margin-top:20px;}

/* render submit buttons that replace legacy LinkButtons as text links */
button.linkbutton {
    background:none; border:none; padding:0; margin:0 0 0 6px;
    color:#376ba6; font-family:inherit; font-size:inherit;
    text-decoration:none; cursor:pointer;
}
button.linkbutton:hover { color:#6b9cda; text-decoration:underline; }
button.searchresult.linkbutton { margin:10px 0 0 0; }


#bodycolumn { 
  width: 798px; 
  margin: 15px; 
  
    overflow:hidden;
}

#sidebar {
  width: 400px;
}

.flex-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}
.form-label {
    min-width: 120px;
    text-align: right;
    margin-right: 8px;
}
.form-control {
    flex: 1;
}