/* The  Panel */
	
/* Top corners and border */
		
	.woodPanel .bt 
	{
		position:relative;
		height:17px;
		margin:0 0 0 18px;
		background:url(../images/panel/woodBox.png) no-repeat 100% 0;
	}
	.woodPanel .bt div {
		position:relative;
		left:-18px;
		width:18px;
		height:17px;
		background:url(../images/panel/woodBox.png) no-repeat 0 0;
		font-size:0;
		line-height:0;
	}
		
	/* bottom borders and corners */
	.woodPanel .bb 
	{
		background:transparent url(../images/panel/woodBox.png) no-repeat scroll 100% 100%;
		height:20px;
		margin:0 0 0 20px;
	}
	
	.woodPanel .bb div 
	{
		background:transparent url(../images/panel/woodBox.png) no-repeat scroll 0 100%;
		font-size:0;
		height:20px;
		left:-20px;
		line-height:0;
		position:relative;
		width:20px;
	}
	
	/* Left border */
	.woodPanel .i1
	{ 
		padding:0 0 0 12px;
		background:url(../images/panel/woodBorder_left.png) repeat-y 0 0;
	} 
	
	/* Right border */
	.woodPanel .i2
	{ 
		padding:0 12px 0 0;
		background:url(../images/panel/woodBorder_right.png) repeat-y 100% 0;
	} 
	
		/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
	.woodPanel .i3 
	{
		display:block;
		margin:0;
		padding:1px 10px;
		background:none;
	}

	
/* Simple Solid colored panel */

	/* Top corners and border */
		
	.solidBluePanel .bt 
	{
		position:relative;
		height:17px;
		margin:0 0 0 18px;
		
		background:url(../images/panel/solidBlueBox.png) no-repeat 100% 0;
	}
	.solidBluePanel .bt div {
		position:relative;
		left:-18px;
		width:18px;
		height:17px;
		background:url(../images/panel/solidBlueBox.png) no-repeat 0 0;
		font-size:0;
		line-height:0;
	}
		
	/* bottom borders and corners */
	.solidBluePanel .bb 
	{
		background:transparent url(../images/panel/solidBlueBox.png) no-repeat scroll 100% 100%;
		height:20px;
		margin:0 0 0 20px;
	}
	
	.solidBluePanel .bb div 
	{
		background:transparent url(../images/panel/solidBlueBox.png) no-repeat scroll 0 100%;
		font-size:0;
		height:20px;
		left:-20px;
		line-height:0;
		position:relative;
		width:20px;
	}
	
	/* Left border */
	.solidBluePanel .i1
	{ 
		padding:0 0 0 12px;
		background:url(../images/panel/solidBlue_left.png) repeat-y 0 0;
	} 
	
	/* Right border */
	.solidBluePanel .i2
	{ 
		padding:0 12px 0 0;
		background:url(../images/panel/solidBlue_right.png) repeat-y 100% 0;
	} 
	
		/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
	.solidBluePanel .i3 
	{
		display:block;
		margin:0;
		padding:1px 10px;
		background:#214b9c;
	}

	
/* Blue steel panel */

	/* Top corners and border */
		
	.blueSteelPanel .bt 
	{
		position:relative;
		height:4px;
		margin:0 0 0 18px;
		
		background:url(../images/panel/blueSteelBox.png) no-repeat 100% 0;
	}
	.blueSteelPanel .bt div {
		position:relative;
		left:-18px;
		width:18px;
		height:4px;
		background:url(../images/panel/blueSteelBox.png) no-repeat 0 0;
		font-size:0;
		line-height:0;
	}
		
	/* bottom borders and corners */
	.blueSteelPanel .bb 
	{
		background:transparent url(../images/panel/blueSteelBox.png) no-repeat scroll 100% 100%;
		height:4px;
		margin:0 0 0 20px;
	}
	
	.blueSteelPanel .bb div 
	{
		background:transparent url(../images/panel/blueSteelBox.png) no-repeat scroll 0 100%;
		font-size:0;
		height:4px;
		left:-20px;
		line-height:0;
		position:relative;
		width:20px;
	}
	
	/* Left border */
	.blueSteelPanel .i1
	{ 
		padding:0 0 0 8px;
		background:url(../images/panel/blueSteel_left.png) repeat-y 0 0;
	} 
	
	/* Right border */
	.blueSteelPanel .i2
	{ 
		padding:0 8px 0 0;
		background:url(../images/panel/blueSteel_right.png) repeat-y 100% 0;
	} 
	
		/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
	.blueSteelPanel .i3 
	{
		display:block;
		margin:0;
		padding:0px 0px;
		background:#245aab;
	}