/*
	NexGolf 2009 CSS
	
	NexGolf 2009 facelift.
	No or little changes to HTML, visual refresh with CSS and images only.
	
	Changes to html:
	- New pageWrapper div for the whole body: makes it possible to center the layout with minimum fuss.
	- weekCalendar td's need classes ("some", "full", "closed")
	
	Goal: for IE do not use nasty hacks in this file. Instead, try to work around them or use different ie_only hack-file.

	Other:
	Coloring the week calendar cells uses the so called "CSS-sprite" trick:
	The background image file has all the different backgrounds and we only show a 
	different part of the image with background-position attribute.
	This way the amount of HTTP-requests can be optimized.
	This trick is also used on login screen button and front menu big buttons.

	IMPORTANT!
	All float clearing for parent's of floating elements is collected together in the end of this document.
	It also contains float clearing tricks for the different versions of Internet Explorers.

	Author: Mika Porspakka
	
*/ /* page common */
html {
	height: 100%;
}

body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #eee;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: url(http://www.nexgolf.fi/images/img2009/body_bg.gif) center top repeat-y;
}

img {
	border: 0;
	vertical-align: middle;
}

/* ********************** */ /* content common */
	/* new pageWrapper div makes it possible to center the whole layout with minimum fuss */
div#pageWrapper {
	width: 900px;
	text-align: center;
	position: relative;
	/*margin: 0 auto;*/
	margin-left:auto;
	margin-right: auto;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:30px;
	background-color:#fff;
	/*border:1px solid #999;*/
	height:auto;
}

div#contentContainer {
	text-align: left;
	width: 700px;
	overflow: visible;
	margin-left: 200px;
	position: relative;
	/*border-left: 1px dotted #999 !important;*/
	/* let the hacks be for now
	height: auto;
	voice-family: "\" } \"";
	voice-family: inherit; */
}

/* let the hacks be for now
html>body #container {
height: auto;
}
*/
p.content {
	padding: 0px 25px 15px 50px;
	color: #333;
	font-size: 11px;
	line-height: 14px;
}

h3.content {
	display: block;
	padding-left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	background: url(http://www.nexgolf.fi/images/img2009/menu_headerarrow.png) left top no-repeat;
	background-position: 5px 6px;
	border-bottom: 1px solid #ccc;
}

div.subHeader {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	margin: 20px 50px 10px 35px;
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #666;
	background: url(http://www.nexgolf.fi/images/img2009/menu_headerarrow.png) left top no-repeat;
	background-position: 3px 4px;
}

div.subHeader a {
	font-family: Verdana, sans-serif;
	color: #999;
	font-weight: normal;
	font-size: 11px;
	margin-left: 10px;
}

div.subSubHeader {
	font-weight: bold;
	font-size: 12px;
	margin: 20px 50px 10px 38px;
	padding-left: 12px;
	color: #666;
	background: url(http://www.nexgolf.fi/images/img2009/menu_headerarrow.png) left top no-repeat;
	background-position: 0px 4px;
}

div.subSubHeader a {
	font-family: Verdana, sans-serif;
	color: #999;
	font-weight: normal;
	font-size: 11px;
	margin-left: 10px;
}

/* ********************** */
	/* content common - forms, inputs and buttons */
	/* had to use !important to make sure html-embedded styles don't override this css */
form {
	color: #666;
}

form #newTimeIcon {
	border: 0;
	margin-right: 5px !important;
	margin-top: 2px !important;
}

form input {
	border: 1px solid #999;
}

form select {
	font-size:12px;
}

/*
form#nexgolfLoginForm .formLabel
{
	text-align: left;
	float: left;
}
*/


form input.button, form input.button150 {
	background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top
		repeat-x;
	color: #333;
	padding: 4px 8px !important;
	margin: 0 5px 0 5px;
	font-size:12px;
	width:150px;
}
form input.weekCalendarButton {
	background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top
		repeat-x;
	color: #333;
	padding: 2px 4px !important;
	margin: 0 5px 0 5px;
	font-size:10px;
	width:100px;
}

form input.button:hover, form input.button150:hover {
	background: #eee none;
	border-color: #666;
}

/* ********************** */ /* content common - main login form */
form#nexgolfLoginForm {
	display: block;
	width: 450px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

form#nexgolfLoginForm br.clear {
	clear: none;
}

form#nexgolfLoginForm p.content {
	text-align: right;
	margin: 0;
	padding: 0;
}

