/* @override http://local.uxbooth.com/uxb_bar.css */

body{
  overflow: hidden;
  padding: 0;
  margin: 0;
}

iframe{
  width: 100%;
  height: 100%;
  margin-top: 30px;
}

/* @group UXB Bar Reset */

div#uxb_bar applet, 
div#uxb_bar object,
div#uxb_bar iframe, 
div#uxb_bar h1,
div#uxb_bar h2,
div#uxb_bar h3,
div#uxb_bar h4,
div#uxb_bar h5, div#uxb_bar h6, div#uxb_bar p, div#uxb_bar blockquote, div#uxb_bar pre, div#uxb_bar abbr, div#uxb_bar acronym, div#uxb_bar address, div#uxb_bar big, div#uxb_bar cite, div#uxb_bar code, div#uxb_bar
del, div#uxb_bar dfn, div#uxb_bar em, div#uxb_bar font, div#uxb_bar img, div#uxb_bar ins, div#uxb_bar kbd, div#uxb_bar q, div#uxb_bar s, div#uxb_bar samp, div#uxb_bar
small, div#uxb_bar strike, div#uxb_bar strong, div#uxb_bar sub, div#uxb_bar sup, div#uxb_bar tt, div#uxb_bar var, div#uxb_bar
dl, div#uxb_bar dt, div#uxb_bar dd, div#uxb_bar ol, div#uxb_bar ul, div#uxb_bar li, div#uxb_bar
fieldset, div#uxb_bar form, div#uxb_bar label, div#uxb_bar legend, div#uxb_bar
table, div#uxb_bar caption, div#uxb_bar tbody, div#uxb_bar tfoot, div#uxb_bar thead, div#uxb_bar tr, div#uxb_bar th, div#uxb_bar td{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* @end */

/* @group UXB Bar */


div#uxb_bar {
  background: #727d7e;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#727d7e), to(#5f6969));
  background: -moz-linear-gradient(#727d7e, #5f6969);
  width: 100%;
  min-width: 800px;
  height: 30px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #354040;
  font: 12px/30px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div#uxb_bar #uxb_bar_wrapper{
	height: 100%;
	padding: 0 48px 0 160px;
	position: relative;
}

div#uxb_bar #uxb_bar_wrapper div {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

div#uxb_bar h2 {
  width: 300px;
  padding-left: 24px;
  position: relative;
  float: left;
  margin-right: 20px;
  text-shadow: 0 -1px 0 rgba(0,0,0, 0.33);
  color: white;
  line-height: 30px;
}

div#uxb_bar h2 a{
	color: inherit;
	text-decoration: none;
}

div#uxb_bar h2 img {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

div#uxb_bar h3 {
  display: none;
}


div#uxb_bar div#uxb_bar_browse a:hover {
-webkit-animation: pulse-dark 1.2s infinite;
background-color: #545b13;
}

div#uxb_bar div#uxb_bar_browse a:active {
  background-color: #545b13;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 30%, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  color: #7a7d5e;
  top: auto;
-webkit-animation: none;
}

div#uxb_bar h1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 140px;
}

div#uxb_bar h1 a {
	background: #455455 url(images/uxbooth_horizontal.png) center center no-repeat;
	background: url(images/uxbooth_horizontal.png) center center no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#455455), to(#3c4a4b));
	background: url(images/uxbooth_horizontal.png) center center no-repeat, -moz-linear-gradient(#455455, #3c4a4b);
  display: block;
  margin-right: 10px;
  width: 100%;
  height: 100%;
}

div#uxb_bar h1 a span{ display: none;}

div#uxb_bar div#uxb_bar_share{
	display: inline-block;
	border: 1px solid #354040;
  border-bottom: 1px solid #7f8686;
	white-space: nowrap;  
	padding: 2px 2px 3px;
	margin: 0 16px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #324649;
	line-height: 0;
	position: relative;
	top: -1px;
}

div#uxb_bar div#uxb_bar_share a,
div#uxb_bar div#uxb_bar_share span{
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-shadow: none !important;
}

div#uxb_bar div#uxb_bar_share > span{
	display: inline-block !important;
	margin: 0 !important;
	vertical-align: middle;
}

div#uxb_bar div#uxb_bar_browse{
	top: -1px;
}

div#uxb_bar div#uxb_bar_browse a{
  display: inline-block;
  padding: 1px 20px ;
  background-color: #b44100;
  background-image: -webkit-gradient(linear, 0% 100%, 0% 30%, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-bottom: 1px solid #7f8686;
  color: #e8e9e0;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  text-shadow: 0 -1px #555;
  -webkit-transition: 0.01s background linear;
  height: 20px;
  cursor: default;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_next a,
div#uxb_bar div#uxb_bar_browse #uxb_bar_previous a {
  padding-right: 28px;
  padding-left: 1em;
  position: relative;
  display: inline-block;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_previous a {
  padding-right: 1em;
  padding-left: 28px;
  margin-right: -0.4em;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-right: 1px solid rgba(255,255,255,0.05);
  cursor:pointer;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_next a {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-left: 1px solid rgba(0,0,0,0.08);
  cursor:pointer;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_next a span.indicator,
div#uxb_bar div#uxb_bar_browse #uxb_bar_previous a span.indicator {
  background: url(images/icons/16/round_arrow_right_red.png) center -1px no-repeat;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 1px solid #722f11;
  position: absolute;
  right: 4px;
  top: 3px;
  width: 14px;
  height: 15px;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_next a:hover span.indicator {
  background-image: url(images/icons/16/round_arrow_right.png);
  border: 1px solid #444a19;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_previous a span.indicator {
  background-image: url(images/icons/16/round_arrow_left_red.png);
  right: auto;
  left: 4px;
}

div#uxb_bar div#uxb_bar_browse #uxb_bar_previous a:hover span.indicator {
  background-image: url(images/icons/16/round_arrow_left.png);
  border: 1px solid #444a19;
}

div#uxb_bar a#uxb_bar_close{
	background: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -8px;
}

div#uxb_bar a#uxb_bar_close span{
	display: none;
}


div#uxb_bar a#uxb_bar_close span.indicator{
  background: url(images/icons/16/round_delete.png) center -1px no-repeat #aaa;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 1px solid #111;
  position: static;
  width: 14px;
  height: 15px;
  display: block;
}

div#uxb_bar a#uxb_bar_close:hover span.indicator{
	background-color: white;
}



/* @end */

/* @group Animations */

@-webkit-keyframes pulse-dark {
  0% {
  background-color: #777e2f;
}

50% {
	color: white;
  background-color: #6b722a;
}

100% {
  background-color: #777e2f;
}
}

/* @end */