body { /* Will style the "body" tag in html file */
    background-color:white;
}
 
#wrapper { /* "id" selector for the wrapper tag. The styles in this tag will refer to whatever tag in the html code has the id of "wrapper." */
    width:80%;
    border-width:medium;
    margin-left:auto; /* "auto" to help center the wrapper along with margin-right */
    margin-right:auto; /* "auto" to help center the wrapper along with margin-left */
}

#wrapper2 { /* "id" selector for the wrapper tag. The styles in this tag will refer to whatever tag in the html code has the id of "wrapper." */
    width:1000px;
    border-width:medium;
    margin-left:auto; /* "auto" to help center the wrapper along with margin-right */
    margin-right:auto; /* "auto" to help center the wrapper along with margin-left */
}
 
header { /* Will style the "header" tag in html file */
    width:100%; /* Takes 100% width of wrapper's width (the parent) */
    position:relative;
}
 
#leftcontent { /* Will style the "nav" tag in html file */
    width:50%; /* Takes 50% width of wrapper's width (the parent) */
    background-color:white;
    float:left; /* Positions navigation to left and allows for other tags to positioned next to it rather than below it*/
    margin-right:8%;
    margin-left:1%;
    
}
 
#rightcontent { /* "id" selector for the content tag. The styles in this tag will refer to whatever tag in the html code has the id of "content." */
    width:41%; /* Takes up 50% width of wrapper's width (the parent). Notice how with the navigation's width, 50% + 50% = 100%. If we used width > 70%, the content section wouldn't fit */
    background-color:white;
    float:right; /* Positions content right next to the navigation section instead of under it.
                    Floating to the right works just the same way, in this case */
    
}

#helpleft  {
	width: 691px;
	float:left;	
	margin-left: 9px;
	margin-right: 70px;
	

}


#helpright  {
	margin-top: 50px;
	width: 230px;
	float:right;
	

}


#aboutleft  {
	width: 691px;
	float:left;	
	margin-left: 9px;
	margin-right: 70px;
	

}


#aboutright  {
	margin-top: 50px;
	width: 230px;
	float:right;
	

}




#manualdataset  {
	margin-left: 10px;
	margin-right: 10px;

}

 
footer { /* Will style the "footer" tag in html file */
    clear:both; /* Makes absolute sure to position footer under BOTH the content and navigation bars.
                This is known as "clearing a float", and only works when an tag(s) above is using the "float" property. */
    width:100%; /* Takes up 100% width of wrapper (the parent) */
    background-color:white;
}

td.view

{
	
color: #6D929B;
border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	
}

th.am {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	padding: 6px 6px 6px 12px;
	text-transform: uppercase;
	text-align: center;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}


td.am {
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}

border.image {
border:5px solid red;
}

td.ori { border:1px solid #F5A9A9;  padding: 12px 12px 12px 12px; }
td.orig { border:1px solid #F5A9A9;  padding: 12px 12px 12px 12px; width: 200px;}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	vertical-align: top;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	vertical-align: top;
}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

table.simple {
border:1px solid black;
border-collapse:collapse;
}

table.simple th {
border:1px solid black;
}

table.simple td {
border:1px solid black;
}

table.stats td
{
font-family:arial;
font-size:9pt;
vertical-align: top;
}

a:link    {
    color: blue;
    text-decoration:none;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover   {
    color: green;
}

.navtable, .navtable td, .navttable th
{
font-family:verdana;
font-size:9pt;
color:black;
}

a.stats:link    {
    color: black;
    text-decoration:none;
}

a.stats:visited {
    color: black;
}

a.stats:hover   {
    color: #696969;
}

<!--
.pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
-->