/* ParPilot
	(c) 2008-2010 Omines
	
	1. Global definitions
	2. Page layout
	3. Menu layout
	4. Home page layout
	5. Courses
	6. Profile
	7. News
	8. User created content (comments)
	9. Contact form
*/

/* 1. Global definitions */
* {
	margin:0;
	padding:0;
}
body {
	background:#608945 url(../images/page-background.jpg) top center;
	color: #695f7c;
	font-family: 'Lucida Sans', Arial, sans-serif;
	font-size:11px;
}
a img {
	border:none;
}
.hidden {
	display:none;
}
.float-right{
	float: right;
}
float-left{
	float: left;
}
a, a:hover, a:visited {
	color: #00b0f1;
	cursor: pointer;
}
acronym, abbr {
	border-bottom:1px dotted #646464;
	cursor:help;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.5em 0;
}
hr {
	margin:1em 0;
}
p, ul, ol {
	line-height:1.6em;
	margin:0 0 0.5em 0;
	text-align:justify;
}
ul, ol {
	list-style-position:inside;
}
#layout > h1 {
	position: relative;
	z-index: 6;
	font-size:30px;
	width: 158px;
	height: 79px;
	background: url(../images/title-tab.png) no-repeat;
	margin: 20px 64px 0 0;
	color: #ffffff;
	text-align: center;
	float: right;
	clear: right;
	font-family: 'MuseoSans300', Helvetica, sans-serif;
	font-weight: normal;
}
h2 { color: #695F7C; font-size:20px; font-family: 'MuseoSans300',Helvetica,sans-serif; }
h3 { color: #695F7C; font-size:16px; font-family: 'MuseoSans300',Helvetica,sans-serif; }
h4 { color: #695F7C; font-size:14px; font-family: 'MuseoSans300',Helvetica,sans-serif; }
h5 { color: #695F7C; font-size:12px; font-family: 'MuseoSans300',Helvetica,sans-serif; }
h6 { color: #695F7C; font-size:11px; font-family: 'MuseoSans300',Helvetica,sans-serif; }
h1 .stress {
	font-family: 'MuseoSans900', Helvetica, sans-serif;
}
h1 a {
	display: block;
	padding-top: 30px;
	padding-bottom: 13px;
	color: #ffffff !important;
	text-decoration: none;
}
textarea{
font-family:'Lucida Sans',Arial,sans-serif;
font-size: 12px;
}
input[type=text], input[type=password], textarea {
	padding: 0 3px;
	border: 1px solid #370070;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 200px;
	color: #695f7c;
}
input.error {
	border: 1px solid #ff0000;
}
.error {
	color: #ff0000;
}
button, input[type=submit]
{
	padding: 3px;
	background: #370070;
	border: 1px solid #370070;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ffffff;
	font-family: 'MuseoSans700', Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
a.button, a.button:hover {
	padding: 4px;
	background: #370070;
	border: 1px solid #370070;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ffffff;
	font-family: 'MuseoSans700', Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

/* 2. Page layout */
#layout {
	margin: 0 auto;
	position:relative;
	width:990px;
}
#imagefader {
	position: relative;
	overflow: hidden;
	margin: 0 0 -60px 0;
	width: 990px;
	height: 200px;
	background: url(../images/header-image2.jpg) no-repeat;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	color: #ffffff;
}
#imagefader p {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 30px;
	text-align: right;
	font-size: 20px;
	font-family: 'MuseoSans300', Helvetica, sans-serif;
}
#imagefader p .stress {
	font-family: 'MuseoSans500', Helvetica, sans-serif;
}
#imagefader p .stress.extra {
	font-family: 'MuseoSans900', Helvetica, sans-serif;
}
#header-rotation {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#header-rotation div {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 990px;
	height: 200px;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
}
#beta {
	position: absolute;
	width: 120px;
	height: 120px;
	padding: 8px 0 0 8px;
	z-index: 2000;
}
#tagline {
	position: absolute;
	overflow: hidden;
	z-index: 5;
	width: 580px;
	height: 78px;
	margin: 0 0 0 90px;
	padding: 26px 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #370070;
	color: #ffffff;
}
#tagline h2 {
	margin: 0;
	font-family: 'MuseoSans100', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 41px;
	color: #ffffff;
	letter-spacing: 0.5px;
}
#tagline h2 .stress {
	font-family: 'MuseoSans700', Helvetica, sans-serif;
	color: #ffffff;
}
#tagline p {
	font-family: 'MuseoSans700', Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	letter-spacing: 0.05px;
}
#tagline p .parpilot {
	font-family: 'MuseoSans100', Helvetica, sans-serif;
}
#tagline p .parpilot .stress {
	font-family: 'MuseoSans900', Helvetica, sans-serif;
}
#infobar {
	margin: 0 0 50px 0;
	padding: 4px 3px 3px 30px;
	text-align: left;
	background-color: #F5F6BE;
	border-bottom: 1px solid #B8B8B8;
	color: #555555;
}
#infobar a {
	color: #333333;
	text-decoration: underline;
}
#infobar a:hover {
	color: #00B0F1;
}
#infobar.info {
	background-image: url(../images/icon-info.png);
	background-position: 8px 2px;
	background-repeat: no-repeat;
}
#infobar.warning {
	background-image: url(../images/icon-error.png);
	background-position: 8px 2px;
	background-repeat: no-repeat;
}
#content {
	position: relative;
	clear: both;
	width: 100%;
	min-height: 400px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #ffffff;
	padding: 1px 0 40px 0;
}
#pagecontents {
	width: 930px;
	margin: 0 30px;
}
#golfball {
	position: absolute;
	right: -14px;
	bottom: 80px;
	z-index: 200;
}
#footer {
	background: #e5eebd;
	clear: both;
}
#footercontents {
	margin:10px auto 0 auto;
	padding: 25px 0 35px 0;
	position:relative;
	width:990px;
}
.footerblock {
	position: relative;
	float: left;
	width: 300px;
	margin: 0 45px 0 0;
}
.footerblock.last {
	float: right;
	margin: 0;
}
.footerblock h4 {
	clear: both;
	padding-top: 23px;
	color: #123903;
	font-size: 14px;
	font-weight: normal;
}
.footerblock ul {
	width: 100%;
	list-style: square inside;
	color: #a7b856;
	font-size: 11px;
	letter-spacing: 0.15px;
}
.footerblock li {
	float: left;
	width: 150px;
}
.footerblock a {
	color: #8d995b;
	text-decoration: none;
}
.footerblock a:hover {
	text-decoration: underline;
}
.parpilot {
	color: #c0ff00;
}
#pagecontents > fieldset, #pagecontents > form > fieldset {
	margin-bottom: 20px;
	padding: 15px 10px;
	width: 910px;
	border: 1px solid #370070;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#pagecontents > fieldset legend, #pagecontents > form > fieldset legend {
	margin-left: 7px;
	padding: 0 5px;
	background: #370070;
	border: 1px solid #370070;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ffffff;
	font-family: 'MuseoSans700', Helvetica, sans-serif;
	font-size: 13px;
}
fieldset label {
	margin-right: 25px;
}
fieldset dl {
	width: 600px;
	color: #695F7C;
}
fieldset dl dt {
	padding-top:3px;
	clear:left;
	float:left;
	width:205px;
}
fieldset dl dd{
	padding:2px 10px 2px 10px;
	width:395px;
	margin-bottom:0.3em;
	margin-left: 205px;
	font-weight: bold;
}
.iconlink {
	display: inline-block;
	height: 18px;
	padding-left: 20px;
}
.iconlink.view {
	background: url(../images/icon-view.png) left center no-repeat;
}
.iconlink.edit {
	background: url(../images/icon-edit.png) left center no-repeat;
}
.iconlink.add {
	background: url(../images/icon-add.png) left center no-repeat;
}
.iconlink.delete {
	background: url(../images/icon-delete.png) left center no-repeat;
}
.iconlink.heart {
	background:url("../images/favorites.png") no-repeat scroll left center transparent;
	margin-bottom:15px;
}
.iconlink.heart.noundr,
.iconlink.unheart.noundr
{
	text-decoration: none !important;
}
.iconlink.unheart {
	background:url("../images/unfavorites.png") no-repeat scroll left center transparent;
	margin-bottom:15px;
}
.pager {
	clear: both;
	margin: 10px 0;
	font-size: 120%;
	text-align: center;
}
#likebutton {
	float: right;
	text-align: right;
}

