/************************************/
/*            COMMON                */
/************************************/

body{
	background-color: 	white;
	margin:				0px; 
	padding:			0px;
}

img{
	border: 0px;
}

input, select, textarea{
	font-size:			11px;
}

form{
	margin: 0px;
	padding: 0px;
}

/************************************/
/*           CONTENT				*/
/************************************/

.bStd{		
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;		
}

.bSmall{		
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			gray;		
}


.bStrong{		
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;		
	font-weight:	bold;
}
.bTitle{
	width:			1250px;		
	text-align:		center;
	font-size:		32px;
	font-family: 	Arial, Helvetica;
	font-weight:	bold;
	color:			#FF0000;	
	border:			solid 0px red;
	margin:			auto;	
}


.bContent{
	width:			1245px;	
	text-align:		left;
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;		
}

.bShowView{
	width:			1245px;	
	text-align:		left;
	text-decoration:underline;	
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;
	cursor:         pointer;
}

.bContentHidden{
	width:			1245px;	
	text-align:		left;
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;
}

.bContentBox{
	width:			1000px;	
	text-align:		center;
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;
    border-width:   1px;
    border-style:   solid;
    border-color:   #A5A5A5;		
}

.bContent a{
	font-size:			12px;
	color:				#FF0302;
	text-decoration: 	underline;
	font-weight:		bold;
	
}

.bContent a:hover{
	font-size:			12px;
	color:				#2C2C2C;	
	text-decoration: 	none;
}

.bContent p.strong{
	color:			#FF0302;	
	font-weight:	bold;
	text-align:		justify;	
	margin-left:	20px;
	margin-right:	20px;	
}

.bContent .strong{
	color:			#FF0302;	
	font-weight:	bold;	
}


.bContent .bLeft{
	display:	block;
	float:		left;
	width:			500px;	
	text-align:		justify;	
	margin-left: 80px;	
}

.bContent .bRight{
	display:	block;
	float:		right;
	width:			500px;	
	text-align:		justify;	
	margin-right: 80px;
}

/************************************/
/*            FOOTER                */
/************************************/

.bFooter{
	width:			900px;	
	text-align:		center;
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;	
		
	
}

.bFooter .strong{
	font-size:		11px;
	color:			#2C2C2C;	
	font-weight:	bold;	
}

.bFooter a{
	font-size:			11px;
	color:				#2C2C2C;
	text-decoration: 	none;
	
}

.bFooter a:hover{
	font-size:			11px;
	color:				#FF3437;	
	text-decoration: 	none;
}

/************************************/
/*         FLOATING MENU            */
/************************************/
.bFloatingViewList {
	background-color: white;
	color:		      black;
	font-size:		  10px;
	font-family: 	  Arial, Helvetica;
	text-decoration:  none;			
	text-align:		  center;	
}

/************************************/
/*             GRID                 */
/************************************/

.bGridToolbar{
	background-color:   white;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;	
}

.bGridHead{
	font-size:			11px;
	color:				white;
	text-decoration: 	none;
	/*background: 		#2C2C2C url("../images/grid/head.png") top left repeat-x;*/
	background: 		#2C2C2C;
	height:				45px;
	text-align:			center;
	font-weight:		bold;		
}

.bGridRow0{
	background-color:   white;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;	
	height:				35px;	
}

.bGridRow1{
	background-color:   #F3FCFF; 
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;	
	height:				35px;	
}

.bGridRowSelPointer{
	background-color:   #CBE7FF;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				35px;	
	cursor:				pointer;
}
.bGridRowSel{
	background-color:   #CBE7FF;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				35px;		
}

/************************************/
/* 		          BOX				*/
/************************************/

.boxBack{	
	position: 			absolute;
	margin:				0;
	left: 				0px;
	top: 				0px;
	width:				100%;
	height:				200%;						
	background-image:	url(../images/box/back.gif);		
	/*text-align:			center;*/

}

.boxBody{	
	position: 			absolute;	
	font-family:		arial, verdana, sans-serif;
	font-size: 			12px;
	border:				solid 1px black;	
	background-color: 	white;
	text-align:			center;
	 border-radius: 	0px; 
	-moz-border-radius: 0px; 	
	padding:			6px;
	

}

.boxBtn{	
	position: 			absolute;	
	width:				32px;
	height:				32px;	
	cursor:				pointer;
}

/************************************/
/*           GALLERY				*/
/************************************/

.img_base{
	border: solid 1px #2C2C2C;
}

.img_selected{
	border: solid 1px red;
}


.gallery_prev{	
	display: block;	
	width: 32px;
	height: 21px;	
	background: #5DACD9 url("../images/gallery/prev.jpg") top left repeat-x;
	line-height: 21px;		
}

a.gallery_prev:hover{
	background: #FF0000 url("../images/gallery/hprev.jpg") top left repeat-x;
}

.gallery_next{	
	display: block;
	width: 32px;
	height: 21px;	
	background: #5DACD9 url("../images/gallery/next.jpg") top left repeat-x;
	line-height: 21px;		
}

a.gallery_next:hover{
	background: #FF0000 url("../images/gallery/hnext.jpg") top left repeat-x;
}

.gallery_btn{	
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	display: block;
	width: 248px;
	height: 21px;
	text-decoration:none;	
	text-align:center;
	font-weight:bold;
	color: white;	
	width: 125px;
	height: 21px;	
	background: #5DACD9 url("../images/gallery/btn.jpg") top left repeat-x;
	line-height: 21px;		
	cursor: pointer;
}

a.gallery_btn:hover{
	background: #FF0000 url("../images/gallery/hbtn.jpg") top left repeat-x;
}
/************************************/
/*           GRAPH					*/
/************************************/

.graph_toolbar{	
	font-family: 		Arial, Helvetica;
	background: 		transparent url("../images/graphs/toolbar.png") top left repeat-x;		
	height: 			16px;	
	/*border: 			solid 1px red;	*/
}

.graph_toolbar_title{	
	float:				left;		
	font-size:			11px;	
	padding: 			1px;	
	font-weight: 		bold;	
	margin-left:		5px;
}

.graph_toolbar_level{	
	float:				right;		
	font-size:			11px;	
	padding: 			1px;	
	font-weight: 		bold;			
}

img.graph_toolbar_btn{	
	float: 				right;
	margin: 			1px;	
	padding: 			1px;	
	border: 			solid 1px transparent;
	cursor: 			pointer;
}


img.graph_toolbar_btn:hover{
	border: 			solid 1px gray;
}

img.graph_toolbar_sep{	
	float: 				right;
	margin: 			1px;	
	padding: 			1px;		
}


.graph_selection{
	border:				solid 1px blue;
	display: 			block; 
	position: 			absolute;
	background-color: 	#FD4F50;
	z-index: 			100;
	cursor: 			pointer;
	
	opacity : 			0.3;
    -moz-opacity : 		0.3;
    -ms-filter: 		"alpha(opacity=30)"; /* IE 8 */
    filter :			alpha(opacity=30); /* IE < 8 */ 
	
}