body, table, tr, td  { 
	font-family: arial; 
	font-size: 8pt 
}

A:active, A:link, A:visited
{
    COLOR: #1c5faa;
    TEXT-DECORATION: none
}

A:hover
{
    COLOR: #828bb4;
    TEXT-DECORATION: none
}

.container {
	width: 750px;
}

.block {	
	border-left: solid 1px #1C5FAA;
 	border-right: solid 1px #1C5FAA;
	background-color: white;
}

.main {
	width: 740px;
 	padding: 10px;
 	text-align: left
}

.header	{
    FONT-SIZE: 15pt;
    COLOR: #1c5faa;
    FONT-FAMILY: Arial;
	 text-align: left;
}

.sub	{
    FONT-SIZE: 13pt;
    COLOR: #1c5faa;
    FONT-FAMILY: Arial;
	 margin-left: 5px
}

hr {
	color: #c6195b;
}

.BlueSm
{
    FONT-SIZE: 7pt;
    COLOR: #4d80bb;
    FONT-FAMILY: Arial
}

.BlueMd
{
    FONT-SIZE: 11pt;
    COLOR: #1c5faa;
    FONT-FAMILY: Arial
}

.BlueLg
{
    FONT-SIZE: 13pt;
    COLOR: #1c5faa;
    FONT-FAMILY: Arial
}

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

.label {
	background-color: #E8EFF6;
	color: #1c5faa;
	padding: 7px;
}

select, input, textarea, submit {
	font-family: Arial;
	font-size: 8pt;
	margin-left: 5px;
	border: 1px solid #828BB4;
	color: #003698;
	 background-color: #ffffff;
}

.stopwatch {
	background-image: url(images/stopwatch.jpg);
}

.button {
	background-image: url(images/button.gif);
	font-size: 9pt;
	font-weight: bold;
	color: #C6195B;
}

.clockdisplay { 
	width: 80px; 
	border: 2px solid #1C5FAA; 
	padding: 5px;
 background-color: white;
}

.timer	{ 
	font-size: 14pt; 
	font-weight: bold; 
	color: #C6195B; 
	font-family: Arial; 
}

.help	{ 
	width: 13px; 
	height: 13px; 
	float: right; 
	padding-right: 10px;
}

.helpcontainer {
	width: 350;
}

hr.blue {
	color: #B7CBE9;
}


/* rounded corner box for inside */
.t {background: url(images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/botl.gif) 0 100% no-repeat}
.br {background: url(images/botr.gif) 100% 100% no-repeat}
.tl {background: url(images/topl.gif) 0 0 no-repeat}
.tr {background: url(images/topr.gif) 100% 0 no-repeat; padding: 7px} 
/*end */


.lll {
	elevation: above;
}


/* Tabs------------------------------------------ */
#tabs {
	float: left;
	width: 100%;
	background-color: #e5ebf4;
	/*font-size: 93%;*/
	line-height: normal;}

#tabsA UL
{
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-TOP: 10px;
  LIST-STYLE-TYPE: none
}
#tabsA LI
{
  PADDING-RIGHT: 0px;
  DISPLAY: inline;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-TOP: 0px
}
#tabsA A
{
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 4px;
  BACKGROUND: url(images/tableftA.gif) no-repeat left top;
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-TOP: 0px;
  TEXT-DECORATION: none
}
#tabsA A SPAN
{
  PADDING-RIGHT: 15px;
  DISPLAY: block;
  PADDING-LEFT: 10px;
  BACKGROUND: url(images/tabrightA.gif) no-repeat right top;
  FLOAT: left;
  PADDING-BOTTOM: 6px;
  COLOR: #0077d4;
  PADDING-TOP: 6px
}
#tabsA A SPAN
{
  FLOAT: none
}
#tabsA A:hover
{
  BACKGROUND-POSITION: 0% -42px
}
#tabsA A:hover SPAN
{
  COLOR: #003698
}
#tabsA A:hover SPAN
{
  BACKGROUND-POSITION: 100% -42px
}
#tabsA A:link SPAN.on
{
  BACKGROUND-POSITION: 100% -84px;
  COLOR: #ffffff
}
#tabsA A:visited SPAN.on
{
  BACKGROUND-POSITION: 100% -84px;
  COLOR: #ffffff
}
#tabsA A.on
{
  BACKGROUND-POSITION: 0px -84px;
  COLOR: #ffffff
}
#tabsA A:hover.on
{
  BACKGROUND-POSITION: 0px -84px;
  COLOR: #ffffff
}
#tabsA A:link.on
{
  BACKGROUND-POSITION: 0px -84px;
  COLOR: #ffffff
}
#tabsA A:visited.on
{
  BACKGROUND-POSITION: 0px -84px;
  COLOR: #ffffff
}
	

	
/*menu top*/
#Menu {
	display: block;
	line-height: normal;}
	
#Menu a {
	font: normal 11px/14px "lucida sans", arial, sans-serif;
	background-color: #E8EFF6;
	border: 1px solid #1C5FAA;
	color: #0077D4;
	padding: 5px;
	width: 100%;
}
#Menu a:hover {
	background-color: #E5E5E5;
	color: #1C5FAA;
}

#Menu a.on {
	background-color: #0077D4;
	color: #ffffff;
}

#Menu a:hover.on {
	background-color: #828BB4;
	color: #ffffff;
}


#chart 	{
	display: block;
	line-height: normal;
	border-left: 1px solid #b7cbe9;
	margin-bottom: 0px}
	
#chart td {
	border-right: 1px solid #b7cbe9;
	border-top: 1px solid #b7cbe9;
	padding: 5px;
	color: #003698;
}

#chart td.label {
	/*background-color: #E8EFF6;*/
	color: #1c5faa;
	padding: 7px;
	border-bottom: 1px solid #E8EFF6;
}

table#box	{
	border: 1px solid #6F98D3;
	margin-bottom: 10px;
	height: 400px;
}

#chartB 	{
	display: block;
	line-height: normal;
	border-left: 1px solid #1C5FAA;
	margin-bottom: 0px}
	
#chartB td {
	border-right: 1px solid #1C5FAA;
	border-top: 1px solid #1C5FAA;
	padding: 5px;
	color: #003698;
}

#chartB td.label {
	/*background-color: #E8EFF6;*/
	color: #1c5faa;
	padding: 7px;
	border-bottom: 1px solid #E5EBF4;
}

input.but {
	background-color: #E8EFF6;
	color: #4D80BB;
	border: 1px solid #4D80BB;
}