/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	background-color: #FFF;
	border: 0px solid #777;
	padding: 0px;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}
/*
*	INNER-LAYOUT PANE FORMATTING
*/
#mainContent {
	overflow: hidden !important;
}
.ui-layout-center {
	overflow: hidden !important;
}

.ui-layout-content {
	overflow: hidden !important;
}

#mainContent .ui-layout-center {
	padding: 0px !important; /* inner divs have padding */
}

#mainContent .ui-layout-center h3 {
	font-size: 12px;
	padding: 4px;
	margin: 0;
}

.ui-layout-south .content {
	overflow: hidden !important;
}
/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.pane-south .content {
	text-align: left;
}

.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	/*background: #80ade5 url("../scripts/jquery/ui/layout/img/D1E6FC_40x100_textures_10_dots_medium_90.png");*/
	padding: 0px; /* for outer layout */
}

/* inner divs inside panes */
.header  
{
	background: #80ade5 url("../scripts/jquery/ui/layout/img/80ade5_40x100_textures_04_highlight_hard_100.png") 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	margin: 0;
}

.subhead ,
.footer {
	background: #d6d6d6 url("../scripts/jquery/ui/layout/img/d6d6d6_40x100_textures_02_glass_80.png") 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	overflow: hidden;
	white-space: nowrap;
}

.subhead  {
	border-bottom: 1px solid #777;
}

.footer  {
	border-top: 0px solid #777;
	text-align: center;
	
}

#mainContent .footer  { 
	border-top: 0px solid #BBB;
}

.content {
	padding:	0px;
	position:	relative;
}


/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

.resizer-south-dragging ,
.resizer-south-open:hover {
	background: url(../scripts/jquery/ui/layout/img/resizable-s.gif) repeat-x center;
}

.resizer-south-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.resizer-south-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

	
.resizer-west-dragging ,
.resizer-west-open:hover {
	background: url(../scripts/jquery/ui/layout/img/resizable-w.gif) repeat-y center;
}

.resizer-west-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.resizer-west-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.resizer-dragging {
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}
.resizer-dragging-limit	{
	background: #FF3300 !important;
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
* html .resizer-south-open {
	background: url(../scripts/jquery/ui/layout/img/resizable-s.gif) repeat-x center !important;
}
* html .resizer-west-open {
	background: url(../scripts/jquery/ui/layout/img/resizable-w.gif) repeat-y center !important;
}
* html .resizer-south-open,
* html .resizer-west-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}


/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
span.resizer-south.resizer-closed.resizer-south-closed {
	background: #D1E6FC url(../scripts/jquery/ui/layout/img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.vitesse.pane.pane-center.open span.resizer-south.resizer-closed.resizer-south-closed{
    background:#D1E6FC url(../scripts/jquery/ui/layout/img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
    border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.vitesse.pane.pane-center.open .denivele.pane.pane-center.open span.resizer-south.resizer-closed.resizer-south-closed{
    background:#D1E6FC url(../scripts/jquery/ui/layout/img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
    border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.resizer-south-closed:hover {
	background: #D1E6FC;
}

.resizer-west-closed {
	background: #D1E6FC url(../scripts/jquery/ui/layout/img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover {
	background: #D1E6FC;
}

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	9999;
	display:	block;
	cursor: 	pointer;
}
span.button-close-south	{ left:	 0; }
span.button-pin-south	{ right: 1px; }
span.button-close-west	{ left:	 0; }
span.button-pin-west	{ right: 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  	 { background: url(../scripts/jquery/ui/layout/img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   	 { background: url(../scripts/jquery/ui/layout/img/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  	 { background: url(../scripts/jquery/ui/layout/img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 	 { background: url(../scripts/jquery/ui/layout/img/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-south		 { background: url(../scripts/jquery/ui/layout/img/go-dn-off.gif) no-repeat center; }
span.button-close-south:hover{ background: url(../scripts/jquery/ui/layout/img/go-dn-on.gif)  no-repeat center; }
span.button-close-west		 { background: url(../scripts/jquery/ui/layout/img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover { background: url(../scripts/jquery/ui/layout/img/go-lt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the panes are 'closed' */
.toggler-south-closed		{ background: url(../scripts/jquery/ui/layout/img/go-up-off.gif) no-repeat center; }
.toggler-south-closed:hover	{ background: url(../scripts/jquery/ui/layout/img/go-up-on.gif)  no-repeat center; }
.toggler-west-closed		{ background: url(../scripts/jquery/ui/layout/img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../scripts/jquery/ui/layout/img/go-rt-on.gif)  no-repeat center; }

span#imgCam	                    { background: url(../scripts/jquery/ui/layout/img/go-dn-off.gif) no-repeat center; }
span#imgCam:hover               { background: url(../scripts/jquery/ui/layout/img/go-dn-on.gif)  no-repeat center; }