﻿body 
{
	font-family: Tahoma;
	font-size: 0.8em;
}

h1
{
    font-size: x-large;
}

h2 
{
    font-size: large;
}

h3
{
    font-size: larger;
}

.image
{
	border: solid 2px Gray;
}

.thumbnail
{
	width: 225px;
	height: 225px;
	padding: 15px;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(./images/menubg2.gif) center center repeat-x;
color: white;
font: bold 13px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #00db0f;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(./images/menubgover2.gif) center center repeat-x;
color: Yellow;
}

.horizontalcssmenu ul li ul li a:hover{
background: #009a04;
color: Yellow;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(./images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */



/* More styles */

div .column
{
	width: 300px;
}

/*
#ddtoptabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
background: #2B6600;
border-bottom: 1px solid #fff;
margin-bottom: 5px;
}
*/

#ddtoptabsline{
clear: both;
height: 14px;
background-image: url(./images/horiz_bar_under_menu_blue.gif);
background-repeat:repeat-x;
padding: 0;
width: 100%;
/*border-bottom: 1px solid #fff;*/
margin-bottom: 5px;
}

	
/* Picture examples */

.VerticalPictureList ul
{
	list-style-type: none;
	padding-left: 0px;
	/*margin: 10 10 10 10;
	padding: 10 10 10 10;*/
}

.VerticalPictureList ul li 
{
	position: relative;
	padding-top: 10px;
}


.VerticalPictureList ul li a 
{
	/*padding-top: 25px;
	padding-bottom: 25px;*/
}

.ComingSoon
{
	list-style-image: url(./images/ComingSoon.png);
	padding: 0 0 0 50px;
	margin: 0 0 0 50px;
	vertical-align: top;
}

span validator {
	font-family: Sans-Serif;
	font-size: 0.8;
	color: Red;
	font-weight: bold;
}

#Content 
{
	float: left;
	width: 70%;
}

#GraphSamples 
{
	float: right;
	width: 20%;
	text-align: center;
	background: #009a04;
}

#GraphSamplesHeader
{
	float: right;
	width: 20%;
	text-align: center;
	background: #007a04;
	color: White;
	font-weight: bold;
	font-size: 1em;
}

#Footer
{
	float: left;
	width: 100%;
}

.copyright
{
	font-size: 0.8em;
}

.button
{
	padding: 6 3 6 3;
	background-image: url(./images/btn_blue_gradient.gif);
	background-repeat:repeat-x;
	border: solid 2px #004063;
	color: White;
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
	height: 2.5em;
	cursor: pointer;
}

.button:hover
{
	color: Yellow;
	background-image: url(./images/btn_blue_gradient_hover.gif);
}

.titleText
{
	font-size: 1.8em;
	font-weight: bold;
}

.subtitleText
{
	font-size: 1.5em;
	font-weight: bold;
}

.blue1 
{
	color: #00adf9;
}

.blue2 
{
	color: #0091d1;
}

.blue3
{
	color: #0075a8;
}

.blue4
{
	color: #005f89;
}

.blue5
{
	color: #004063;
}

.noteBox 
{
	font-family: MS Reference Sans Serif;
	font-size: 0.85em;
	/*border:1px solid #d9d9b8;*/
	border: 1px solid #deac12;
	background-color: #ffc;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;}
	
.noteBox noteBoxBold
{
	font-weight: bold;
}

.noteBox noteBoxRed
{
	color: Red;
}

#LoginStatus
{
	float: right;
	width: 25%;
	text-align: right;
}


.leftColumn
{
	float: left;
	width: 70%;
}

.rightColumn
{
	float: right;
	width: 20%;
}

.center
{
    text-align: center;
}

.LabelData
{
    font-weight: bold;
}

.EditButton
{
    padding-left: 10px;
}

.Inline
{
    display: inline;
}

.LeftPad
{
    padding-left: 10px;
}