form#nexgolfLoginForm label {
	display: inline;
	width: 150px !important;
	float: left;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color: #666;
	text-align: right;
	margin: 0 0 10px 0;
	overflow:visible;
	padding-right:10px;
}

form#nexgolfLoginForm input {
	display: inline;
	width: 180px;
	float: left;
	line-height: 24px;
	padding: 4px 2px;
	margin-bottom: 10px;
	color: #333;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}

form#nexgolfLoginForm input.loginButton {
	width: 100px;
	height: 60px;
	border: 0px none;
	margin: 0;
	float: right !important;
	font-weight: bold;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: url(http://www.nexgolf.fi/images/img2009/button_login_combo.png) 0px 0px no-repeat;
}

/* change background by moving the background image up by 60 pixels */
form#nexgolfLoginForm input.loginButton:hover {
	color: #fff;
	font-weight: bold;
	background-position: 0px -60px;
}

/* ********************** */ /* page header */
div.pageHeader {
	width: 900px;
	display: block;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 50px;
	padding-top: 10px;
	border-bottom: 1px dotted #999 !important;
}

div.pageHeader h1 {
	display: block;
	float: left;
	width: 380px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	/* padding-top: 12px; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	color: #ccc;
	background: url(http://www.nexgolf.fi/images/img2009/header_logo.png) no-repeat left center;
	background-position: 12px 0px;
}

div.pageHeader h1 span {
	display: none; /*//comment this to show the nexgolf text */
}

div.headerText {
	float: left;
	display: inline;
	width: 200px;
	margin-top: 2px;
	margin-left: 165px;
	font-size: 11px;
	text-align: left;
	color: #999;
}

div.headerText strong {
	font-size: 11px;
	color: #408f07;
}

div.headerButton {
	float: right;
	display: inline;
	width: 140px;
	margin-top: 2px;
	height: 17px;
	background-color: #fff;
	font-size: 11px;
	color: #666;
	text-align: left;
	vertical-align: middle;
}

a.headerButton {
	color: #666;
	text-decoration: none;
}

a.headerButton:hover {
	color: #333;
	font-weight: bold;
}

a.nexgolf {
	color: #666;
	text-decoration: none;
	margin: 0 5px;
}

a.nexgolf:hover {
	color: #333;
}

a.nexgolf img {
	margin: 0px 3px;
}

/* ********************** */ /* content front menu and menu items */ /*
** Original front page new menu @mikaporspakka 25.3.2007
** Edited 25.1.2009
*/
div.frontMenu {
	text-align: center;
	margin: 0px auto;
	width: 600px;
}

ul#golfFrontMenu {
	text-align: left;
	list-style: none;
	list-style-position: inside;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

ul#golfFrontMenu li {
	display: block;
	float: left;
	margin: 5px 25px;
	padding: 0px;
	width: 200px;
}

ul#golfFrontMenu a.frontBig {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 14px;
	padding-left: 20px;
	text-decoration: none;
	color: #666;
	background: url(http://www.nexgolf.fi/images/img2009/menu_front_combo.png) 0px 0px no-repeat;
}

ul#golfFrontMenu a.frontBig:hover {
	background-position: 0px -60px;
	color: #fff;
}

div#golfSmallMenu {
	display: block;
	width: 560px;
	margin: auto;
	margin-top:20px;
}

div.frontMenu img.ficon {
	border: 0px;
	vertical-align: middle;
	margin-right: 5px;
}

div.frontMenu a.frontSmall {
	color: #666;
	text-decoration: none;
	display: inline;
	float: left;
	width: 120px;
	text-align: left;
	margin-bottom: 5px;
	padding-left:20px;
	text-indent:-20px;
	overflow:visible;
}

div.frontMenu a.frontSmallWide {
	color: #666;
	text-decoration: none;
	display: inline;
	float: left;
	width: 240px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 5px;
	padding-left:20px;
	text-indent:-20px;
	overflow:visible;
}

div.frontMenu a.frontSmall:hover {
	text-decoration: underline;
}

div.frontMenu a.frontSmallWide:hover {
	text-decoration: underline;
}

/* ********************** */ /* calendar common */
table {
	font-size: 11px;
	border-collapse: collapse;
}

td a {
	color: #666;
	line-height: 24px;
}

td a img {
	vertical-align: bottom;
}

