/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 {
text-align:center; background:#eee url(images/menu4.gif); border:1px solid #999; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 5px 0; /* for this demo only */
}
.menu4 {
text-align:left;  background:transparent; width:700px; height:30px; margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.articles {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.users {background:transparent url(images/user.gif) 9px 6px no-repeat;}
.menu4 ul li.groups {background:transparent url(images/users_options_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.settings {background:transparent url(images/site_settings_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.add_article {background:transparent url(images/articles_add.gif) 9px 6px no-repeat;}
.menu4 ul li.categories {background:transparent url(images/edit_categories.gif) 9px 6px no-repeat;}
.menu4 ul li.add_user {background:transparent url(images/user_add.gif) 9px 6px no-repeat;}
.menu4 ul li.delete {background:transparent url(images/delete.gif) 9px 6px no-repeat;}
.menu4 ul li.show {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.last {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.first {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.all {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.none {background:transparent url(images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.sub {background-image:url(images/arrow.gif);background-repeat: no-repeat;background-position: 155px 6px;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
/*color:#c00;*/ text-decoration:none; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #999; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; /*color:#c00;*/ height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
/*color:#00f;*/ text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #999;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; /*color:#00f;*/ height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
/*color:#000;*/ text-decoration:underline;
}

/* ====================================================== */
/* === PANELS === */
#panel ul {

	margin: 0;
	padding: 0;
	list-style: none;
	}
#panel li {
	float: left;
	width: 210px;
	height: 50px;
	margin: 0 0 8px 0;
	padding: 8px 0;
	margin-left: 8px;
	background-color: #fff; border: 1px solid #ccc;
	}
#panel h2 {
	font-size:125%;
	font-weight: normal;
	margin: 0 10px 0 70px;
	}
#panel p {
	margin: 0 10px 0 70px;
	color: #666;
	}
#panel img {
	float: left;
	margin: 0 0 0 10px;
	border: 0;
	}
/* === Top Tabs === *//
/* ============================================================== */