/* ***************************************
  HORIZONTAL ELGG TOPBAR
*************************************** */
#elgg_topbar {
	color:#eeeeee;
	border-bottom:1px solid #000000;
	min-width:998px;
	position:relative;
	width:100%;
	height:24px;
	background-color: #0449B1;
	background-image: url(../images/toptoolbar_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#elgg_topbar_container_left {
	float:left;
	height:22px;
	left:0px;
	top:0px;
	position:absolute;
	text-align:left;
	width:70%;
}
#elgg_topbar_container_right {
	float:right;
	height:24px;
	position:absolute;
	right:0px;
	top:0px;
	/* width:120px;*/
	text-align:right;
}
#elgg_topbar_container_search {
	float:right;
	height:21px;
	/*width:280px;*/
	position:relative;
	right:120px;
	text-align:right;
	margin:3px 0 0 0;
}
#elgg_topbar_container_left .toolbarimages {
	float:left;
	margin-right: 5px;
}
#elgg_topbar_container_left .toolbarlinks {
	float:left;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
#elgg_topbar_container_left .toolbarlinks2 {
	float:left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#elgg_topbar_container_left a.loggedinuser {
	color:#eeeeee;
	font-weight:bold;
	margin:0 0 0 5px;
}
#elgg_topbar_container_left a.pagelinks {
	color:white;
	margin:0 15px 0 5px;
	display:block;
	padding:3px;
}
#elgg_topbar_container_left a.pagelinks:hover {
	background: #4690d6;
	text-decoration: none;
}

#elgg_topbar_container_left a.usersettings {
	margin:0 0 0 20px;
	color:#FFF;
	padding:3px;
}
#elgg_topbar_container_left a.usersettings:hover {
	background: #4690d6;
	text-decoration: none;
}



#elgg_topbar_container_left img {
	margin:2px 0 0 5px;
}
#elgg_topbar_container_left .user_mini_avatar {
	border:1px solid #eeeeee;
	margin:0 0 0 20px;
}
#elgg_topbar_container_right {
	padding:3px 0 0 0;
}
#elgg_topbar_container_right a {
	color:#eeeeee;
	margin:0 5px 0 0;
	background:transparent url(../images/elgg_toolbar_logout.gif) no-repeat top right;
	padding:0 21px 0 0;
	display:block;
	height:20px;
}
/* IE6 fix */
* html #elgg_topbar_container_right a { 
	width: 120px;
}
#elgg_topbar_container_right a:hover {
	background-position: right -21px;
}
#elgg_topbar_panel {
	background:#333333;
	color:#eeeeee;
	height:200px;
	width:100%;
	padding:10px 20px 10px 20px;
	display:none;
	position:relative;
}
#searchform input.search_input {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	margin:0pt;
	padding:2px;
	width:180px;
	height:12px;
}
#searchform input.search_submit_button {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	color:#333333;
	background: #cccccc;
	border:none;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:2px;
	width:auto;
	height:18px;
	cursor:pointer;
}
#searchform input.search_submit_button:hover {
	color:#ffffff;
	background: #0054a7;
}





/* ***************************************
	TOP BAR - VERTICAL TOOLS MENU
*************************************** */
#topbardropdownmenu, #topbardropdownmenu ul {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	list-style-type: none;
	z-index: 99999999;
}
#topbardropdownmenu {
	margin-top: 2pt;
	margin-right: 15px;
	margin-bottom: 0pt;
	margin-left: 5px;
}
/* Tools link in top menu */
#topbardropdownmenu a, #topbardropdownmenu a:visited {
	display:block;
	padding:3px 13px 3px 3px;
	text-decoration:none;
	color:white;
}
#topbardropdownmenu li ul a {
	width:120px;
	height:auto;
	float:left;
}

/* menu list items */
#topbardropdownmenu li {float:left; position:relative; background:#cccccc;}
#topbardropdownmenu ul a {
	color:#FFF !important;
	background-color: #0035A1;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #039;
	border-right-color: #006;
	border-bottom-color: #123299;
	border-left-color: #03C;
}

/* IE7 */
#topbardropdownmenu li:hover {position:relative;}
/* Make the Tools nav color persist */
#topbardropdownmenu li:hover > a {background: #4690d6 url(../images/toolbar_arrow.png) no-repeat right -18px;}
#topbardropdownmenu li ul {display:none;width:134px !important;}
#topbardropdownmenu li:hover > ul {
	display:block;
	position:absolute; 
	top:-11px;
	left:80px;
	padding:10px 30px 30px 30px;
	background:transparent url(http://social.opentuition.com/_graphics/spacer.gif); 
}
/* Position the first sub level beneath the top level links */
#topbardropdownmenu > li:hover > ul {
	left:-30px;
	top:16px;
}
#topbardropdownmenu li a:active, #topbardropdownmenu li a:focus {
	background:#4690d6;
	color:white;
}
#topbardropdownmenu li.drop {
	background: url(../images/toolbar_arrow.png) no-repeat right 9px;	
}
/* dropdown list links hover */
#topbardropdownmenu li.drop ul li a:hover {
	color:white !important;
	background-color: #003EBD;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #006;
	border-left-color: #0D0066;
}
/* IE6 ONLY - make the sublevels appear */
* html #topbardropdownmenu li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	background-color: transparent;
	background-image: url(../images/spacer.gif);
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#topbardropdownmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;}
#topbardropdownmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:99999; font-size:1em;}
* html #topbardropdownmenu li.drop {background: url(../images/toolbar_arrow_ie.gif) no-repeat right 9px;}
* html #topbardropdownmenu li a:hover {position:relative; background:#4690d6 url(../images/toolbar_arrow_ie.gif) no-repeat right -18px;}