table.calendar {
	font-size: 11px;
	width: 98%;
	border: 0px solid #999 !important;
	margin: 5px 1% 20px 1%;
	padding: 0;
	border-collapse: collapse;
}

table.calendar th {
	border-bottom: 1px solid #73ad38;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #347903;
}

table.calendar th.header {
	background-color: #fff;
	border: 0px;
	border-bottom: 1px solid #46930d;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	text-align: left;
	padding-left: 10px;
}

table.calendar td {
	padding: 0px;
	height: 40px;
	border: 1px solid #46930d;
	background-color: #FFF;
	text-align: center;
}

/* weekcalendar */
table.weekCalendarDay {
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
}

table.weekCalendarDay tr {
	
}

table.weekCalendarDay th.headerTime {
	color: #666;
	height: 40px;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left top
		repeat-x;
	font-weight: normal;
}

table.weekCalendarDay td {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #46930d;
	background-color: #bfdc8f;
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 0 repeat-x;
	vertical-align: middle;
}

table.weekCalendarDay td a {
	color: #000;
	text-decoration: underline;
	font-size: 11px;
}

table.weekCalendarDay td a:hover {
	color: #333;
	text-decoration: underline;
}

/* note: all flights taken */
table.weekCalendarDay td.full,
table.dayCalendarTable td.reserved,
table.nexgolfTable td.reserved {
	border-bottom: 1px solid #c83737;
	background-color: #ed5a5a !important; /* */
	background: #ed5a5a url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -84px
		repeat-x;
	color: #933;
}

table.weekCalendarDay td.full a {
	color: #933;
	text-decoration: none;
}

table.weekCalendarDay td.full a:hover {
	text-decoration: underline;
}

/* note: some flights taken */
table.weekCalendarDay td.some {
	border-bottom: 1px solid #bea12d;
	background-color: #eede69 !important; /* */
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -42px
		repeat-x;
}

/* note: time closed */
table.weekCalendarDay td.closed,
table.dayCalendarTable td.closed {
	border-bottom: 1px solid #666;
	background-color: #c3c3c3 !important; /* */
	background: #c3c3c3 url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -128px
		repeat-x;
	color: #666;
}

table.weekCalendarDay td.closed a,
table.dayCalendarTable td.closed a {
	color: #666;
	text-decoration: none;
}

table.weekCalendarDay td.closed a:hover,
table.dayCalendarTable td.closed a:hover {
	text-decoration: underline;
}

/* ********************** */ /* note: all flights taken */
table.weekCalendarDay td.full, 
table.dayCalendarTable td.reserved {
	border-bottom: 1px solid #c83737;
	background-color: #ed5a5a !important; /* */
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -84px
		repeat-x;
	color: #933;
}
div.reserved 
{
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -84px
		repeat-x;	
}

table.weekCalendarDay td.full a {
	color: #933;
	text-decoration: none;
}

table.weekCalendarDay td.full a:hover {
	text-decoration: underline;
}

/* note: some flights taken */
table.weekCalendarDay td.some {
	border-bottom: 1px solid #bea12d;
	background-color: #eede69 !important; /* */
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -42px
		repeat-x;
}

/* note: time closed */
table.weekCalendarDay td.closed {
	border-bottom: 1px solid #666;
	background-color: #c3c3c3 !important; /* */
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 -128px
		repeat-x;
	color: #666;
}

table.weekCalendarDay td.closed a {
	color: #666;
	text-decoration: none;
}

table.weekCalendarDay td.closed a:hover {
	text-decoration: underline;
}

/* ********************** */ /* daycalendar */
table.dayCalendarTable {
	font-size: 11px;
	width: 98%;
	border: 1px solid #999 !important;
	margin: 5px 1% 20px 1%;
	padding: 0;
	border-collapse: collapse;
}

table.dayCalendarTable tr {
	
}

table.dayCalendarTable th {
	color: #666;
	height: 40px;
	border-bottom: 1px solid #999 !important;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left top
		repeat-x;
	font-weight: normal;
}

table.dayCalendarTable th.header { /* background: #fff url(); */
	
}

