td {
	font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	letter-spacing:0 !important;
	color:#565656;
	margin:0 !important;
	padding:0 !important;
}

#logoutbtn {
	font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	letter-spacing:0 !important;
	color:#565656;
	margin:0 !important;
	padding:0 !important;
}

#logoutbtn:hover {
	font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	letter-spacing:0 !important;
	color:#565656;
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}

.userTools {
	width:100%;
	position:absolute;
	top:0;
	left:0;
    height:30px !important;
	background:#ffffff !important;
	font:normal 12px "Lucida Grande", Verdana, Arial, sans-serif !important;
	color:#565656 !important;
	padding:0 !important;
	margin:0 !important;
	z-index:999 !important;
}

#welcomeMessage {
	float:left !important;
	line-height:26px !important;
	padding:0 0 0 20px !important;
}

.username {
	font-weight:bold !important;
	text-transform:capitalize !important;
}

.newPageBtn {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

#userNav {
	width:125px !important;
	background:url("../images/background_usernav.jpg") top right no-repeat !important;	
	display:block !important;
	list-style:none !important;
	-webkit-border-radius:8px !important;
	-moz-border-radius:8px !important;
	border-radius:8px !important;
	padding:0 !important;
	margin:4px 20px 0 0 !important;
	position:relative !important;
	z-index:999 !important;
}

#userNav li {
	width:125px !important;
	height:22px !important;
    float:left !important;
    display:block !important;
	position:relative !important;
	padding:0 !important;
	margin:0 !important;
	z-index:999 !important;
}

#userNav li a {
	width:125px !important;
	height:22px !important;
	font:normal 12px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    display:block !important;
    text-decoration:none !important;
    color:#565656 !important;
    text-align:left !important;
	position:relative !important;
	padding:0 0 0 15px !important;
	margin:0 !important;
	z-index:999 !important;
}

#userNav li a:hover {
	width:125px !important;
	height:22px !important;
	font:normal 12px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    display:block !important;
    text-decoration:none !important;
    color:#565656 !important;
    text-align:left !important;
	position:relative !important;
	padding:0 0 0 15px !important;
	margin:0 !important;
	z-index:999 !important;
	background:none !important;
}

/* submenu, it's hidden by default */

#userNav ul {
	width:108px !important;
	background:#a8a8a8 !important;
	border-bottom-right-radius:8px !important;
	-moz-border-radius-bottomright:8px !important;
	-webkit-border-bottom-right-radius:8px !important;
	border-bottom-left-radius:8px !important;
	-moz-border-radius-bottomleft:8px !important;
	-webkit-border-bottom-left-radius:8px !important;
    position:absolute !important;
	top:21px !important;
    left:8px !important;
    display:none;
    margin:0 !important;
    padding:0 0 13px 0 !important;
    list-style:none !important;
	z-index:999 !important;
}

#userNav ul li {
    width:108px !important;
    float:left !important;
	z-index:999 !important;
}

/* display block will make the link fill the whole area of LI */
#userNav ul li a {
	width:92px !important;
	float:left !important;
	display:block !important;
	font:normal 11px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    color:#565656 !important;
	border-top:1px dotted #fff !important;
	padding:0 !important;
	margin:0 8px 0 8px !important;
	z-index:999 !important;
}

#userNav ul li a:first-child {
	margin:8px 8px 0 8px !important;
}

#userNav ul li a:hover {
	width:92px !important;
	float:left !important;
	display:block !important;
	font:normal 11px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    color:#2f2f2f !important;
	padding:0 !important;
	margin:8px 8px 0 8px !important;
	z-index:999 !important;
	background:none !important;
}

/* Content Area */

.regions {
	position:relative !important;
}

.regionTools {
	width:115px !important;
	height:32px !important;
	background:#fff !important;
	display:block !important;
    -webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
	border-radius:5px !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	padding:0 0 0 10px !important;
	margin:0 !important;
	opacity:0.6 !important;
	z-index:100 !important;
}

.regionTools:hover {
	opacity:1 !important;
}

.regionTools a {
	font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	color:#565656 !important;
	padding:0 !important;
	margin:0 !important;
}

.regionTools img {
	width:11px !important;
	height:11px !important;
	border:0 none !important;
	margin:0 5px 0 0 !important;
}

span.cmsedit {
   
    width:185px !important;
	height:32px !important;
    background:#fff !important;
	display:block !important;
    -webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
	border-radius:5px !important;
	position:absolute !important;
	top:0 !important;
	left:135px !important;
	padding:0 10px 0 10px !important;
	margin:0 !important;
	opacity:0.6 !important;
	z-index:100 !important;	
	
}

