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

h1 { font-size: 20px;padding: 5px ;margin:5px;}
h2 { font-size: 16px;padding: 5px ;margin:5px;  }
h3 { font-size: 15px;padding: 5px ;margin:5px;  }
h4 { font-size: 14px;padding: 5px ;margin:5px;  }
h5 { font-size: 13px;padding: 0px; margin:0px;  }
img{ padding :0px;margin: 0px;}

body {
  	margin: 0px; padding: 0px;
 	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
  	line-height: 20px;
  	color: black;
    background-color:white;
 }

#frame {
    position:relative;
    width:700px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
/*	border: 1px dotted gray; */
	/*text-align:left; */
}
 
 #frame a:hover {color:red;}

 #masthead {
    width: 700px; 
	margin: 0px; padding: 0px;
 	height: 140px;
	background-color:white;
	background-image:url(images/SmallStarLogo.jpg);
	background-position:50px 0px;
	background-repeat:no-repeat;
/*	border:solid 1px gray;*/
    }

#masthead h1 {
    position: relative;
    left: 280px; top: 30px; 
    font-family:"Times New Roman", Times, serif;
    font-size:36px;
	color:black;
}
#masthead h3 {
    position: relative;
    top:15px;left:150px;
	color:black;
    font-size:48pt;	
	font-family:"Times New Roman", Times, serif;
}

#full
{
	position:absolute;    
	top:104px;left:0px;
	width: 700px; 
	height: 900px; 
    border: 1px solid gray;
	margin-bottom:10px;
}

#full h1{margin-top:50px;}
#full p{margin-top:10px;}

#left    
{
	position:absolute;    
    top:104px;
	width: 380px; 
	height: 900px; 
    border: 1px solid gray;
	padding-top:200px;
}

#left h3{margin-left:80px;}
#left h3 a {text-decoration:underline;}

.leftimage
{
     float:left;
	 margin-top:20px; 
	 margin-left:8px;
	 z-index:1000;
}

.leftimage .caption { float:left; }
 img {border: solid 5px #6666cc;}

.leftitem ul,.leftitemnb ul
 {
   margin-left:150px;
   font-size:12px;
   padding-bottom:22px;
 }

.leftitem{ border-top: groove 5px #6666CC; } 
.leftitem li,.leftitemnb li { margin-top:5px;}

#right {
    position:absolute;
	top:104px;left:500px;
	width: 250px;
    height:900px; 
	border: 1px solid gray;
    padding-top :0px;
}

#right h2 {margin-bottom:-20px; margin-top:360px;}
        
	
#middle {
	position:absolute;
	top:180px;left:-40px;
	width: 430px;
	height:80px;
	padding: 10px;
	border: 1px solid gray;
	background-color:  #d3e1f5;
}

#middle p{
  font-size:1.22em;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-style:italic  ;
  }	

#superview {
	position:absolute;
	top:173px;
	left:442px;
	width: 332px;
	height: 237px;
  }

#sv_caption {
	position:absolute;
	top:423px;left:542px;
 }

#re_img{position:absolute; top:530px;left:110px;}
  
#micristar {
    position:absolute;
	top:3px;
	left:0px;
	width: 153px;
	height: 154px;
  }
    
  
	
  
/*-----------------
 Tab Navigation 
 -----------------*/

#tabnav {
	position: absolute; 
	color: black;
	left: -20px; top: 120px; 
	list-style-type: none;
	font: bold 16px verdana, arial, sans-serif;
    width: 800px;
	z-index:1000;
}
   
#tabnav li {
	float: left;
	background-color:#6666CC;
	color: white;
}
#tabnav a:link, #tabnav  a:visited {
	display: block;
    color:white;
    background-color: transparent;
	text-decoration: none;
 	padding: 5px 30px 5px 30px;  
}

#tabnav  a:hover {	color : yellow; }
 
#right ul {
	position: relative; 
	left: 0px; top: 0px; 
	list-style-type: none;
	font: bold 16px verdana, arial, sans-serif;
    width: 250px;
}

#right ul li 
{
	background-color: #d3e1f5;
	padding: 15px 15px 15px 15px;
	margin-top:30px;
}

#right ul a:link , #right ul a:visited {
	display: block;
    color:black;
    background-color: transparent;
	text-decoration: none;
}

