#bar-wrap * {float:none; margin:0; padding:0; font-size:12px; font-weight:normal; font-style:normal;}

#bar-wrap{float:none; margin:0; padding:0; background:url(../mbar/images/bar-bg.gif) repeat-x; height:34px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cbcbcb; box-shadow:0 0 2px rgba(0, 0, 0, 0.5); position:absolute; z-index:999999; width:100%; top:0; left:0; text-align:left; line-height:16px;}
#bar{max-width:960px; /* <- your container width */ margin:0 auto; position:relative;}

#bar li {list-style-type:none; margin:0; padding:0; background:transparent;}
#bar a {color:#cbcbcb;}
#bar a:hover{color:#fff; cursor:pointer; text-decoration:none;}
#bar label {color:#333;}

#bar .bar-trigger{padding:9px 22px 10px 10px; display:block; background:url(../mbar/images/sprite.gif) right 8px no-repeat; float:left; cursor:pointer;}
#bar .bar-triggered{background-position:right -141px !important; background-color:#fff !important; color:#333 !important;}
#bar .bar-settings-container .bar-triggered{background-position:8px -103px !important;}
#bar .bar-trigger:hover{background-position:right -17px; /*background-color:#1d1d1d;*/}

#bar .bar-trigger .bar-logo{display:none;}

#bar .bar-search{margin-left:14px; float:left; margin-top:5px; position:relative; background-color:#848484; border:none; height:24px; width:195px; 
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4); border-radius:2px; -moz-transition:width 0.2s; -webkit-transition:width 0.2s; transition:width 0.2s;}
#bar #bar-search-field {width:82%; padding-top:2px; border:none; background:transparent; padding:4px 2px 4px 6px; color:#333; box-shadow:none; font-family:Arial, Helvetica, sans-serif;}
#bar #bar-search-submit{position:absolute; top:0; right:0; height:24px; width:24px; background:url(../mbar/images/sprite.gif) right -66px; line-height:200px; font-size:0; border:none; cursor:pointer;}
#bar .bar-search:hover {background-color:#999;}
#bar .bar-search:hover #bar-search-submit{background-position:right -96px;}
#bar .bar-focused {background-color:#fff !important;}
#bar .bar-focused #bar-search-submit{background-position:right -123px !important;}

#bar .bar-right {float:right; margin-right:0;}
#bar .bar-right .bar-dropdown{*width:110px;} /* IE7 hack */
#bar .bar-person, #bar .bar-settings, #bar .bar-arrow, #bar .bar-warning {float:left; display:block; padding:9px 7px 10px 7px; height:15px; text-decoration:none;}
#bar .bar-separator {background:url(../mbar/images/separator.gif) right 0 no-repeat; width:2px; display:block; float:left; height:29px;}
#bar .bar-arrow{padding:0 16px 0 8px; height:34px; width:0px;}
#bar .bar-settings{width:20px; height:15px; background:url(../mbar/images/sprite.gif) 8px 9px no-repeat; padding-right:6px;}
#bar .bar-cookies{width:33px; height:33px; background:url(../mbar/images/sprite.gif) -98px 9px no-repeat; display:block; overflow:hidden; float:left; line-height:200px;}
#bar .bar-cookies:hover{background-position:-98px -20px;}
#bar .bar-settings, #bar .bar-arrow{overflow:hidden; line-height:200px;}

#bar .bar-settings:hover{background-position:8px -21px;}
#bar .bar-has-notifications{padding-left:26px; background:url(../mbar/images/sprite.gif) 4px -64px no-repeat;}
#bar .bar-warning {background:url(../mbar/images/sprite.gif) -162px -109px no-repeat; width:16px; position:relative; display:block;}
#bar .bar-warning .bar-notice{position:absolute; background:#fff; border-radius:3px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); color:#333; width:140px; padding:7px 10px 3px; right:4px; top:32px; display:none;}
#bar .bar-warning .bar-notice li{margin-bottom:4px;}

#bar .bar-warning-show .bar-notice{display:block;}
#bar .bar-warning .bar-pointer{position:absolute; right:13px; top:-4px; background:url(../mbar/images/sprite.gif) -248px -57px no-repeat; width:7px; height:4px;}

#bar .bar-languages, #bar .bar-right, #bar .bar-arrow-container, #bar .bar-settings-container{position:relative;}

