#phi_top_bar
{
	position: fixed;
	width: 100%;
	height: 55px;
	top: 0;
	left: 0;
	font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Arial, sans-serif;
	text-align: left;
	z-index: 30;
}

#phi_top_bar a
{
	text-decoration: none;
	color: black;
}

#global_admin
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #333 url('../img/global_admin_bg.gif') repeat-x;
	height: 35px;
	color: white;
}

#global_admin a
{
	color: white;
}


/* Path to current page */
#global_path
{
	list-style: none;
	margin: 0;
	padding: 5px 0 0 40px;

	position: absolute;
	top: 0;
	left: 0;

	background: url('../img/page_ico.gif') no-repeat 15px 10px;
	height: 35px;

	font-size: 16px;
}

#global_path li
{
	float: left;
}

#global_path a
{
	display: block;
	float: left;
	padding-right: 20px;
	height: 30px;
	background: url('../img/slash.gif') no-repeat 92% 6px;
}



/* User options */
#user_options
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	padding-right: 100px;

	position: absolute;
	top: 0;
	right: 0;

	background: url('../img/logo.gif') no-repeat 97% 6px;
}

#user_options li
{
	display: inline;
}

#user_options a
{
	padding: 9px 30px 0 45px;
	height: 35px;
	display: block;
	float: left;
	font-size: 12px;
	color: #d7d7d7;
}

#user_options a:hover
{
	color: white;
}


/* Link icons */
#link_admin a
{
	background: url('../img/admin_ico.gif') no-repeat 10px 0;
}

#link_admin a:hover
{
	background: url('../img/admin_hl.gif') no-repeat 0 0;
}

#link_profile a
{
	background: url('../img/user_ico.gif') no-repeat 10px 0;
}

#link_profile a:hover
{
	background: url('../img/user_hl.gif') no-repeat 0 0;
}

#link_logout a
{
	background: url('../img/logout_ico.gif') no-repeat 10px 0;
}

#link_logout a:hover
{
	background: url('../img/logout_hl.gif') no-repeat 0 0;
}




/* page menu */
#page_menu
{
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	background: #e1e1e1;
	border-bottom: 1px solid #999;
	height: 18px;
}

#page_options
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#page_options li
{
	float: left;
	height: 18px;
	padding-top: 1px;
}

#page_options a
{
	display: block;
	padding: 0 10px 0 10px;
}

#page_options a:hover
{
	background: url('../img/li_hl.gif') repeat-x top left;
	color: white;
}


/* First level drop down menu (vertical drop) */
#page_options ul
{
	display: none;

	margin: 0;
	padding-bottom: 4px !important;
	padding: 2px;
	width: 170px;

	border: 1px solid #9b9b9b;
	border-top: 0;
	background: #e1e1e1;

	position: absolute;
	top: 0;
	margin-top: 18px !important;
	margin-top: 19px;

	z-index: 13;
}

#page_options ul li
{
	display: block;
	position: relative;

	float: none !important;
	float: left;	/* HOLY HACK (http://alistapart.com/articles/horizdropdowns) */

	margin: 0;
	padding: 0;
}

#page_options ul li.parent
{
	background: url('../img/arrow.gif') no-repeat 98% 50%;
}

#page_options ul li.parent a:hover
{
	background: url('../img/li_hl_arrow.gif') no-repeat top right;
}

#page_options ul li.parent ul li a:hover
{
	background: url('../img/li_hl.gif') repeat-x;
}

#page_options ul li a
{
	width: auto !important;
	width: 100%;
	padding: 1px 1px 1px 20px;
}

/* Second level drop down menu (horizontal drop) */
#page_options ul li ul
{
	display: none;
	position: absolute;
	left: 170px !important;
	left: 190px;
	top: 0;
	border: 1px solid #9b9b9b;
	padding-top: 2px;
	margin-top: 0 !important;
}


/* Status bar */
#phi_status
{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	padding-right: 20px;
	padding-top: 2px;
	background: url('../img/rotor.gif') no-repeat 100% 60%;
	margin-right: 10px;
}


/* Browser */
#browser
{
	position: absolute;
	top: 53px !important;
	top: 54px;
	left: 20%;
	width: 60%;
	background: #e1e1e1;
	border: 1px solid #999;
	border-top: 0;
	padding: 10px;
	z-index: 12;
}



/* From previous version */
.phi_container
{
}

.phi_module
{
}

.phi_module.hover
{
	background-color: #FFFFCC;
	color: #333;
}

.phi_module_loader
{
	text-align: center;
	background: #ddd;
	padding: 20px;
}

.phi_module_loader h1
{
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 18px;

	padding-left: 24px;
	background: url('../img/rotor.gif') no-repeat 0 3px;
	display: inline;
}




/* Module hover Tooltips */
.phi_tooltip
{
/*	position: absolute;
	margin-top: -13px;
	background: #ddd;
	border: 1px solid #999;
*/	text-align: left;
	height: 12px;
	background: url('../img/li_hl.gif') repeat-x;
	background: #e1e1e1;
	border: 1px solid #aaa;
}

.phi_tooltip h1
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0;
	padding: 0 10px 0 10px;
	
	border-right: 1px dotted white;
	border-right: 1px dotted #999;
	text-align: left;

	float: left;
	height: 12px;
}

.toolhover h1
{
	background: url('../img/h1_hl.gif') repeat-x;
	cursor: pointer;

	background: url('../img/li_hl.gif') repeat-x top left;
	color: white;
}


/* Module options menu */
.phi_options
{
	clear: both;
	position: absolute;
	margin: 0;
	margin-top: 12px !important;
	margin-top: 0;
	margin-left: -1px;

	padding: 1px;
	background: #e1e1e1;
	border: 1px solid #999;
	text-align: left;
	width: 160px;
	font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

.phi_options ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.phi_options ul li a
{
	color: black;
	display: block;
	width: auto !important;
	width: 100%;
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: 12px;
}

.phi_options ul li a:hover
{
	color: white;
	text-decoration: none;
	background: url('../img/li_hl.gif') repeat-x;
}

.phi_container_id
{
	position: absolute;
	padding: 1px;	
	font-size: 9px;
	color: white;
	background: red;
	text-align: center;
}