/* ================================
 RBS Container Styles
 Sections:
   1 - Panes
   2 - Pane Content
   3 - Boxes
================================*/
/* For Demo*/

#AllContent {
	width: 98%;
	min-width:900px;
	text-align: left;
	vertical-align:top;
	float: left;
	position: relative;
	margin: 0px;
	padding:0px;
	FONT: 76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}


#FarRightPane{
	margin: 0px; padding:0px;
	text-align:center; vertical-align:top;
	width: 120px;
	float: right;
}

#MainContent{
	width: 86%;
	min-width:680px;	
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	padding:0px;	
}

/*  Bars in the Main Content Area  */

.fullBar {
	width:97%;	clear:both; 
	margin: 0px;	padding:5px;	
}
.partialfullBar{
	width:85%;	clear:both; 
	margin: 0px;	padding:5px;	
}
.splitBar
{
	width:97%;
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	padding:5px;
}


.panePrimaryLeft-Primary
{
	width:64%;
	float:left;
	margin: 5px;
	padding:5px;	
}

.panePrimaryLeft-Secondary
{
	width:30%;
	float:right;
	margin: 5px;
	padding:5px;	
}


.panePrimaryRight-Primary
{
	width:57%;
	float:right;
	margin: 5px;
	padding:5px;	
}

.panePrimaryRight-Secondary
{
	width:37%;
	float:left;
	margin: 5px;
	padding:5px;	
}

.pane-2-Equal-Right
{
	width:46%;
	float:right;
	margin: 5px;
	padding:5px;	
}
.pane-2-Equal-Left
{
	width:46%;
	float:left;
	margin: 5px;
	padding:5px;	
}

.pane-3-Equal-Left
{
	width:30%;
	float:left;
	margin: 5px;
	padding:5px;	
}
.pane-3-Equal-Mid
{
	width:30%;
	float:left;
	margin: 5px;
	padding:5px;	
}
.pane-3-Equal-Right
{
	width:30%;
	float:left;
	margin: 5px;
	padding:5px;	
}

.pane-3-HalfQuarter-Left
{
	width:46%;
	float:left;
	margin: 5px;
	padding:5px;	
}
.pane-3-HalfQuarter-Mid
{
	width:22%;
	float:left;
	margin: 5px;
	padding:5px;	
}
.pane-3-HalfQuarter-Right
{
	width:23%;
	float:right;
	margin: 5px;
	padding:5px;	
}



/* For Demo*/

#AllContentDemo {
	width: 98%;
	min-width:900px;
	text-align: left;
	vertical-align:top;
	float: left;
	position: relative;
	margin: 0px;
	padding:0px;
	border: thin dashed #800000;
	FONT: 76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}


#FarRightPaneDemo{
	margin: 0px; padding:0px;
	text-align:center; vertical-align:top;
	border: thin double #800000;
	width: 120px;
	float: right;
}

#MainContentDemo{
	width: 86%;
	min-width:680px;	
	text-align: left;
	float: left;
	position: relative;
	border: thin dotted #000000; 
	margin: 0px;
	padding:0px;	
}

/*  Bars in the Main Content Area  */

.fullBarDemo {
	width:97%;	clear:both; 
	border: thin dotted #000000; 
	margin: 0px;	padding:5px;	
}


.splitBarDemo
{
	width:97%;
	text-align: left;
	float: left;
	position: relative;
	border: thin dotted #000000; 
	margin: 0px;
	padding:5px;
}


.panePrimaryLeft-PrimaryDemo
{
	width:57%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}

.panePrimaryLeft-SecondaryDemo
{
	width:37%;
	float:right;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}


.panePrimaryRight-PrimaryDemo
{
	width:57%;
	float:right;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}

.panePrimaryRight-SecondaryDemo
{
	width:37%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}

.pane-2-Equal-RightDemo
{
	width:46%;
	float:right;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}
.pane-2-Equal-LeftDemo
{
	width:46%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}

.pane-3-HalfQuarter-LeftDemo
{
	width:46%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}
.pane-3-HalfQuarter-MidDemo
{
	width:22%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}
.pane-3-HalfQuarter-RightDemo
{
	width:23%;
	float:right;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}



.pane-3-Equal-LeftDemo
{
	width:30%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}
.pane-3-Equal-MidDemo
{
	width:30%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}
.pane-3-Equal-RightDemo
{
	width:30%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}





/*

#LeftPaneDemo 
{
	width:57%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	

}