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

.Panel_beige {
	background: #FFF;
  border: 1px solid #996633 ; 
	border-top: 1px solid #f3f3e7; 
}

.Panel_beige_header,
.Panel_beige_header_over {
	background: #AD9071 url('/sharedlibraries2/assets/images/titleBar_beige.jpg') top repeat-x;
	
	padding: 0.3em 0.5em 0.2em;
	font-size: 1.2em;
	font-weight: bold;
}

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

.Panel_beige_header_over {
	background: #D2C0AA url('/sharedlibraries2/assets/images/titleBar_beige_over.jpg') top repeat-x;
	color: #333;
}

.Panel_beige_footer {
	background: #ede1c7;
	font-size: 1px;
	height: 6px;
}

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

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

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

.Panel_beige_toggle_closed {
	float: right;
	height: 20px;
	width: 20px;
	margin-bottom: -20px;
	font-size: 1px;
	background: url('/sharedlibraries2/assets/images/icons/arrows/brown_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 */