/* ================================
 RBS Container Styles
 Sections:
   1 - Panes
   2 - Pane Content
   3 - Boxes
================================*/

/*  1 - Panes   */

#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: 5px;
	padding:5px;
	width: 80px;
	min-width:80px;
	float: right;
}

#MainContent{
	width: 88%;
	min-width:680px;	
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	padding:0px;	
}

#TopPane{
	width:97%;
	clear:both; 
	margin: 0px;
	padding:5px;	
}

#BottomPane {
	width:97%;
	clear:both; 
	margin: 0px;
	padding:5px;	

}

#SplitContent
{
	width:97%;
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	padding:5px;		
}


#LeftPane 
{
	width:57%;
	float:left;
	margin: 5px;
	padding:5px;	

}

#RightPane 
{
	width:37%;
	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: 100px;
	float: right;
}

#MainContentDemo{
	width: 88%;
	min-width:680px;	
	text-align: left;
	float: left;
	position: relative;
	border: thin dotted #000000; 
	margin: 0px;
	padding:0px;	
}

#TopPaneDemo {
	width:97%;
	clear:both; 
	border: thin dotted #000000; 
	margin: 0px;
	padding:5px;	
}

#BottomPaneDemo {
	width:97%;
	clear:both; 
	border: thin dotted #000000; 
	margin: 0px;
	padding:5px;	

}

#SplitContentDemo
{
	width:97%;
	text-align: left;
	float: left;
	position: relative;
	border: thin dotted #000000; 
	margin: 0px;
	padding:5px;		
}


#LeftPaneDemo 
{
	width:57%;
	float:left;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	

}

#RightPaneDemo 
{
	width:37%;
	float:right;
	border: thin dotted #000000; 
	margin: 5px;
	padding:5px;	
}



/* 2 - Pane Content */

 
#LeftPane h1, #LeftPane p, #LeftPane h2
{
	padding-left:20px; padding-right:20px;

}

#RightPane h1, #RightPane p, #RightPane h2
{
	padding-right:20px;

}

.greybox
{
    background-color: #ECECEC;
}

/* 
.cherry	{ color: #AD1F29;}
.yellow { color: #FFCC00;}
.blue	{ color: #78c2ff;}
.navy	{ color: #2C419C;}
.fuschia { color: #BD36C2;}
.lime	{ color: #99CC00;}
.mauve	{ color: #D28596;}
.mocha	{ color: #C7A970;}
.orange { color: #FB9322;}
.purple { color: #9972D4;}
.sage	{ color: #9FC29F;}
.slate	{ color: #7393AD;}
.grey	{ color: #888888;}
*/


.navyborder
{   border: medium groove #78c2ff;
    padding:0px; margin:0px;  
}
.navybox
{
    
    color: #FFFFFF; 
    border-top: medium groove #78c2ff;
    padding:0px; 
    background-color: #78c2ff;
	background-image: url( '../images/Bars/Navybottom_bar.gif' );
	background-position: top;
	background-repeat: repeat-x;
	width:100%;
	height:30px;
	vertical-align:bottom;
	color: #FFFFFF; text-align:center;
}



.purpleborder
{   border: medium groove #9972D4;
    padding:0px; margin:0px;  
}
.purplebox
{
    
    color: #FFFFFF; 
    border-top: medium groove #9972D4;
    padding:0px; 
    background-color: #BD36C2;
	background-image: url( '../images/Bars/Fushiabottom_bar.gif' );
	background-position: top;
	background-repeat: repeat-x;
	width:100%;
	height:35px;
	vertical-align:bottom;
	color: #FFFFFF; text-align:center;
}



.cherryborder
{   border: medium groove #AD1F29;
    padding:5px; margin:0px;  
}
.cherrybox
{
    
    color: #FFFFFF;

    padding:0px; 
    font-weight:bold;
    background-color: #efefef;
	background-image: url( '../images/Bars/Cherrybottom_bar.gif' );
	background-position: top;
	background-repeat: repeat-x;
	width:100%;
	height:25px;
	vertical-align:bottom;
	color: #FFFFFF; text-align:center;
}

    /* border:0px; padding:0px; margin:0px; */

/*  3 - Boxes   */

.simpleBox {
	PADDING-BOTTOM: 14px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 430px; 
	PADDING-RIGHT: 0px; BACKGROUND: url('../images/tsr.gif') no-repeat left bottom; 
	PADDING-TOP: 0px
}
.simpleBox H2 {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: url('../images/tsr.gif') no-repeat left top; PADDING-TOP: 7px
}
.simpleBox P {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 1px solid; 
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: #fff; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 1px solid; PADDING-TOP: 0px
}
.simpleBox li
{
	padding-left: 30px;
}

