/***** MENU PAGE *****/

#container 		{	position: fixed;
					top: 0px; left: 0px;
					border: none;
					width: 100%;
					height: 100%;
					overflow: auto;
					font-family: arial;
					background: #ffffff; }

#content	 	{	padding: 8px;
					background: #ffffff; 
					/*width: 80%;*/
					height: 85%;
					overflow: auto; }

#menuBar	 	{	float: right;
					white-space: nowrap;
					padding: 10px 10px 15px 0px;
					font-size: 90%;
					background: #F5F5F5;
					/*height: 90%; 800px;*/
					overflow: auto;
					line-height: 1.4em; }

.bar		 	{	clear: both;
					margin: 0px;
					background: #F5F5F5;
					font-weight: bold;
					height: 40px; }
.topBar			{	}
.bottomBar		{	position: fixed;
					bottom: 0px;
					width: 100%;
					height: 40px; }
#leftTopBar		 {float: left; vertical-align: bottom; text-align: bottom; padding-left: 20px; }
#rightTopBar	 {	float: right; vertical-align: bottom; text-align: bottom; padding: 10px;}
#rightMiddleBar	 {  display: block; text-align: center;}
#rightBottomBar	 {	float: right; 
				font-size: 80%;
				padding: 10px 5px 10px;}

/** Pop out hover **/ 

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top: 100px;
left: 250px; /*position where enlarged image should offset horizontally */

}

</style>

/***** CARDS AND LOGS *****/

.dashboardQuick	{	margin: 3px;
					font-size: 80%;
					background: #ffffff;
					padding: 8px;
					padding-left: 30px;}

.bifiproLive	{	margin: 3px;
					font-size: 80%;
					background: #ffffff;
					width: 800px;
					height: 600px;
					padding: 8px;
					padding-left: 30px;}
					
.statusReport	{	margin: 3px;
					font-size: 80%;
					background: #ffffff;
					padding: 8px;}
.maintenanceReport	{	margin: 3px;
					font-size: 80%;
					background: #ffffff;
					padding: 8px;}


.card			{	line-height: normal;
					padding-top: 2px;
					float: left;
					width: 235px;
					height: 130px;
					margin: 3px;
					font-size: 80%;
					overflow: auto;
					background: #ffffff;
					padding: 8px;
					border-style: solid;
					border-width: 1px; }
.cardTitle 		{	font-weight: bold;
					padding-bottom: 8px;
					font-size: 90%; }
.cardMoniLate	{	font-weight: bold;
					color: red;}

