/****************************************************/
/* CONTAINERS                                       */
/****************************************************/

.containerPane 
{
    margin-bottom: 15px;
}
.containerPane h3 {margin-top:0px; padding-top:0px;}

/* Box Blue ------------------- */		

.boxBlue {
		background-color:#d8e6f2;
		padding:7px 10px 10px 10px;
		}

.boxBlue h5, .boxBlue p {
		font-size:14px;
		margin:0 0 8px 0;
		padding:0;
		border-bottom: 1px dotted #97afc0;
		}

/* Bevel Head *************************/

.bevelGray, .bevelBlue
{
    height: 21px;
}
.bevelGray h5, .bevelBlue h5
{
    padding: 3px 0 0 5px;
    font-size: 13px;    
}

/* BevelHead Gray */

.bevelGray {        background: url("images/header_bar_gray_background.png") repeat-x top; }
.bevelGray_inner {  background: url("images/header_bar_gray_left.png") no-repeat top left; }
.bevelGray h5 {     background: url("images/header_bar_gray_right.png") no-repeat top right; }

/* BevelHead Blue */

.bevelBlue {        background: url("images/header_bar_blue_background.png") repeat-x top; }
.bevelBlue_inner {  background: url("images/header_bar_blue_left.png") no-repeat top left; }
.bevelBlue h5 {     background: url("images/header_bar_blue_right.png") no-repeat top right; color: #fff; }


/* Box Gradient Rounded ***********/

.boxRoundedGradient
{
    background: url( 'images/grad-bkgrnd.gif' ) repeat-x 1px bottom;
}
.boxRoundedGradient_Top 
{
    height: 9px;
    background: url( 'images/grad-border-top.gif' ) repeat-x right top;
}
.boxRoundedGradient_Bottom 
{
    height: 13px;
    background: url( 'images/grad-border-bott.gif' ) repeat-x right top;
}
.boxRoundedGradient_RightLine
{
    background: url( 'images/grad-line-right.gif' ) repeat-y top right;   
}
.boxRoundedGradient_LeftLine
{
    background: url( 'images/grad-line-left.gif' ) repeat-y top left;   
}
.boxRoundedGradient_Content
{
    padding: 10px;
}

.boxRoundedGradient_LeftLine, 
.boxRoundedGradient_RightLine
{
    margin:0;
    padding: 0;
}