/* 
* top menuing css
* based off of the superfish jquery plugin by Joel Birch
* http://users.tpg.com.au/j_birch/plugins/superfish/
* Thanks Joel
* 
* Modded out by Mike Croteau for tubeCentric
* 
*/

.mainmenu, 
.mainmenu * {
  text-align: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.mainmenu {
	line-height:	1.4em;
}


.mainmenu ul {
  -webkit-border-top-left-radius:      0px;
  -webkit-border-top-right-radius:     4px;
  -webkit-border-bottom-right-radius:  4px;
  -webkit-border-bottom-left-radius:   4px;
  -moz-border-radius:                  0px 4px 4px 4px;
  border-top-left-radius:              0px;
  border-top-left-radius:              4px;
  border-bottom-right-radius:          4px;
  border-bottom-left-radius:           4px;
	padding:          8px 0px 8px 8px; 
	position:		      absolute;
	top:			        -999em;
	margin-left:      1px;
	width:		        150px; /* left offset of submenus need to match (see below) */
}

.mainmenu li{
	margin:           0px 7px 0px 7px;
	padding:          0px 0px 0px 7px;
}

.mainmenu li:hover {
	visibility:		    inherit; /* fixes IE7 'sticky bug' */
}

.mainmenu ul li{
	background:       transparent;
	margin:           0px;
	padding:          2px 0px 2px 9px;
	width:            100%;
}

.mainmenu ul li:hover{
	background:       transparent;
}

.mainmenu li {
	float:		        left;
	position:		      relative;
  height:           27px;
}

.mainmenu li div{
	height:           27px;
	padding:          0px 7px 0px 0px; 
	float:            left;
}

.mainmenu a {
	display:		      block;
	position:		      relative;
	font-weight:      bold; 
	font-size:        12px;
}


.mainmenu li div a{
	display:          block;
	padding-top:      2px;
}

.mainmenu li:hover div{

}

.mainmenu li:hover ul,
.mainmenu li.menuhover ul {
	left:			0;
	top:			22px; /* match top ul list item height */
	z-index:		99;
}
ul.mainmenu li:hover li ul,
ul.mainmenu li.menuhover li ul {
	top:			-999em;
}
ul.mainmenu li li:hover ul,
ul.mainmenu li li.menuhover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.mainmenu li li:hover li ul,
ul.mainmenu li li.menuhover li ul {
	top:			-999em;
}
ul.mainmenu li li li:hover ul,
ul.mainmenu li li li.menuhover ul {
	left:			200px; /* match ul width */
	top:			0;
}


.mainmenu li:hover, .mainmenu li#selected {
	background:url('images/menubg-left.png') no-repeat top left;
}

.mainmenu ul li:hover{
	background:transparent;
}

.mainmenu a {
	color:#39adf5;
	text-decoration:none;
	font-weight:normal;
	display:inline-block;
	height:27px;
}

.mainmenu a:hover, 
.mainmenu li:hover a{
  color:#fff;
}


.mainmenu li:hover div, 
.mainmenu li#selected div{
	background:url('images/menubg-right.png') no-repeat top right;
}

.mainmenu li:hover div a, 
.mainmenu li#selected div a{
  color:#fff;
}

#main-menu ul.mainmenu ul {
	background:#053858;
} 

a#tubecore-menu{
  background:url('images/menu-tubecore-logo.png'); 
  display:block; 
  height:15px; 
  width:62px; 
  text-indent:-100000px;
} 

a#oncore-menu{
  background:url('images/menu-oncore-logo.png'); 
  display:block; 
  height:15px; 
  width:62px; 
  text-indent:-100000px;
} 
 
 

a#tubecore-menu{
  background:url('images/menu-tubecore-logo.png'); 
  display:block; 
  height:15px; 
  width:62px; 
  text-indent:-100000px;
} 

a#oncore-menu{
  background:url('images/menu-oncore-logo.png'); 
  display:block; 
  height:15px; 
  width:62px; 
  text-indent:-100000px;
}