/* Start of Customized Header NavBar Styles */

#headerMainDiv { display: inline-block; vertical-align: middle; margin: 0 auto; min-height: 40px;}
#headerMainDiv .container { max-width: 1300px; }
.navbar#footer {
    padding: 0;
    min-height: 40px;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-brand {
    padding-top: 7px;
    padding-bottom: 7px;
}
.navbar-toggle {
    padding: 5px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Action bar for small screen resolutions */
#actionBarButton {height: 34px;}

/* Enable the display of the  dropdown menu selections */
ul.nav li.dropdown:hover > ul.dropdown-menu {display: inline-block; font: "Roboto Light"; font-weight: 300;}
.active {font-weight: bold;}

/* Nav Bar Search settings */
#navbarSearch {
    width: 100%;
    height: 35px;
    background-color: #717171;
    font: bold 20px;
    color: #ffffff;
    border: 1px #717171;
    border-radius: 1.0em;
}
#navbarSearch::-moz-placeholder {  /* Firefox 19+ */color: #ffffff; }
#navbarSearchButton {
    margin-left: -25px;
    height: 34px;
    padding-right: 15px;
    font-size: 23px;
    background-color: #717171;
    border: 1px #717171;
    border-radius: 1.0em;
}

#headerMenuUserLogout {min-width: 250px;}
#headerMenuUserLogout div {text-align: left}
#headerMenuUserLogout div, #headerMenuUserLogout div a {margin: 9px auto;color:white;font-size: 16px;}

/* End of Customized Header NavBar Styles */


/* Customized Footer Styles */
#footer {
    padding-top: 10px;
}

footer p {
    font: bold 10px;
    color: #ffffff;
}
.footerSection {
    display:inline-block;
    vertical-align:middle;
    height:auto;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
}
#footerPoweredBy a {
    color:orange;
}
#gotoAuctionStudioButton a {
    padding: 4px;
}
/* End of customized Footer Styles */


/* CSS for smartphones (e.g. iPhone), and tablets (e.g. iPad) in both portrait and landscape orientation */
@media only screen and (min-width:200px) and (max-width:767px) {

    #headerHomeDiv {margin-left: 15px;}
    #headerMainDiv .container { margin-left: -10px; margin-right: 0; }
    .headerTitle:before {
        content: "Auction Mobility";
        display:inline-block;
        font-size: 16px;
        padding-top: 4px;
    }
    .headerMenuOptions {margin-left:15px;}
    .headerMenuOptions li {height: 25px;}
    #headerMenuUserLogout {margin-left:30px;}

    /* Hide Powered By text. */
    #footerPoweredBy {color: transparent; font-size:0;}
    #footer {text-align: center;}

}

/* Extra CSS for other screen dimensions */
@media only screen and (min-width:768px) and (max-width:1600px) {
    #headerHomeDiv {margin-left:10px;}
}