/* 3. Menu layout */
#menu {
	margin-top: 64px;
	margin-bottom: 1px;
	position: relative;
	border-bottom: 1px solid #370070;
	height: 32px;
	list-style:none;
	padding-left: 90px;
}
#menu, #menu a {
	color: #c3b2d4;
	font-weight: bold;
}
#menu li {
	float: left;
	height: 31px;
	margin-left: -1px;
	border-top: 1px solid #c5b5d6;
	border-left: 1px solid #c5b5d6;
	border-right: 1px solid #c5b5d6;
	border-bottom: 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
#menu li.active {
	background: #ffffff;
	height: 32px;
	margin-right: 1px;
	border-top: 1px solid #370070;
	border-left: 1px solid #370070;
	border-right: 1px solid #370070;
	border-bottom: 0;
}
#menu li a {
	font-size: 12px;
	display: block;
	height: 22px;
	padding: 7px 13px 2px 13px;
	text-decoration: none;
}
#menu li.active a {
	color: #370070;
}
/*	3.1 Sub menus */
#submenu {
	height:30px;
	position:relative;
	width:990px;
	border-bottom: 1px solid #c3b2d4;
}
.submenublock {
	display:none;
	margin:0;
	position:relative;
	list-style-type:none;
}
.submenublock.active {
	display:inline-block;
}
.submenublock li a:hover { text-decoration:underline; }

