/* CSS Fixes for IE 7 */

.clearfix {    
    zoom: 1;
}

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.ie7-only,
.ie7-8-only,
.ie7-8-9-only  {
    display: block;
}

button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
    background: #eee;
}

button:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover {
    background: #f5f5f5;
}

body.queensweb-fullwidth #page {
    min-width: 1310px;
}

body.queensweb-fullwidth #section-header .container-12, 
body.queensweb-fullwidth #section-header .container-12 .region.grid-12 {
    min-width: 1200px;
}

#section-header .queens-wordmark {    
    height: 58px;
    padding-bottom: 0;
    width: 489px;    
}

body.queensweb-fullwidth #section-header .queens-wordmark {            
    padding-bottom: 10px;  /* @TODO: ideally this would be bottom margin, but can't get to work in IE7 */
    position: static;    
    top: auto;    
}   

button.search-login-toggle .icon-search {
    margin-right: 0.5em;
}

#block-customsearch-internalmenu-form {
    float: right;
    width: auto;
}

body.queensweb-legacy-header #block-customsearch-internalmenu-form {
    margin-left: 35px;
}

#customsearch-internalmenu-block-form div.form-type-select {
    background: #FFF;    
    border-right: none;
    width: 190px;    
}    

#customsearch-internalmenu-block-form div.form-type-select select {
    width: 190px;
    background: #FFF;            
}

/* We can't set the height of the select box in IE7, so we resize the submit button instead */
input[type="submit"].login-icon-submit {
    margin-left: 0;
    height: 22px;
}

#internal-menu-links {
    width: auto;
    float: left;
    padding-bottom: 0;
}

#block-customsearch-customsearch-form {         
    float: none;
    width: 510px;
}

body.queensweb-legacy-header #block-customsearch-customsearch-form {
    margin-top: 0;
    float: right;
    width: auto;
}

#block-customsearch-internalmenu-form, 
#block-customsearch-customsearch-form {
    margin-bottom: 15px;
}

#block-customsearch-customsearch-form a:link {
    color: #000;
}

#block-customsearch-customsearch-form .form-item-search-terms,
body.queensweb-legacy-header #block-customsearch-customsearch-form .form-item-search-terms {    
    width: 14em;
} 

#block-customsearch-customsearch-form input.form-text,
body.queensweb-legacy-header #block-customsearch-customsearch-form input.form-text {      
    height: 24px;     
    margin-left: 3px;    
}  

body.queensweb-legacy-header #block-customsearch-customsearch-form input.form-text {
    height: 19px;
}

/* For some reason this appears in IE7...so for now we just make sure it's hidden */
button.search-login-toggle.mobile {
    display: none !important;
}

body.queensweb-fullwidth .region-menu .block-superfish {
    clear: right;
    margin-top: 5px;
}

.region-menu .block-superfish,
body.queensweb-legacy-menu .region-menu .block-superfish,
.region-menu .block-nice-menus {
    filter: none;
    background: #FFF;
}

body.queensweb-legacy-menu .region-menu .block-superfish,
.region-menu .block-nice-menus {
    background: #302f2e;
}
    

/* Superfish Menus */

.sf-menu.sf-horizontal li li {
    background-color: #000;
}  


/* Nice Menus */

.region-menu ul.nice-menu > li ul li {
    filter:alpha(opacity=80);
}

.region-menu ul.nice-menu li ul li {
    background-color: #000000;
}

.region-menu ul.nice-menu li ul li a {
    filter:alpha(opacity=100);
}

/* List fixes */
li.expanded, li.collapsed, li.leaf {
    padding: 0.2em 0.5em 0 0;

}

.share-button {
    display: inline;   
    zoom: 1;    
    height: 26px;    
}

/* clearfix for column layout containers */
div[class^="column-layout"] {
    zoom: 1;
}

.flex-direction-nav a {
    background-color: transparent;
    background-image: url(../images/slideshow_nav.png);
    background-repeat: no-repeat;
    height: 55px;
    text-indent: 100%;
    width: 56px;
}

.flex-direction-nav .flex-prev {
    background-position: -200px -100px;   
}
.flex-direction-nav .flex-next {
    background-position: -300px -100px;
}

.flex-direction-nav .flex-prev:hover {
    background-position: 0 -100px;   
}
.flex-direction-nav .flex-next:hover {
    background-position: -100px -100px;
}

.flex-direction-nav-small .flex-direction-nav a {
    height: 44px;
    width: 43px;
}

.flex-direction-nav-small .flex-direction-nav .flex-prev {
    background-position: -200px 0;
}
.flex-direction-nav-small .flex-direction-nav .flex-next {
    background-position: -300px 0;
}

.flex-direction-nav-small .flex-direction-nav .flex-prev:hover {
    background-position: 0 0;
}
.flex-direction-nav-small .flex-direction-nav .flex-next:hover {
    background-position: -100px 0;
}

.flex-direction-nav-legacy .flex-direction-nav a {
    background-image: url(../images/bg_direction_nav_sm.png);           
    height: 35px;
    width: 35px;
}

.flex-direction-nav-legacy .flex-direction-nav .flex-prev, 
.flex-direction-nav-legacy .flex-direction-nav .flex-prev:hover {
    background-position: -2px -2px;
}
    
.flex-direction-nav-legacy .flex-direction-nav .flex-next,
.flex-direction-nav-legacy .flex-direction-nav .flex-next:hover {
    background-position: -51px -2px;
}

.flexslider-front-page .front-page-image.faded img {
    filter:alpha(opacity=30);
}

body.queensweb-fullwidth #section-footer .container-12, 
body.queensweb-fullwidth #section-footer .container-12 .grid-12 {
    min-width: 1200px;
}

#region-footer-second,
.region-footer-second-inner {
    zoom: 1;
}

.footer-contact-block.footer-contact-list-block a:hover .icon-angle-right {
    text-decoration: none;
}

.footer-social-media-block {
    width: 250px;     
}    

/* display: inline-block makes sense for the social icons - but IE7 doesn't like it */

.footer-social-media-block a[class*="-icon"] {
    display: block;
    float: left;
    margin-right: 0;
    margin-left: 14px;
}

.footer-social-media-block a[class*="-icon"]:first-child {
    margin-left: 0;
}

body.queensweb-fullwidth .footer-address-block {
    width: 50%; 
}