.x-portlet
{
	width: 100%;
	height: 100%;	
}


.noborder 
{
	border:none;
	
}
############# RED ####################

.red .x-panel-header-text
{
	color:white;	
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.red .x-panel-header {
	
	color:white;
	background-color: red;
	background-image:none;
	height: 20px;
	padding-top: 7px;
	border: thin;
	
}

.red .x-panel-tc {
	background-image: none;
	border:none;	
}
.red .x-panel-bc {
	background-image: none;
	border:none;
}

.red .x-panel-tl {
	background-image: none;
	background-color: red;
	border:1px solid  black;}

.red .x-panel-tr {
	background-image: none;
	background-color: red;
	border:none
}

.red .x-panel-body 
{
	border:none;
}


.red .x-panel-mr
{		
	background-image: none;
	background-color: white;
	border:none;
}
.red .x-panel-ml
{		
	background-image: none;
	background-color: white;
	border:1px solid  black;
}
.red .x-panel-mc
{		
	background-image: none;
	background-color: white;
	border:none;
	
}

.red .x-panel-bc
{		
	background-image: none;
	background-color: white;
	border:none;
}

.red .x-panel-bl
{		
	background-image: none;
	background-color: white;
	border:none;
}

.red .x-panel-br
{		
	background-image: none;
	background-color: white;
	border:none;
}



############# BLUE ####################


.blue .x-panel-header-text
{
	color:white;	
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blue .x-panel-header {
	

	color:white;
	background-color: blue;
	background-image:none;
	height: 20px;
	padding-top: 7px;
	border: thin;
	
}

.blue .x-panel-tc {
	background-image: none;
	border:none;
}
.blue .x-panel-bc {
	background-image: none;
	border:none;
}

.blue .x-panel-tl {
	background-image: none;
	background-color: blue;
	
	border:1px solid  black;

}

.blue .x-panel-tr {
	background-image: none;
	background-color: blue;
	border:none;
}

.blue .x-panel-body 
{
	border:none;
}


.blue .x-panel-mr
{		
	background-image: none;
	background-color: white;
	border:none
}
.blue .x-panel-ml
{		
	background-image: none;
	background-color: white;
	border:1px solid  black;
	
	
}
.blue .x-panel-mc
{		
	background-image: none;
	background-color: white;
	border:none;
	
}

.blue .x-panel-bc
{		
	background-image: none;
	background-color: white;
	border:none;
}

.blue .x-panel-bl
{		
	background-image: none;
	background-color: white;
	border:none;
}

.blue .x-panel-br
{		
	background-image: none;
	background-color: white;
	border:none;
}

############# BLUE ####################


.green .x-panel-header-text
{
	color:white;	
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.green .x-panel-header {
	

	color:white;
	background-color: green;
	background-image:none;
	height: 20px;
	padding-top: 7px;
	border: thin;
	
}

.green .x-panel-tc {
	background-image: none;
	border:none;
}
.green .x-panel-bc {
	background-image: none;
	border:none;
}

.green .x-panel-tl {
	background-image: none;
	background-color: green;
	
	border:1px solid  black;

}

.green .x-panel-tr {
	background-image: none;
	background-color: green;
	border:none;
}

.green .x-panel-body 
{
	border:none;
}


.green .x-panel-mr
{		
	background-image: none;
	background-color: white;
	border:none
}
.green .x-panel-ml
{		
	background-image: none;
	background-color: white;
	border:1px solid  black;
	
	
}
.green .x-panel-mc
{		
	background-image: none;
	background-color: white;
	border:none;
	
}

.green .x-panel-bc
{		
	background-image: none;
	background-color: white;
	border:none;
}

.green .x-panel-bl
{		
	background-image: none;
	background-color: white;
	border:none;
}

.green .x-panel-br
{		
	background-image: none;
	background-color: white;
	border:none;
}

##### YELLOW


.yellow .x-panel-header-text
{
	color:black;	
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.yellow .x-panel-header {
	

	color:black;
	background-color: yellow;
	background-image:none;
	height: 20px;
	padding-top: 7px;
	border: thin;
	
}

.yellow .x-panel-tc {
	background-image: none;
	border:none;
}
.yellow .x-panel-bc {
	background-image: none;
	border:none;
}

.yellow .x-panel-tl {
	background-image: none;
	background-color: yellow;
	
	border:1px solid  black;

}

.yellow .x-panel-tr {
	background-image: none;
	background-color: yellow;
	border:none;
}

.yellow .x-panel-body 
{
	border:none;
}


.yellow .x-panel-mr
{		
	background-image: none;
	background-color: white;
	border:none
}
.yellow .x-panel-ml
{		
	background-image: none;
	background-color: white;
	border:1px solid  black;
	
	
}
.yellow .x-panel-mc
{		
	background-image: none;
	background-color: white;
	border:none;
	
}

.yellow .x-panel-bc
{		
	background-image: none;
	background-color: white;
	border:none;
}

.yellow .x-panel-bl
{		
	background-image: none;
	background-color: white;
	border:none;
}

.yellow .x-panel-br
{		
	background-image: none;
	background-color: white;
	border:none;
}