body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: x-large; MARGIN-BOTTOM: 10px; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
H2 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: large; MARGIN-BOTTOM: 0px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
H3 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: medium; MARGIN-BOTTOM: 0px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

#version{
  position:  absolute;
  color: #DBE7FD;
  font-family: Arial;
  font-size:  13px;
  top: 77px;
  left:  27px;
}

.contentbox{
             padding:  5px;
             padding-top: 7px;
             padding-bottom: 3px;
             border:  solid 1px rgb(35, 35, 126);
}


TABLE.results {
  float:  left;
  width: 409px;
  BORDER-WIDTH: 3px 1px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: rgb(35, 35, 126);
}

TABLE.inputs {
  float:  left;
  width: 300px;
  BORDER-WIDTH: 1px 1px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: rgb(35, 35, 126);
  margin-bottom:  15px;
}

TABLE#matchanalysis{
	width:  739px;
	margin-left:5px;
	}


.formlabel{
	 font-weight: bold;
	 color:  #003366;
}		


TH {
	FONT-WEIGHT: bold;  VERTICAL-ALIGN: top; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left;
}
TH.left {
	TEXT-ALIGN: left
}
TH.hleft {
	TEXT-ALIGN: left;
}
TH.center {
	TEXT-ALIGN: center;
}
TH.hcenter {
	TEXT-ALIGN: center;
}
TH.right {
	TEXT-ALIGN: right
}
TH.hright {
	TEXT-ALIGN: right;

}
TH.background {
	FONT-SIZE: medium; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left
}
TH.backrt {
	TEXT-ALIGN: right
}
TD {
	FONT-SIZE: small; VERTICAL-ALIGN: top; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
TD.background {
	BACKGROUND-COLOR: #cccccc; FONT-FAMILY: Verdana, Arial; VERTICAL-ALIGN: middle
}
TD.right {
	TEXT-ALIGN: right; VERTICAL-ALIGN: top
}
TD.left {
	TEXT-ALIGN: left; VERTICAL-ALIGN: top
}
TD.center {
	TEXT-ALIGN: center; VERTICAL-ALIGN: top
}
TD.justify {
	TEXT-ALIGN: justify
}
TD.bgright {
	BACKGROUND: #fff5ee; COLOR: #000000; TEXT-ALIGN: right
}
TD.bgleft {
	BACKGROUND: #fff5ee; COLOR: #000000; TEXT-ALIGN: left
}
TD.bgcenter {
	BACKGROUND: #fff5ee; COLOR: #000000; TEXT-ALIGN: center
}
TD.bold {
	FONT-WEIGHT: bold
}
TD.headblank {
	FONT-SIZE: 1px; BACKGROUND-COLOR: white
}
TD.headbgleft {
	BACKGROUND-IMAGE: url(/image/header/header_bg.gif); VERTICAL-ALIGN: top; BACKGROUND-COLOR: #0c4e93; TEXT-ALIGN: left
}
TD.headbgctr {
	BACKGROUND-IMAGE: url(/image/header/header_bg.gif); VERTICAL-ALIGN: top; BACKGROUND-COLOR: #0c4e93; TEXT-ALIGN: center
}
TD.headbgright {
	BACKGROUND-IMAGE: url(/image/header/header_bg.gif); VERTICAL-ALIGN: top; BACKGROUND-COLOR: #0c4e93; TEXT-ALIGN: right
}

.panel { border-style: solid;
         width:  300px;
         border-color: rgb(10, 43, 112);
         border-width: 1px;
         background-color: white;
         overflow:  auto;

 }


#links{
  margin-left:  4px;
  padding-top:  8px;
  height:  126px;
  margin-top:  3px;
}

.panelhome { border-style: solid;
         width:  300px;
         border-color: rgb(10, 43, 112);
         border-width: 0px;
         background-color: white;
         overflow:  hidden;
         length:  420px;
         margin-top: px;
 }



#resultsbox{
  width:  409px;
  text-align:  left;
             padding-left: 0px;  
}
.panelhomehead {
display: block;
color:  #FFF;
font-weight: bold;
width: 100%;
float: left;
  background:url("right_on.gif") no-repeat right top;
}