.simpleBoxSmall {
	PADDING-BOTTOM: 14px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 250px; 
	PADDING-RIGHT: 0px; BACKGROUND: url('../images/tsr-sm.gif') no-repeat left bottom; 
	PADDING-TOP: 0px
}
.simpleBoxSmall H4 {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: url('../images/tsr-sm.gif') no-repeat left top; PADDING-TOP: 7px
}
.simpleBoxSmall P {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 1px solid; 
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: #fff; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 1px solid; PADDING-TOP: 0px
}


.simpleBoxXSmall {
	PADDING-BOTTOM: 14px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 225px; 
	PADDING-RIGHT: 0px; BACKGROUND: url('../images/tsr-Xsm.gif') no-repeat left bottom; 
	PADDING-TOP: 0px
}
.simpleBoxXSmall H4 {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: url('../images/tsr-Xsm.gif') no-repeat left top; PADDING-TOP: 7px
}
.simpleBoxXSmall P {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 1px solid; 
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
	BACKGROUND: #fff; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 1px solid; PADDING-TOP: 0px
}



/* Netflix box */ 
 
.box {
  width: 273px;
  background: url('../images/boxes/Box-tan-div-bottom.gif') no-repeat bottom left;
  }
.box h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #E0CFAB;
  background: url('../images/boxes/Box-tan-h3-bg.gif') no-repeat top left;
  }
.box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.box li {
  margin: 0 0 6px; 
  padding: 0;
  } 

/* Indestrucible box */



.RBS-Dynamic-1-container {
  float: left;
  margin: 20px 0;
  padding: 0;
  color: #666;
  background: url('../images/boxes/Box-tan-rounded-right.gif') top right no-repeat;
  } 
.RBS-Dynamic-1-desc {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url('../images/boxes/Box-tan-rounded-left.gif') top left no-repeat;
  }
.RBS-Dynamic-1-link {
  margin: 0;
  padding: 0 0 0 9px;
  background: url('../images/boxes/Box-tan-rounded-left.gif') bottom left no-repeat;
  }
.RBS-Dynamic-1-link em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url('../images/boxes/Box-tan-rounded-right.gif') bottom right no-repeat;
  }
.RBS-Dynamic-1-container a {
  font-size: 130%;
  color: #e70;
  }




