/* 
 * Styles for the login page
 */
body {
    margin:0;
    padding:0;
    background: #f5f5f5;
}  

a {
    color: #6F9930;
    text-decoration: none;
} 

a:hover {
    color: #6F9930;
    text-decoration: underline;
}

.loginStatusText{
    color: red;
    width: 225px;
    font-size: smaller;
    text-align: left;
    margin-bottom: 12px;
}

input { width: 210px; }

input[type=submit] {
    width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.autani-header-bar {
    height: 100px;
    background: #ffffff;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}
.autani-logo {
    position: absolute;
    left: 10px;
    margin-top: 5px;
    margin-bottom: 0px
}

.login-button {
    font-size: 13px !important;    
}

.login-box-separator {
    margin-left: -19px;
    width: 300px;
    background: #dedee2;
}

.login-box {
    float: right;
    background: #f5f5f5;
    width: 300px;
    padding: 0px;
    min-height: 550px;
}

/* A special style for the confirmation page */
.login-box-centered {
    float: center;

    background: whiteSmoke;
    border: 1px solid #E5E5E5;

    width: 350px;
    height: 225px;

    margin: 50px auto -1px auto; 
    padding: 0px;
}

.login-box-header {
    /*padding: 5px;*/
}

.login-box-content {
    padding: 19px;
}

.login-box-content-with-lower-box {
    padding: 19px 19px 10px;
}

h2 {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    margin: 0 0 0.25em;
    position: relative;
}

.h2-header {
    height: 68px !important;
}


.h2-subheader{
    width: 80%;
    min-width: 300px;
    text-align: justify;
}

h3 {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    margin: 0 0 1.2em;
    position: relative;
}

.login-input-label {
    font-weight: bold;
}

.main-content {
    padding: 0px;
    margin-right: 300px;
}

.main-content-separator {
    width: 75%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.feature-list {
    list-style: none;
    overflow: hidden;
    margin-top: 10px;
}

.feature-list li {
    height: 90px;
}

.feature-list-header {
    font-size: larger;
    padding-top: 15px;
}

.feature-list li img {
    margin-right: 20px;
    float: left;
}

.ui-widget { font-size: smaller; }
/*.main-content-bottom-links .ui-widget { font-size: smaller !important; }*/

/**** CSS for the sticky footer ****/
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
        padding-bottom: 25px;}  /* must be same height as the footer */

#footer {position: relative;
         margin-top: -25px; /* negative value of footer height */
         margin-left: 0px;
         padding-top: 0px;
         padding-left: 20px;
         height: 24px;
         clear:both;
         background: whiteSmoke;
         border-top: 1px solid #ffffff;
}

#cswebUniqueFooterDiv {padding-top: 5px;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/**** END sticky footer ****/

/**** styles for the login page flex slider ****/

/*
.flex-caption h4.post-title {
    margin: 0 0 10px;
}
h4.post-title, h4.post-title, h1.post-title {
    margin: 0;
}
.flex-caption h4 {
    color: #47C233;
    font-size: 20pt;
} */      

.flex-post-title {
    font-size: 60px;
    /*white-space: nowrap;*/
    font-family: "Titillium Web", sans-serif;
}

.flex-post-subtitle {
    color: #6F9930;
    font-size: 23px;
}

.flexslider .feature-image {
    float: right;
    margin: 30px;
    padding: 0;
    width: 95%;
    text-align: center;
}

.flex-caption {
    background: none repeat scroll 0 0 transparent;
    font-size: 14px;
    /*line-height: 22px;*/
    /*margin: 30px;*/
    padding: 30px;
}

.flex-caption .excerpt {
    /*height: 17.9em;*/
    /*line-height: 1.9em;*/
    /*margin-bottom: 20px;*/
    /*overflow: hidden;*/
}


.flexslider .slides img {
    float: none;
    height: auto;
    margin: 0;
    max-width: 100%;
}

.flexslider .slides > li {
    min-height: 550px;
}
/**** END flex slider styles ****/

.flex-caption .excerpt p {
    margin-bottom: 25px;
}

/* Header button styles */
nav ul {
    margin: 0;
}

nav ul li {
    display: inline-block;
    float: left;
}

nav ul li.nav-contact {
    padding-left: 15px;
    padding-right: 30px;
}

nav ul li a {
    color: #666;
    height: 100px;
    padding: 0 15px;
    line-height: 100px;
    border-bottom: 2px solid white;
    display: block;
}

nav ul li.nav-contact a {
    font-size: 16px;
    color: #6F9930;
    height: 32px;
    padding: 0 23px;
    line-height: 29px;
    border: 1px solid #6F9930;
    display: block;
    border-radius: 8px;
    margin-top: 20px;
}

.nav-about:hover, li.active .nav-about,
.nav-how:hover, li.active .nav-how{
    border-color: #50c0af;
    color: #50c0af;
}
.nav-why:hover, li.active .nav-why {
    border-color: #6F9930;
    color: #6F9930;
}
.nav-what:hover, li.active .nav-what {
    border-color: #f15a29;
    color: #f15a29;
}
.nav-work:hover, li.active .nav-work {
    border-color: #009444;
    color: #009444;
}
.nav-resources:hover, li.active .nav-resources {
    border-color: #03585e;
    color: #03585e;
}
.nav-blog:hover, li.active .nav-blog {
    border-color: #f7941e;
    color: #f7941e;
}
.nav-contact a:hover, li.active .nav-contact {
    color: white;
    background: #6F9930;
}
/* END header button */

.carousel-p-tbody tr td {
    text-align: center;
    vertical-align: top;
    width: 20%;
    padding: 5px;
}