.bifipro		 {	height: 282px;
					background: #F5F5F5; }
.address		{	background: #F5F5F5; }
.contact		{	background: #F5F5F5; }
.Formal			{	clear: left; }
.customer		{	background: #F5F5F5; }
.addressInvoice, .contactInvoice	{	background: #F5F5F5; }
.customer, .addressCustomer, .contactCustomer {	background: #F5F5F5; }
.consult, .addressConsult, .contactConsult	 {	background: #F5F5F5; }
.lab, .addressLab, .contactLab				 { background: #F5F5F5; }
.users			{	width: 360px;
					background: #F5F5F5; }

.displayGrey		{	color: grey;}

.oldedit		{	background: BlanchedAlmond; }

.edit			{	float: left;
					width: 610px;
					height: 800px;
					overflow: auto;
					font-size: 80%;
					clear: left; }

.editWarning	{	background: white;
					border: solid 2px red;
					padding: 5px;
					margin: 10px 2px;}

.add			{	height: 800px;
					width: 750px; }

.standaloneLink	{	float: left;
					clear: both;
					margin-top: 30px;
					margin-left: 10px;	}

.sectionLinks	{	float: right;
					padding: 0px;
					position: relative;
					top: -25px;
					font-size: 80%;
					z-index: 10;
					text-align: right; }

.sectionLinksLog {	font-size: 80%;
					padding: 5px; }

input.fixSize, 
select.fixSize	{	width: 200px;		height: 2em;
					font-size: 90%;
					padding: 1px;
					padding-left: 3px;
					 }

.inputNoEdit	{	width: 193px;
					height: 1.7em;
					font-size: 90%;
					padding-top: 2px;
					padding-left: 5px;
					border: 1px solid black;
					background: white;}

.bigSize		{	font-size: 110%;
					padding: 1px;
					padding-left: 3px;
					width: 500px;		height: 8em; }

.fieldComment	{	font-size: 90%; }

a:visited 		{	color:blue; }
a:hover			{	color:red; }
a.map:hover 	{	color:black; }
a.map:active	{	color:black; }
a.map			{	text-decoration: none; }

.mapDot			{	position: absolute;	/* IMPORTANT FOR PLACING DOTS ON MAP */
					visibility: show;
					font-size: 8px;
					font-weight: bold;
					padding: 0px 3px;
					border: solid 2px black;
					border-radius: 20px; }

.mapDot90		{	background: #CC0000; }
.mapDot85		{	background: #FF0000; }
.mapDot80		{	background: #FF3300; }
.mapDot75		{	background: #FF6600; }
.mapDot70		{	background: #FF9900; }
.mapDot60		{	background: #FFCC00; }
.mapDot40		{	background: #99CC00; }
.mapDot20		{	background: #33CC00; }
.mapDot0		{	background: #00CC00; }
.mapDotNeg		{	background: white; }

.mapDotMoniLate	{	padding: 0px 2px;
					border: solid 3px #CC0000;
					border-radius: 0px;
					font-size: 10px; }

td				{	padding-left: 5px;
					font-size: 80%; }
tfoot			{ 	font-size: 75%; }

p.aside			{	margin: 10px;
					width: 570px;
					float: left;
					text-align: justify; }

.button 		{	font: bold 11px Arial;
					text-decoration: none;
					background-color: #EEEEEE;
					color: #333333;
					padding: 2px 6px 2px 6px;
					border-top: 1px solid #CCCCCC;
					border-right: 1px solid #333333;
					border-bottom: 1px solid #333333;
					border-left: 1px solid #CCCCCC; }

.logs			{	float: left;
					clear: left;
					border: 2px solid;
					border-bottom: 2px solid;
					border-color:#F5F5F5;
					border-radius: 5px;
					margin-top: 20px;
					overflow: auto; }

.logBar			{	padding: 5px;
					background: #F5F5F5;
					font-weight: bold;
					clear: left; }

.logSubBar		{	padding: 5px;
					background: #F5F5F5;
					font-weight: bold;
					font-size:80%;
					clear: left; }


.logFoot		{	font-size:70%;
					text-align: right; }

.logTable		{	border-spacing: 0px;
					text-align: center;
					white-space: nowrap; }

.logTable thead	{	font-size: 80%;}
.logTable th	{	padding: 10px;}
.logTable td	{	border-top: solid 1px #F5F5F5;}
.log 	 		{	padding: 5px;}
.scheduled		{	background: #B0E7FF;}
.due			{	background: #33CC00;}
.soon			{	background: #FF6600;}
.late			{	background: #FF0000;}
.warning		{	color: #FF6600;}


.logRemark		{	font-size: 120%;
					width: 800px;
					border: none;
					background: #ffffff; }


.taps			{	float: left;
					clear: left;
					border: 2px solid;
					border-bottom: 2px solid;
					border-color: #009FE3;
					border-radius: 5px;
					margin-top: 20px;
					overflow: auto; }
.tapsTable		{}

.analyses		{	float: left;
					clear: left;
					border: 2px solid;
					border-bottom: 2px solid;
					border-color: #F5F5F5;
					border-radius: 5px;
					margin-top: 20px;
					overflow: auto;
					font-size: 80%;}
.analyses input	{	padding: 0px 5px}

.labStats		{	}
.labSamples	td	{	column-width: 50px;}



.analysesTable thead { background: #F5F5F5; 
					font-size: 70%; 
					font-weight: bold; }
.analysesTable td	{	border-top: solid 1px #f; }
.analysesTable	{	padding-bottom: 5px; }

.labresults		{	border-spacing: 0px;
					text-align: center;
					white-space: nowrap; }

.labresults input,
.labresults select{	border: none; solid 1px black;
					background: BlanchedAlmond; 
					margin: 1px;}

.labresults td	{	border: solid 1px #009FE3}


.labBar			{	padding: 5px;
					background: #009FE3;
					font-weight: bold;
					font-size: 85%;
					text-align: left; }

.labresults th { background: #B0E7FF; 
					font-size: 80%; 
					font-weight: bold; 
					padding: 5px; }