/*
NOTE: The class names must also include the skin, since there may be different panel skins in the same page
*/

/*
Get Default styles to modify
*/
@import url('/sharedlibraries2/layout/panel/skins/default.css');


.Panel_green {
	background: #FFF;
  border: 1px solid #038615 ; 
	border-top: 1px solid #c5e172;
}

.Panel_green_header,
.Panel_green_header_over { 
	color: #003300; 
	background: #049619 url('/sharedlibraries2/assets/images/titleBar_green.jpg') top repeat-x;
	padding: 0.3em 0.5em 0.2em;
	font-size: 1.2em;
	font-weight: bold;
}

.Panel_green_header_over { 
	color: #003300; 
	background: #049619 url('/sharedlibraries2/assets/images/titleBar_green_over.jpg') top repeat-x;
}

.Panel_green_header_content {
	font-size: 100%;
	font-size: 1.1em;
	color: #003300; 
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
}

.Panel_green_footer {
	background: #d3f079;
	font-size: 1px;
	height: 6px;
}

.Panel_green_content {
	margin: 0px;
	padding: 5px;
}

.Panel_green_content_scroll {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
 
.Panel_green_shadow {
	height: 9px;
	font-size: 1px;
	background: url(/sharedlibraries2/assets/images/shadow.jpg) top repeat-x;
}

.Panel_green_toggle_open {
	float: right;
	height: 20px;
	width: 20px;
	margin-bottom: -20px;
	font-size: 1px;
	background: url('/sharedlibraries2/assets/images/icons/arrows/green_right.gif') top no-repeat ;
}

.Panel_green_toggle_closed {
	float: right;
	height: 20px;
	width: 20px;
	margin-bottom: -20px;
	font-size: 1px;
	background: url('/sharedlibraries2/assets/images/icons/arrows/green_down.gif') top no-repeat ;
}

/*
CLEAR FLOATS
*/
.brclear{
 clear: both;
 height: 0;
 margin: 0;
 font-size: 1px;
 line-height: 0;
}


/* Easy Clearing of Float: The clearfix uses the pseudo element after: which generates content after an element. The appended content in this case is a simple punctuation mark, the period, which is given a height of 0 and a visibility set to hidden. We can then add clear:both to our pseudo element, and viola! Our float is cleared. We also do a little IE Mac hiding to complete the technique. */
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
/* End hide from IE-mac */