/* You can costomize this file to add your viewlet skin in 2 steps.

1. add your viewlet css definition, for example, the zopezen skin:

.zopezenPortletWrapper h5 {
    background: & transparent;
    font-style: normal;
    COLOR: #76797c;
    border: none;
    text-transform: capitalize;
}

.zopezenPortletWrapper .portletBody {
    background: #FCFCFC;
    border: none;
    border-top: 1px solid black;
}

2. register it at ZMI portal_contentpanels
*/

/*  (do not remove this :) */
.zopezenPortletWrapper H5,
.zopezenPortletWrapper H5 A {
    background: transparent !important;
    COLOR: #76797c !important;
}

.zopezenPortletWrapper H5 A:HOVER {
    COLOR: #46525E !important;
}

.cpPages {
	TEXT-ALIGN: right
}
.cpPages LI {
	DISPLAY: inline
}

.cpPages LI A {
	BORDER-RIGHT: #74ae0b 1px solid;
	PADDING-RIGHT: 1em;
	BORDER-TOP: #74ae0b 1px solid;
	PADDING-LEFT: 1em;
	FONT-SIZE: 90%;
	PADDING-BOTTOM: 2.5px;
	margin: 0px;
	TEXT-TRANSFORM: lowercase;
	BORDER-LEFT: #74ae0b 1px solid;
	COLOR: #578308;
	MARGIN-RIGHT: 1em !important;
	PADDING-TOP: 0em;
	BORDER-BOTTOM: #74ae0b 1px solid;
	BACKGROUND-COLOR: #cde2a7 !important;
	TEXT-DECORATION: none;
	z-index: 1; 
}
.cpPages LI.selected A {
	COLOR: #578308;
	BACKGROUND-COLOR: white !important;
	border-bottom: 1px solid White;
}
.cpPages LI A:hover {
	COLOR: #578308; 
	BACKGROUND-COLOR: white !important;
}

#panel-personaltools {
	PADDING-RIGHT: 3em;
	BORDER-TOP: #74ae0b  1px solid;
	PADDING-LEFT: 3em;
	PADDING-BOTTOM: 0em;
	MARGIN: 0px;
	TEXT-TRANSFORM: lowercase;
	LINE-HEIGHT: 0em;
	PADDING-TOP: 0em;
	LIST-STYLE-TYPE: none;
	BACKGROUND-COLOR: White;
	TEXT-ALIGN: right;
}

#panel-personaltools LI {
	DISPLAY: inline; 
	PADDING-LEFT: 8px; 
	BACKGROUND: white; 
	MARGIN-LEFT: 1em; 
}
#panel-personaltools LI A {
	TEXT-DECORATION: none
}
.listing {
	FONT-SIZE: 95%;
} 
/*   */