/*
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_wood {
	background: #FFF;
  border: 1px solid #996633 ;
	border-top: 1px solid #f1ddc5; /*#BC9F84*/
}

.Panel_wood_header,
.Panel_wood_header_over  { 
	background: #BF966D url('/sharedlibraries2/assets/images/titleBar_wood.jpg') top repeat-x;
	color: #462426; /*   #f5efd9 */
	padding: 0.3em 0.5em 0.2em;
	font-size: 1.2em;
	font-weight: bold;
}

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

.Panel_wood_header_over { 
	background: #BC9F84 url('/sharedlibraries2/assets/images/titleBar_wood_over.jpg') top repeat-x;
	color: #330000; /*   #f5efd9 */
}

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

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

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

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

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