html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =base
-------------------------------------------------- */

html, body {
	background: #ffffff;
}
html {
	height: 100%;
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	min-width: 980px;
	min-height: 100%;
	line-height: 20px;
}
body, input, select, optgroup, textarea, button, td, th {
	color: #222;
	font-size: 14px;
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-weight: 400;
}
p, ul, ol, dl, table, blockquote, pre {
	margin-top: 20px;
}
h1, h2, h3, h4, h5, h6, dt, th, b, strong {
    font-weight: 700;
    text-transform:uppercase;
}
i, em {
	font-style: italic;
}

/* html5 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}

/* headings */

h1 {
	margin: 20px 0 0;
	color: black;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
}
h2 {
	margin-top: 20px;
	font-size: 24px;
	line-height: 30px;
	font-family: proxima-nova, helvetica, arial, sans-serif;
	font-weight: normal;
    color: black;
}
h3, h4, h5, h6 {
	margin-top: 20px;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}

/* lists */

ol {
	margin-left: 3em;
	list-style-type: decimal;
}
ol ol {
	list-style: lower-alpha;

}
ol ol ol {
	list-style: lower-roman;
}

ul {
	margin-left: 2em;
	list-style: none;
}
ul li {
	padding-left: 1em;
	background: url(bg_ul.gif) no-repeat 0 6px;
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-top: 0;
}
ol li,
ul li {
	min-height: 1px;
	vertical-align: bottom;
}

/* other */

a {
	color: #0193a0;
	text-decoration: none;
	/*
	-moz-transition: color 0.1s linear, background 0.1s linear;
	-webkit-transition: color 0.1s linear, background 0.1s linear;
	-o-transition: color 0.1s linear, background 0.1s linear;
	transition: color 0.1s linear, background 0.1s linear;
	*/
}
a:hover,
a:focus {
	color: #004a51;
	text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
}

dfn[title],
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
address {
	font-style: normal;
}
ins {
	background: #ff9;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

sub, sup {
	font-size: 10px;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

pre, code, kbd, samp {
	font-family: proxima-nova, helvetica, arial, sans-serif;
}
pre {
	padding: 1em;
	border: 1px solid #ccc;
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

th, td {
	text-align: left;
	vertical-align: top;
}

/*
  dropdown
*/

.dropdown
{
    
}

.dropdown ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dropdown ul li {
    display: block;
    position: relative;
    float: left;
}
.dropdown li ul {
    display: none;
}
.dropdown ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: #1e7c9a;
    margin-left: 1px;
    white-space: nowrap;
}
.dropdown ul li a:hover {
background: #3b3b3b;
}
.dropdown li:hover ul {
    display: block;
    position: absolute;
}
.dropdown li:hover li {
    float: none;
    font-size: 11px;
}
.dropdown li:hover a { background: #3b3b3b; }
.dropdown li:hover li a:hover {
    background: #1e7c9a;
}

/* =classes
-------------------------------------------------- */

.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }

.middle { vertical-align: middle !important; }

.hidden { display: none !important; }
.nowrap { white-space: nowrap !important; }

.w1p { width: 1% !important; }
.w10p { width: 10% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w100p { width: 100% !important; }

.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w140 { width: 140px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }

.clear:before,
.clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after { clear: both; }
.clear { zoom: 1; }

/* =content elements
-------------------------------------------------- */

p.meta,
span.meta {
    color: #808080;
}

h2 .meta {
	font-size: 14px;
	font-family: sans-serif;
	white-space: nowrap;
}
h2 .date {
	font-size: 14px;
	font-weight: normal;
	font-family: sans-serif;
}

a.results {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 0 0 22px;
	background: url(bg06.png) no-repeat 0 0;
	font-weight: bold;
	line-height: 24px;
}

/* inline */

span.sep {
	margin: 0 3px;
	color: #bbb;
}
span.group {
	display: block;
}
span.inline-group {
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}

/* block-level */

div.hr {
	height: 1px;
	overflow: hidden;
	margin: 20px 0;
	border: none;
	background: #ccc;
}
div.hr hr {
	display: none;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* =controls
-------------------------------------------------- */

input,
select,
button,
textarea {
	margin: 0;
}
select,
textarea,
input.text,
input.url,
input.date,
input.date-range,
input[type="text"],
input[type="password"] {
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid;
	border-color: #aaa #ddd #ddd #aaa;
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06);
	vertical-align: top;
}
textarea,
input.text,
input.url,
input.date,
input.date-range,
input[type="text"],
input[type="password"] {
	padding: 2px 3px;
}
select,
input.text,
input.date,
input.date-range,
input[type="text"],
input[type="password"] {
	height: 24px;
	line-height: 18px;
}
.ie7 input.text,
.ie7 input.date,
.ie7 input.date-range,
.ie7 input[type="text"],
.ie7 input[type="password"] {
	height: 18px;
	margin-top: -1px;
	margin-bottom: -1px;
}

select {
	padding: 2px 2px 2px 0;
}
select[size],
select[multiple] {
	height: auto;
}
optgroup {
	font-style: normal;
	font-weight: normal;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	border-color: #0193A0;
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06), 0 0 2px rgba(0,187,204,1);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06), 0 0 2px rgba(0,187,204,1);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.06), 0 0 2px rgba(0,187,204,1);
	
}
button,
label[for],
input[type="image"],
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}
input[readonly],
textarea[readonly] {
	background-color: #f8f8f8 !important;
}
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label {
	cursor: default !important;
}
select[disabled],
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled] {
	background-color: #f8f8f8 !important;
	outline: none !important;
	color: #999;
	text-shadow: 0 1px 0 #fff;
}
input[type="radio"],
input[type="checkbox"] {
	margin: 3px;
	padding: 0;
}
.ie7 input[type="radio"],
.ie7 input[type="checkbox"] {
	margin: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	padding: 0;
	border: none;
}

/* placeholder */