span.cmsedit:hover {
	opacity:1 !important;
}

.portlet-547 .cmsedit {
    width:185px !important;
	height:32px !important;
    background:#464646 !important;
	display:block !important;
    -webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
	border-radius:5px !important;
	position:absolute !important;
	top:42px !important;
	left:135px !important;
	padding:0 10px 0 10px !important;
	margin:0 !important;
	z-index:100 !important;
}

.portlet-548 .cmsedit {
    width:185px !important;
	height:32px !important;
    background:#fff !important;
	display:block !important;
    -webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
	border-radius:5px !important;
	position:absolute !important;
	top:42px !important;
	left:135px !important;
	padding:0 10px 0 10px !important;
	margin:0 !important;
	z-index:100 !important;
}

span.cmsedit img {
	width:11px !important;
	height:11px !important;
	border:0 none !important;
    margin:0 5px 0 0 !important;
}

span.cmsedit a {
    font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	color:#565656 !important;
	margin:0 10px 0 0;
}

span.cmsedit a:hover {
	background:none !important;
    font:normal 12px/27px "Lucida Grande", Verdana, Arial, sans-serif !important;
	color:#565656 !important;
	margin:0 10px 0 0;
}


/* remove the list style */
ul.nav {
	width:125px !important;
	background:url("../images/background_usernav.jpg") top right no-repeat !important;	
	display:block !important;
	list-style:none !important;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:0 !important;
	margin:5px 0 0 0 !important;
	position:relative !important;
	z-index:999 !important;
}

ul.nav:hover {
	background-position:0 -22px !important;
}

/* make the LI display inline it's position relative so that position absolute can be used in submenu */

ul.nav li {
	width:125px !important;
	height:22px !important;
	background:none !important;
    float:left !important;
    display:block !important;
	position:relative !important;
	padding:0 !important;
	margin:0 !important;
	z-index:999 !important;
}

/* this is the parent menu */

ul.nav li a {
	width:110px !important;
	height:22px !important;
	font:normal 12px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    display:block !important;
    text-decoration:none !important;
    color:#565656 !important;
    text-align:left !important;
	position:relative !important;
	padding:0 0 0 15px !important;
	margin:0 !important;
	z-index:999 !important;
}

ul.nav li a:hover {
	width:110px !important;
	height:22px !important;
	font:normal 12px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    display:block !important;
    text-decoration:none !important;
    color:#2f2f2f !important;
    text-align:left !important;
	position:relative !important;
	padding:0 0 0 15px !important;
	margin:0 !important;
	z-index:999 !important;
	background:none !important;
}

/* you can make a different style for default selected value */

ul.nav a.selected {
    color:#565656 !important;
}

/* submenu, it's hidden by default */

ul.nav ul {
	width:108px !important;
	background:#a8a8a8 !important;
	display:none;
	list-style:none !important;
	border-bottom-right-radius:8px !important;
	-moz-border-radius-bottomright:8px !important;
	-webkit-border-bottom-right-radius:8px !important;
	border-bottom-left-radius:8px !important;
	-moz-border-radius-bottomleft:8px !important;
	-webkit-border-bottom-left-radius:8px !important;  
    position:absolute !important;
	top:21px !important;
    left:8px !important;
    margin:0 !important;
    padding:0 0 13px 0 !important;
	z-index:999 !important;
}

ul.nav ul li {
    width:108px !important;
    float:left !important;
	z-index:999 !important;
}

/* display block will make the link fill the whole area of LI */
ul.nav ul li a {
	width:92px !important;
	float:left !important;
	display:block !important;
	font:normal 11px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    color:#565656 !important;
	border-top:1px dotted #fff !important;
	padding:0 !important;
	margin:0 8px 0 8px !important;
}

ul.nav ul li a:first-child {
	margin:8px 8px 0 8px !important;
}

ul.nav ul li a:hover {
	width:92px !important;
	float:left !important;
	display:block !important;
	font:normal 11px/21px "Lucida Grande", Verdana, Arial, sans-serif !important;
    color:#2f2f2f !important;
	border-top:1px dotted #fff !important;
	padding:0 !important;
	margin:8px 8px 0 8px !important;
	background:none !important;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html ul.nav ul
{
    margin:0 !important;
}

.portletBody {
    position:relative;
    min-height:50px;
}