body
{
	font-family: verdana,arial,helvetica, sans-serif;
}

.title
{
	text-align: center;
	width:710px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
}
	
.datatable
{
	border: medium solid #b0c4de; 
/*	border: thin solid #bdb76b;*/
	width: 710px;
	background-color: white;
	margin-bottom: 5px;
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana,arial,helvetica, sans-serif;
	border-spacing: 10px;	 
}

.datatable td
{
	border: 7px solid #b0c4de;
}

.datatable th
{
	border: 0;
	text-align:center;
	font-size: 8pt;
}

.datatable .thleft
{
	text-align:left;
}

.thtop
{
	border: 0;
	vertical-align: top;
}

.graphtable
{
	border: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.graphtable td
{
	border: 0;
}

.textlight
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
	color: #0066b3;
	font-weight:bold;
}

.textboldred
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	font-weight:bold;
}	

#tabletopic
{
	text-transform: uppercase;
	font-size: 10pt;
	width: 20%;
	
}

#choiceholder
{
	width: 700px;
	padding: 4px;
	margin-bottom: 3px;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #b0c4de;
}

#choicetable
{
	width: 680px;
	padding: 2px;
	margin-bottom: 3px;
	margin-right: auto;
	margin-left: auto;
	
}

#choicetable td
{
	text-align: left;
	vertical-align: top;
}

#boxholdtable
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 2px;
	width: 360px;
	
}

#boxholdtable td
{
	vertical-align: top;
	padding: 1px;
}


#instructionbutton
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}


#key
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 8pt;
	font-family: verdana,arial,helvetica, sans-serif;
	width: 680px;
	border: 1px solid #b0c4de;
	visibility: visible;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #fffacd;
	
}

#string
{
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 5px;

}


#specboxes
{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	padding: 0;
}


#key td
{
	border: 0;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}	

.imgcenter
{
	margin-left: auto;
	margin-right: auto;
}


.explanation
{
	border: 0;
	font-size: 8pt;
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

#material
{
	margin-right: auto;
	margin-left: auto;
	width: auto;
}


#dropdown
{
	margin-right: auto;
	margin-left: auto;
	width: auto;
}




.stringDropDown
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
}	
.stringDropDown select
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
}	

.materialDropDown
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
}	

.materialDropDown select
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
}	
/*
.dropdown
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 8pt;
	border: thin solid green;
}	
*/

div.spectext
{
	width: 690px;
	height: auto;
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-family: verdana,arial,helvetica, sans-serif;
	padding: 5px;
	line-height: 15px;
	background-color: #fffacd;
/*	border: thin solid #bbbbbb; */
}


.buttontext
{
	font-size: 7pt;
	font-family: verdana,arial,helvetica, sans-serif;
	text-align: center;
	padding: 2px;
    background-color:#0066b3;
    margin-right: 5px;
    line-height: 8pt;
    font-weight: bold;
	color: white;
}
.instructbutton
{
	font-size: 7pt;
	font-family: verdana,arial,helvetica, sans-serif;
	text-align: center;
	padding: 2px;
    background-color:#0066b3;
    margin-right: 5px;
    line-height: 8pt;
    font-weight: bold;
	color: white;
	padding: 2px;
	visibility: visible;
}

.checkboxes
{
    margin-right: 5px;
    margin-left: 5px;
    line-height: 10pt;

}

.label
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;	
    margin-right: 5px;
    margin-left: 5px;
}

h3
{
	color: gray;
}

h5
{
	color: gray;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 10px;
}

#specboxes h5
{
	color: #ff9900;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 0;
	font-size: 12px;
}


h2
{
	color: #0066b3;
	text-align: center;
	font-size: 12pt;
}



#string h2
{
	color: #0066b3;
	text-align: center;
	font-size: 14pt;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#title h2
{
	color: #0066b3;
	text-align: center;
	font-size: 14pt;
	margin-top: 0;
}


.textbold
{
	font-weight: bold;
	color: #464646;
}


/*css for tooltip*/

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt 
{
	position:absolute;
	display:block;
/*	background:url(tt_left.gif) top left no-repeat;
*/
}
#tttop 
{
	display:block;
	height:5px;
	margin-left:5px;
	background:url(tt_top.gif) top right no-repeat;
	overflow:hidden;
}
#ttcont
{
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
/*	background:#666; 
	background:#0066b3;
	background: #808000;*/
	background: #4169e1;
	color:#FFF;
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 7pt;
}
#ttbot
{
	display:block;
	height:5px;
	margin-left:5px;
	background:url(tt_bottom.gif) top right no-repeat;
	overflow:hidden;
}



/*css for slider*/

.datatable td.slidercell
{
	border: 0;


}


.datatable td.scalestringscell
{
	border: 0px;
	padding: 3px;


}


.slidertable
{
	border: 7px solid white;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
}

.slidertable td
{
	border: 0;
	text-align: center;

/*	padding-left: 20px;*/
}


.slidertable td.scalecell
{
	border: 0;
	width: 90%;
	position: relative;
/*	padding-left: 20px;*/
}

/*.scalecell
{
	width: 95%;
	border: 1px solid black;
	background: black;
}
*/	

/*sliderscale div*/


.sliderholder
{
	position: relative;
	
}

.sliderscale
{
	position: absolute;
/*	background: #bdb76b; */
/*	border: thin solid #bdb76b; */
	border: thin solid #b0c4de; 

/*	width: auto; */
	height: 15px;
	padding-left: 0px;
}

/*sliderbutton div*/
.sliderbutton
{
	position: absolute;
	left: 0px;
/*	background: #808000;*/
	border: thin solid #ff9900;
	background: #ff9900;
	width: 10px;
	height: 13px;
	cursor: move;
	padding-left: 0px;
/*	margin-left: 107px;
*/	
}

.scalestrings
{
	font-size: 8pt;
	font-family: verdana,arial,helvetica, sans-serif;
/*	background-color: #eeebbb;*/
	padding: 5px;
	border: thin solid #b0c4de;
}