* {padding:0; margin:0;}

body {
  background-image: url(figs/grass.jpg);
}

strong {
  color: darkgreen;
}

input[type=text] {
  text-align : right;
  padding-right: 2px;
  width: 150px;
  color:inherit;
}

input[type=password] {
  text-align: right;
  padding-right: 2px;
  width: 150px;
  color:inherit;
}

input[type=submit] { 
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#submit_override_hattrickdata { 
  float:right;
  margin-top: 10px;
  text-align: right;
} 

select {
  text-align : right;
  padding-right: 2px;
  width: auto;
  min-width:40px;
  color:inherit;
}

#googleads_absolute {
  text-align : center;
  float:left;
  margin-top:20px;
  margin-left:80px;
  margin-right:80px;
}

#googleads_lateral {
  text-align : center;
  margin-top:20px;
}


#tpc
{ 
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width:981px;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

#header {
  float:left;
  width: 949px;
  background:url(figs/header.png) no-repeat top left;
  padding-right: 16px;
  padding-left: 16px;
}

#top {
  float:left;
  width:981px;
  height:10px;    
  background:url(figs/top.png) no-repeat top left;  
}

#header h1 {
  padding-left: 5px;
  margin-top: 10px;
}

#title {
	float: left;
}

#chpplogo {
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
}

#byme {
  text-align:right; 
}

#translatedby{
  white-space:nowrap;
  float:right;
  clear:right;
  text-align: right;
}

#trainingsimulated { 
 margin-left:6px;
 float: left;
 white-space:nowrap;
 padding-bottom: 10px;
}

#logout {
  margin-right:6px;
  float: right;
  padding-bottom: 10px;
}

#form_left {
   white-space:nowrap;
   float: left;
   clear:left;
   margin-left: 6px;
   margin-top: 18px;
}

#form_right {
   white-space:nowrap;
   float:right;
   clear:right;
   padding-bottom: 5px;
   padding-top: 5px;
   text-align: right;
}

#pagecontent { 
  float:left;
  background-color: #dce2dc;
  padding-top: 5px;
  padding-right: 16px;
  padding-left: 16px;
  width: 949px;
  background-color: #dce2dc;
  background-image: url(figs/content.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: left top;
}


#content {
  float:left;
  padding-right: 17px;
  padding-left: 16px;
  width: 916px;
  background-color: #FFFFFF;  
}

#debug {
  float:left;
  clear:both;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background-color: #FFFFFF;  
}


#content_title
{
  float:left;
  width:950px;
  height:40px;
  background:url(figs/tr.png) no-repeat top right;margin:0;padding:0;
}

#checkboxtreinee
{
  float:right;
}

#content_title_left
{
  padding-left: 16px;
  height:10px;
  background:url(figs/h2.png) no-repeat top left;
}

#content_title_right
{
  float:right;
  clear:none;
  margin-top:0px;
  margin-right:10px;
}

#content_title_right a
{
  color: #FFFFFF;
  font-size: 12pt;
}

#content_title_left h2
{
  float: left;
  color: #FFFFFF;
  width: auto;
  margin-top: 6px;
  margin-left: -6px;
}

#rightcollogin
{
  float:right;
  width:400px;
}

#leftcollogin
{
  width:400px;
  float:left;
}

#rightcol
{
  float:right;
  width:280px;
}

#leftcol
{
  width:610px;
  float:left;
}

#topabsolute h2, #bottomabsolute h2, #rightcol h2, #rightcollogin h2, #leftcol h2, #leftcollogin h2{
  font-size: 1.2em;
  color: #668833;
  width: auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: -8px;
}

#leftcollogin table {
  width:400px;
  word-wrap:break-word;
  table-layout:fixed;
  text-align:center;
}

#rightcollogin table {
  width:400px;
  text-align:center;
}

#leftcol table, #topleft table {
  width:605px;
  max-width:615px;
  word-wrap:break-word;
  table-layout:fixed;
  text-align:center;
}

#rightcol table, #topright table {
  width:280px;
  text-align:center;
}


#topabsolute table {
  width:100%;
}

#topabsolute td {
  width:auto;
}

th.odd {
  background-color: #dce2dc;  
}

tr.odd {
  background-color: #dce2dc;  
}

td.center {
  text-align: center;  
}

ul,ol {
  margin-left:15px;
  padding-top: 2px;
  padding-bottom: 10px;
}

p {
  padding: 2px;
}

li {
  padding:7px;
}


td.redright {
  color:red;
  text-align: right;
  text-color:red;
}

td {
  padding:2px;
}

table tr td.left {
  text-align: left;
} 


table tr td.right {
  text-align: right;
}

#centerdata{
  text-align : center;
}

#bottom {
  float:left;
  width:949px;
  height:18px;
  margin-bottom: 10px;
  background:url(figs/bottom.png) no-repeat top left;margin-top: 0px;
}

#pagebottom {
  float:left;
  width:982px;
  height:30px;
  background:url(figs/bottompage.png) no-repeat top left;
}

.dynamic-slider-control {
	position:			relative;
	background-color:	white;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				200px;
	height:				29px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;
	-moz-user-select:	none;
	cursor:				default;
	background:			ThreeDFace;
	border:				1px solid;
	border-color:		ThreeDHighlight ThreeDDarkShadow
						ThreeDDarkShadow ThreeDHighlight;
}

/* inner border */
.dynamic-slider-control .handle div {
	font-size:			1px;
	border:				1px solid;
	border-color:		ThreeDLightShadow ThreeDShadow
						ThreeDShadow ThreeDLightShadow;	

	behavior:			url("css/boxsizing.htc");	/* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

/*	inner sets size
.dynamic-slider-control.horizontal .handle {
	width:				12px;
	height:				22px;
}
*/

.dynamic-slider-control.horizontal .handle div {
	width:				8px;
	height:				18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
	width:				22px;
	height:				12px;
}
*/

.dynamic-slider-control.vertical .handle div {
	width:				18px;
	height:				8px;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	
	behavior:			url("css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
		
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		ThreeDShadow ThreeDHighlight
						ThreeDHighlight ThreeDShadow;
	background:			ThreeDDarkShadow;
}

.dynamic-slider-control.vertical .line {
	width:				1px;
	
}

.dynamic-slider-control.horizontal .line {
	height:				1px;
}

.dynamic-slider-control .line div {
	display:	none;
}