/*5/9/17 change for User login -- push footer down*/
.acuitycontainer{
    min-height:500px;
    margin-top:60px; /* JPG 20160829 Added for Yii2 to move content below the top menu bar */
    padding:10px;
    padding-top:0;
}




/*
* 4/25/12 RBS Changes related to using checkmarks and X for personal schedule check
*
*
*/


 html, body {
/*height: 100%;
width: 100%;
causes extra scroll bars
*/     
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
h3 { margin-top: .5em; }

 #topbar {
     height: 36px;
     background-color:#382E1C;
     position:relative;
     border-bottom:0;     /*border-bottom:2px solid #888888;*/
     background-image: url(../img/title_stormwater_brown.png);
	 background-repeat: no-repeat;
     z-index:5;
 }

 /*this is the logo in the upper right. By default it is hidden,
    and will only show if this css file is loaded*/
 .topbarLogo {
     display:block;
     position:absolute;
     top:2px;
     right:2px;
 }
 #content
 {
     padding: 10px 20px 20px 20px;
 }

 /*Flash Messages*/
.submitbuttonrow
{
    height:50px;
}

.msgFlash_info, .msgFlash_success, .msgFlash_warning, .msgFlash_error
{
border: 1px solid;
margin: 10px 0px;
padding:5px 14px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.msgFlash_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/msg_info.png');
}
.msgFlash_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/msg_success.png');
}
.msgFlash_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/msg_warning.png');
}
.msgFlash_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/msg_error.png');
}

.footLogo{
    margin-left:10px;
    margin-right:10px;
}

/*******************
Formating for Side Box
    indexRight/Left divide the screen in two
*******************/
.indexContainer
{
    position:relative;
    margin-left:170px;
    /*height:600px;*/
}
.indexRight
{
    position:relative;
    /*padding-left:170px;*/

}
.indexLeft
{
    position:absolute;
    left:-170px;
    top:0;
    width:170px;
}

