/* stated width bluebox Container */
/* Copy exactly except name of class and stated width */

.largeMainBlueBox {
	width:630px;
	postion:relative;
	color: #4d4d4d;
	border-color: #d9e5e3;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #e9efef;
}

.smallMainBlueBox {
	width:130px;
	postion:relative;
	color: #4d4d4d;
	border-color: #d9e5e3;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #e9efef;
}


.sideMainBox {
    width:220px;
    position:absolute;
	top:20px;
	left:750px;
	z-index:1000;
}

.blueBox {
    color: #4d4d4d;
    border-color: #d9e5e3;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #e9efef;
    text-align:left;
}

.sideMainBlueBox {
	width:220px;
	position:absolute;
	color: #4d4d4d;
	border-color: #d9e5e3;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #e9efef;
top:20px;
left:750px;
z-index:1000;
text-align:left;

}


.sideMainBlueBox ul {
	margin-left:20px;
}

.sideMainBlueBox li {
	margin-bottom:10px;
	margin-top:10px;
	
}


.blueBox ul {
    margin-left:20px;
}

.blueBox li {
    margin-bottom:10px;
    margin-top:10px;
    
}





/* Blue Box liquid rounded box to
	fit into stated width bluebox containers */
/*  Top rounded bar */
.blueBoxTopBar {
	width:100%;
	height:9px;
	position:relative;
}

.blueBoxTopLeft {
	float:left;
	width:9px;
	height:9px;
	background-image: url(/image/blue_c_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left:-1px;
	margin-top:-1px;
}

.blueBoxTopRight {
	float: right;
	width: 9px;
	height: 9px;	
	background-image: url(/image/blue_c_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top:-1px;
	margin-right:-1px;
}

/*  Bottom rounded bar */
.blueBoxBottomBar {
	width:100%;
	height:9px;
	position:relative;
}

.blueBoxBottomLeft {
	float:left;
	width:9px;
	height:10px;
	background-image: url(/image/blue_c_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left:-1px;
}

.blueBoxBottomRight {
	float: right;
	width: 9px;
	height: 10px;	
	background-image: url(/image/blue_c_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-right:-1px;
}


/* Liquid White Box Made to go inside rounded Blue Box */
.whiteBox {
	width:96%;
	margin-left:2%;
	background-color:#fff;
}

/* White Box liquid rounded box to
	fit into rounded bluebox containers */
/*  Top rounded bar - White Box */
.whiteBoxTopBar {
	width:100%;
	height:9px;
	position:relative;
}

.whiteBoxTopLeft {
	float:left;
	width:9px;
	height:9px;
	background-image: url(/image/white_c_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.whiteBoxTopRight {
	float: right;
	width: 9px;
	height: 9px;	
	background-image: url(/image/white_c_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/*  Bottom rounded bar */
.whiteBoxBottomBar {
	width:100%;
	height:9px;
	position:relative;
}

.whiteBoxBottomLeft {
	float:left;
	width:9px;
	height:10px;
	background-image: url(/image/white_c_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.whiteBoxBottomRight {
	float: right;
	width: 9px;
	height: 10px;	
	background-image: url(/image/white_c_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.whiteBoxContent {
	position:relative;
	width:100%;

}

/* Blue Box Heading - Inside Blue box and on top  */
.blueBoxHeading {		
	padding: 5px 10px 5px 10px;

}