/***********************
Powertimer stylesheet
Copyright Newtest Oy
***********************/


/***********************
Colours 
***********************/
BODY {
	/* Body background */
	background-color: #1C1E1F;
}

#pagebase,
.menubutton,
.menubutton2 {	
	/* Main background */
	background-color: #3E454E;
}

.contentborder, .claimer,
.contentborder_tl,
.contentborder_tr,
.contentborder_bl,
.contentborder_br {
	/* Outer border colour */
	background-color: #0072BB;
}

.left,
.presentationtable TH {
	/* A darker background color for extra emphasis
	(and the left side of the page) */
	background-color: #292F34;
}

TD {
	/* Normal font colour */
	color: #C0C3C4;
}

A:link, A:visited, A:hover {
	/* Link colour */
	color: #68C028;
}

STRONG, H2, 
.hilight, 
.claimer, .claimer A,
#menuul, #menu A,
.menubutton, .menubutton2,
.presentationtable CAPTION,
.presentationtable TH {
	/* Strong colour */
	color: white;
}

.left {
	color: #D3D3D4;	
}

.menubase,
.titleimage,
.claimer,
#content,
.menubutton,
.menubutton2 {
	/* Outer borders */
	border-color: #C0C3C4;
}

.titleimage IMG,
.left, .right,
.presentationtable,
.presentationtable TD,
.presentationtable TH {
	/* Inner borders */
	border-color: #4B555F;
}

#menu LI UL,
#menu LI UL LI {
	/* Menu borders and background */
	background-color: #999999;	
	border-color: #C2C2C2;
}

#menu A:hover {
	/* Menu hover background */
	background-color: #AAAAAA;
}


/***********************
Page-wide tag definitions
***********************/
BODY {
	margin: 10px;
	padding: 0px;

	/* Page base font */
	font-family: Verdana, sans-serif;
	font-size: 8.5pt;	
}

H2 {
	margin-top: 0px;
	padding-top: 0px;
}

STRONG, H2,
.presentationtable CAPTION,
.presentationtable TH {
	font-size: 1.0em;
	font-weight: bold;	
}

IMG {
	border: 0px;
}

A:link, A:visited, A:hover {
	font-weight: normal;
}

A:link, A:visited {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}


/***********************
Ordinary layout elements
***********************/

.left, .right {
	padding: 5px;

	border-style: solid;

	vertical-align: top;
}

.left {
	border-width: 0px 1px 1px 0px;
}

.right {
	border-width: 0px 0px 1px 0px;
}

.left UL, .left OL {
	margin-left: 15px;
	padding-left: 0px;
}

.right UL, .right OL {
	margin-left: 20px;
	padding-left: 0px;
}

.left UL LI, .right UL LI,
.left OL LI, .right OL LI {
	margin-top: 5px;
}

.left {
	width: 33%;
	line-height: 1.5em;
}

.presentationtable {
	margin: 10px;

	border-style: solid;
	border-width: 1px 0px 0px 1px;
}

.presentationtable TD,
.presentationtable TH {
	/* All TD's are of the same width */
	width: 25%;

	padding: 5px;

	vertical-align: top;

	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

.presentationtable CAPTION {
	padding: 5px;
}

/***********************
Page base layout definitions
***********************/

/* Primary page container */
#pagebase {
	width: 780px;
	margin: 0px auto;
}

/* The actual page content container */
#content {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
}

/* This acts as a placer for the absolute-placed menu */
.menubase {
	line-height: 1.5em;

	border-style: solid;
	border-width: 1px 1px 0px 1px;
}

.titleimage {
	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-width: 1px 1px 0px 1px;
}

.titleimage IMG {
	border-width: 0px 0px 1px 0px;
	border-style: solid;	
}

.claimer {
	margin-top: 0;
	margin-bottom: 0; 

	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

/* Page outer borders */
.contentborder, .claimer,
.contentborder_tl,
.contentborder_tr,
.contentborder_bl,
.contentborder_br {
	background-repeat: no-repeat;
}

.contentborder_tl {
	background-image: url(../images/border_tl.gif);
}

.contentborder_tr {
	background-position: top right;
	background-image: url(../images/border_tr.gif);
}

.contentborder_bl {
	background-position: bottom left;
	background-image: url(../images/border_bl.gif);
}

.contentborder_br {
	background-position: bottom right;
	background-image: url(../images/border_br.gif);
}


/***********************
The main menu
***********************/

#menu {
	position: absolute;
	top: 32px;
	left: 0px;

	width: 100%;

	text-align: center;
}

#menuul {
	width: 625px;

	margin: 0px auto;
	padding: 0px;

	list-style: none;
}

#menu LI {
	float: left;
	width: 125px;
}

#menu LI UL {
	margin: 0px;
	padding: 0px;

	list-style: none;

	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#menu LI UL LI {
	float: none;
	width: 100%;

	text-align: left;

	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

#menu A {
	display: block;
	width: 119px;

	padding: 2px;

	font-weight: normal;
}

#menu A:hover {
	text-decoration: none;
}

.menubutton, .menubutton2 {
	padding: 0px;

	line-height: 1.5em;

	vertical-align: middle;
	text-align: center;

	border-style: solid;
}

.menubutton {
	border-width: 0px 0px 0px 1px;
}

.menubutton2 {
	border-width: 0px 1px 0px 1px;
}