.sideboxContainer
{
   	width: 150px;
   	position: relative;
    margin-bottom:10px;
    padding:0 4px 4px 4px;
   	background: #f3f3f3;
   	border: 1px solid #fff;
   	border-radius: 5px;
   	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.sideboxContainer .sbHeader {
   padding: 5px 0 0 0;
}


.sideboxContainer .sbHeader h1
{
     padding: 5px 0 8px 0;
     font-family: "Bree Serif", serif;
     font-weight: 300;
     font-size: 18px;
     /*line-height:20px;*/
     color: #414848;
     text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
     /*margin-bottom: 5px;*/
}

.sideboxContainer .sbHeader span
{
     font-size: 11px;
     line-height:14px;
     color: #678889;
     text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

.sideboxContainer .sbContent
{
     padding: 0 0 8px 0;
}

.sideboxContainer .sbContent a:link     {text-decoration: none; color: #004bc4;}      /* unvisited link */
.sideboxContainer .sbContent a:visited  {text-decoration: none; color:#004bc4;}  /* visited link */
.sideboxContainer .sbContent a:hover    {text-decoration: none; color:#ebdc28;}  /* mouse over link */
.sideboxContainer .sbContenta:active   {text-decoration: none; color:#004bc4;}  /* selected link */

.sideboxContainer ul {
       margin-bottom:5px;
       padding-left:10px;
       margin-right:10px;
}

.rightsideTitle {
    font-size:1.4em;
    font-weight: bold;
    margin-bottom:15px;
}
/*******************
LOGIN FORM - There are 2 types, .login-form-page and .login-form-sidebox
.login-form-page has all default settings, .login-form-sidebox overrides that
*******************/

.login-form-page
{
    display:none;
    width: 400px;
    position: relative;
    margin-bottom:10px;
    padding:0 4px 4px 4px;
    background: #f3f3f3;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/*overrides for sidebar*/
.login-form-sidebox
{
    display:block;
    width: 150px;
}

/*----------------
Login Form Header
-----------------*/

.login-form-page .lfHeader
{
    padding: 15px 0 5px 0;                        /*SIZE CHANGE*/
    font-family: "Bree Serif", serif;
    font-weight: 300;
    font-size: 24px;
    line-height:26px;                        /*SIZE ADD*/
    color: #414848;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    margin-bottom: 5px;                      /*SIZE ADD*/
    text-align:center;                       /*SIZE ADD*/
}

/*overrides for sidebar*/
.login-form-sidebox .lfHeader
{
    padding: 5px 0 0 0;
    font-size: 18px;
    line-height:20px;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

.login-form-page .lfHeader span
{
    font-size: 15px;
    line-height:14px;
    color: #678889;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*----------------
Login Form Content
-----------------*/
.login-form-page .lfContent
{
    padding: 3px 0 8px 0;
}

/* Input field */
.login-form-page .lfContent .input
{
    width: 200px;
    padding: 3px 3px;
    margin: 0 0 8px 100px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9d9e9e;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/*overrides for sidebar*/
.login-form-sidebox .lfContent .input
{
    width: 142px;
    margin: 0 0 3px 0;
}

/* Second input field */
.login-form-page .lfContent .password, .login-form-page .lfContent
{
    margin-top: 5px;
}

.login-form-page .lfContent .input:hover
{
    background: #dfe9ec;
    color: #414848;
}

.login-form-page .lfContent .input:focus
{
    background: #dfe9ec;
    color: #414848;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.lfContent input:focus + div
{
    left: -46px;
}

/* Animation */
.input, .lfButton, .lfRegister
{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

/*-----------------------------------------------
Formatting data entry table
-----------------*/
.formTable {width:500px;margin-top:30px;}
.formTable td {vertical-align:top;padding-bottom:10px;}
.formTable .colLabel {padding-top:6px;width:150px;font-size:16px;text-align:right;padding-right:10px;}
.formTable .telabel {width:200px;}
.formTable .colEntry {width:200px;}
/*End Form Table*/

/*----------------
Login Form Footer
-----------------*/

.login-form-page .lfFooter
{
    padding: 5px 0 5px 0;
    overflow: auto;
    margin-top:8px;                   /*SIZE ADD*/
    background: #ced7d8;
    border-top: 1px solid #fff;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/*overrides for sidebar*/
.login-form-sidebox .lfFooter
{
    margin-top:0;
}

/* Login button */
.login-form-page .lfFooter .lfButton
{
    padding: 10px;                    /*SIZE ADD*/
    width:100px;                        /*SIZE ADD*/
    margin-left: 20px;                                   /*SIZE ADD*/
    font-family: "Bree Serif", serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
    background: #1a4dc0;
    border: 1px solid #0d285f;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

/*overrides for sidebar*/
.login-form-sidebox .lfFooter .lfButton
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-left:35px !important;
    padding: 0;
    width:80px;
    height:30px;
}

.login-form-page .lfFooter .lfButton:hover
{
    background: #3f9db8;
    border: 1px solid rgba(256,256,256,0.75);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form-page .lfFooter .lfButton:focus
{
    position: relative;
    bottom: -1px;
    background: #56c2e1;
    box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form-page .lfFooter .lfRegister {
    display: block;
    float: right;
    padding: 3px;
    padding-left:20px;
    margin-right: 20px;
    margin-top:7px;
    width:80px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Bree Serif", serif;
    font-weight: 300;
    font-size: 18px;
    background-color: #aeb7b8;
    color: #414848;
    text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

/* Register button */
.login-form-sidebox .lfFooter .lfRegister
{
    margin-top: 2px;
}

.login-form-page .lfFooter .lfClose
{
    padding-left:0;
}

.login-form-page .lfFooter .lfRegister:hover
{
    color: #3f9db8;
}

.login-form-page .lfFooter .lfRegister:focus
{
    position: relative;
    bottom: -1px;
}

.login-form-page .footText
{
   margin: 6px 0 3px 0;
    font-size:0.8em;
}

.login-form-page .footResetPw
{
    float:right;
    cursor:pointer;
}

.login-form-page .footReg
{
    cursor:pointer;
}

.login-form-page a:link     {text-decoration: none; color:#8c8b8b;}      /* unvisited link */
.login-form-page a:visited  {text-decoration: none; color:#8c8b8b;}  /* visited link */
.login-form-page a:hover    {text-decoration: none; color:#1b49b1;}  /* mouse over link */
.login-form-page a:active   {text-decoration: none; color:#8c8b8b;}  /* selected link */


/*END LOGIN DIALOG*/