﻿body {
 background: #3b3b3b; 
	margin: 0;
	font-family: Calibri, Tahoma, Verdana, Sans-Serif;
}

#divpage 
{
    background: url('images/WoodTexture.jpg') repeat;
}

#NavHeader 
{
    width: 100%; clear: both;  background: url('images/NavHeaderGradient.png') repeat-x #3b3b3b; text-align: right;
    height: 60px; line-height: 60px;
}
#NavHeader ul 
{
    list-style-type: none;
    padding:0; margin:0;
}
#NavHeader li 
{
    display: inline;
    margin-right: 20px;
}
#NavHeader li a 
{
    text-decoration: none;
    font-size: 18px;
    font-family: Cambria, Georgia, Serif;
}
#NavHeader li a:hover 
{
    text-decoration: underline;
}

#header {
	width: 100%;
}
#wrapper 
{
    width: 940px; /* 20 greater than the sum */
    padding: 10px;
    margin: 0 auto;
    background: url('images/ContentBackground.jpg') repeat #e5e3da;
    overflow: hidden;
    min-height: 100%;
}

#content 
{
    width: 750px;
    display: inline;
    float: left;
    padding-bottom: 3em;    /* http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */
    height: 100%;
}
#rightColumn  
{
    width: 170px;
	float: left;
	text-align: right;
	min-height: 600px;
}

#footer 
{
    width: 100%; clear: both;  background: #3b3b3b; text-align: center;
    border-top: 2px solid #808080; padding: 1em 0;
    color: #f1f1f1;
    height: 3em;
}
#footer a 
{
    font-weight: normal;
}

a.Button-RunBenchmark 
{
    display: block;
    width: 300px;
    height: 68px;
    background: url('images/RunBenchmark.png') 0 0;
}
a.Button-RunBenchmark:hover 
{
    background-position: 0 -68px;
}
a.Button-RunBenchmark:active
{
    background-position: 0 -136px;
}

a.Button-SeeResults 
{
    display: block;
    width: 300px;
    height: 68px;
    background: url('images/SeeResults.png') 0 0;
}
a.Button-SeeResults:hover 
{
    background-position: 0 -68px;
}
a.Button-SeeResults:active 
{
    background-position: 0 -136px;
}

.ScreenRead 
{
    display: none;
}
.datatable { border-collapse:collapse;  }
.datatable thead { background: url('images/DataTableHeading.png') repeat-x #2962B0; font-size: 20px; font-family: Cambria, Georgia, Serif;  color: #EBEBEB;}
.datatable thead td { padding: 3px 8px; }
.datatable tr { padding: 3px; }
.datatable td { padding: 3px; }
.datatable tfoot { background: url('images/DataTableHeading.png') repeat-x #2962B0; font-size: 24px; font-family: Cambria, Georgia, Serif; text-align: center; color: #EBEBEB;}
.datatable .dataTableEven { background-color: #F1F1F1;}
.datatable .dataTableOdd { background-color: #FFF; }

a { color: #779fd5; font-weight: bold; }
#wrapper a { color: #df8800; }
img  { border: 0; }

h1, h2, h3 { color: #17488B; font-family: Cambria, Georgia, Serif; }
h4 { color: #345D96; font-style: italic; margin: 0; padding: 0; }

#AjaxResponse { font-size: 15px; }
#AjaxResponseLogin { font-size: 15px; text-align: center; margin-bottom: 5px;}
#AjaxResponseLogin a { color: #345D96; }

h1,h2,h3,h4,h5,h6,h7 
{
    margin: 8px 0 4px 0;
    border-bottom: 1px dashed #17488B;
}

.subtle 
{
    font-size: 12px;
}
.noborder { border: 0; }
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	width: 30%;
}
#easyTooltip h3 { margin: 0; margin-bottom: 4px; }
