/* 
** CSS Document
** For NexGolf product pages
** XHTML /w CSS-2
** Cross browser and standards-compliant
** - There's no other way to do it.
** 
** MP / Nextime Solutions Oy 2004 
*/

/** BASIC **/
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFF ;
	text-align: center;
}

#container {
	text-align: center;
	width: 100%;
	min-height: 200px;
	padding: 0px;
	margin: 0px auto;
	border: 0px #888888 none;
	color: #000000;
	font-size: 9pt;
	line-height: 12pt;
}
#container p.red {
	color: #f00;
}
#container p a {
	color: #000;
	text-decoration: none;
	border: 0px;
	border-bottom: 1px #888 solid;
}
#container table {
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
}
span.red, span.validationError {
	font-family: verdana, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 9pt;
	margin: 0px;
	color: #f00;
	display: inline;
}
/* system message */
div.systemMessage {
	display: none;
}

/** DIFFERENT TD STYLES**/
td {
	text-align: left;
	border: 1px solid #000;
	background-color: #fff;
	font-size: 7pt;
	line-height: 10pt;
	padding: 2px 2px 2px 2px;
}
td a {
	color: #00;
	/* font-weight: bold; */
	text-decoration: underline;
}
td a:hover {
	text-decoration: underline;
}
td span {
	font-family: tahoma, arial, helvetica, sans-serif;
	margin-left: -1px;
	font-size: 6pt;
	margin-bottom: 2px;
	display: block;
}
td span.ownpar {
	font-family: tahoma, arial, helvetica, sans-serif;
	margin-left: 0px;
	font-size: 6pt;
	font-weight: bold;
	line-height: 12pt;
	vertical-align: top;
	display: inline;
}

td.top{
	padding: 1px 1px 1px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	background-color: #fff;
	border: 0px none #fff;
	border-bottom: 1px solid #000;
}
td.dataHeader{
	padding: 2px 5px 2px 5px;
	font-size: 7pt;
	font-weight: bold;
	background-color: #888 ;
}
td.whiteHeader{
	text-align: center;
	padding: 2px 5px 2px 5px;
	font-size: 8pt;
	font-weight: bold;
	background-color: transparent ;
}
td.empty{
	background-color: #fff;
	border: 0px none #fff;
	margin: 0px;
	padding: 0px;
}
td.grey {
	background-color: #f8f8f8;
}
td.greycenter {
	text-align: center;
	background-color: #f8f8f8;
}
td.white {
	text-align: center;
	background-color: #fff;
}
td.yellow {
	text-align: center;
	background-color: #ff0;
}
td.red {
	text-align: center;
	background-color: #f44;
	color: #000;
}
td.blue {
	text-align: center;
	background-color: #66f;
}

/** FORMS **/
form {
	margin: 0px;
	padding: 0px;
}
input{ 
	font-family: verdana, arial, helvetica, sans-serif;
}
.textarea {
	width: 350px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}
.textfield {
	font-size: 7pt;
	background-color: #FFF ;
	color: #000;
	border: 1px solid #000;
	text-align: center;
}
.textfieldpoints {
	width: 25px;
	margin: none;
	font-size: 7pt;
	background-color: #FFF ;
	color: #000;
	border: 1px solid #000;
	text-align: center;
}
.button {
	background-color: #fff ;
	color: #000;
	font-weight: bold;
	border: 1px solid #000;
}
.buttonsmall {
	background-color: #fff ;
	color: #000;
	font-size: 7pt;
	padding: 0px;
	font-weight: normal;
	border: 1px solid #000 ;
}
select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	background-color: #FFF ;
	color: #000000;
	border: 1px none #fff ;
}