#bar .bar-languages{margin-left:-10px;}
#bar .bar-dropdown{display:none; position:absolute; z-index:9999; background:#fff; top:32px; right:0; padding:30px 30px 20px; color:#333; min-width:100px; overflow:hidden;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
border-radius:4px;
border-top-right-radius: 0;
}
#bar .bar-right .bar-dropdown {
	padding: 15px 20px 8px;
}

#bar .bar-dropdown h5{display:none;}
#bar .bar-languages .bar-dropdown{border-top-right-radius:4px; border-top-left-radius:0;}
#bar .bar-dropdown a{color:#E1114C; text-decoration:none; overflow:hidden;}
#bar .bar-dropdown a:hover, #bar .bar-languages .bar-dropdown li a.selected:hover{color:#ff487c;}
#bar .bar-languages .bar-dropdown{left:0; right:auto;}
#bar .bar-login-container .bar-dropdown{width:300px;}
#bar .bar-dropdown-open{display:block;}
#bar .bar-column {float:left; padding-right:30px; padding-left:30px; border:1px solid #e6e6e6; border-width:0 1px; margin-left:-1px; position:relative; min-width:125px;}
#bar .bar-column-first{padding-left:0; border-left:0;}
#bar .bar-column-last{padding-right:0; border-right:0;}
#bar .bar-dropdown .bar-links {margin-left:-11px; overflow:hidden;}
#bar .bar-dropdown .bar-links li{margin-bottom:9px; white-space:nowrap;}
#bar .bar-dropdown .bar-links li.bar-divider span{margin-left:12px; height:1px; background:#E6E6E6; display:block;}
#bar .bar-dropdown .bar-links li a{color:#333; padding-left:12px;}
#bar .bar-dropdown .bar-links li a.selected{background:url(../mbar/images/sprite.gif) 0 -151px no-repeat; color:#E1114C;}
#bar .bar-dropdown .bar-links li a:hover{color:#888;}
#bar .bar-banner{width:125px; height:45px; display:block; position:absolute; left:30px; bottom:0; border-radius:3px;}
#bar .bar-column-has-banner{padding-bottom:56px;}
#bar .bar-column-first .bar-banner{left:0;}

#bar .bar-languages{position:relative;}

