/********************************/
/* Medicine Database Stylesheet */
/* (c) 2013 Stephen Christopher */
/********************************/
#topNav {
	position:fixed;
	width:100%;
	background:transparent url(../images/topNavBG.png) repeat-x;
	height:30px;
	top:0;
	left:0;	
	z-index:101;
}

#topNav #topList {
	/*position:fixed;
	top:0;
	left:0;	*/
	float:left;
	position:relative;	
	width:100%;	
	height:38px;
	z-index:101;
	padding:0;
	margin:0;
}

#topNav #topShadow {
	position:fixed;
	background:transparent url(../images/topNavShadow.png) repeat-x bottom;
	top:30px;
	left:0;
	height:8px;
	width:100%;
	padding:0;
	margin:0 auto;
	z-index:2;
}

#topNav .fade-left {	
	background:url("../images/fade.png") repeat-y scroll 0 0 transparent;
	display:block;		
	height:30px;
	width:60px;
	z-index:6;
}

#topNav .fade-right {
	background:url("../images/fade.png?i=2") repeat-y scroll 0 0 transparent;
	background-position:-60px 0;
	display:block;	
	height:30px;
	width:60px;
	z-index:2;
}

#topNav #topList li {	
	float:left;
	display:block;	
	background: url(../images/navDivider.png?i=11) no-repeat top right;
	width:100px;	
	height:29px;
	list-style-type:none;	
	position:relative;
	line-height:19px;
	padding-right:10px;
}

#topNav #topList li#uopLogo {
	width:auto;
	padding-right:5px;
}

#topNav #topList li#uopLogo:hover {
	background:#000 url(../images/navDivider.png) no-repeat top right;
}

#topNav #topList li#uopLogo img {
	margin:0;	
}

#topNav #topList li:hover, #topNav #topList li.right:hover, #topNav #topList li.right-user:hover {
	background: #444 url(../images/navActive1.png) repeat-x;	
}

#topNav #topList li:hover ul {
	display:block;
}

#topNav #topList li.right {
	float:right;
	/*background:url(../images/topSep.png) no-repeat left;*/
	background: url(../images/navDivider.png) no-repeat top left;
	width:100px;	
}	

#topNav #topList li.right.active, #topNav #topList li.right-user.active {
	background: #444 url(../images/navActive.png) no-repeat;	
}	

#topNav #topList li.left-fade {
	float:left;
	background:transparent!important;
	border-right:none;
}

#topNav #topList li.right-fade {
	float:right;
	background:transparent!important;
	width:auto;
}

#topNav #topList li.right-user {
	float:right;
	background:url(../images/navDivider.png) no-repeat top left;
	width:auto;	
	padding-right:0;
}	

#topNav #topList li.left-user {
	float:left;
	background:url(../images/navDivider.png) no-repeat top right;
	width:auto;	
	padding-right:0;
}

#topNav #topList li.name {
	float:right;
	background:none;
	color:#eee;	
	padding-top:5px;
	padding-right:20px;
}

#topNav #topList li > a {	
	float:left;	
	padding:6px 30px 5px 40px;	
	color:#888;
	width:auto;
	background-repeat: no-repeat;
	background-position: 20px 8px;	
	height:18px;	
}

#topNav #topList li > a:hover {
	color:#fff;	
	border-bottom:none;
	text-decoration:none;		
}

#topNav #topList li a#links {
	background-image:url(../images/link.png);
	background-position: 15px 8px;
	padding-left:35px;
}	
#topNav #topList li a#settings {
	background-image:url(../images/cog.png);		
}
#topNav #topList li a#tools {
	background-image:url(../images/wrench.png);	
	background-position: 15px 8px;	
	padding-left:35px;
}
#topNav #topList li a#logout {
	background-image:url(../images/door_out.png);	
}
#topNav #topList li a#login {
	background-image:url(../images/door_in.png);	
}
#topNav #topList li a#online {
	background-image:url(../images/top_online.png);	
	background-position: 15px -16px;
	padding-left:35px;	
	padding-right:20px;
	color:#eee;
}

#topNav #topList li a#navmenu {	
	background-image:url(../images/hoverLink.png)!important;	
	background-position: right 8px!important;
	padding-left:28px;
	padding-top:7px;
	line-height:17px;
	padding-right:38px;
	width:auto;
	color:#eee;
}

#topNav #topList li a#tools span, #topNav #topList li a#links span {
	float:left;
	/*background-image:url(../images/hoverLink.png)!important;	
	background-position: right 2px;	
	background-repeat:no-repeat;*/
	width:auto;
}

#topNav #topList li > a:hover, #topNav #topList li > a.active {		
	background-position: 20px -16px;	
}

#topNav #topList li a#tools:hover span, #topNav #topList li a#links:hover span {
	background-position: right -22px;	
}

#topNav #topList li a#tools:hover, #topNav #topList li a#tools.active,
#topNav #topList li a#links:hover, #topNav #topList li a#links.active
{		
	background-position: 15px -16px;	
}


#topNav #topList li a#navmenu:hover, #topNav #topList li a#navmenu.active {		
	background-position: right -16px!important;		
	color:#fff;
}

#topNav #topList li a#navmenu.active {	


}

#topNav #topList li > a.active {
	color:#fff;
	background-color:transparent!important;
	/*background-color:#444;*/
}

#navmenu_menu {	
	position:absolute;
	z-index:100;
	display:none;
	background:#fff;
	padding:5px 0;
	left:0;
	height:auto;
	width:181px;
	top:30px;
	
	-moz-box-shadow:  0 10px 20px -3px #444; 
  	-webkit-box-shadow:  0 10px 20px -3px #444;
    box-shadow: 0 10px 20px -3px #444;
	
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;	
	border-radius: 0px 0px 5px 5px;	
}

#navmenu_menu li {		
	float:left;		
	list-style-type:none;
  	display:block!important;
	border-bottom:1px solid #ddd;
	background:none!important;
	width:auto!important;
	padding:0!important;
	height:auto!important;	
	padding:1px 0!important;
}

#navmenu_menu li.first {		
	border-top:none;
}

#navmenu_menu li.last {		
	border-bottom:none;
}

#navmenu_menu li a#tn_addtrial {
	background: url(../images/tn_addtrial.png) no-repeat 10px 7px;		
}

#navmenu_menu li a#tn_managedata {
	background: url(../images/tn_managedata.png?i=1) no-repeat 10px 7px;		
}

#navmenu_menu li a#tn_manageusers {
	background: url(../images/tn_manageusers.png?i=1) no-repeat 10px 7px;		
}

#navmenu_menu li a {
	/*background:#fff url(../images/bullet.png) no-repeat 10px 8px;	*/
	letter-spacing:0;
	padding:6px 24px 4px 35px!important;	
	display:block!important;
	/*background:none!important;*/
	border:none!important;
	width:122px!important;
	text-shadow: #ffffff 1px 1px 1px;
	color:#666!important;
	height:auto!important;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#navmenu_menu li a:hover {
	background-position: 10px -25px!important;
	background-color:#e6f2f8!important;
	border-bottom:none;
	text-decoration:none;
}

#topNav #logout-container {
	float:right;
	padding-right:20px;
	color:#888;
}

#topNav #logout-container #logout {
	
}