﻿      /* TimeTrak Live Theme  */

	body
	{
	background-color: #f2f2f2;
	background-image: url(images/BGgradBlue.jpg);
	background-repeat:repeat-x;
	margin-top: 0;
	color: #333333;
	font-family: verdana;
	font-size: 9pt;
	}
	table.maintable
	{
	/* border:5px solid #fafafa; */
	padding-right: 5px;
	padding-left: 5px;	
	}
	H2
	{
	color: #000;
	text-align: left;
	}
	strong
	{
	color: #0070A3;
	}
	img.content
	{
		float:right;
	}	
	td.header
	{
	 text-align: right;
	 height: 160px;
	 background-image: url(Images/LiveHeader.gif);
	 background-repeat: no-repeat;
	 background-color: White;
	 vertical-align: top;
	 border-top-width: 1px;
	 border-top-color: #0000FF;
	 border-bottom-style: solid;
	 border-bottom-width: 1px;
	 border-bottom-color: #000; 
	}
	span.contactinfo
	{
		font-size: 7pt;
	}
	p.contactinfo
	{
		color: #235BA8;
	}
    .txt
	{
	 font-size: .9em;
	 color: #003366;
	 font-family: Arial;
	 vertical-align: middle;
	 margin-bottom: 1px;
	 font-weight: bold;
	 border-bottom: 1px solid #000;
	 border-right: 1px solid #000;	 
     background-color: #DEE4EC;
	}
	div.container
	{
	float:right;
	width:200px;
	height:300px;
	margin:0px;
	border:1px solid gray;
	background-image: url(Images/Hardware/TouchCamCEmed.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}
	div.contleft
	{
	padding:0.5em;
	padding-top: 180px;
	padding-right: 80px;	
	}
	div.header
	{
	padding:0.5em;
	background-color:#474747;
	clear:left;
	text-align:center;
	}
	h4.header
	{
	color: white;
	padding:0;
	margin:0;
	}
	div.content
	{
	padding:1px;
	}
	div.left
	{
	float:left;
	width:170px;
	margin:0;
	padding:5px;
	padding-top:180px;
	text-align:left;
	}
	p.textbody
	{
		text-align:left;
	}
	li.indent1
	{
		list-style-type: square;
		margin-left:20px;
		margin-bottom:2px;
	}
	li.indent2
	{
		list-style-type: circle;
		margin-left:40px;
		margin-bottom:2px;
	}

/* Top Menu Style 
		p.MainSiteMenu
		{
			margin-bottom:2px;
			font-weight:bold;
			color: #FFFFFF;
		}
		ul.HorizMenu {
		  font-size: 11pt;
		  margin-left: 0px;
		  padding-left: 0px;
		  margin-top: 0px;		  
		  margin-bottom: 0px;
		}
		ul.HorizMenu li {
		  display: inline;
		  background-color: #235BA8;
		  border-style: outset;
		  border-width: 1px;
		}
		ul.HorizMenu li.HorizMenu a.HorizMenu {
		  text-decoration: none;
		  padding-left: 1em;
		}
		ul.HorizMenu li.HorizMenu a.HorizMenu:hover {
		  color: #FFFFFF;
		  text-decoration: underline;
		}
		ul.HorizMenu li.HorizMenu a.HorizMenu:visited {
			color: #FFFFFF;
		}*/
/* Top Menu */
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin: 0;
height: 25px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #235BA8;
border: 1px solid #DBDBDB;
background-color: #DEE4EC;
}

.hovermenu ul li a:hover{
text-decoration: underline;
color: #000;
border: 1px solid #696969;
}
/* End Top Menu */
		
		a {
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		a:visited {
			color: #235BA8;
		}
		.box {
		 border: 1px solid #aed0ea;
		 font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
		 font-size: 1.1em;
		 padding: 8px 12px 2px 8px;
		 background-color: #F3F3F3;
		}
		.boxhead {
		 border: 1px solid #aed0ea;
		 border-bottom: none;
		 background-color: #DEE4EC;
		 padding: 6px;
		 font-weight: bold;
		 color: #0070A3;
		 font-size: 1.1em;
		 text-align: left;
		 clear:both;
		 position: relative;
		}
		.boxhead a	{
		 text-decoration: none;			
		}		
		.screenshot {
		 margin: 0px 250px 0px 8px;
		 padding-bottom: 14px;
		 line-height: 1.2em;
		 float: none;
		 text-align: left;
		 position: relative;
		 color: #444444;

		}
		.screenshotpic {
		 margin: 0px 0px 4px 6px;
		 font-size: .7em;
		 float: right;
		 width: 250px;
		}
		.screenshot a {
		 color: #003366;
		 text-decoration: underline;
		}
		.tech {
		 margin: 0px 8px 0px 8px;
		 padding-bottom: 0px;
		 line-height: 1.2em;
		 float: none;
		 text-align: justify;
		 position: relative;
		 color: #444444;
	top: 0px;
	left: 0px;
}
		.techboxhead {
		 border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	border-bottom: none;
	background-color: #DEE4EC;
		 	padding: 6px;
		 	font-weight: bold;
		 	color: #003366;
		 	font-size: 1.4em;
		 	text-align: left;
		 	clear:both;
		 	position: relative;
	top: 0px;
	left: 0px;
}