.panelheadlabel {
float: left;
  margin:0;
  padding: 5px 10px 3px 16px;
background:url("left_on.gif") no-repeat left top;
}

.panelhome2 { border-style: solid;
         width:  280px;
         border-color: rgb(10, 43, 112);
         border-width: 1px;
         background-color: white;
         overflow:  hidden;
         length:  420px;
 }


.panelhomehead2 { height: 18px;
             background-color: rgb(10, 43, 112);
             width:  280px;
             padding-top: 3px;
             padding-bottom: 3px;
             text-align: left;
}

.panel2 {width:  400px;
         border-color: rgb(35, 35, 126) rgb(35, 35, 152) rgb(35, 35, 126) rgb(35, 35, 126);
         border-width: 1px;
         background-color: white;
         overflow:  auto;

 }

.panel3 { border-style: solid;
         width:  350px;
         border-color: rgb(35, 35, 126) rgb(35, 35, 152) rgb(35, 35, 126) rgb(35, 35, 126);
         border-width: 1px;
         background-color: white;
 }

.panel4 { border-style: solid;
         width:  320px;
         border-color: rgb(35, 35, 126) rgb(35, 35, 152) rgb(35, 35, 126) rgb(35, 35, 126);
         border-width: 1px;
         background-color: white;
 }


.panelhead { height: 18px;
        BACKGROUND-COLOR: rgb(10, 43, 112);
             width:  300px;
             padding-top: 3px;
             padding-bottom: 3px;
             text-align: left;
}


.panelhead2 { height: 18px;
        BACKGROUND-COLOR: rgb(10, 43, 112);
             width:  400px;
             padding-top: 3px;
             padding-bottom: 3px;
}

.panelhead3 { height: 18px;
        BACKGROUND-COLOR: rgb(10, 43, 112);
             width:  350px;
             padding-top: 3px;
             padding-bottom: 3px;
}


.panelhead4 { height: 18px;
        BACKGROUND-COLOR: rgb(10, 43, 112);
             width:  320px;
             padding-top: 3px;
             padding-bottom: 3px;
}



.warning {color: red;}

.matchword { font-weight: bold;
             color:  indigo;}






#topheader img {
  display:  block;
}

a.toplink{

}

a.feedback{

}

a.home{
  padding-right:  80px;
  padding-left:  5px;

}

a.guide{
  padding-right:  70px;
}


a.about{
  padding-right:  40px;
}



a.about{

}

A {
	FONT-WEIGHT: normal; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:visited {
	COLOR: #663399; BACKGROUND-COLOR: transparent
}
A:link {
	COLOR: #0000cc; BACKGROUND-COLOR: transparent
}

A.bold {
	FONT-WEIGHT: bold; FONT-SIZE: small; VERTICAL-ALIGN: top; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
A.background {
	FONT-WEIGHT: bold; FONT-SIZE: medium; VERTICAL-ALIGN: top; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
A.toplink{
        FONT-WEIGHT: bold;
}

TD.stars{
	width: 83px;
	text-align: center;
}

TD.score{
	width: 20px;
        text-align: right;
}

TD.onet{
	text-align: center;
}

td.tabs {
  margin: 0px;
  padding: 0px;
}

#tabs{
  padding-bottom:  28px;
  display: block;
}

ul.codetabs {

  margin: 0px;
  padding:  0px;
  list-style: none;
  display: block;
}

ul.codetabs li {
  display: inline;
  padding: 0px;
  margin: 0px;

}

ul.codetabs li a{
  margin-right:  8px;
  padding:  5px;
  padding-left:  15px;
  padding-right:  15px;
  border: solid 1px  rgb(10, 43, 112);
  display: block;
  font-weight: bold;
  float: left;
  text-decoration: none;
}

li a:hover{
  text-decoration: none;
  border-color:  rgb(10, 43, 112);
  background-color:  #e3e3e3;
}

ul.codetabs li a.selected{
  background-color: rgb(10, 43, 112);
  border-color:  rgb(10, 43, 112);
  font-weight: bold;
  color: white;
}

a:hover {
 cursor: hand;
}

#canvas{
	 padding-left:  5px;
}

#rightcol{
}

#spacer{
	width: 30px;
}

#admintable{
	margin-left: 5px;
}