﻿* {padding: 0 margin: 0;}


body 
{
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;	
	
}

#menu
{
/*	width:740px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    top:-25px;
    padding-left:25px; 
*/	
 /*background-color:Black;*/
 
/*	position:absolute;
	top:127px;
	padding-left:25px; 
	padding-top:3px;
	
float:right;
*/
position:relative;
    top:-25px;
    padding-left:25px; 
margin-left:auto;
	margin-right:auto;
display:inline-block;
width:400px;
}	


#link1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #022873;
	text-decoration: underline;
	
}
#link1:hover {
	color: #2E9EE6;
	text-decoration: none;
	font-weight: bold;
	cursor:hand;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INTRO PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






#top-main  
{

	width:785px;
    margin-left:auto;
	margin-right:auto;
	background-color:White;
}



#logo-main
{
	
	display:block;
	background-color:White;	

}

#content-main
{
	background-color:White;
	height:450px;
	top:0px;

}


#intro-heading
{
	margin:  5px auto 0px 10px;
	
}

#intro
{
	background:url(images/BeesIntroPage_08.jpg) no-repeat ; 
	margin-left:15px;  
	height:200px;
	background-color:White;
	width:750px;

}

#intro-detail
{
	margin-left:20px; 
	margin-right:20px;
	
}
#intro-bottom-container
{
	
	top:550px;
	position:absolute;
	width:750px;
	background-color:White;
}
#intro-bottom-right
{

	margin-top:10px;
	display:block;
	position:relative;
	float:right;
	
	
}
#intro-bottom-left
{

	margin-top:10px;
	display:block;
	float:left;
	position:relative;
}
#intro-bottom-middle
{

	margin-top:10px;
	display:inline;
	left:255px;
	position:absolute;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BODY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/





#body-main
{
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	padding-left:10px;
	width:785px;
	position:relative;
	background-color:White;
	height:680px;
}



#body-main-left
{
	/*background:url(images/BeesMainPageBKGDCatWeights.jpg);
	background-repeat:repeat-y; 
*/	
	width:390px;
	margin-left:10px; 
	margin-right:10px;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px; 
	padding-top:10px;
	position:absolute;	
	display:block;
	float:left;
	
}
#body-main-icw
{
	position:relative;
	width:300px;	
}


#body-column-left-1
{
	margin-top:20px;
	width:250px;	
	float:left;
	position:relative;
}
/*#body-column-left-2
{
	margin-top:20px;
	width:80px;	
 float:right;
 position:relative;
 margin-right:45px;
}
*/
#body-column-bottom
{
	/*position:relative;
	top:50px;
	margin-left:20px;
	top:5px;*/
	float:left;
	top:170px;
	width:300px;
}
#body-column-top
{
	/*position:relative;
	top:50px;
	margin-left:20px;
	top:5px;*/
	/*float:left;*/
	top:0px;
	width:300px;
}
#body-main-divider
{
	/*background:url(images/BeesMainPagedivider.jpg);
	background-repeat:repeat-y; 
*/
	display:inline;
	margin-top:20px;
	left:397px;
	width:4px;
	position:absolute;
	height:490px;
	
}
#body-main-right
{
/*	background:url(images/BeesMainPageBKGDComparison.jpg) ;
	background-repeat:repeat-y;
*/
	position:absolute;	
	display:block;
	float:right;
	margin-top:20px;
	width:390px;
	height:490px;
	  
}

#body-main-top
{
	/*background:url(images/BeesMainPageBKGDPerfWeights.jpg) repeat;
	*/
	margin-top:50px;
	position:absolute;
	/*margin-left:10px; 
	margin-right:10px;
	padding-left:20px;
	padding-right:20px; 
	padding-bottom:2px;
	width:700px;
	*/
	display:block;
	float:right;
	width:390;
		
}

#body-main-bottom
{
	/*background:url(images/BeesMainPageBKGDPerfWeights.jpg) repeat;
	*/
	/*
	position:relative;
	margin-left:10px; 
	margin-right:10px;
	padding-left:20px;
	padding-right:20px; 
	padding-bottom:2px;
	width:700px;
display:block;
	*/
	/*position:absolute;
	display:block;*/
	top:500px;
	
	
	width:390px;
	margin-left:10px; 
	margin-right:10px;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px; 
	padding-top:10px;
	position:absolute;	
	display:block;
	float:left;
	
	
	
		
}



#reportContainer {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;

}
#reportTree {
  
  float: left;
  
}
#reportGraph {
  
 
 margin-left:  250px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	
/*	font-family:Tahoma, Arial, Helvetica, sans-serif;*/
font-family:Arial;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
	color:Black;
}

h1, h2 {
	margin-top:0px;
	color:Black;
}

h2 {
	font-size:1.3em;
	color:Black;
}

h3 
{
	font:Arial;
	color:black;
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 
{
	/*color:#999788;*/
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}

.labelWeights
{
	width:10px;
	font-family: Arial;
	overflow:hidden;
}
#weightsDiv
{
	float:right;
	text-align:right;	
}	

.weightTextBoxYellow
{
	width: 75px;
	background-color:#FAFAD2;
	border-style: none;
	color: gray;
}
.weightTextBoxGray
{
	 width:75px;
	 background-color:#eff2f3; 
	 border-style:none;
	 color: gray;
	 
}

.weightTextBoxWhite
{
	 width:150px;
	 
	 background-color:white; 
	 border-style:none;
	 float:left;
	 color: gray;
	 display:block;
	 vertical-align:middle;
	 
	 
}
.weightTextBoxHeader
{
	 width:75px;
	 background-color:white; 
	 border-bottom-color:#eff2f3;
	 border-bottom-style:solid;
	 border-bottom-width:thin;
	 float:left;
	 color: gray;
	 font-size:1em;
	 display:block;	 
	 vertical-align:middle;
	 
	
}




        .MenuCell

        {
			border-color: Black;
			border-bottom-color:Black;
            border-width: 1px;
            border-style:solid;
            background-color: Gainsboro;
            color: Black;
            text-align: center;
            height:25px;
            font-size: x-small;
        }

 

        .MenuCellSelected

        {

                    border-top-color:Black;

                    border-left-color:Black;
                  
                    border-right-color:Black;

                     border-bottom-color:WhiteSmoke;
                    border-bottom-width:0px;
					
                   /* border-width:1px;*/

                    background-color:WhiteSmoke;

                    font-weight:bold;

                    font-size: x-small;

        }

 

        .MenuCellHover

        {

                    background-color: LightSteelBlue;

                    font-size: x-small;

        }

       

        .Canvas

        {

                    background-color:WhiteSmoke;

                    font-size: x-small;

                    border-left: 1px solid black;

                    border-bottom: 1px solid black;

                    border-right: 1px solid black;

        }

       