#right ul a:hover {
   /*text-decoration:underline;*/
	color:red;
 }



 #Home #tabnav li#homeli a:link,
 #Home #tabnav li#homeli a:visited,
 #SuperView #tabnav li#superviewli a:link,
 #SuperView #tabnav li#superviewli a:visited,
 #NetView #tabnav li#netviewli a:link,
 #NetView #tabnav li#netviewli a:visited,
 #ContactUs #tabnav li#contactusli a:link,
 #ContactUs #tabnav li#contactusli a:visited 
 {
	  color:black;
	  background-color:#CCCC33;

 }
 
 
 /*********** product brief *************/

.productbrief {padding:20px;}
.productbrief h1, .productbrief h3 {margin:0px; padding: 0px;}

.productbrief img
 { 
    float:right;
    margin-right:40px;
    margin-top:10px;
    margin-bottom:40px;
    border : 1px solid black;
 }
.productbrief ul { margin:30px; }
.productbrief table {clear:both;}
.productbrief p {margin-top:40px;}
/* Literature table */

.littable
{
   border: 1px solid #336666; 
   font-family:Helvetica,Arial; font-size:12px; color: #000000; background-color: #FFFFFF;
   border-collapse: collapse;   
   width:95%;
 } 


.littable th      {padding-left:12px;font-size:12px; color: #FFFFFF; background-color:#000080;}
.littable td      {border: 1px solid #336666; padding:0px 0px 0px 8px;}
.littable .altrow {color: #000000; background-color: #EAF0F0; }
.littable caption {text-align:left; font-size:14px;font-weight:bold;margin:0px;padding:0px}
.littable .separator {color: #000000; background-color: #EAF0F0; }
.littable .separator td{height:20px; }


.featurelist ul	{margin-left:0px;}
.featurelist li {list-style-type:square;}				 


#TJK_ToggleON,#TJK_ToggleOFF {display:none}



/* Forms */

form table {
/*	border: 1px solid black; */
	margin:5px;padding:0px;
	border-collapse: collapse;
	table-layout:fixed;
	margin-bottom:30px;
    width:490px;
}

form table tr {
	margin: 0px; padding: 0px;
	border: 0px; 
}

form table td {
	margin: 0px; padding: 0px;
	border:none;
/*	border: 1px solid black; */
}

form table input {
	padding:0px; margin: 0px;
    border:0px;
	width:100%;
    height:20px;
	background-color:white; 
	border: 1px solid black; 	
}
/*
form #version{width:116px;border-right:1px solid black;}
form textarea{margin-bottom:30px;}*/
form .btnsubmit { padding:0px; margin: 40px 0px 0px 0px;}
form table caption {text-align:left; font-weight:bold;}
form h3,form p { padding: 0px ;margin:10px 0px 10px 0px;  }


/* Download request */

body.downloadbody #full{
    position:absolute;    
	top:30px;left:10px;
	width: 500px; 
	height: 600px; 
    border: 1px solid gray;
	/* background-color:#99CCFF;*/
	background-color: #d3e1f5;
}
body.downloadbody #frame {
    position:relative;
    width:500px;
	margin:10px;
	height:600px;
}
body.downloadbody #masthead{
    width: 450px; 
	margin: 0px; padding: 0px;
 	height: 60px;
	background-color:white;
	background-image:none;
}

body.downloadbody #masthead h1 {
    position: relative;
	margin:0px;
    left: 5px; top: 0px; 
    font-family:"Times New Roman", Times, serif;
    font-size:24px;
	color:black;
}



body#ContactUs #full
  {
   top:104px;left:100px;
   width:540px;
   height:700px;
   border: solid 1px gray;
   }

#contact * {margin:0px;padding:0px;} 

#contact {
  position:relative;
  top:50px;left:20px;
  height:700px;width:500px;
  /*border: solid 3px gray;*/
 }

#contact h1{color:#000080;
            font-size:14px;
			margin:0px;
			padding-top:25px;}



#diagram *{ margin:0px;padding: 0px; }
#diagram ul{list-style-type:circle;}
#diagram{
  position:absolute;
  top:180px;left:380px;
  padding:5px;
  border:solid 2px #6666CC;
}

#NetView .productbrief ul{margin-left:30px;}
#NetView .productbrief img
 { 
    float:right;
    margin:0px;
    margin-top:100px;
 }

#SuperView .productbrief img
{
  float:left;
  margin-top:40px;
}