option.label,
input.placeholder,
textarea.placeholder {
	color: #999 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

/* date */

input.date,
input.date-range {
	width: 92px;
	padding-right: 18px;
	background: #fff url(ico_cal.gif) no-repeat 72px 50%;
	cursor: pointer;
}
input.date-range {
	width: 168px;
	background-position: 148px 50%;
}
.ie6 input.date,
.ie7 input.date {
	width: 69px;
}
.ie6 input.date-range,
.ie7 input.date-range {
	width: 145px;
}

/* textarea */

textarea {
	width: 460px;
	height: 120px;
	min-height: 120px;
	line-height: 20px;
	resize: vertical;
	overflow: auto;
}
textarea.small {
	height: 60px;
	min-height: 60px;
}
textarea.medium {
	height: 240px;
	min-height: 240px;
}
textarea.big {
	height: 360px;
	min-height: 360px;
}

/* control comment */
div.control_comment {
    color: #808080;
    font-size: 90%;
}

/* error */

label.error {
	color: #dc291e;
	font-weight: bold;
}
input.error,
select.error,
textarea.error,
.error input,
.error select,
.error textarea {
	border-color: #dc291e !important;
	background-color: #fff8f8 !important;
	outline: none !important;
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
}
input.error:focus,
select.error:focus,
textarea.error:focus,
.error input:focus,
.error select:focus,
.error textarea:focus {
	background-color: #fff !important;
	-moz-box-shadow: 0 0 2px rgba(255,0,0,0.6);
	-webkit-box-shadow: 0 0 2px rgba(255,0,0,0.6);
	box-shadow: 0 0 2px rgba(255,0,0,0.6);
}

/* =buttons
-------------------------------------------------- */

/* small */

a.button,
span.button,
input.button {
	padding: 0 10px;
	border: none;
	background: #0193a0;
	background: -moz-linear-gradient(top, #2aaeba, #0193a0);
	background: -webkit-linear-gradient(top, #2aaeba, #0193a0);
	background: -o-linear-gradient(top, #2aaeba, #0193a0);
	background: -ms-linear-gradient(top, #2aaeba, #0193a0);
	background: linear-gradient(top, #2aaeba, #0193a0);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,84,91,0.44);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,84,91,0.44);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,84,91,0.44);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	outline: none;
    vertical-align: top;
}
input.button[disabled] {
    background: #a0a0a0;    
}
a.button,
span.button {
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 1px;
	line-height: 23px !important;
	white-space: nowrap !important;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
input.button {
	width: auto;
	height: 24px;
	overflow: visible;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 14px !important;
}
a.button:hover,
a.button:focus,
input.button:hover,
input.button:focus {
	background: #1d9fab;
	background: -moz-linear-gradient(top, #40b6c1, #1d9fab);
	background: -webkit-linear-gradient(top, #40b6c1, #1d9fab);
	background: -o-linear-gradient(top, #40b6c1, #1d9fab);
	background: -ms-linear-gradient(top, #40b6c1, #1d9fab);
	background: linear-gradient(top, #40b6c1, #1d9fab);
}
a.button:active,
input.button:active {
	border-color: #999;
	background: #1a8993;
	background: -moz-linear-gradient(top, #1b9da9, #1a8993);
	background: -webkit-linear-gradient(top, #1b9da9, #1a8993);
	background: -o-linear-gradient(top, #1b9da9, #1a8993);
	background: -ms-linear-gradient(top, #1b9da9, #1a8993);
	background: linear-gradient(top, #1b9da9, #1a8993);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.28);
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.28);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.28);
}
input.button[disabled]:hover,
input.button[disabled]:focus {
    background: #a0a0a0;    
}

/* disabled */

span.button {
	background: #d3d3ce;
	background: -moz-linear-gradient(top, #e8e8e3, #d3d3ce);
	background: -webkit-linear-gradient(top, #e8e8e3, #d3d3ce);
	background: -o-linear-gradient(top, #e8e8e3, #d3d3ce);
	background: -ms-linear-gradient(top, #e8e8e3, #d3d3ce);
	background: linear-gradient(top, #e8e8e3, #d3d3ce);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

.arrow {
	font-family: Calibri, sans-serif;
}
.arrow2 {
    font-family: Calibri, sans-serif;
}

/* link */

a.button-link,
a.button-link:hover,
a.button-link:focus,
a.button-link:active,
input.button-link,
input.button-link:hover,
input.button-link:focus,
input.button-link:active {
	padding-left: 0;
	padding-right: 0;
	background: none transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #0193A0 !important;
	font-weight: normal;
	text-shadow: none;
}
a.button-link:hover,
a.button-link:focus,
input.button-link:hover,
input.button-link:focus {
	text-decoration: underline !important;
}

/* FB */

a.button-fb {
	height: 22px;
	margin-bottom: 3px;
	padding: 0;
	border: solid 1px;
	border-color: #29447e #29447e #1a356e #29447e;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #5973a8 url(button-fb.png) repeat-x 0 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 22px;
}
a.button-fb:hover,
a.button-fb:focus {
	border-color: #29447e #29447e #1a356e #29447e;
	background: #627fb1 url(button-fb.png) repeat-x 0 -22px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.button-fb:active {
	border-color: #29447e #29447e #1a356e #29447e;
	background: #4f6aa3 url(button-fb.png) repeat-x 0 -44px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.button-fb span {
	display: inline-block;
	height: 22px;
	overflow: hidden;
	padding: 0 8px 0 31px;
	background: url(button-fb.png) no-repeat 0 -66px;
}
a.button-fb:hover span,
a.button-fb:focus span {
	background-position: 0 -88px;
}
a.button-fb:active span {
	background-position: 0 -110px;
}

/* G */

a.button-g {
	height: 22px;
	margin-bottom: 3px;
	padding: 0;
	border: solid 1px;
	border-color: #d5d5d5 #ccc #ccc #d5d5d5;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f3f3f3 url(button-g.png) repeat-x 0 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222 !important;
	line-height: 22px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}
a.button-g:hover,
a.button-g:focus {
	border-color: #bbb;
	background: #f4f4f4 url(button-g.png) repeat-x 0 -22px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.button-g:active {
	background: #f2f2f2 url(button-g.png) repeat-x 0 -44px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.button-g span {
	display: inline-block;
	height: 22px;
	overflow: hidden;
	padding: 0 8px 0 31px;
	background: url(button-g.png) no-repeat 0 -66px;
}

/* =login
-------------------------------------------------- */

.login-form {
	margin: 40px 0 0;
}
.login-form .col01,
.login-form .col02 {
	float: left;
	width: 389px;
	padding: 0 40px;
}
.login-form .col01 {
	border-right: 1px solid #e4e4df;
}
.login-form .col02 {
	border-left: 1px solid #fff;
}
.login-form H2 {
	margin: 0;
	margin-left: 160px;
}
.login-form ol.form li {
	padding-left: 160px;
}
.login-form ol.form .field-label {
	width: 140px;
	margin-left: -160px;
}
.login-form div.action {
	padding-left: 160px;
}
#register {
	font-size: 18px;
}

/* =form
-------------------------------------------------- */

span.req {
	color: #dc291e;
	line-height: 1;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	vertical-align: middle;
}

div.control {
	margin-top: 20px !important;
}
div.control span.label {
	display: block;
}
div.form-row div.control {
	float: left;
	margin-right: 10px;
}


/* options */

.form dl.options {
	margin-top: 1px;
	line-height: 20px;
}
dl.options dl.options {
	margin: 5px 0 5px 20px;
}
dl.options dd {
	padding: 0 0 0 20px;
}
dl.options input[type="checkbox"],
dl.options input[type="radio"] {
	float: left;
	margin: 3px 0 0 -20px;
}
*+html dl.options input[type="checkbox"],
*+html dl.options input[type="radio"] {
	margin: 0 0 0 -23px;
}
dl.options input[type="checkbox"],
dl.options input[type="radio"],
dl.options input[type="checkbox"] + label,
dl.options input[type="radio"] + label {
	vertical-align: middle;
}

/* =action
-------------------------------------------------- */

div.action {
	margin-top: 20px;
	padding: 20px 0 20px 240px;
	border-top: 1px solid #e2e2e2;
	-moz-box-shadow: inset 50px 0 30px -30px rgba(247,247,242,1), inset -50px 0 30px -30px rgba(247,247,242,1), inset 0 50px 30px -30px rgba(255,255,255,1);
	-webkit-box-shadow: inset 50px 0 30px -30px rgba(247,247,242,1), inset -50px 0 30px -30px rgba(247,247,242,1), inset 0 50px 30px -30px rgba(255,255,255,1);
	box-shadow: inset 50px 0 30px -30px rgba(247,247,242,1), inset -50px 0 30px -30px rgba(247,247,242,1), inset 0 50px 30px -30px rgba(255,255,255,1);
}
div.action label,
div.action input,
div.action button,
div.action .button {
	float: left;
	margin-right: 10px;
    margin-bottom: 10px;
}

.styled-select {
   background: url(../gfx/select_arrow.png) no-repeat left #f1f1f1;
   padding: 4px 20px 4px 40px;
   border: 0;
   border-radius: 1;
   height: 34px;
   -webkit-appearance: none;
   box-shadow: 0px 1px 2px #d2d2d2;
}

.live {
   float: left;
   padding: 4px 60px 4px 60px; 
   background: #fff;                     
   color: #fc0001;
   text-align: center;
   display: none;
}

.live_active{
   float: left;
   padding: 4px 60px 4px 60px; 
   background: #fff;                     
   color: #fc0001;
   text-align: center;
}

/* =table data
-------------------------------------------------- */

.table-container {
    overflow-x: auto;
}

table.data {
	width: 100%;
}
table.data th,
table.data td {
	padding: 5px 5px;
}
table.data thead {
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
table.data th {
	border: solid #ffffff;
	border-width: 1px;
	background: #f1f1f1;
	color: #593008;
}
table.data thead th:first-child {
	border-left: 1px solid #ffffff;
}
table.data thead th:last-child {
	border-right: 1px solid #ffffff;
}
table.data td {
	border: 1px solid #ffffff;
	background: #f6f6f6;
}


table.data tbody tr:first-child td {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
table.data td.total {
	text-align: center;
	font-weight: bold;
}

table.data-hover tbody tr:hover td,
table.data-hover td.hover { 
    background: #f1f1f1; 
}

table.data td.eagle,
table.data td.birdie,
table.data td.bogey,
table.data td.bogey_ob,
table.data td.dbogey,
table.data td.dbogey_ob,
table.data td.fail_ob,
table.data td._ob,
table.data td.fail {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*
table.data td.eagle { background: #38d0a3 !important; }
table.data td.birdie { background: #c0f3e0 !important; }
table.data td.bogey { background: #ffded2 !important; }
table.data td.dbogey { background: #ffa599 !important; }
table.data td.fail { background: #ff4c4c !important; }
*/
table.data td.holeinone { background: #ffcc00 !important; }
table.data td.eagle { background: #ffcc00 !important; }
table.data td.birdie { background: #fe5c5c !important; }
table.data td.birdie_ob { background: #fe5c5c url(/gfx/score_ob.png) !important;  background-repeat: repeat-x !important;}
table.data td.bogey { background: #dcdcdc !important; }
table.data td.bogey_ob { background: #dcdcdc url(/gfx/score_ob.png) !important;  background-repeat: repeat-x !important;}
table.data td.dbogey { background: #a7a7a7 !important; }
table.data td.dbogey_ob { background: #a7a7a7 url(/gfx/score_ob.png) !important; background-repeat: repeat-x !important;}
table.data td.fail { background: #808080 !important; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
table.data td.fail_ob { background: #808080 url(/gfx/score_ob.png) !important; background-repeat: repeat-x !important;}
table.data td._ob { background: url(/gfx/score_ob.png) !important; background-repeat: repeat-x !important;}
H2 + table.data {
	margin-top: 10px;
}
.meta-block + table.data {
	margin-top: 10px;
}

/* =form
-------------------------------------------------- */
ol.form {
	margin: 20px 0 0;
	list-style: none;
}
ol.form + ol.form {
	margin-top: 5px;
}
ol.form li {
	padding: 5px 0 5px 240px;
	line-height: 24px;
}
ol.form li:before,
ol.form li:after { 
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden; 
}
ol.form li:after { 
	clear: both;
}
.ie7 ol.form li { 
	zoom: 1;
}
ol.form .field-label {
	float: left;
	width: 220px;
	margin-left: -240px;
	text-align: right;
}
ol.form p {
	margin: 0;
	padding: 0 0 4px;
}
ol.form .error .field-label {
	color: #c00;
}

table.form {
	width: auto;
	margin: 10px auto;
}
table.form TH,
table.form TD {
	padding: 2px 5px;
	text-align: right;
}
table.form TH {

	padding-right: 20px;
	font-size: 16px;
	font-weight: normal;
}

.input_score {
    width: 100%;
}
/* =pager
-------------------------------------------------- */

.pager {
	margin: 20px 0 0;
}
.pager .aligner {
	float: left;
}
.pager p {
	float: left;
	margin: 0 10px 0 0;
}
.pager .next {
	float: right;
}
.pager .pages a {
	display: -moz-inline-box;
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #e5e5df;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	color: #666;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
}
.pager .pages a:hover,
.pager .pages a:focus {
	background: #fff;
	text-decoration: none;
}
.pager .pages a.active,
.pager .pages a.active:hover,
.pager .pages a.active:focus {
	border-color: #afafa5;
	background: #fff;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.11);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.11);
	box-shadow: 0 1px 2px rgba(0,0,0,0.11);
	text-decoration: none;
	color: #000;
}

/* =layout
-------------------------------------------------- */

#page {
	min-height: 1px;
	background: #ffffff;
	-moz-box-shadow: 0 0 40px rgba(107,71,35,0.1);
	-webkit-box-shadow: 0 0 40px rgba(107,71,35,0.1);
	box-shadow: 0 0 40px rgba(107,71,35,0.1);
}
.wrap {
	width: 980px;
	margin: 0 auto;
}
#header {
	position: relative;
	height: 120px;
}
#content {
	padding: 0 20px 40px;
}
#content:after {
    content: '';
    display: table;
    clear: both;
}
#footer {
	
}

.overview table.data {
    width: 100%;
}

.overview .action {
    margin: 20px 0 0;
    padding: 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.overview .meta-block {
    margin: 0;
}

.overview #comments,
.overview #competitions {
    float: none;
    width: 100%;
}
 .overview #comments h3 {
     margin-top: 30px;
     font-size: 24px;
     line-height: 30px;
     font-family: "OpenSansCondensedBold", sans-serif;
 }
.overview #comments ol,
.overview #competitions ol {
    margin-top: 5px;
}

#addcomment .action {
    margin-top: 0;
    padding-left: 240px;
}

.cards:after {
    content: '';
    display: table;
    clear: both;
}
.cards .card  {
    float: left;
    width: 50%;
    margin: 10px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
}

.card h2 {
    color: #4393A0;
}
.card ol {
    margin: 17px -15px 0;
    padding: 0;
    list-style: none;
}
.card li + li {
    border-top: 1px solid #DEDED9;
}
.card li a {
    display: block;
    padding: 10px 15px;
    color: #222;
}
.card li a:hover,
.card li a:focus,
.card li a:active {
    background-color: #fff;
    text-decoration: none;
}

.card .actions {
    padding: 0 10px;
    border-top: none;
    text-align: right;
    font-size: 12px;
}
.card .actions a {
    display: inline-block;
    color: #4393A0;
    padding: 5px;
}
.card .actions a:hover,
.card .actions a:focus,
.card .actions a:active {
    background: transparent none;
    text-decoration: underline;
    color: #004a51;
}
.card .author {
    font-weight: 700;
}
.card h3 {
    margin: 0;
    font-size: 18px;
    font-family: 'OpenSansCondensedBold', sans-serif;
    font-weight: 400;
}
.card h3,
.card h3 a {
    color: #4393A0;
}
.card p {
    margin: 5px 0 0;
}
.card .meta {
    font-size: 16px;
    font-family: 'OpenSansCondensedBold', sans-serif;
    font-weight: 400;
    color: #212121;
}

#comments,
#competitions  {
    float: left;
    width: 50%;
    margin: 10px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px 0 25px;
}
#competitions .nocompetitions {
    height: 100px;
    margin: 10px 0 0;
    padding: 50px 15px 0;
    font-size: 16px;
    text-align: center;
    color: #B8AB94;
    background: transparent url(cup-alt.svg) 50% 25px no-repeat;
}
#competitions .nocompetitions .message {
    margin: 15px -15px 0;
    padding: 10px 25px 0;
    border-top: 1px solid #C8BDA8;
}
#competitions .actions {
    margin-top: 10px;
    padding: 0 15px;
    text-align: right;
    font-size: 12px;
}
#comments ol,
#competitions ol {
    margin: 17px -20px 0;
    padding: 0;
    list-style: none;
}
#comments li + li,
#competitions li + li {
    border-top: 1px solid #DEDED9;
}
#comments li a,
#competitions li a {
    display: block;
    padding: 10px 20px;
    color: #222;
}
#comments li a:hover,
#comments li a:focus,
#comments li a:active,
#competitions li a:hover,
#competitions li a:focus,
#competitions li a:active   {
    background-color: #fff;
    text-decoration: none;
}

#comments .actions,
#competitions .actions {
    padding: 0 10px;
    border-top: none;
    text-align: right;
    font-size: 12px;
}
#comments .actions a,
#competitions .actions a {
    display: inline-block;
    color: #4393A0;
    padding: 5px;
}
#comments .actions a:hover,
#comments .actions a:focus,
#comments .actions a:active,
#competitions .actions a:hover,
#competitions .actions a:focus, 
#competitions .actions a:active {
    background: transparent none;
    text-decoration: underline;
    color: #004a51;
}
#comments .author {
    font-weight: 700;
}


#competitions li a {
    padding: 10px 20px;
}
#competitions h3 {
    margin: 0;
    font-size: 18px;
    font-family: 'OpenSansCondensedBold', sans-serif;
    font-weight: 400;
}
#competitions h3,
#competitions h3 a {
    color: #4393A0;
}
#competitions p {
    margin: 5px 0 0;
}
#competitions .meta {
    font-size: 16px;
    font-family: 'OpenSansCondensedBold', sans-serif;
    font-weight: 400;
    color: #212121;
}

#addcomment {
    margin-bottom: 50px;
}



/* =breadcrumb
-------------------------------------------------- */

#breadcrumb {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 20px;
}
#breadcrumb a {
	color: #666;
}
#breadcrumb span.sep {
	color: #bbb;
	font-family: Calibri, sans-serif;
}
#breadcrumb STRONG {
	font-weight: normal;
}

/* =list
-------------------------------------------------- */

ul.list {
	margin: 20px -20px 0;
	border-top: 1px solid #deded9;
}
ul.list LI {
	padding: 0;
	background: none;
}
ul.list .block-link {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #deded9;
	color: #222;
}
ul.list .block-link-header{
    background: #F0F0F0;
}
ul.list .block-link:hover,
ul.list .block-link:focus {
	text-decoration: none;
	background: #fff;
}
ul.list h2 {
	margin: 0;
	font-size: 18px;
	line-height: 20px;
}
ul.list .meta-block {
	margin: 0;
}

/* =
-------------------------------------------------- */

.tabs-wrap h1 {
	padding-top: 20px;
}
    .prev-next-tabs-wrap h1 {
        padding-top: 10px;
        margin: 0 260px 0px 0;
    }
    .prev-next-tabs-wrap H1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
.tabs {
    margin: -58px 0 0;
}
.tabs .aligner {
        float: right;
        right: 0;
        margin: 0;
}

.tabs li {
	margin-right: -1px;
}
.tabs a,
.tabs li {
	float: left;
	background: none;
	padding: 0;
}
.tabs a {
	padding: 6px 16px 6px;
	border: 1px solid #ccc;
	background: #e6e6de;
	background: -moz-linear-gradient(top, #fbfbf6, #e6e6de);
	background: -webkit-linear-gradient(top, #fbfbf6, #e6e6de);
	background: -o-linear-gradient(top, #fbfbf6, #e6e6de);
	background: -ms-linear-gradient(top, #fbfbf6, #e6e6de);
	background: linear-gradient(top, #fbfbf6, #e6e6de);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,0.5), inset 0 -1px 0 #e6e6de;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,0.5), inset 0 -1px 0 #e6e6de;
	box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,0.5), inset 0 -1px 0 #e6e6de;
	color: #593008;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,1)
}
.tabs li:first-child a {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.tabs li:last-child a {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
.tabs a:hover,
.tabs a:focus {
	background: #f7f7f2;
	background: -moz-linear-gradient(top, #fff, #f7f7f2);
	background: -webkit-linear-gradient(top, #fff, #f7f7f2);
	background: -o-linear-gradient(top, #fff, #f7f7f2);
	background: -ms-linear-gradient(top, #fff, #f7f7f2);
	background: linear-gradient(top, #fff, #f7f7f2);
	text-decoration: none;
}
.tabs .active a,
.tabs .active a:hover,
.tabs .active a:focus {
	position: relative;
	border-color: #7c7c77 #b1b1a7 #b1b1a7;
	background: #cacac0;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.2);
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}
    .prev-next-tabs-wrap .tabs .mobile {
        display: none;
    }

/* =steps
-------------------------------------------------- */

ol.steps {
	margin: 20px 0 0;
	padding: 0 0 10px;
	list-style: none;
	text-align: center;
}
ol.steps li {
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #bbb;
	background: -moz-linear-gradient(top, #ddd, #bbb);
	background: -webkit-linear-gradient(top, #ddd, #bbb);
	background: -o-linear-gradient(top, #ddd, #bbb);
	background: -ms-linear-gradient(top, #ddd, #bbb);
	background: linear-gradient(top, #ddd, #bbb);
	text-indent: -5000px;
}

ol.steps li.status1 {
}
ol.steps li.status2 {
	background: #ff8c04;
	background: -moz-linear-gradient(top, #ffc47e, #ff8c04);
	background: -webkit-linear-gradient(top, #ffc47e, #ff8c04);
	background: -o-linear-gradient(top, #ffc47e, #ff8c04);
	background: -ms-linear-gradient(top, #ffc47e, #ff8c04);
	background: linear-gradient(top, #ffc47e, #ff8c04);
}
ol.steps li.status3 {
    background: #0193a0;
    background: -moz-linear-gradient(top, #32b9c5, #0193a0);
    background: -webkit-linear-gradient(top, #32b9c5, #0193a0);
    background: -o-linear-gradient(top, #32b9c5, #0193a0);
    background: -ms-linear-gradient(top, #32b9c5, #0193a0);
    background: linear-gradient(top, #32b9c5, #0193a0);
}
ol.steps li.status4 {
    background: #FF6666;
    background: -moz-linear-gradient(top, #FF6666, #990000);
    background: -webkit-linear-gradient(top, #FF6666, #990000);
    background: -o-linear-gradient(top, #FF6666, #990000);
    background: -ms-linear-gradient(top, #FF6666, #990000);
    background: linear-gradient(top, #FF6666, #990000);
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* =message
-------------------------------------------------- */

DIV.message {
	margin: 10px 0 0;
	border: 1px solid #e7de7c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff9b6;
	background: -moz-linear-gradient(top, #fffde4, #fff9b6);
	background: -webkit-linear-gradient(top, #fffde4, #fff9b6);
	background: -o-linear-gradient(top, #fffde4, #fff9b6);
	background: -ms-linear-gradient(top, #fffde4, #fff9b6);
	background: linear-gradient(top, #fffde4, #fff9b6);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	line-height: 18px;
}
div.message .bg {
	padding: 15px 20px 15px 50px;
	background: url(msg_info.png) no-repeat 18px 8px;
}
div.message-error {
	border-color: #f5b2b2;
	background: #ffdede;
	background: -moz-linear-gradient(top, #fff3f3, #ffdede);
	background: -webkit-linear-gradient(top, #fff3f3, #ffdede);
	background: -o-linear-gradient(top, #fff3f3, #ffdede);
	background: -ms-linear-gradient(top, #fff3f3, #ffdede);
	background: linear-gradient(top, #fff3f3, #ffdede);
}
div.message-error .bg {
	background: url(msg_error.png) no-repeat 11px 8px;
}
div.message-ok {
	border-color: #b8e5a4;
	background: #d3ffbe;
	background: -moz-linear-gradient(top, #efffe7, #d3ffbe);
	background: -webkit-linear-gradient(top, #efffe7, #d3ffbe);
	background: -o-linear-gradient(top, #efffe7, #d3ffbe);
	background: -ms-linear-gradient(top, #efffe7, #d3ffbe);
	background: linear-gradient(top, #efffe7, #d3ffbe);
}
div.message-ok .bg {
	background: url(msg_ok.png) no-repeat 12px 10px;
}
DIV.message H2 {
	margin: 0;
	line-height: 18px;
	font-size: 16px;
	font-family: sans-serif;
}
DIV.message P {
	margin: 0;
}
DIV.message P + p,
DIV.message h2 + p {
	margin-top: 10px;
}
DIV.message + DIV.message {
	margin-top: 5px;
}


/* =index
-------------------------------------------------- */

#index a.button {
	height: 40px;
	padding: 0 40px;
	font-size: 18px !important;
	line-height: 39px !important;
}
#index .bullet-list {
	margin: 50px 0 0;
}
#index ul a {
    border-bottom: 1px dotted #0193A0;
}
#index ul a:hover,
#index ul a:focus,
#index ul a:active {
    text-decoration: none;
    border-bottom-style: solid;
}

/* bullet list */

.bullet-list {
	margin: 20px 0 0;
	text-align: left;
}
.bullet-list li {
	float: left;
	clear: left;
	width: 350px;
	min-height: 35px;
	margin: 10px 0 0;
	padding: 15px 20px 0 70px;
	background-position: 0 0;
}
.bullet-list strong {
	color: #0193a0;
}
.bullet-list li.alt {
	float: right;
	clear: none;
}
.bullet-list .none { background-image: none; }
.bullet-list .create { background-image: url(dot01.png); }
.bullet-list .scores { background-image: url(dot02.png); }
.bullet-list .smart { background-image: url(dot03.png); }
.bullet-list .visualise { background-image: url(dot04.png); }

/* =detail
-------------------------------------------------- */

.overview table.data {
    width: 100%;
}
.overview .action {
    margin: 20px 0 0;
    padding: 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.overview .meta-block {
    margin: 0;
}

.overview #comments,
.overview #competitions {
    float: none;
    width: 100%;
}
.overview #comments h3 {
     margin-top: 30px;
     font-size: 24px;
     line-height: 30px;
     font-family: "OpenSansCondensedBold", sans-serif;
}
.overview #comments ol,
.overview #competitions ol {
    margin-top: 5px;
}

/* =meta block
-------------------------------------------------- */

.meta-block {
	margin: 20px 0 0;
}
.meta-block p {
	float: left;
	margin: 0 20px 0 0;
}
.meta-block p.action {
	float: right;
	margin: 0 0 -4px;
}
.meta-block .label {
	color: #666;
}
.meta-block .icon,
.meta-block span {
	vertical-align: middle;
}

.meta-block .icon {
	width: 12px;
}
.meta-block .icon01 { background-position: -4px 0; }
.meta-block .icon02 { background-position: -24px 0; }
.meta-block .icon03 { background-position: -44px 0; }
.meta-block .icon04 { background-position: -64px 0; }
.meta-block .icon05 { background-position: -84px 0; }
.meta-block .icon06 { background-position: -104px 0; }
.meta-block .icon07 { background-position: -124px 0; }

/* =filter
-------------------------------------------------- */

.filter {
	margin: 20px -20px 0;
	padding: 10px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #e5e5da;
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
    line-height: 2;
}
.filter p {
	float: left;
	margin: 0 10px 0 0;
}
.filter .check {
	padding-top: 1px;
}
.filter .check label,
.filter .check INPUT {
	vertical-align: middle;
}
.filter .action {
	float: right;
	margin: 0;
	text-align: right;
}
.filter .action .button {
	margin: 3px;
}
.filter select,
.filter input {
    vertical-align: middle;
}

.scorecard_filter  {
    line-height: 2;
}

/* =icons
-------------------------------------------------- */

.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(icons.png) no-repeat;
	text-indent: -5000px;
}
.icon01 { background-position: 0 0; }
.icon02 { background-position: -20px 0; }
.icon03 { background-position: -40px 0; }
.icon04 { background-position: -60px 0; }
.icon05 { background-position: -80px 0; }
.icon06 { background-position: -100px 0; }
.icon07 { background-position: -120px 0; }

/* =footer
-------------------------------------------------- */

#footer {
	font-size: 12px;
	color: #70655a;
}
#footer .wrap {
	width: 940px;
	padding: 30px 20px 50px;
}
HTML.keyboard #footer .wrap {
	padding-bottom: 190px;
}
#contact {
	float: left;
	margin: 0;
}
#online {
	float: right;
	margin: 0;
}

/* =keyboard
-------------------------------------------------- */

#keyboard {
    position: fixed; 
	left: 0;
    bottom: 0;
	right: 0;
	background: #ddd;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}
#keyboard .button {
	float: left;
	width: 20%;
	padding: 0;
	height: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 18px !important;
	line-height: 50px !important;
}
#keyboard .arrow {
    float: left;
    width: 20%;
    padding: 0;
    height: 100px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px !important;
    line-height: 100px !important;
}
#keyboard .arrow2 {
    float: right;
    width: 20%;
    padding: 0;
    height: 100px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px !important;
    line-height: 100px !important;
}

/* =score
-------------------------------------------------- */
.value_nonactive {
    color: #000;
    background: #FFFFFF;
    border:2px solid #d1c7ac;
    width: 26px;    
    height: 20px;
    text-align: center;
    line-height:20px;
    
}
.value_active {
    color: #000;
    background: #FFFFFF;
    border:2px solid #0193a0;
    width: 26px;    
    height: 20px;
    text-align: center;
    line-height: 20px;
}

/* =chat
-------------------------------------------------- */
#chat {
    position: absolute;
    top: 0px;
    right: 0px;    
    width: 200px;
    height: 300px;
    
    background: #CCCCCC;
}

.label_competition {
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
    
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    padding: 0 6px;
    display: inline-block;
    font-weight: 600;
    position: relative;
    vertical-align: middle;
    top: -1px;
}

.label_competition_A {
    background: #DA00DF;
}

.label_competition_B {
    background: #f4b04f;
}

.label_competition_C {
    background: #52A23E;
}
      
.label_competition_training {
    background: #98A3D3;
    color: #000000;
}

.label_not_valid {
    background: #DE7073;
}

.label_has_map {
    background: #7C8F86;
}

.competition_datefilter {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
    border-radius: 2px;
}

.competition_datefilter a.dp-selected {
    background: #58B4BE;
    color: #fff!important;
}

.competition_datefilter li {
    display: inline;
    background: none;
    padding: 0;
}

.competition_datefilter li:first-child a, .competition_datefilter li:first-child {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.competition_datefilter li a, .competition_datefilter li span {
    background-color: transparent;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    position: relative;
    float: left;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 2px;
}

.competition_datefilter a.dp-off, .competition_datefilter a.dp-off:hover {
    background-color: #FCFCFC;
    z-index: 400;
}

.competition_datefilter a.dp-item {
    padding: 5px 0;
    border-radius: 0;
    margin: 0 0 0 -1px;
}

.competition_datefilter a.dp-item {
    text-align: center;
}

.competition_datefilter a.b1-width {
    width: 3.5%;
    height: 26px;
    padding: 12px 0;
}

.competition_datefilter a.b2-width {
    width: 4.7%;
}

.competition_datefilter a.active-width {
    width: 15%;
    padding: 4px 0;
}

.competition_date {
    width: 90%;
} 

input[type="date"]::-webkit-inner-spin-button{
    display: none;
}

/* =font
-------------------------------------------------- */

@font-face {
	font-family: proxima-nova;
	font-weight: normal;
	font-style: normal;
}

/* =responsive
-------------------------------------------------- */
@media only screen and (max-width: 1000px) {
	body {
		min-width: 200px;
	}
	.wrap {
		width: auto;
	}
	#footer .wrap {
		width: auto;
	}
	#index {
		width: auto;
	}
	.bullet-list li {
		width: 40%;
		padding-left: 8%;
		padding-right: 2%;
	}

	.login-form .col01,
	.login-form .col02 {
		float: left;
		width: 39%;
		padding: 0 5%;
	}

	/* data table */

	table.data th,
	table.data td {
		padding: 5px;
	}
    
    .competition_datefilter li.dp-hide1 {
        display: none;    
    }
    
    .competition_datefilter a.b1-width {
        width: 5.2%;
    }

    .competition_datefilter a.b2-width {
        width: 5.8%;
    }

    .competition_datefilter a.active-width {
        width: 17.4%;
    }
}
@media only screen and (max-width: 760px) {

    .dp-hide1 {
        display: none;    
    }
    
    
	body {
		min-width: 200px;
	}
	.wrap {
		width: auto;
	}
	H1 {
		margin: 10px 0 0;
		font-size: 26px;
		line-height: 30px;
	}
	
	/* head */

	#header {
        height: 100%;
		padding: 0px 6px 6px 10px;
		background: #fff;
	}

	/* content */

	#content {
		padding: 0 10px 20px;
	}
    
    #comments ,
    #competitions {
        float: none;
        width: 100%;
        padding: 0;
    }
    #competitions {
        margin-top: 40px;
    }
    
    .cards .card {
        float: none;
        width: 100%;
        padding: 0;
    }
    .cards .card + .card {
        margin-top: 40px;
        padding: 0;
    }
    .card ol {
        margin: 17px -10px 0;
    }
    .card li a {
        padding: 5px 10px;
    }
    .card .actions {
        padding: 0 5px;
    }
    
    #comments li a,
    #competitions li a {
        padding: 5px 20px;
    }
    #comments li a {
        display: block;
        color: #000;
        text-decoration: none;
    }
    
    #raitings {
        float: none;
        width: 100%;
        padding: 0;
    }
    .js #addcomment {
        display: none;
    }    
    
    #addcomment .action {
        padding-left: 0;
    }    
    
	#breadcrumb {
		display: none;
	}
	h2 .date {
		display: block;
	}

	/* form */

    ol.form {
        margin: 10px 0 0;
    }
    ol.form li {
        padding-left: 0 !important;
    }
    ol.form .field-label {
        display: block;
        float: none;
        width: auto !important;
        margin: 0 !important;
        text-align: left;
    }
    ol.form SELECT,
    ol.form TEXTAREA,
    ol.form input[type="text"],
    ol.form input[type="password"] {
        width: 100%;
    }

	/* frm alt */

	ol.form-alt li {
		padding: 2px 0 2px 50% !important;
		line-height: 24px;
	}
	ol.form-alt li:before,
	ol.form-alt li:after { 
		content: "\0020";
		display: block;
		height: 0;
		overflow: hidden; 
	}
	ol.form-alt li:after { 
		clear: both;
	}
	ol.form-alt .field-label {
		float: left;
		width: 90% !important;
		margin-left: -100% !important;
		text-align: right;
		font-size: 16px;
	}

	/* login */

	.login-form {
		margin: 20px 0 0;
	}
	.login-form .col01,
	.login-form .col02 {
		float: none;
		width: auto;
		min-height: 1px !important;
		padding: 0;
		border: none;
	}
	.login-form .col01 {
		padding-bottom: 20px;
	}
	.login-form H2 {
		margin: 0;
		text-align: left;
	}
	.login-form div.action {
		padding-left: 0;
	}

	/* list */

	ul.list {
		margin: 20px -10px 0;
	}
	ul.list a.block-link {
		margin: 0;
		padding: 10px;
	}
	ul.list .comment {
		display: none;
	}

    
    
    #comments,
    #competitions {
        float: none;
        width: 100%;
        padding: 0;
    }
    #competitions {
        margin-top: 40px;
    }
    #comments li a,
    #competitions li a {
        padding: 5px 20px;
    }
    #comments li a {
        display: block;
        color: #000;
        text-decoration: none;
    }

    
	/* index */

	#index {
		width: auto;
		padding: 30px 0 20px;
	}
	#index .intro {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: -10px;
	}
	#index .call-to-action {
		margin: 0 -10px;
	}

	#index .bullet-list {
		margin-top: 30px;
		margin-left: 10px;
	}
	.bullet-list li,
	.bullet-list li.alt {
		float: none;
		width: auto;
		padding: 15px 0 0 70px;
	}
	#index .intro2 {
		margin-top: 60px;
		font-size: 20px;
		line-height: 20px;
	}

	/* data table */

	table.data {
		margin-top: 10px;
	}
	h2 + table.data {
		margin-top: 5px;
	}
	table.data th,
	table.data td {
		padding: 1px 2px;
	}

	/* tabs */

	.tabs-wrap {
		margin: 0 -10px;
		padding: 0 10px;
	}
	.prev-next-tabs-wrap h1 {
		padding-top: 10px;
		margin: 0 110px 0px 0;
	}

	.prev-next-tabs-wrap H1 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.prev-next-tabs-wrap .tabs {

        margin: -54px 0px 0px;

	}
	.prev-next-tabs-wrap .tabs a {
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		border-radius: 3px !important;
	}
    
    .prev-next-tabs-wrap .tabs a:hover,
    .prev-next-tabs-wrap .tabs a:focus {
        border-width: 1px;
    }
    .prev-next-tabs-wrap .tabs .active a {
        display: none;
    }
    .prev-next-tabs-wrap .tabs .hide a {
        display: none;
    }
    .prev-next-tabs-wrap .tabs .next {
        float: right;
        padding: 0;
    }
    .prev-next-tabs-wrap .tabs .prev {
        float: right;
        padding: 0;
    }
    
    .prev-next-tabs-wrap .tabs .desktop {
        display: none;
    }
    .prev-next-tabs-wrap .tabs .mobile {
        display: inline;
    }
    
    .prev-next-tabs-wrap .tabs .map {
        margin-right: -24px;
        padding: 0;
    }
     
    .prev-next-tabs-wrap .steps {
        margin-top: 0px;
        padding: 0;
    }


	/* filter */

	.filter {
		margin: 20px -10px 0;
		padding: 10px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.filter p,
	.meta-block p,
	.meta-block p.action {
		float: none;
		clear: both;
		margin: 0;
	}
	.meta-block p.action .button {
		margin-bottom: 3px;
	}
	.filter p.col1,
	.filter p.col2 {
		float: left;
		clear: none;
		width: 49%;
		margin: 0;
		padding: 0 1% 0 0 !important;
	}
	.filter p.col2 {
		padding: 0 0 0 1% !important;
	}
	.filter p + p {
		padding-top: 5px !important;
	}
	.filter select,
	.filter input[type="text"],
	.filter input[type="password"] {
		width: 100%;
        vertical-align: middle;
	}
	.filter p.check,
	.filter p.action {
		padding-top: 5px !important;
	}
	.meta-block {
		margin-top: 10px;
	}
    
    .scorecard_filter {
        line-height: 1.8;
    }
    
    .arrow {
        display:none;
    } 
    .arrow2{
        display:none;
    }     
    
    .scorecard_filter select {
        width: 100%;
        vertical-align: middle;
    }

	/* action */

	div.action {
		margin: 0;
		padding-left: 0;
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.overview div.action {
		margin: 10px 0 0;
	}
	.action .button {
		margin-bottom: 10px;
	}

	/* pager */

	.pager .pages {
		clear: both;
		margin-top: 10px;
	}

	/* options */

	.options label {
		display: inline;
	}

	/* footer */

	#footer .wrap {
		width: auto;
		padding: 10px 20px 10px;
	}
	HTML.keyboard #footer .wrap {
		padding-bottom: 150px;
	}
	#contact,
	#online {
		float: none;
	}
    
    #chat {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;    
        width: 100%;
        height: 100%;   
    }
    
    .competition_datefilter li.dp-hide2 {
        display: none;    
    }
    
    .competition_datefilter a.b1-width {
        width: 8%;
    }

    .competition_datefilter a.b2-width {
        width: 9%;
    }

    .competition_datefilter a.active-width {
        width: 27%;
    }
    
    .live {
        width: 60%;
        margin: 20px auto 0px auto;
        display: block;
    }
    .live_active {
        width: 60%;
        margin: 20px auto 0px auto;
        display: block;
    }
}


@media only screen and (max-width: 459px) {
    
    #index .bullet-list {
        margin: 30px 0 10px;
    }
    
    .competition_datefilter li.dp-hide3 {
        display: none;    
    }
    
    .competition_datefilter a.b1-width {
        width: 13%;
    }

    .competition_datefilter a.b2-width {
        width: 14.2%;
    }

    .competition_datefilter a.active-width {
        width: 42.6%;
    }
}

/* =print
-------------------------------------------------- */

@media print {

	/* general */
	@page {
		margin: 0.5cm;
	}
	img {
		max-width: 100% !important;
	}

	/* reset layout */

	html,
	body,
	#wrap,
	#header,
	#content {
		width: auto !important;
		min-width: 1px !important;
		min-height: 1px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* disable floats */

	#content {
		float: none !important;
	}

	/* do not display */


	#nav,
	#menu,
	#header,
	#sidebar,
	#tools,
	#footer,
    #tabs,
    #filter,
    .action,
	.pager,
	.modal-wrap,
	.page-tools,
	.heading-tools {
		display: none !important;
	}

}