/* ------------------------ PANELS ------------------------*/
div.panel_blue {
	margin: 0px 3px 3px 3px;
	background:blue;
	text-align:center;
}

div.panel_blue .paneltitle,
div.panel_blue .panelbody {
	color:white;
	text-align:left;
	display:block;
	text-align:justify;
	margin:0;
}

div.panel_blue .paneltitle {
	width:100%;
	padding:5px 7px 2px 7px;
	background-image:url(/images/corner_topleft_white_12.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;
}
div.panel_blue .panelbody {
	padding:0px 8px 8px 7px;
}

div.panel_blue {
	background-image:url(/images/corner_botright_white_12.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

.paneltitle {
	font-size:small;
	font-weight:bold;
}
html>body .paneltitle {
	font-size:medium;
}


/* ------------------------ OUTLINED CURVED BOX ------------------------*/
/* background colour */
DIV.panel_outline .b2,
DIV.panel_outline .b3,
DIV.panel_outline .b4,
DIV.panel_outline .b2b,
DIV.panel_outline .b3b,
DIV.panel_outline .b4b,
DIV.panel_outline .panelouter {
	background:white;
}

/* Main box */
DIV.panel_outline {
	background:transparent;
	margin: 0px 3px 3px 3px;
}

/* distance of text from left hand side */
DIV.panel_outline div.paneltitle, DIV.panel_outline div.panelbody {
	margin:0 7px;
}

/* padding to the bottom of the box */
DIV.panel_outline div.panelbody {
	padding-bottom:0.5em;
}
/* overall control of the curve sections */
DIV.panel_outline .b1, DIV.panel_outline .b2, DIV.panel_outline .b3, DIV.panel_outline .b4, DIV.panel_outline .b1b, DIV.panel_outline .b2b, DIV.panel_outline .b3b, DIV.panel_outline .b4b, DIV.panel_outline .b2c {
	display:block; 
	overflow:hidden;
	font-size:1px;
}
/* height of the line sections - keep as 1px to avoid pixel edges */
DIV.panel_outline .b1, DIV.panel_outline .b2, DIV.panel_outline .b3, DIV.panel_outline .b1b, DIV.panel_outline .b2b, DIV.panel_outline .b3b, DIV.panel_outline .b2c {
  height:1px;
}

/* TO CHANGE OUTLINE COLOUR, CHANGE in 6 PLACES BELOW */

/* any right-hand border to the full thing */
DIV.panel_outline div.panelouter {
	display:block; 
	border-right:1px solid #EFE7E7;
}


/* left hand border */
DIV.panel_outline .b2,
DIV.panel_outline .b3,
DIV.panel_outline .b4,
DIV.panel_outline div.panelouter,
DIV.panel_outline .b2b,
DIV.panel_outline .b2c,
DIV.panel_outline .b3b,
DIV.panel_outline .b4b {
	border-left:1px solid #EFE7E7; 
}

/* border on the right */
DIV.panel_outline .b2,
DIV.panel_outline .b3,
DIV.panel_outline .b4 {
	border-right:1px solid #EFE7E7;
}


/* right borders */
DIV.panel_outline .b4b,
DIV.panel_outline .b3b,
DIV.panel_outline .b2c,
DIV.panel_outline .b2b {
	border-right:1px solid #EFE7E7;
}

/* bottom border */
DIV.panel_outline .b2c {
	background:#EFE7E7;
}

/* top border and allowance for curve */
DIV.panel_outline .b1 {
	margin:0 0px 0 5px; 
	background:#EFE7E7;
}

/* Making the curve - by doing margin's in from the sides of the outlying div */
/* border widths or heights set so that the line joins up */
DIV.panel_outline .b2 {
	margin:0 0px 0px 3px;
	border-left-width:2px;
	border-right-width:1px;
}
DIV.panel_outline .b3 {
	margin:0 0px 0px 2px;
}
DIV.panel_outline .b4 {
	height:2px;
	margin:0 0px 0px 1px; 
}

DIV.panel_outline .b4b {
	height:2px;
	margin:0 1px 0px 0px; 
}
DIV.panel_outline .b3b {
	margin:0 2px 0px 0px;
}
DIV.panel_outline .b2b {
	margin:0 3px 0px 0px; 
	border-left-width:1px;
	border-right-width:2px;
}
DIV.panel_outline .b2c {
	margin:0 5px 0px 0px; 
	border-left-width:1px;
	border-right-width:2px;
}
DIV.panel_outline .b1b {
	margin:0 0px 0px 5px; 
}