﻿.centralArea
{	
	/*width: 995px;*/
	/*background-color: 	white;*/
	padding:							0px 0px 0px 0px;
	margin:								auto;
	margin-top:						0px;
	width:								960px;
	min-height:						600px;
	height:								100%;	
	border:								solid 0px lime;
}

.sectionHeader
{	
	background-color:			Transparent; 
	margin:								auto; 
	/*background-image:			url(http://bpiw.net/_slices/headers.png); */
	background-position:	center top; 
	background-repeat:		no-repeat;
	width:								960px; 
	height: 							205px;
	border:								solid 0px lime;
}


.sectionHeader  .columnLeft
{	
	float: left;	border: solid 0px lime ;width: 217px; height: 49px;
	background-image: url(http://bpiw.net/_slices/header_Globe_Top.png); 
	background-repeat: no-repeat; background-position: center top;
}

.sectionHeader  .columnRight
{	
	float:								right; 
	border: 							solid 0px lime; 
	width:								252px; 
	height: 							49px;
	background-image:			url(http://bpiw.net/_slices/header_OrangeLabel_Top.png); 
	background-repeat:		no-repeat; 
	background-position:	center top;
}

.headerTop 
{
 border:	solid 0px lime; 
 height:	160px;
 width:		960px;
 
}

.headerTop  .columnLeft
{	
	float: left;	border: solid 0x red; 
	background-image: url(http://bpiw.net/_slices/header_corner_top_left.png); 
	background-repeat: no-repeat;			
	width:25px; 
	height: 156px;
}

.headerTop  .columnRight
{	
	float: right; border: solid 0px lime; 
	background-image: url(http://bpiw.net/_slices/header_corner_top_right.png); 
	background-repeat:	no-repeat;		
	background-position: top center;
	width:25px; 
	height: 156px;
}

.headeBody
{
	border:							solid 0px lime; 
	background-image:		url(http://bpiw.net/_slices/header_stripe.jpg); 
	background-repeat:	repeat-x; 
	height:							156px;
	width:							910px;
	margin:							auto;
	margin-top:					0px;
	/*
	
	It fixes the header for IE6, but the entire body's right column gets messed.
	For IE 7, FF 3.0.1 and Chrome everythings remains as expected.
	
	float:							left;
	float:							right;
	
	*/
	
		
}

.headeBody .globe
{
	float: left;  background-image: url(http://bpiw.net/_slices/header_Globe_Bottom.jpg); background-repeat:repeat-x; width: 192px; height: 156px;
}

.headeBody .lettering
{
	float: left;  background-image: url(http://bpiw.net/_slices/header_lettering.jpg); background-repeat:repeat-x; width: 239px; height: 156px; 
}

.headeBody .loginView
{
	float: right; font-size: 11px; color: #ffffff; 
	border: solid 0px red; 
	background-image: url(http://bpiw.net/_slices/header_OrangeLabel_Bottom.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	margin-right: 23px; width: 167px; 
	height: 135px; 
	text-align: right; 
	padding: 0px 20px  0px 20px;
}

.loginView .loggedIn
{
	border: solid 0px red; padding: 0px 0px 20px 0px; text-align: left;
}





.sectionMenu
{		
	border:								solid 0px lime;

	
	background-image:			url(http://bpiw.net/_slices/menu_background.jpg); 
	background-repeat:		no-repeat; 
	height:								39px; 

}

.sectionMenu .leftColumn
{	
	border:								solid 0px red;
	padding-top:					10px;
	padding-left: 				24px;
	color: 								#ffffff;
	float: 								left;
	
}

.sectionMenu .rightColumn
{	
	width:								238px;
	border:								solid 0px red;
	padding-top:					9px;
	padding-right:				50px;
	float:								right;
	text-align:						right;
}

.sectionMenu .rightColumn select
{
	margin-right:					10px;
	/*width:								87px;*/
	font-size:						11px;
	height:								21px;
	color:								#999999;
}


.sectionMainTop
{
	height:								51px;		
	margin-top:						18px;

}
.sectionMainTop .sectionMainRoundedCorner
{
	float:								right;	
	background-image:			url(http://bpiw.net/_slices/body_roundedCorner.png); 
	background-repeat:		no-repeat;
	background-position:	top left;
	height:								51px;	
	width:								51px;
	border:								solid 0px red;
}

.sectionMainTop .sectionMainSiteMapHolder
{
	float:								left;
	height:								51px;	
	background-color: 		White;
	border:								solid 0px red;
	width:								909px;
}
 
.sectionMainSiteMapHolder .sectionMainSiteMapNodes
{
	margin-top:						17px; 	
	margin-left:					26px;

}

.sectionMainSiteMapNodes .back {margin-top: -1px; float: left; border: solid 0px red;}

.back a, .back a:link, .back a:active, .back a:visited{	font-size: 11px; color: #878787; }

.back a:hover
{

	color:								#49A6E4;	
}



.sectionMainSiteMapNodes .separator{float: left; border: solid 0px red; color:#999999; font-size: 8px; padding: 2px 2px 0px 4px;}

.sectionMainSiteMapNodes .nodes{float: left;}
 



.sectionMain
{
	/*
		height:							100%;

	*/
	padding-left:					24px;
	padding-right:				24px;	
	padding-bottom:				24px;
	border:								solid 0px red;
	min-height:						500px;
	background-color:			#ffffff;

}
 .sectionMainColumnRight
{
	float:								right;	
	border:								solid 0px lime;
	min-height:						250px ;	
	
}

.sectionMainColumnLeft
{
	border:								solid 0px blue;
	float:								left;	
	min-height:						250px ;	

}


.sectionFooter
{

	margin:								auto;
	margin-top:						40px;
	background-color:			#ffffff;
	border:								solid 1px #cccccc;
	padding-left:					14px;
	padding-right:				14px;
	padding-top:					6px;
	padding-bottom: 			10px;
	
	
}
 .legalInfo
{
	border:				solid 0px red;	
	font-size:		9px;
	padding-top:	0px;	
	color:				#49A6E4;
}

.legalInfo a
{
	color: #49A6E4;
	text-decoration: none;
}

.copyrightInfo
{
	border:				solid 0px red;	
	font-size:		10px;
	padding-top:	0px;	
}
.buttons
{
	color:								#4F93C7;
	border:								solid 1px #cccccc;		
	background-color: 		white;
	font-size:						11px;
	font-weight:					normal;
	padding-top:					1px;
	padding-bottom: 			2px;
	padding-left:					8px;
	padding-right:				8px;
	cursor:								pointer;

}
/**/
.buttons:hover
{
	background-color: 		#fefefe;
	border:								solid 1px #bbbbbb;

}



.sectionMainColumnRight .boxHeader
{
	background-image: 		url(http://bpiw.net/_slices/boxSmall_orange.gif); 
	width:								210px; 
	font-size:						11px; 
	color:								#ffffff; 
	text-transform: 			uppercase; 
	font-weight:					bold; 
	padding-left:					15px; 
	padding-top:					5px; 
	padding-bottom: 			5px;
	margin-bottom:				0px;
	margin-top:						0px;
}

.sectionMainColumnRight .boxBody
{  
	margin-top:						1px; 
	padding:							15px;
	border:								solid 1px #cccccc;
	width:								193px;

}
.boxBody
{
	color:								#666666; 
	padding-left:					18px;
	padding-right:				18px;
	padding-bottom:				18px;
	
}

.boxBody h2
{
	color:								#2B7DBC; 
	font-size:						14px;
	margin-left:					-2px;
	border:								solid 0px red;
	margin-bottom:				20px;
}
.boxBody h3
{
	color:								#2B7DBC; 
	font-size:						13px;
	border:								solid 0px red;
}

.boxBody h3 a, .boxBody h3 a:active, .boxBody h3 a:link, .boxBody h3 a:visited
{
	color: #49A6E4;
}
/*
boxBody h3 a:hover
{

}*/


.sectionMainColumnLeft .box
{
	border: 							solid 1px #cccccc; 
	width:								655px; 
	min-height: 					600px;
}

.boxHeaderGray .columnLeft
{
	background-image:			url(http://bpiw.net/_slices/boxTitle_gray.gif); 
	background-repeat:		no-repeat; 
	height: 							25px; 
	width:								500px;
	float:								left; 
	border: 							solid 0px blue; 
	text-transform:				uppercase;
}

.boxHeaderGrayDark .columnLeft
{
	background-image:			url(http://bpiw.net/_slices/boxTitle_grayDark.jpg); 
	background-repeat:		no-repeat; 
	height: 							25px; 
	width:								500px; 
	border: 							solid 0px red; 	
	color:								#ffffff;
	float:								left;
}
.boxHeaderBlue .columnLeft
{
	background-image:			url(http://bpiw.net/_slices/boxTitle_blue.jpg); 
	background-repeat:		no-repeat; 
	height: 							25px; 
	width:								500px; 
	border: 							solid 0px red; 	
	color:								#ffffff;
	float:								left; 	
}

.boxHeaderGray .columnLeft h2
{
	padding-top:					4px;	
	padding-left: 				15px;
	margin-top:						0px;
	font-size:						15px; 

}

.boxHeaderBlue .columnLeft h2, .boxHeaderGrayDark .columnLeft h2
{

	margin-top:						5px;
	border: 							solid 0px lime; 
	/*	color:							#2A7AC4; 	*/		

	padding-left: 				15px;
	padding-right:				40px;
	font-size:						13px; 
	font-weight:					bold; 
	
 }
 
.boxHeader .columnRight
{
	float:								right; 
	height: 							26px;
}

.boxHeaderGray .columnRight
{		
	border: 							solid 0px lime; 
	float:								right; 
	height: 							19px;
	width:								128px;
	text-align:						right;
	color:								#666666;
	font-size:						12px;
	font-weight:					bold;
	padding-right:				24px;
	padding-top:					6px;
	background-color:			#ffffff;
}

.boxHeaderGray .columnRight a
{	
	color:								#666666;
}


.boxHeaderBlue .columnRight
{
	float:								right; 
	height: 							19px;
	width:								131px;
	text-align:						right;
	color:								#4B9EDB;
	font-size:						15px;
	font-weight:					bold;
	padding-right:				24px;
	padding-top:					6px;
	background-color:			#ffffff;
} 
.boxHeaderGrayDark .columnRight
{
	float:								right; 
	height: 							19px;
	width:								131px;
	text-align:						right;
	color:								#666666;
	font-size:						15px;
	font-weight:					bold;
	padding-right:				24px;
	padding-top:					6px;
	background-color:			#ffffff;
}

.sectionMainColumnLeft .boxBody p
{
	text-align:						justify; 
	line-height:					18px;	
}

.boxNavigator
{
	padding:							0px 18px 0px 18px;
	border: 							solid 0px lime; 
}

.boxNavigator h3
{
	border: 							solid 0px yellow; 
	font-size:						12px; 
	color:								#2B7DBC; 
	font-weight:					bold; 
}

.boxNavigator p
{
	margin-top:						-3px;
	text-align:						justify; 
	line-height:					18px;	
}


.boxSeparator
{
	height:								40px;
}




.boxBody .boxPicture
{
	float:								right;
	margin-top: 					15px;
	width:								120px;
	/*min-height: 					127px;*/
	border:								solid 0px blue;
	background-color: 		#f9f9f9;
	font-style:						oblique;
}



.boxPicture img
{
	width:									120px;
	vertical-align:					middle;
}

.progressTemplate
{
	font-size: 11px; border: solid 1px #cccccc; background-color: #f9f9f9; line-height: 18px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}