﻿body { margin: 0 !important; }

.foobar-wrapper { width: 100%; height: 35px; z-index: 9999; }
.foobar-container { width: 100%; height: 30px; overflow: hidden; font-weight: bold;}
.foobar-shadow { width: 100%; height: 5px; background: url('../images/foobar/foobar-shadow.png') repeat-x left top; }
.foobar-container-left, .foobar-container-right { position: relative; overflow: hidden; width: 20%; height: 30px; display: inline-block; float: left; font-weight: normal;  }
.foobar-container-center { overflow: hidden; width: 50%; height: 30px; text-align: center; }
.foobar-message-wrapper { overflow: hidden; white-space: nowrap; text-align: center; margin: auto; }
.foobar-close-button-container { width: 5%; height: 30px; display: inline-block; }
.foobar-open-button-container { width:5%; height: 0; position: absolute; top: 0; overflow: hidden; }
.foobar-open-button-container.shadow { background: url('../images/foobar/foobar-button-shadow.png') no-repeat center bottom; }
.foobar-open-button, .foobar-close-button { width: 28px; height: 30px; display: block; margin: 0 auto; outline: none; border: none; }
.foobar-open-button {
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.foobar-open-button.triangle-arrow { background: url('../images/foobar/triangle-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.triangle-arrow:hover { background: url('../images/foobar/triangle-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.triangle-arrow { background: url('../images/foobar/triangle-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.triangle-arrow:hover { background: url('../images/foobar/triangle-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.long-arrow { background: url('../images/foobar/long-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.long-arrow:hover { background: url('../images/foobar/long-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.long-arrow { background: url('../images/foobar/long-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.long-arrow:hover { background: url('../images/foobar/long-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.small-white-arrow { background: url('../images/foobar/small-white-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.small-white-arrow:hover { background: url('../images/foobar/small-white-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.small-white-arrow { background: url('../images/foobar/small-white-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.small-white-arrow:hover { background: url('../images/foobar/small-white-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-social { list-style-type: none; height: 30px; margin: 0 0 0 10px; padding: 0; }
.foobar-social li { height: 30px; float: right; text-align: left; padding: 0 !important; }
.foobar-social li a { width: 30px; height: 30px; display: inline-block; margin: -1px 0 0 0; }
.foobar-social li a:hover { opacity: 0.5;}

.foobar-preset-1 { color: #ffffff; text-shadow: 0 1px 0 #986C00; }
.foobar-preset-1 a { color: #2b1b0a; text-shadow: 0 1px 0 #F1BA4D; text-decoration: none; }
.foobar-preset-1 a:hover { text-decoration: underline; }

.foobar-preset-2 { color: #000; text-shadow: 0 1px 0 #aaa; }
.foobar-preset-2 a { color: #fff; text-shadow: 0 1px 0 #888; text-decoration: none; }
.foobar-preset-2 a:hover { text-decoration: underline; }

/*Custom*/


.foobar_more_btn {	width: auto; height: 27px; display: inline-block; text-decoration: none !important; margin: 0 0 0 10px; vertical-align: middle;}

.foobar_more_left_btn {
   
    width: 4px;
    height: 27px;
    background: url(../images/foobar/more_btn.png) no-repeat left top;
    display: inline-block;
    float: left;
}

.foobar_more_center_btn {
   
    width: auto;
    height: 27px;
    background: url(../images/foobar/more_btn.png) center top;
    display: inline-block;
    float: left;
    text-align: center;
}

.foobar_more_center_btn p {
   
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 6px 7px 0 5px;
    line-height: 14px;
    padding: 0;
}

.foobar_more_right_btn {
   
    width: 14px;
    height: 27px;
    background: url(../images/foobar/more_btn.png) no-repeat right top;
    display: inline-block;
    float: left;
}

.foobar_more_btn:hover .foobar_more_left_btn{
   
    background-position: left bottom;
}

.foobar_more_btn:hover .foobar_more_center_btn{
   
    background-position:  center bottom;
}

.foobar_more_btn:hover .foobar_more_right_btn{
   
    background-position: right bottom;
}