/*
 * Submenu main level
 */
.submenublock {
	height:30px;
	left:0;
	padding-left:1px;
}
.submenublock li {
	float:left;
	list-style-type:none;
	padding-right:1px;
}
.submenublock li a {
	text-decoration: none;
	color:#c3b2d4;
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	padding:0 15px;
}
.submenublock li a:hover					{ color:#370070; }
.submenublock li.active > a					{ color:#370070; }
.submenublock .submenu.active a				{ color:#c3b2d4; }
.submenublock .submenu.active > a			{ color:#370070; }
.submenublock .submenu.active .active > a	{ color:#370070; }
.submenublock .submenu a					{ padding-right:20px; }
.submenublock .submenu:hover a,
.submenublock .submenu > a:hover			{ padding-right:20px; }

/*
 * Submenu sub level
 */
.submenublock li ul {
	background:#393939;
	border:1px solid #B8B8B8;
	display:none;
	padding:1px;
	position:absolute;
	width:180px;
	z-index:5;
}
.submenublock li:hover > ul {
	display:block;
}
.submenublock ul li {
	background:#393939;
	float:none;
	margin-bottom:1px;
	position:relative;
}
.submenublock ul li.spacer {
	background:#333333;
	border:1px solid #494949;
	border-width:1px 0;
	height:5px;
}
.submenublock li li a {
	background-image:none;
	display:block;
	font-weight:normal;
	line-height:24px;
	padding:0 10px;
}
.submenublock ul li a:hover			{ text-decoration:underline; }
.submenublock ul .submenu a			{  }
.submenublock ul .submenu:hover a,
.submenublock ul .submenu a:hover	{ background-position:right -24px !important; }

/*
 * Submenu further levels
 */
.submenublock ul ul {
	display:none;
	left:156px;
	position:absolute;
	top:-2px;
	width:160px;
	z-index:10;
}
.submenublock ul li:hover > ul {
	display:block;
}
.submenublock .submenu .submenu:hover a { background-image:none !important; }

/* Home page layout */
#bulletpoints {
	float: left;
	width: 50%;
}
#bulletpoints a {
	color: #695F7C;
	text-decoration: none;
}
#bulletpoints a:hover {
	text-decoration: underline;
}
.bulletpoint {
	margin: 10px 0 10px 60px;
	padding: 12px 0 13px 65px;
}
.bulletpoint.blocks {
	background: url(../images/home-icon-blocks.png) left center no-repeat;
}
.bulletpoint.man {
	background: url(../images/home-icon-man.png) left center no-repeat;
}
.bulletpoint.notebook {
	background: url(../images/home-icon-notebook.png) left center no-repeat;
}
.bulletpoint.ball {
	background: url(../images/home-icon-ball.png) left center no-repeat;
}
.bulletpoint.stats {
	background: url(../images/home-icon-stats.png) left center no-repeat;
}
.bulletpoint h3 {
	margin: 0 0 2px 0;
	color: #695f7c;
	font-family: 'MuseoSans300', Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: -1px;
}
#appinfo {
	width: 41%;
	position: relative;
	float: right;
}
#availability {
	position: absolute;
	top: 42px;
	left: 0px;
}
#supported {
	border-left: 1px solid #c0c0c0;
	padding: 7px 15px;
}
#supported a {
	color: inherit;
	text-decoration: none;
}
#supported a:hover {
	text-decoration: underline;
}
#supported h4 {
	margin-bottom: 23px;
	font-size: 11px;
	font-weight: normal;
}
#supported ul {
	list-style: none;
}
#supported li {
	margin-bottom: 20px;
	padding: 3px 0 0 26px;
}
#supported .comingsoon {
	font-size: 80%;
}
#supported .active {
	color: #695f7c;
	font-weight: bold;
	text-decoration: none;
}
#supported li.windows {
	background: url(../images/windows-mobile-logo.png) left top no-repeat;
}
#supported li.iphone {
	background: url(../images/apple-logo.png) left top no-repeat;
}
#supported li.android {
	background: url(../images/android-logo.png) left top no-repeat;
}
#supported li.windows.active {
	background: url(../images/windows-mobile-logo-active.png) left center no-repeat;
}
#supported li.iphone.active {
	background: url(../images/apple-logo-active.png) left center no-repeat;
}
#supported li.android.active {
	background: url(../images/android-logo-active.png) left center no-repeat;
}
#phone {
	display: block;
	position: absolute;
	width: 173px;
	height: 404px;
	top: 0px;
	right: 60px;
}
#targetpoints {
	position:relative;
	width:990px;
	margin:40px auto;
	padding: 0;
}
.targetpoint {
	position: relative;
	float: left;
	width: 298px;
	height: 240px;
	margin: 45px 45px 0 0;
	border: 1px solid #ffffff;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	border-radius: 0 8px 8px 8px;
	background: #ffffff url(../images/targetpoint-background.png) top repeat-x;
}
.targetpoint.last {
	float: right;
	margin: 45px 0 0 0;
}
.targetpoint h4 {
	width: 144px;
	height: 30px;
	margin: -42px 0 0 -1px;
	padding: 19px 0 0 14px;
	background: url(../images/tab-background.png) no-repeat;
	color: #9ab80e;
	font-family: 'MuseoSans300', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
.targetpoint p {
	padding: 10px 15px;
	font-size: 11px;
	letter-spacing: -0.1px;
}
.targetpoint img {
	display: block;
	margin: 17px auto;
}
#downloadlinks {
	margin-top: 90px;
	font-family: 'MuseoSans700', Helvetica, sans-serif;
}
.download {
	display: block;
	width: 128px;
	height: 27px;
	padding-top: 11px;
	background: url(../images/download-now-button.png) no-repeat;
	color: #ffffff !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.readmore {
	display: block;
	margin: 8px 0 0 10px;
	color: #00b0f1 !important;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}
.readmore.inline {
	display: inline;
}

/* 5. Courses */
.courseitems {
	width: 450px;
}
.courseitems.left {
	float: left;
}
.courseitems.right {
	float: right;
}
.itemlist {
	float: left;
	list-style: none;
	width: 450px;
	font-family: 'MuseoSans500', Helvetica, sans-serif;
	font-size: 16px;
	color: #695F7C;
}

#courselist.itemlist{
	font-size: 1em;
}
#courselist.itemlist li p {
	font-size: 0.9em;
}
#courselist.itemlist .active{
	font-size: 1.15em;
}
#courselist.itemlist .active p {
	font-size: 0.95em;
}

