/*
FILENAME: onehub_bar.css
DESCRIPTION: This stylesheet serves global declarations for the Onehub bar (caffeinated)
AUTHOR: Matthew Anderson -> manderson@onehub.com
*/

/* =GLOBALS */

#onehub_bar {
	background: #191919 url("/shared/images/bg_onehub_bar.png") repeat-x bottom;
	color: #828282;
	display: block;
	height: 40px;
	position: relative;
	z-index: 2;
}

#onehub_bar a {
  border: 0;
  display: block;
  padding: 0 20px;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #7d7d7d;
}

#onehub_bar a em {
  color: #91ce9b;
  font-style: normal;
  font-weight: normal;
  text-transform: lowercase;
}

#onehub_bar a:hover, #onehub_bar a:active {
  background-color: #000;
  color: #fff;
}

#onehub_bar a:hover em, #onehub_bar a:active em { color: rgba(255, 255, 255, .8); }

#onehub_bar ul {
  list-style-type: none;
  margin: 0;
}

#onehub_bar li {
  position: relative;
  float: left;
  font-size: 10px;
  display: block;
  padding: 0;
}

#onehub_bar li ul li { font-size: 1em; }
#onehub_bar hr { display: none; }

/* =FLYOUTS */

#onehub_bar .dropdown > a { background: url("/shared/images/icons/bg_dropdown.png") no-repeat right center; }
#onehub_bar .expanded > a { background: #000 url("/shared/images/icons/bg_dropdown_hover.png") no-repeat right center; }

#onehub_bar .flyout {
  position: absolute;
  visibility: hidden;
  background: #000;
  background: rgba(0, 0, 0, .85);
  padding: 0 0 10px 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

#onehub_bar .workspaces .flyout {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

#onehub_bar .services .flyout { left: 0; }
#onehub_bar .options .flyout { right: 0; }
#onehub_bar .expanded .flyout { visibility: visible; }
#onehub_bar .flyout li { float: none; }

#onehub_bar .flyout a {
  display: block;
  text-transform: none;
  line-height: 25px;
  font-size: 1.2em;
  font-weight: normal;
  color: #6299c5;
}

#onehub_bar .flyout a.highlight { color: #529214; }
#onehub_bar .flyout a.highlight { color: #529214; }

#onehub_bar .flyout a:hover {
  background: #6299c5;
  color: #fff;
}

#onehub_bar .flyout a.highlight:hover {
  background: #529214;
  color: #fff;
}

/* =SERVICES */

#onehub_bar .services { float :left; }

#onehub_bar .services .selected a {
  background: #f6f6f6;
  color: #6299c5;
}

#onehub_bar .dashboard { padding-left: 0; }

#onehub_bar .dashboard a {
	background: transparent url("/shared/images/logo_onehub_gs69x18.png") no-repeat 50%;
	text-indent: -99999px;
	width: 69px;
	padding-left: 10px;
}

#onehub_bar .dashboard a:hover { background-image: url("/shared/images/logo_onehub_pos69x18.png"); }

#onehub_bar .dashboard img {
	display: block;
	width: 0;
}

/* =OPTIONS */

#onehub_bar .options { float: right; }
#onehub_bar .profile {position: relative; }

#onehub_bar .profile .name {
  display: block;
  padding-left: 40px;
  font-size: 1.1em;
  font-weight: normal;
  text-transform: none;
  color: rgba(255, 255, 255, .4);
}

#onehub_bar .profile > a:hover { color: #fff; }

#onehub_bar .profile .profile_photo {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
}

#onehub_bar .profile .profile_photo a {
  float: none;
  padding: 0;
}

#onehub_bar .profile .profile_photo a em {
  position: absolute;
  left: 0;
  top: 0;
  background: url("/images/hover_profile_photo_27x27.png") 50% 50% no-repeat;
  width: 20px;
  height: 20px;
}

#onehub_bar .profile .profile_photo img {
  width: 20px;
  height: 20px;
}

#onehub_bar .search .flyout {
  width: 245px;
  padding: 10px;
}

#onehub_bar .search label { display: none; }

#onehub_bar .search input {
  float: left;
  width: 207px;
  padding: 3px;
  border-color: #b4b4b4;
  line-height: 16px;
  font-size: 1.3em;
  color: #828282;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
}

#onehub_bar .search input:focus {
  background: #fff;
  border-color: #6299c5;
  color: #000;
}

#onehub_bar .search button {
  float: right;
  background: url("/shared/images/bg_button_search.png");
  width: 30px;
  height: 24px;
  border: 0;
  text-indent: -99999px;
}

#onehub_bar .search button:hover { background-position: 0 -24px; }