﻿
.foobar-wrapper { width: 100%; height:35px; z-index: 999;}
.foobar-container {
    width:100%; height:30px;
    overflow:hidden;

    /*
    background: #dadada !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada)) !important;
    background: -moz-linear-gradient(top,  #ffffff,  #dadada) !important;
    */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
    
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
} 

.foobar-container-left, .foobar-container-right { position: relative; overflow: hidden; width:178px; height:30px; display:inline-block; }
.foobar-container-left { float:left; }
.foobar-container-right { float:right; *top: -30px; }
.foobar-container-center { overflow: hidden;width: 50%; height:30px; display:inline-block; line-height:30px; text-align:center;}
.foobar-message-wrapper { overflow: hidden; }
.foobar-close-button-container { width:5%; height:30px; display:none; }
.foobar-open-button-container { width:5%; display:none; height:0px; position:absolute; top:0; overflow:hidden; background:url('foobar-button-shadow.png') no-repeat center bottom; }
.foobar-open-button, .foobar-close-button { width:28px; height:30px; margin:0 auto; outline:none; border:none; }
.foobar-open-button 
{
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.foobar-open-button.triangle-arrow { background:url('foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.triangle-arrow:hover { background:url('foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.triangle-arrow { background:url('foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.triangle-arrow:hover { background:url('foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.long-arrow { background:url('images/long-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.long-arrow:hover { background:url('images/long-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.long-arrow { background:url('images/long-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.long-arrow:hover { background:url('images/long-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.small-white-arrow { background:url('images/small-white-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.small-white-arrow:hover { background:url('images/small-white-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.small-white-arrow { background:url('images/small-white-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.small-white-arrow:hover { background:url('images/small-white-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-social { list-style-type:none !important; height:30px !important; margin:0 !important; padding:0 !important; color: #333333 }
.foobar-social li { height:30px !important; float:left !important; text-align:left !important; line-height:30px !important; color: #333333 }
.foobar-social li a { width:30px !important; height:30px !important; display:inline-block !important; color: #333333 }

.foobar-preset-1 { color:#333333; text-shadow: 0 1px 0 #986C00; }
.foobar-preset-1 a { color:#333333; text-shadow: 0 1px 0 #F1BA4D; text-decoration:none; }
.foobar-preset-1 a:hover { text-decoration:none; }

.foobar-preset-2 { color:#000; text-shadow: 0 1px 0 #aaa; }
.foobar-preset-2 a { color:#333333; text-shadow: 0 1px 0 #888; text-decoration:none; }
.foobar-preset-2 a:hover { text-decoration:none; }