table.dayCalendarTable td {
	height: 40px !important;
	padding: 0px;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.dayCalendarTable td.secret {
	font-weight: normal;
	border-bottom: 1px solid #999 !important;
	background: #c3c3c3 url(http://www.nexgolf.fi/images/img2009/table_week_td_some.png) 0 0 repeat-x !important;
	vertical-align: middle !important;
}

table.dayCalendarTable td.closed {
	font-weight: normal;
	border-bottom: 1px solid #999 !important;
	background: #808080 url(http://www.nexgolf.fi/images/img2009/table_week_td_closed.png) 0 0 repeat-x !important;
	vertical-align: middle !important;
}

table.dayCalendarTable td.free {
	font-weight: normal;
	border-bottom: 1px solid #999 !important;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left top !important;
}
table.dayCalendarTable td.confirmed,
table.nexgolfTable td.confirmed {	
	font-weight: normal;
	border-bottom: 1px solid #999 !important;
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 0 repeat-x
		!important;
}

table.usageRatioTable td {
	height:40px;	
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
table.usageRatioTable th {
	color: #666;
	border-bottom: 1px solid #999 !important;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left bottom
		repeat-x;
	font-weight: normal;
	height:40px;
}
div.confirmed 
{
	background: #bfdc8f url(http://www.nexgolf.fi/images/img2009/table_week_td_all.png) 0 0
		repeat-x;	
}

table.dayCalendarTable td div {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height: 40px !important;
	line-height: 12px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background-color: transparent !important;
	text-align: center;
	vertical-align: middle !important;
	/*text-align: left !important;*/
}

table.dayCalendarTable td a.tableCell {
	line-height: 12px;
	color: #333;
	text-decoration: underline;
}

table.dayCalendarTable td a {
	padding-left: 5px;
}

table.dayCalendarTable td a.tableCell:hover {
	color: #000;
	text-decoration: underline;
}

/* table search results table */
table.nexgolfTable,
table.nexgolfScorecardTable {
	margin: 0 8px;
	width:95%;
	border: 1px solid #999;
}

table.nexgolfTable th {
	color: #666;
	height: 40px;
	border-bottom: 1px solid #999 !important;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left top
		repeat-x;
	font-weight: bold;
}
table.nexgolfScorecardTable th {
	color: #666;
	height: 20px;
	border-bottom: 1px solid #999 !important;
	background: #f3f3f3 url(http://www.nexgolf.fi/images/img2009/table_week_th_header.png) left top
		repeat-x;
	font-weight: bold;
}

table.nexgolfTable th a.nexgolf {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #999;
	font-size: 10px;
}

table.nexgolfTable td {
	color: #333;
	padding: 3px;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
}
table.nexgolfScorecardTable td {
	color: #333;
	/*padding: 3px;*/
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
}

table.nexgolfTable td a:hover {
	text-decoration: underline;
}

/* weekCalendarForm */ /* form[name=weekCalendarForm] */
	/* Member search and property lists */
div.propertyName {
	width: 49%;
	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	font-weight: bold;
	color: #666;
	border: 0px none;
	text-align: right;
	background: #FFFFFF;
	margin: 5px 5px 8px 0px;
	padding-right: 4px;
	float: left;
	overflow: hidden;
	clear: left;
}

div.propertyLabelValue {
	width: 45%;
	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal; */
	color: #000;
	border: 0px none;
	text-align: left;
	margin: 5px 0 8px 0;
	padding-right: 4px;
	float: left;
	overflow: hidden;
}

/* forms */
form {
	margin: 0px;
	padding: 0px;
	position: relative;
}

label.formLabel {
	width: 200px;
	float: left;
	font-size: 11px;
	color: #666;
	text-align: right;
}

input.formText {
	margin: 0 0 8px 0px;
	width: 190px;
	padding: 2px 5px 0px 5px;
	float: left;
	background-color: #fff;
	/*background-attachment: none;*/
	border: #666 1px solid;
	letter-spacing: 1px;
	height:22px;
	font-size:12px;
}

input.textSmall {
	margin: 5px 0 8px 0;
	width: 50px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	border: #666 1px solid;
	letter-spacing: 1px;
}

input.scorecardInput {
	margin: 5px 0 8px 0;
	width: 30px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	text-align: center;
	float: left;
	border: #666 1px solid;
	letter-spacing: 1px;
}

input.scorecardDisabled {
	margin: 2px 0 3px 0;
	width: 30px;
	margin-left: 10px;
	text-align: center;
	float: left;
	border: #666 0px solid;
	letter-spacing: 1px;
	background:transparent;
	font-weight:bold;
	color:#666;
	font-size:10px;
}
input.scorecardDisabled:hover {
	margin: 2px 0 3px 0;
	width: 30px;
	margin-left: 10px;
	border: #666 0px solid;
	background:transparent;
	text-align:center;
}
div.pagecontent input.checkbox {
	width:20px;
	border:0px solid #fff;
}
select.select150 {
	margin: 5px 0 8px 0;
	width: 140px;
	float: left;
	border: #666 1px solid;
	height:22px;
}

select.select200 {
	margin: 5px 0 8px 0;
	width: 190px;
	float: left;
	border: #666 1px solid;
	height:22px;
}

select.select50 {
	margin: 5px 0 8px 0;
	width: 40px;
	float: left;
	border: #666 1px solid;
	height:22px;
}

textarea.textarea200 {
	margin: 5px 0 8px 0;
	width: 190px;
	float: left;
	border: #666 1px solid;
}

textarea.textarea300 {
	margin: 5px 0 8px 0;
	width: 300px;
	float: left;
	border: #666 1px solid;
}

input.textfield150 {
	margin: 5px 0 8px 0;
	float: left;
	width: 150px;
	border: #666 1px solid;
	height: 22px;
}

br.clear {
	clear: both;
}

/* ********************** */ /* menu common */
div.menuContainer {
	position: absolute;
	top: 83px;
	left: 0px;
	width: 190px;
	text-align: left;
	
	padding: 0 0 10px 0; /* ? */
	margin-left:30px;
}

div.menu {
	background-color: #f0fff0;
	position: relative;
	width: 190px;
}

h2.menuHeader {
	margin: 14px 0px 4px 0px;
	padding: 0 0 0 13px;
	color: #408f07;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #91ec30;
	background: url(http://www.nexgolf.fi/images/img2009/menu_headerarrow.png) left top no-repeat;
	background-position: 1px 4px;
}

/* first-child doesn't work with IEs, I'm pretty sure */
h2.menuHeader:first-child {
	margin: 3px 0px 4px 0px;
}

div.menuitem,div.menuItem {
	display: block;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 3px 5px 3px;
}

a.menuitem {
	width: 180px;
	padding: 0 0 0 4px;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
}

a.menuitem:hover {
	background-color: #e3eeda;
	color: #333;
}

a.menuitemOpened {
	width: 165px;
	padding: 0 0 0 4px;
	display: block;
	height: 20px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.menuitemOpened:hover {
	background-color: #e3eeda;
}

a.menuitemSubNoChild {
	width: 155px;
	padding: 0 0 0 14px;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
}

a.menuitemSubNoChild:hover {
	background-color: #e3eeda;
	color: #333;
}

a.menuitemSubHasChild {
	width: 155px;
	padding: 0 0 0 14px;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
}

a.menuitemSubHasChild:hover {
	background-color: #e3eeda;
	color: #333;
}

a.menuitemSubHasChildOpened {
	width: 155px;
	padding: 0 0 0 14px;
	display: block;
	height: 22px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.menuitemSubHasChildOpened:hover {
	background-color: #e3eeda;
	color: #333;
}

a.menuitemChild {
	width: 145px;
	padding: 0 0 0 24px;
	/* 4 pixels padding + 3px+3px margin in div.menuitem + 180 width in div.menuitem = 190px = div.menu width */
	display: block;
	height: 22px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
}

a.menuitemChild:hover {
	background-color: #e3eeda;
	color: #333;
}

div.info {
	width: 178px;
	color: #666666;
	font-size: 10px;
	margin-top: 20px;
	padding: 3px;
	line-height: 14px;
	background-color: #eee;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
}

div.info a,a.infoLink,div.helpDiv a {
	color: #666666;
	text-decoration: none;
}

div.helpDiv {
	position: relative;
	margin: 10px 0 5px 2px;
	padding-bottom: 7px;
	font-size: 11px;
	color: #666;
	text-align: left;
}

div.helpDiv a.helpButton {
	color: #666;
	background: url(http://www.nexgolf.fi/images/img2009/button_help.png) left top no-repeat;
	width: 190px;
	display: block;
	padding: 0 0 0 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}

div.helpDiv a.helpButton:hover {
	color: #333;
}

ul.menuStructure {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ********************** */ /* footer common */
div.footerContainer {
	margin: 20px 0 0 200px;
	width: 700px;
	font-size: 10px;
	height: 20px;
	line-height: 19px;
	border-top: #ccc solid;
	border-width: 1px 0 0 0;
	display: block;
	text-align: right;
}

div.footer {
	color: #666;
}

a.footer {
	color: #FFFFFF;
	text-decoration: underline;
}

/* pageContent common (buttons etc) */
div.pageContent {
	font-weight: normal;
	text-align: center;
	clear: both;
	padding-top: 10px;
	margin: 5px 0;
}

div.pageContent table {
	width: 95%;
}
/*.golfTabContent table.nexgolfTable
{
	border-collapse:separate;
}*/
div.pageContent table td {
	text-align: center;
}

/* 	these inherit a previous input.button style, that's why only a few
	attributes need to be changed */
table.flightTable input.button {
	padding: 4px 8px !important;
	width: 150px;
	background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top
		repeat-x;
}
form input.buttonFull {
	padding: 4px 8px !important;
	/*width: 200px;*/
	background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top
		repeat-x;
	font-size:12px;
}
a.courseButton {
	padding: 4px 8px !important;
	/*width: 200px;*/
	background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top
		repeat-x;
	font-size:12px;
	border: 1px solid #999;
	text-decoration:none;
	color:#333;
}

form input:hover,form input:focus, a.courseButton:hover {
	background-color: #eee;
	background-image: none;
	border: 1px solid #666;
}

/*input.formText {
	width: 190px;
	height:22px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #666;
}*/

form input.buttonFull {
	/*width: 200px;*/
}

form input.buttonYellow {
	background-color: #ff8 !important;
	background-image: none;
	/*background: #ddd url(http://www.nexgolf.fi/images/img2009/button_normal_background.png) left top repeat-x; */
	color: #430 !important;
	padding: 4px 8px !important;
	/*margin-right: 5px !important;*/
	border: 1px solid #ba6;
	width:150px;
	font-size:12px;
}

form input.buttonYellow:hover {
	background-color: #ffb !important;
	border: 1px solid #964;
}

form input.buttonRed,form input.button150red
	{
	background-color: #f88 !important;
	background-image: none;
	color: #400 !important;
	padding: 4px 8px !important;
	/*margin-right: 5px !important;*/
	border: 1px solid #a44;
	width:150px;
	font-size:12px;
}
input.buttonBlue,input.button150blue
	{
	background-color: #88f !important;
	background-image: none;
	color: #004 !important;
	padding: 4px 8px !important;
	/*margin-right: 5px !important;*/
	border: 1px solid #44a;
	width:150px;
	font-size:12px;
}
input.buttonBlue:hover,input.button150blue:hover,input.buttonFullBlue:hover
	{
	background-color: #ccf !important;
	border: 1px solid #449;
}
input.buttonFullRed
{
	background-color: #f88 !important;
	background-image: none;
	color: #400 !important;
	padding: 4px 8px !important;
	margin-right: 5px !important;
	border: 1px solid #a44;
	font-size:12px;
}

form input.buttonRed:hover,form input.button150red:hover,form input.buttonFullRed:hover
	{
	background-color: #fcc !important;
	border: 1px solid #944;
}

form input.buttonFullRed,form input.buttonFullRed:hover
	{
	/*width: 200px;*/
}

/* Page menu links */
div.pageMenu {
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 2px;
	margin-top: 2px;
	clear: both;
}

div.pageMenu a {
	background: transparent url(http://www.nexgolf.fi/images/img2009/arrow_linkmenu_right.png)
		no-repeat 0px 3px;
	color: #666;
	padding-left: 16px;
	margin-bottom: 6px;
	overflow: hidden;
	clear: right;
	display: block;
	text-decoration: none;
}

div.pageMenu a.dex {
	background: transparent;
	color: #666;
	padding-left: 0;
	margin-bottom: 0;
	clear: none;
	display: inline;
}

div.pageMenu span.dex {
	background: transparent url(http://www.nexgolf.fi/images/img2009/arrow_linkmenu_right.png)
		no-repeat 0px 3px;
	color: #666;
	padding-left: 16px;
	margin-bottom: 6px;
	overflow: hidden;
	clear: right;
	display: block;
	text-decoration: none;
}

div.pageMenu a:hover {
	color: #333333;
	font-weight:bold;
}

/****
 * Messages
 */
div.message {
	border: #0000FF;
	width: 90%;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #D0FDFE;
	color: #0000FF;
	padding: 12px 0px 12px 0px;
	margin-left: 5%;
	text-align: center;
}

div.error {
	border: #FF0000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #E6FDCE;
	color: #ff0000;
	padding: 12px 0px 12px 5%;
	margin-left: 5%;
	width: 85%;
}

div.pageInfo {
	border: #0000FF;
	width: 90%;
	border-style: none;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 12px 0px 12px 0px;
	margin-left: 5%;
	text-align: center;
}

div#golfTabRow {
	width: 700px;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	font-size: 11px;
	color: #ccc;
	border-bottom: 1px solid #cccccc;
	height: 24px;
}

ul.tabMenu {
	display: block;
	width: 100%;
	height: 24px;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style: none;
}

ul.tabMenu li.normal {
	display: inline;
	/* IE needs this, otherwise floated elements' margins are double */
	float: left;
	width: 125px;
	/* IE needs width to be stated explicitly */
	text-align: center;
	height: 14px;
	line-height: 14px;
	margin: 0px;
	margin-top: 3px;
	margin-left: 5px;
	padding: 3px 3px 5px 3px;
	border: 1px solid #ccc;
	border-bottom-width: 0px;
	background-color: #eee;
}

ul.tabMenu li.selected {
	display: inline;
	/* IE needs this, otherwise floated elements' margins are double */
	float: left;
	width: 125px;
	/* IE needs width to be stated explicitly */
	text-align: center;
	margin: 0px;
	margin-left: 5px;
	padding: 6px 3px 5px 3px;
	border: 1px solid #ccc;
	border-bottom: 0px none;
	background-color: #fff;
	height: 15px;
	font-weight: bold;
}

ul.tabMenu a {
	color: #666;
	text-decoration: none;
}

ul.tabMenu a:hover {
	color: #000;
}

/*
	FLOAT CLEARING TO RETURN AUTOMATICALLY TO NORMAL DOCUMENT FLOW 
	(thank you microsoft)
*/ /* :after trick for modern browsers */
div#golfSmallMenu :after,form#nexgolfLoginForm :after,ul.tabMenu:after,ul#golfFrontMenu
	:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	/*display:none;*/
}

/* * html selector for IE5 and IE6 */
* html div#golfSmallMenu,* html form#nexgolfLoginForm,* html ul.tabMenu,* html ul#golfFrontMenu
	{
	height: 1%;
}

/* *:first-child+html selector for IE7 */
* :first-child+html div#golfSmallMenu,* :first-child+html form#nexgolfLoginForm,*
	:first-child+html ul.tabMenu,* :first-child+html ul#golfFrontMenu {
	min-height: 1px;
}

div.flightInformation {
	border: 1px solid #999;
}

.flightTable th {
	text-align: right;
}
span.pageNumber {
	width:40px;
	float:left;
}
div.loginPageNote 
{
	/*background-color:#ffc;*/
	text-align:center;
	margin:5px;
	float:left;
	padding:5px;
	border:solid 1px #666;
	color:#333;
	/*background: #EEDE6A url(http://www.nexgolf.fi/images/img2009/table_week_td_some.png) left top repeat-x;*/
	background: #F4EC92 url(http://www.nexgolf.fi/images/img2009/login_page_message_bg.png) left top repeat-x;
	/*background-color:#ff8;*/
	/*background-color:#ffb;*/
}
div.pageMenu a.disabled {
	background: transparent url(http://www.nexgolf.fi/images/img2009/arrow_linkmenu_right.png)
		no-repeat 0px 3px;
	color: #999;
	padding-left: 16px;
	margin-bottom: 6px;
	overflow: hidden;
	clear: right;
	display: block;
	text-decoration: none;
}
div.pageMenu a.disabled:hover {
	font-weight:normal;
}
div.dayCalendarReservationData {
	width:65%;
	width:80px;
	height:45px;
	float:left;
	overflow:hidden;
	cursor:pointer;
	text-align:left !important;
	padding-left:5px;
	text-indent:-5px;
}

div.dayCalendarReservationIcons {
	width:35%;
	width:40px;
	height:45px;
	float:left;
	clear:right;
	text-align:right !important;
}
table.flightTable input {
	margin-top:0;
	margin-bottom:0;
}
table.flightTable input.checkbox {
	margin-top:5px;
	margin-bottom:5px;
}
table.flightTable th.header {
	padding-top:5px;
	padding-bottom:10px;
}
table.flightTable {
	margin-bottom:10px;
}
div.checkbox {
	float:left;
	width:290px;
}
div.checkboxContainer {
	border:1px solid #ccc;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:100px;
}
.hidden {
	display:none;
}