.itemlist.nofloat {
	float: none;
}
.itemlist li p {
	font-family: 'Lucida Sans', Arial, sans-serif;
	font-size: 12px;
}
.itemlist li {
	padding-left: 4px;
	background-color: transparent;
}
.itemlist .active {
	background-color: #e5eebd;
	color: #123903 !important;
}
.itemlist .active a {
	color: #8d995b !important;
	font-size: 0.85em;
}
/* new */
.nritemlist {
	float: left;
	list-style: decimal-leading-zero outside none;
	margin-left:30px;
	width: 425px;
	color: #695F7C;
	font-size: 12px;
}
.nritemlist.nofloat {
	float: none;
}
.nritemlist li p {
	font-family: 'Lucida Sans', Arial, sans-serif;
}
.nritemlist li {
	padding-left: 4px;
	background-color: transparent;
}
.nritemlist .active {
	background-color: #e5eebd;
	color: #123903 !important;
}
.nritemlist .active a {
	color: #8d995b !important;
}
/* endnew*/
#coursepreview {
	width: 470px;
	height: 440px;
	float: right;
}
#coursefavpreview {
	width: 355px;
	height: 350px;
	float: right;
}
.sortable-list {
	list-style: decimal-leading-zero outside;
	margin-left: 30px;
}
.sortable-list li {
	padding: 4px 8px;
	margin: 2px 0;
	width: 350px;
	border: 1px solid #8d995b;
	background: #e5eebd;
	cursor: move;
	color: #123903;
}
.sortable-list li img {
	display: block;
	float: right;
	cursor: pointer;
}

.dragging {
	background: #add8e6 !important;
}
.sorting {
	width: 450px;
}
.sorting.left {
	float: left;
}
.sorting.right {
	float: right;
}
#donationinfo {
    position: relative;
}
#donationbutton {
    position: absolute;
    right: 30px;
    top: 0px;
    text-align: center;
}

