/*	=================================================================
    =================================================================

	Floating fixed and collapsable SharePoint WebPart ToolPane Hack

	This is the CSS that accompanies the javascript. You'll likely 
	leave this all as is with the exception of the first set of styles
	where you may want to change the background and border colors to 
	accomodate your particular site's theme. You can also reposition
	the toolpane via the first set.
	
	=================================================================
	=================================================================
	
*/


#right-side-control-edit-pane-outer-wrapper {
	position: absolute;
	top: 80px;
	left: 15px;
	width: 310px;
	display: block;
	padding: 0px 6px 6px 0px; 
	/* I'm just using a standard translucent PNG file for the shadow
	   IE 6 people will just get a grey shadow. There are tricks to 
	   make it work in IE6, but, honestly, I was too tired at this point
	   to care. Feel free to make it work in IE6 if you want.
	   
	   NOTE: Be sure to adjust this link as needed. In this case, I'm 
	   linking to an image library on my top-level site  */
	background: url('/_layouts/IMAGES/CBRECOMGlobalImages/gbl/shadow_20.png') 6px 6px no-repeat;
	z-index: 88888;
}


#right-side-control-edit-pane-innerBorders {
	position: relative; 
	bottom: 0px; 
	right: 0px;  	
	width: 100%; 
	width: 300px;
	border: 6px solid #183152;
	background: #183152;
}

table.ms-ToolPaneOuter {
	width: 300px !important;
	padding-right: 10px !important;
	margin: 0px !important;
	height: 400px !important;
	}

table.ms-ToolPaneOuter table {
	/* needed to eliminate horizontal scroll bar when options expanded */
	width: 272px !important;
	}

#right-side-control-edit-pane-toggleLinkWrapper {
	padding-bottom: .5em;
	width: 300px;
	}

a#right-side-control-edit-pane-inner-wrapperToggle:link,
a#right-side-control-edit-pane-inner-wrapperToggle:visited,
a#right-side-control-edit-pane-inner-wrapperToggle:hover {
	padding-left: 14px;
	background: url("/_layouts/IMAGES/TPMin2.gif") no-repeat center left;
	color: #bbb;
	font-size: 9px;
	font-weight: bold;
}

a#right-side-control-edit-pane-inner-wrapperToggle:hover {
	color: white;
}