.cherry	{ color: #AD1F29;}
.yellow { color: #FFCC00;}
.blue	{ color: #78c2ff;}
.navy	{ color: #2C419C;}
.fuschia { color: #BD36C2;}
.lime	{ color: #99CC00;}
.mauve	{ color: #D28596;}
.mocha	{ color: #C7A970;}
.orange { color: #FB9322;}
.purple { color: #9972D4;}
.sage	{ color: #9FC29F;}
.slate	{ color: #7393AD;}
.grey	{ color: #888888;}



/* Cherry Box */

.cherry_t {background: url(../images/boxes/cherry_line_sides.gif) 0 0 repeat-x; }
.cherry_b {background: url(../images/boxes/cherry_line_sides.gif) 0 100% repeat-x}
.cherry_l {background: url(../images/boxes/cherry_line_sides.gif) 0 0 repeat-y}
.cherry_r {background: url(../images/boxes/cherry_line_sides.gif) 100% 0 repeat-y}
.cherry_bl {background: url(../images/boxes/cherry_line_bottom_left.gif) 0 100% no-repeat}
.cherry_br {background: url(../images/boxes/cherry_line_bottom_right.gif) 100% 100% no-repeat}
.cherry_tl {background: url(../images/boxes/cherry_line_top_left.gif) 0 0 no-repeat}
.cherry_tr {background: url(../images/boxes/cherry_line_top_right.gif) 100% 0 no-repeat; padding:10px}


/* yellow Box */
.yellow_t {background: url(../images/boxes/yellow_line_sides.gif) 0 0 repeat-x; }
.yellow_b {background: url(../images/boxes/yellow_line_sides.gif) 0 100% repeat-x}
.yellow_l {background: url(../images/boxes/yellow_line_sides.gif) 0 0 repeat-y}
.yellow_r {background: url(../images/boxes/yellow_line_sides.gif) 100% 0 repeat-y}
.yellow_bl {background: url(../images/boxes/yellow_line_bottom_left.gif) 0 100% no-repeat}
.yellow_br {background: url(../images/boxes/yellow_line_bottom_right.gif) 100% 100% no-repeat}
.yellow_tl {background: url(../images/boxes/yellow_line_top_left.gif) 0 0 no-repeat}
.yellow_tr {background: url(../images/boxes/yellow_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* blue Box */
.blue_t {background: url(../images/boxes/blue_line_sides.gif) 0 0 repeat-x; }
.blue_b {background: url(../images/boxes/blue_line_sides.gif) 0 100% repeat-x}
.blue_l {background: url(../images/boxes/blue_line_sides.gif) 0 0 repeat-y}
.blue_r {background: url(../images/boxes/blue_line_sides.gif) 100% 0 repeat-y}
.blue_bl {background: url(../images/boxes/blue_line_bottom_left.gif) 0 100% no-repeat}
.blue_br {background: url(../images/boxes/blue_line_bottom_right.gif) 100% 100% no-repeat}
.blue_tl {background: url(../images/boxes/blue_line_top_left.gif) 0 0 no-repeat}
.blue_tr {background: url(../images/boxes/blue_line_top_right.gif) 100% 0 no-repeat; padding:10px}




/* fuschia Box */
.fuschia_t {background: url(../images/boxes/fuschia_line_sides.gif) 0 0 repeat-x; }
.fuschia_b {background: url(../images/boxes/fuschia_line_sides.gif) 0 100% repeat-x}
.fuschia_l {background: url(../images/boxes/fuschia_line_sides.gif) 0 0 repeat-y}
.fuschia_r {background: url(../images/boxes/fuschia_line_sides.gif) 100% 0 repeat-y}
.fuschia_bl {background: url(../images/boxes/fuschia_line_bottom_left.gif) 0 100% no-repeat}
.fuschia_br {background: url(../images/boxes/fuschia_line_bottom_right.gif) 100% 100% no-repeat}
.fuschia_tl {background: url(../images/boxes/fuschia_line_top_left.gif) 0 0 no-repeat}
.fuschia_tr {background: url(../images/boxes/fuschia_line_top_right.gif) 100% 0 no-repeat; padding:10px}




/* lime Box */
.lime_t {background: url(../images/boxes/lime_line_sides.gif) 0 0 repeat-x; }
.lime_b {background: url(../images/boxes/lime_line_sides.gif) 0 100% repeat-x}
.lime_l {background: url(../images/boxes/lime_line_sides.gif) 0 0 repeat-y}
.lime_r {background: url(../images/boxes/lime_line_sides.gif) 100% 0 repeat-y}
.lime_bl {background: url(../images/boxes/lime_line_bottom_left.gif) 0 100% no-repeat}
.lime_br {background: url(../images/boxes/lime_line_bottom_right.gif) 100% 100% no-repeat}
.lime_tl {background: url(../images/boxes/lime_line_top_left.gif) 0 0 no-repeat}
.lime_tr {background: url(../images/boxes/lime_line_top_right.gif) 100% 0 no-repeat; padding:10px}




/* mauve Box */
.mauve_t {background: url(../images/boxes/mauve_line_sides.gif) 0 0 repeat-x; }
.mauve_b {background: url(../images/boxes/mauve_line_sides.gif) 0 100% repeat-x}
.mauve_l {background: url(../images/boxes/mauve_line_sides.gif) 0 0 repeat-y}
.mauve_r {background: url(../images/boxes/mauve_line_sides.gif) 100% 0 repeat-y}
.mauve_bl {background: url(../images/boxes/mauve_line_bottom_left.gif) 0 100% no-repeat}
.mauve_br {background: url(../images/boxes/mauve_line_bottom_right.gif) 100% 100% no-repeat}
.mauve_tl {background: url(../images/boxes/mauve_line_top_left.gif) 0 0 no-repeat}
.mauve_tr {background: url(../images/boxes/mauve_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* mocha Box */
.mocha_t {background: url(../images/boxes/mocha_line_sides.gif) 0 0 repeat-x; }
.mocha_b {background: url(../images/boxes/mocha_line_sides.gif) 0 100% repeat-x}
.mocha_l {background: url(../images/boxes/mocha_line_sides.gif) 0 0 repeat-y}
.mocha_r {background: url(../images/boxes/mocha_line_sides.gif) 100% 0 repeat-y}
.mocha_bl {background: url(../images/boxes/mocha_line_bottom_left.gif) 0 100% no-repeat}
.mocha_br {background: url(../images/boxes/mocha_line_bottom_right.gif) 100% 100% no-repeat}
.mocha_tl {background: url(../images/boxes/mocha_line_top_left.gif) 0 0 no-repeat}
.mocha_tr {background: url(../images/boxes/mocha_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* navy Box */
.navy_t {background: url(../images/boxes/navy_line_sides.gif) 0 0 repeat-x; }
.navy_b {background: url(../images/boxes/navy_line_sides.gif) 0 100% repeat-x}
.navy_l {background: url(../images/boxes/navy_line_sides.gif) 0 0 repeat-y}
.navy_r {background: url(../images/boxes/navy_line_sides.gif) 100% 0 repeat-y}
.navy_bl {background: url(../images/boxes/navy_line_bottom_left.gif) 0 100% no-repeat}
.navy_br {background: url(../images/boxes/navy_line_bottom_right.gif) 100% 100% no-repeat}
.navy_tl {background: url(../images/boxes/navy_line_top_left.gif) 0 0 no-repeat}
.navy_tr {background: url(../images/boxes/navy_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* orange Box */
.orange_t {background: url(../images/boxes/orange_line_sides.gif) 0 0 repeat-x; }
.orange_b {background: url(../images/boxes/orange_line_sides.gif) 0 100% repeat-x}
.orange_l {background: url(../images/boxes/orange_line_sides.gif) 0 0 repeat-y}
.orange_r {background: url(../images/boxes/orange_line_sides.gif) 100% 0 repeat-y}
.orange_bl {background: url(../images/boxes/orange_line_bottom_left.gif) 0 100% no-repeat}
.orange_br {background: url(../images/boxes/orange_line_bottom_right.gif) 100% 100% no-repeat}
.orange_tl {background: url(../images/boxes/orange_line_top_left.gif) 0 0 no-repeat}
.orange_tr {background: url(../images/boxes/orange_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* purple Box */
.purple_t {background: url(../images/boxes/purple_line_sides.gif) 0 0 repeat-x; }
.purple_b {background: url(../images/boxes/purple_line_sides.gif) 0 100% repeat-x}
.purple_l {background: url(../images/boxes/purple_line_sides.gif) 0 0 repeat-y}
.purple_r {background: url(../images/boxes/purple_line_sides.gif) 100% 0 repeat-y}
.purple_bl {background: url(../images/boxes/purple_line_bottom_left.gif) 0 100% no-repeat}
.purple_br {background: url(../images/boxes/purple_line_bottom_right.gif) 100% 100% no-repeat}
.purple_tl {background: url(../images/boxes/purple_line_top_left.gif) 0 0 no-repeat}
.purple_tr {background: url(../images/boxes/purple_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* sage Box */
.sage_t {background: url(../images/boxes/sage_line_sides.gif) 0 0 repeat-x; }
.sage_b {background: url(../images/boxes/sage_line_sides.gif) 0 100% repeat-x}
.sage_l {background: url(../images/boxes/sage_line_sides.gif) 0 0 repeat-y}
.sage_r {background: url(../images/boxes/sage_line_sides.gif) 100% 0 repeat-y}
.sage_bl {background: url(../images/boxes/sage_line_bottom_left.gif) 0 100% no-repeat}
.sage_br {background: url(../images/boxes/sage_line_bottom_right.gif) 100% 100% no-repeat}
.sage_tl {background: url(../images/boxes/sage_line_top_left.gif) 0 0 no-repeat}
.sage_tr {background: url(../images/boxes/sage_line_top_right.gif) 100% 0 no-repeat; padding:10px}



/* slate Box */
.slate_t {background: url(../images/boxes/slate_line_sides.gif) 0 0 repeat-x; }
.slate_b {background: url(../images/boxes/slate_line_sides.gif) 0 100% repeat-x}
.slate_l {background: url(../images/boxes/slate_line_sides.gif) 0 0 repeat-y}
.slate_r {background: url(../images/boxes/slate_line_sides.gif) 100% 0 repeat-y}
.slate_bl {background: url(../images/boxes/slate_line_bottom_left.gif) 0 100% no-repeat}
.slate_br {background: url(../images/boxes/slate_line_bottom_right.gif) 100% 100% no-repeat}
.slate_tl {background: url(../images/boxes/slate_line_top_left.gif) 0 0 no-repeat}
.slate_tr {background: url(../images/boxes/slate_line_top_right.gif) 100% 0 no-repeat; padding:10px}