/* 6. Profile */
.equipment{
margin:0.5em 0;
padding:2px;
width: auto;
}
.equipment tr.active:hover,
.equipment tr.inactive:hover{
	background-color: #e5eebd;
}
.equipment td{
padding: 0.5em 0;
}
.equipment th{
padding:1px 1em;
text-align:left;
color:#695F7C;
}
.equipment td{
text-align:center;
vertical-align: top;
}
.equipment tr.inactive{
font-style: italic;
}
.equipment td.left{
text-align:left;
min-width: 200px;
}
.sort-asc {
	background: url(../images/sort-up.gif) right center no-repeat;
	padding-right: 7px;
}
.sort-desc {
	background: url(../images/sort-down.gif) right center no-repeat;
	padding-right: 7px;
}
/* 7. News */
.newsitem .intro {
	color: #695F7C;
	font-weight: bold;
}

/* 8. User created content (comments) */
.ucmessage{
width: 60%;
margin: 0 0 10px 20px;
}
.ucmheader{
border-bottom: 1px solid #695F7C;
color: #695F7C;
height:20px;
}
.uctime{
float: right;
}
.ucauthor{
margin-bottom: 0;
}
textarea.ucmessage{
margin-left: 20px;
height:150px;
width:60%;
}
textarea.ucmod{
height:100px;
width:100%;
}
#ucsubmit{
margin: 0 0 0 20px;
}
.ucmsubmit{
margin: 5px 0 0 0;
}

/* 9. Contact form */
.contactform fieldset {
border: none !important;
}
.contactform label{
margin: 0;
display:block;
margin: 0 0 3px;
}
.contactform input[type="text"]{
width: 100%;
margin-bottom: 15px;
}
#contact-details { 
float: left;
width: 30% !important;
-moz-border-radius: 0 !important;
}
#contact-message { 
float: right;
width: 60% !important;
}
#contact-message textarea {		
width: 100%; 
height: 116px;
margin-bottom: 3px;
}

/* TODO: order/structure! */

/* Tables */
.standard{
margin:0.5em 0;
padding:2px;
width: auto;
}
.standard tbody tr:hover{
background-color: #E5EEBD;
}
.standard td{
padding: 0.5em 0;
}
.standard th{
padding:1px 1em;
text-align:left;
color:#695F7C;
}
.standard td{
text-align:center;
}
.standard tr.inactive{
font-style: italic;
}
.standard td.left{
text-align:left;
min-width: 200px;
}
tr.own{
border: 1px solid #E5EEBD;
}
/* Fieldsets */
fieldset.form label {
	margin-right: 25px;
}
fieldset.form dl {
	width: 600px;
	color: #695F7C;
}
fieldset.form dl dt {
	padding-top:3px;
	clear:left;
	float:left;
	width:205px;
}
fieldset.form dl dd{
	padding:2px 10px 2px 10px;
	width:395px;
	margin-bottom:0.3em;
	margin-left: 205px;
	font-weight: bold;
}
/* Lists */
ul.hovers li{
	margin-bottom: 3px;
}
ul.hovers li:hover{
	background-color: #E5EEBD;
}
table.standard td{
	padding: 5px;
}

/* score table */
.golfscore td,
.golfscore th{
	padding: 5px;
}
.golfscore {
	margin-left: 30px;
}
.golfscore tbody td{
	text-align: center;
}
.score-birdie{
	background: url(../images/golf-score-birdie.png) no-repeat center center;
	height: 30px;
}
.score-eagle{
	background: url(../images/golf-score-eagle.png) no-repeat center center;
	height: 30px;
}
.score-bogey{
	background: url(../images/golf-score-bogey.png) no-repeat center center;
	height: 30px;
}
.score-bogey2{
	background: url(../images/golf-score-doublebogey.png) no-repeat center center;
	height: 30px;
}

/* Icon link */
.iconlink.back {
	background:url("../images/icon-back.png") no-repeat scroll left center transparent;
	margin-bottom:15px;
}
/* itemlist */
.itemlist.halfwidth {
	width: 49%;
}
/* courselist form */
#coursefilter label{
	width: 303px !important;
	line-height: 30px;
}

#queryinfo {
	margin: 0 0 50px 0;
	padding: 4px 3px 3px 50px;
	text-align: left;
	border: 1px solid #8D995B;
	background-color: #e5eebd;
	color: #123903;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-weight: bold;
}
#queryinfo.warning {
	background-image: url(../images/icon-warning-big.png);
	background-position: 6px 4px;
	background-repeat: no-repeat;
	min-height: 40px;
}