#bar .bar-btn{
border-radius:4px; border:none; color:#fff; font-weight:bold; -moz-box-shadow:0 1px 2px -1px rgba(0,0,0,0.8); -webkit-box-shadow:0 1px 2px -1px rgba(0,0,0,0.8); -o-box-shadow:0 1px 2px -1px rgba(0,0,0,0.8); box-shadow:0 1px 2px -1px rgba(0,0,0,0.8); margin-bottom:10px; float:left; font-size:13px; padding:6px 20px; display:block; text-shadow:0 -1px rgba(0,0,0,0.5); cursor:pointer;
background: #e01952;
background: -moz-linear-gradient(top,  #e01952 1%, #a3123b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e01952), color-stop(100%,#a3123b));
background: -webkit-linear-gradient(top,  #e01952 1%,#a3123b 100%);
background: -o-linear-gradient(top,  #e01952 1%,#a3123b 100%);
background: -ms-linear-gradient(top,  #e01952 1%,#a3123b 100%);
background: linear-gradient(top,  #e01952 1%,#a3123b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01952', endColorstr='#a3123b',GradientType=0 );
}
#bar .bar-btn:hover{
color:#fff;
background: #f21d5a;
background: -moz-linear-gradient(top,  #f21d5a 0%, #b01541 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f21d5a), color-stop(100%,#b01541));
background: -webkit-linear-gradient(top,  #f21d5a 0%,#b01541 100%);
background: -o-linear-gradient(top,  #f21d5a 0%,#b01541 100%);
background: -ms-linear-gradient(top,  #f21d5a 0%,#b01541 100%);
background: linear-gradient(top,  #f21d5a 0%,#b01541 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21d5a', endColorstr='#b01541',GradientType=0 );
}

#bar .bar-dropdown .bar-submit{float:left; margin-left:75px;}
#bar .bar-dropdown .bar-register{border:1px solid #ccc; color:#333 !important; background-color:#ddd;}
#bar .bar-login-form .bar-btn-container{padding-top:10px;}
#bar .bar-login-form{text-align:right;}
#bar .bar-login-form li{margin-bottom:10px; float:left; width:100%;}
#bar .bar-login-form label{float:left; width:60px; text-align:right; margin-top:7px;}
#bar .bar-login-form input.bar-input{background:transparent; float:right; padding:6px; width:210px; font-size:12px; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow:0 1px 2px #eee inset; -webkit-box-shadow:0 1px 2px #eee inset; -o-box-shadow:0 1px 2px #eee inset; box-shadow:0 1px 2px #eee inset; border:1px solid #e8e8e8; border-radius:2px; color:#333;}
#bar .bar-checkbox, .bar-radio, #bar .bar-checkboxes input {float:left; width:13px; height:13px; margin-right:4px; padding:0;}
#bar .bar-arrow-container, #bar .bar-settings-container, #bar .bar-login-container{float:left;}
#bar .bar-login-form .bar-checkboxes, #bar .bar-login-form .bar-options{width:224px; float:right;}
#bar .bar-login-form .bar-checkboxes{margin-bottom:4px; margin-top:3px;}
#bar .bar-login-form .bar-checkboxes label{width:auto; margin-top:0;}
#bar .bar-dot {display:inline-block; padding:0 6px; color:#bbb;}
#bar .bar-login-form .bar-options{text-align:left;}
#bar .bar-dropdown input.bar-input:focus{background:transparent; border-color:#cdcdcd; -moz-box-shadow:0 0 5px #7ed9ff; -webkit-box-shadow:0 0 5px #7ed9ff; -o-box-shadow:0 0 5px #7ed9ff; box-shadow:0 0 5px #7ed9ff; transition:none;}
#bar .bar-message{display:block; float:left; background:none repeat scroll 0px 0px rgb(186, 22, 69); color:rgb(255, 255, 255); border-radius:3px; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.8) inset; font-size:12px; padding:2px 4px; margin-top:7px; position:relative;}
#bar .bar-message:after{content:''; border-width:5px 0 0 6px; border-color:#a5133d rgba(0,0,0,0); border-style:solid; position:absolute; right:6px; bottom:-3px; display:block; width:0;}


@media all and (max-width: 768px) {
#bar{width:100%; min-width:320px;}
#bar form.bar-search{width:61%; margin-left:5px;}
#bar .bar-languages {margin-left:0;}
#bar .bar-languages .bar-trigger{padding-top:6px; padding-left:5px;}
#bar .bar-right{margin-right:3px;}
#bar .bar-trigger .bar-logo{display:block;}
#bar .bar-trigger .bar-title{display:none;}
#bar .bar-column {clear:both; border:none; padding:0; border-bottom:1px solid #aaa; width:100%; height:auto !important;}
#bar .bar-banner {float:left; position:relative; margin:5px 0 20px 10px; left:auto;}
#bar .bar-dropdown .bar-links li.bar-divider {margin-top:-1px; border-top:1px dotted #aaa; border-bottom:0; background:#fff;}
#bar .bar-dropdown .bar-links li.bar-divider span{margin-left:0; background:none}
#bar .bar-dropdown .bar-links li a{padding:10px 45px 10px 10px; display:block; white-space: nowrap;}
#bar .bar-dropdown .bar-links li a.selected{background-image:none;}
#bar .bar-dropdown .bar-links li{border-bottom:1px solid #E6E6E6; margin-bottom:0;}
#bar .bar-dropdown .bar-links li.last{border-bottom:none;}
#bar .bar-dropdown .bar-links {margin-left:0;}
#bar .bar-dropdown-menu{padding:0;}
#bar .bar-dropdown h5{display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; background-color:#eee; padding:2px 0 4px 10px;}
#bar .bar-person{text-indent:-999px; background:url(../mbar/images/sprite.gif) -28px 9px no-repeat; padding-left:26px;}
#bar .bar-person:hover{background-position:-28px -20px;}
#bar .bar-has-notifications {background-position:-63px 9px;}
#bar .bar-has-notifications:hover{background-position:-63px -20px;}
}


@media all and (max-width: 510px) {
#bar form.bar-search{width:57%;}
}

@media all and (max-width: 480px) {
#bar form.bar-search{width:53%;}
}

@media all and (max-width: 440px) {
#bar form.bar-search{width:42%;}
}