/***********************************************
* Class: bluebox.css
* 
* This css component can be used to create a dyna-
* mic box around the target content, it fills the
* the entire with, but is auto height
*
* Note: everything you want to display within the 
* bluebox should be placed inside the content div
*
* required:
*
* 	<div class="Bluebox">
*		<div class="padder">
*			<div class="content">
*				
				....	
				
				<div style="clear: both;"></div>
			</div>
		</div>
	</div>
*
* 2006-09-14
************************************************/

.Bluebox {
    border: 1px solid #B8B8B8;
    background-repeat: no-repeat;
    background-color: #DBE2EA;	
	/*width: 900px;*/
	height: auto;
	margin-bottom: 15px;
}


.Bluebox div.padder {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.Bluebox div.content {
	width: 100%;
	height: 100%;
}

.Bluebox div.half{
	float: left; 
	width: 50%;
}

.Bluebox div.half div.half_rightborder{
	border-right: 2px solid #fff
}

.Bluebox div.half div.half_leftpadder{
	padding-left: 10px;
}

.Bluebox div.fieldgroup {
	font-size: 10pt;			
	font-family: Arial;
	margin-bottom: 10px;
}

.Bluebox div.fieldgroup hr {
	display: block;
	border-width: 0px;
	border-bottom: 2px solid #fff;
	float: left; clear: left; width: 98%;
}

.Bluebox div.fieldgroup div.grouped{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.Bluebox div.fieldgroup div.grouped label{
	display: block;
}

.Bluebox div.buttongroup{
	clear: both;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #fff;
}	

.Bluebox div.buttongroup a.button{
	margin-right: 10px;
}	

.Bluebox div.buttongroup a.link{
	margin-right: 10px;
}	

.Bluebox div.footergroup{
	clear: both;
	margin-top: 5px;
}

.Bluebox .footer{
	color: #999;
	text-align: center;
	font-size: 8pt;
}



/*////////////// DARK BLUE ///////////////////////////*/

.Bluebox .DarkBluebox {
    float: left;
    border: 1px solid #B8B8B8;
    background-repeat: no-repeat;
    background-color: #C2D2E0;	
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.Bluebox .DarkBluebox div.padder {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.Bluebox .DarkBluebox div.content {
	width: 100%;
	height: 100%;
}