﻿/* CSS Document */
/*################## dashboard table ##################*/
table.dashboardwrapper
{
	width: 861px;
	height: 525px;
	/*background: #FFFFFF url(images/dashboard2_bg.png) no-repeat 0 0;
	/*border: 1px solid red;*/
	margin-left: -26px;
	border-collapse: collapse;
	overflow:visible;
}
/*table.dashboardwrapper td { border: 1px solid red;}*/
/*################## dashboard tabs ##################*/
	table.dashboardwrapper td.currentdata
	{
		width: 245px;
		height:  175px;
		vertical-align: top;
		text-align:  left;
		background-image: url('images/no_photo.png');
		background-repeat: no-repeat;
		background-position: 28px 35px;
	}
		table.dashboardwrapper img.avatar  
		{
			margin-top: 48px; height: 104px; width: 85px;
			margin-left: 39px;
		}
		
		table.dashboardwrapper td.currentdata td.avatarwrapper
		{
		 	height: 160px; 
		 	vertical-align:top;
		}
		
		table.dashboardwrapper td.currentdata table.currentdatatable  
		{
			margin-left: 29px; margin-top: 20px;
		}
		
		table.dashboardwrapper td.currentdata div.currentmode
		{
			width: 196px;
			height: 26px;
			background-image: url("images/currentdata_status_bg.png");
			background-repeat: no-repeat;
			color: Gray;
			font-size: 9px;
			font-weight: normal;
			text-align: center;
			margin-left: 29px;
		}
		table.dashboardwrapper td.currentdata div.currentmode span.orange 
		{
			color: Orange;
			font-weight: bold;
		}
		
		span.orange 
		{
		    font-family:Tahoma;
		}
		
		table.dashboardwrapper td.currentdata td.tempcol
		{
			/*background-position: center;
			background-image: url("images/temp_background.png");
			background-repeat: no-repeat;*/
			width: 94px;
			height: 270px;
			text-align: center;
			vertical-align: top;
		}

		table.dashboardwrapper td.currentdata td.brixcol
		{
			background-image: url('images/brix_background.png');
			background-repeat: no-repeat;
			width: 94px;
			height: 270px;
			text-align: center;
			vertical-align: top;
		}
/*################## dashboard tabs ##################*/
	table.dashboardwrapper td.notes
	{
		width: 325px;
		height:  350px;
		text-align:  center;
		
	}
	table.dashboardwrapper table.noteswrapper
	{
		margin-top: 15px;
		margin-left: auto; margin-right: auto;
	}
	
/*################## dashboard tabs ##################*/
	table.dashboardwrapper td.myforum
	{
		width: 291px;
		height:  350px;
		text-align:  center;
	}
		table.dashboardwrapper td.myforum p.msgsheader
		{
			margin-top: 15px;	
		}
	
		table.dashboardwrapper td.myforum div.messagecontainer
		{
			overflow: auto;
			height: 220px;
			width: 220px; 
			margin:  0 0px 0 0px;
		}
			
			table.dashboardwrapper td.myforum div.messagecontainer p.messagepar
			{ 
				width: 90%;
				text-align: justify;
				font-size: 10px;
				font-weight: bold;
			}
		
			table.dashboardwrapper td.myforum table.newmessagetable
			{
				margin:  0 0px 0 0px;
			}
			
			table.dashboardwrapper td.myforum table.newmessagetable td.text 
			{
				width: 150px; padding-top: 4px;
			}
			table.dashboardwrapper td.myforum table.newmessagetable td.button 
			{
			}
/*################## dashboard calculators ##################*/
	
	
/*################## dashboard CHART ##################*/
	table.dashboardwrapper td.chart
	{
		height: 175px;
		vertical-align: top;
		text-align:  center;
		vertical-align: middle;
	}
	table.dashboardwrapper td.chart div.chartwrapper { margin-top: -2px;}
/*################## dashboard tabs ##################*/
	/*	table.dashboardwrapper td.tabs div.tabswrapper
		{
			margin-top: 40px;
			vertical-align: bottom;
			width: 440px;
			border: 1px solid red;
		}
			table.dashboardwrapper td.tabs div.tabswrapper a,
			table.dashboardwrapper td.tabs div.tabswrapper a:hover,
			table.dashboardwrapper td.tabs div.tabswrapper a:visited
			{
				width: 144px;
				height: 35px;
				color: Black;
				text-decoration: none;
			}
			
			table.dashboardwrapper td.tabs div.tabswrapper a.active
			{
				background-image: url(images/dashboard_tab_active.png);
			}
			
			table.dashboardwrapper td.tabs div.tabswrapper a.inactive
			{
				background-image: url(images/dashboard_tab_inactive.png);
			}*/
/*################## dashboard myforum styles ##################*/
				
			
	
			
	table.dashboardwrapper  img.notesnext, 
	table.dashboardwrapper   img.notesprev
	{
	    
	    
		cursor: pointer;
	}
	
	/*################## dashboard current data ##################*/
	
	
	
		
	
/*########### Chart #########################*/
		
/*############ Chart #########################*/
	div.tempfloater 
	{
		background-color: Orange;
		margin-bottom: 35px;
		width: 5px;
		margin-right: auto;
		margin-left: auto;
	}

	div.uplimittempmarker 
	{
		background-color: Red;
		position: relative;
		top: 0px;
		left: 0px;
		width: 60px;
		height: 3px;
		cursor: pointer;
	}

	div.downlimittempmarker 
	{
		background-color: Blue;
		position: relative;
		top: 50px;
		left: 0px;
		width: 60px;
		height: 3px;
		cursor: pointer;
	}

	div.tooltip 
	{
		padding: 2px 6px 2px 6px; 
		border: 1px solid #000000; 
		background-color: Yellow; 
		position: relative; 
		top: 0; 
		left: 0; 
		visibility: hidden; 
		z-index: 2;
	}