/* 
 * -------------------------------------------------------------------
 * Basic Page Properties 
 * -------------------------------------------------------------------
 */

html,
body {
	margin: 0;
	padding: 0;
}

html {
	background: #bfbfbf url("images/header.jpg") no-repeat top center;
}

body {
	padding-bottom: 233px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: transparent url("images/footer.jpg") no-repeat bottom center;
}

#content {
	background: transparent url("images/content.gif") repeat-y top center;
}

/* 
 * -------------------------------------------------------------------
 * Defaults
 * -------------------------------------------------------------------
 */

img {
	border: none;
}

/* 
 * -------------------------------------------------------------------
 * Header
 * -------------------------------------------------------------------
 */

#header {
	margin: 20px auto;
	padding: 0;
	width: 940px;
	height: 79px;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#title {
	display: block;
	float: left;
	width: 95px;
	height: 80px;
	background: transparent url("images/logo.gif") no-repeat 0 0;
}

#header h1 br {
	display: none;
}

#subtitle {
	display: block;
	margin: 0;
	padding: 17px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: right;
	color: #bfbfbf;
}

#sponsors {
	float:right;
	width: 329px;
	height: 47px;
	margin: 0;
	padding: 0;
}

#sponsors a {
	display: block;
	float: left;
}

#LPGA {
	width: 38px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat 0 0;
}

#LPGA:hover {
	background-position: 0 -47px;
}

#LET {
	width: 64px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat -38px 0;
}

#LET:hover {
	background-position: -38px -47px;
}

#ALPGT {
	width: 49px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat -102px 0;
}

#ALPGT:hover {
	background-position: -102px -47px;
}

#LGU {
	width: 53px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat -151px 0;
}

#LGU:hover {
	background-position: -151px -47px;
}

#LPGAJ {
	width: 56px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat -204px 0;
}

#LPGAJ:hover {
	background-position: -204px -47px;
}

#KLPGA {
	width: 69px;
	height: 47px;
	background: transparent url("images/sponsors_sprite.gif") no-repeat -260px 0;
}

#KLPGA:hover {
	background-position: -260px -47px;
}

#sponsors .preamble,
#sponsors .punct {
	display: none;
}

#main_nav {
	height: 48px;
	margin: -4px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#main_nav li {
	display: block;
	float: left;
	margin: -4px 0 0 0;
	padding: 0 12px;
	font-size: 32px;
	line-height: 1;
}

#main_nav li#overview.border {
	border-right: 1px solid #dddee0;
}

#main_nav li#rankings.border {
	border-left: 1px solid #dddee0;
}

#main_nav .sub_nav {
	list-style-type: none;
	height: 12px;
	margin: 0;
	padding: 0;
}

#main_nav .sub_nav li {
	display: block;
	float: left;
	margin: 2px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 1px; 
}

#main_nav .sub_nav li.all {
	padding-right: 12px;
}

#main_nav .sub_nav li.my {
	padding-left: 12px;
	border-left: 1px solid #848383;
}

/* Header Link Colours */

#main_nav li :link,
#main_nav li :visited {
	color: #959595;
	text-decoration: none;
}

#main_nav li :link:hover,
#main_nav li :visited:hover,
#main_nav li :link:active,
#main_nav li :visited:active,
#main_nav li .selected {
	color: #4e8c0d;
	text-decoration: none;
}

.sub_nav li :link,
.sub_nav li :visited {
	color: #bebebe;
	text-decoration: none;
}

.sub_nav li :link:hover,
.sub_nav li :visited:hover,
.sub_nav li :link:active,
.sub_nav li :visited:active,
.sub_nav li .selected {
	color: #447f05;
	text-decoration: none;
}

/* 
 * -------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------
 */

#footer {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
}

#footer ul {
	list-style-type: none;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	line-height: 1;
	text-align: center;
}

#footer ul li {
	display: inline;
	padding: 0 18px;
	border-right: 1px solid #777;
}

#footer a.rss {
	padding-right: 15px;
	background: transparent url("images/rss.gif") no-repeat right 0;
}

#footer ul li#rolex {
	border-right: none;
}

#footer ul li#languages {
	float: right;
	border-right: none;
}

#footer :link,
#footer :visited {
	color: #777;
	text-decoration: none;
}

#footer :link:hover,
#footer :visited:hover,
#footer :link:active,
#footer :visited:active,
#footer .selected {
	color: #447f05;
	text-decoration: none;
}

/* 
 * -------------------------------------------------------------------
 * Rankings as of ...
 * -------------------------------------------------------------------
 */

#content_head {
	margin: 36px auto 24px auto;
	width: 940px;
	height: 16px;
}

h2 {
	display: inline;
	float: left;
	margin: 0;
	width: auto;
	color: #bfbfbf;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
}

.addthis_button {
	float: right;
	width: 125px;
	height: 16px;
	text-align: right;
}

/* 
 * -------------------------------------------------------------------
 * Rankings
 * -------------------------------------------------------------------
 */

.rankings-container {
	clear: both;
	margin: 0 auto;
	width: 940px;
	min-height: 390px;
}

#rankings_data {
	width: 100%;
	border-collapse: collapse;
	empty-cells: hide;
}

/* 
 * -------------------------------------------------------------------
 * FAQ
 * -------------------------------------------------------------------
 */

.faq-container {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 510px;
}

.faq-container .cols-2 {
	position: absolute;
	margin: 10px;
}

#faq-toc {
	margin: 0;
	padding: 0px 20px 20px 40px;
	background-color: transparent;
}

#faq-toc li {
	margin-bottom: 0.5em;
}

#faq-toc :link,
#faq-toc :visited {
	color: #447f05;
	text-decoration: none;
}

#faq-toc :link:hover,
#faq-toc :visited:hover,
#faq-toc :link:active,
#faq-toc :visited:active,
#faq-toc .selected {
	color: #447f05;
	text-decoration: underline;
}

.faq-answer p {
	line-height: 1.5;
	color: #333;
}



/* 
 * -------------------------------------------------------------------
 * Grid
 * -------------------------------------------------------------------
 */

.grid-container {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 390px;
}

.grid {
	position: absolute;
	margin: 10px;
}

.cols-1 {
	width: 220px;
}

.cols-2 {
	width: 460px;
}

.cols-3 {
	width: 700px;
}

.cols-4 {
	width: 940px;
}

.rows-1 {
	height: 110px;
}

.rows-2 {
	height: 240px;
}

.rows-3 {
	height: 370px;
}

/* Positions */

.pos-1 {
	top: 0;
	left: 0;
}

.pos-2 {
	top: 0;
	left: 240px;
}

.pos-3 {
	top: 0;
	left: 480px;
}

.pos-4 {
	top: 0;
	left: 720px;
}

.pos-5 {
	top: 130px;
	left: 0;
}

.pos-6 {
	top: 130px;
	left: 240px;
}

.pos-7 {
	top: 130px;
	left: 480px;
}

.pos-8 {
	top: 130px;
	left: 720px;
}

.pos-9 {
	top: 260px;
	left: 0;
}

.pos-10 {
	top: 260px;
	left: 240px;
}

.pos-11 {
	top: 260px;
	left: 480px;
}

.pos-12 {
	top: 260px;
	left: 720px;
}

/* Grid Titles */

.grid h3,
.faq-container h3 {
	margin: 0 0 6px 0;
	border-bottom: 1px solid #939596;
	padding: 0 0 3px 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	color: #9b9b9b;
}

/* Grid Statistics	- Generic Properties*/

.grid table {
	width: 100%;
	border-collapse: collapse;
	empty-cells: hide;
}

dl.simple_statistic {
	margin: 0;
	padding: 0;
}

dt.name {
	margin: 0;
	padding: 0;
	line-height: 1;
}

dd.detail {
	float: left;
	margin: 0;
	padding: 12px 18px 0 0;
	font-size: 24px;
	font-weight: bold;
}

dd.value {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 86px; /*85*/
	font-weight: bold;
}

.positive {
	color: #4e8c0b;
}

.neutral {
	color: #6d6d6d;
}

.negative {
	color: #000;
}

/* Style Rules for Specific Stats */

#top_ten_data td {
	padding: 0 ;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.75;
	vertical-align: top;
}

#top_ten_data td.rank,
#top_ten_data td.change {
	text-align: right;
}

#top_ten_data td.player {
	text-align: left;
	padding-left: 12px;
	padding-right: 12px;
}

#country_big_movers_year_data {
	margin: 0 20px;
	width: 180px;
/*	height: 128px;*/
	height: auto;
}

#country_big_movers_year_chart {
	margin-bottom: 12px;
}

#country_big_movers_year_data th,
#country_big_movers_year_data td {
	padding: 0 0 9px 0;
	font-weight: normal;
	line-height: 1;
	vertical-align: top;
}

#country_big_movers_year_data th {
	text-align: left;
}

#country_big_movers_year_data td {
	text-align: right;
}

#country_big_movers_year_data .key {
	display: block;
	float: left;
	margin: 4px 12px 0 0;
	padding: 0;
	width: 18px;
	height: 6px;
}

#top_players_data th {
	vertical-align: top;
	font-weight: bold;
}

#top_players_data th[scope='row'] {
	text-align: right;
	padding-right: 2px;
}

#top_players_data th[scope='col'] {
	text-align: center;
}

#top_players_data td {
	padding: 0 2px;
	border: 1px solid #eee;
	vertical-align: top;
	font-weight: normal;
	text-align: center;
}

/* ========================= */
/* = Horizontal Bar Charts = */
/* ========================= */

#country_big_movers_year_hbarchart {
	width: auto;
	background: transparent url("images/chart_bar_horiz_bg.png") no-repeat scroll 0 0;
}

table.chart tbody th {
	padding: 0 9px 6px 24px;
	width: 36px;
	text-align: right;
	font-weight: normal;
}

table.chart.bar tbody td {
	padding-bottom: 6px;
	width: 355px;
}

table.chart.bar tbody td p {
	position: relative;
	top: 0;
	margin: 2px 0 3px 0;
	height: 8px;
	text-align: right;
}

table.chart.bar tbody td.positive p {
	background-color: #4e8c0b;
}

table.chart.bar tbody td.negative p {
	background-color: #000;
}

table.chart.bar tbody td p span {
	position: absolute;
	top: -2px;
	left: 100%;
	margin-left: 0.33em;
	font-size: 93%;
}

svg {
	display: block;
}

/* ============== */
/* = Continents = */
/* ============== */

dd.value span.AF,
dd.value span.AS,
dd.value span.EU,
dd.value span.NA,
dd.value span.OC,
dd.value span.SA {
	display: block;
	margin-top: 6px;
	width: 220px;
	height: 70px;
	text-indent: -9999px;
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 0;
}

dd.value span.AF {
	background-image: url("images/AF_bg.png");
}

dd.value span.AS {
	background-image: url("images/AS_bg.png");
}

dd.value span.EU {
	background-image: url("images/EU_bg.png");
}

dd.value span.NA {
	background-image: url("images/NA_bg.png");
}

dd.value span.OC {
	background-image: url("images/OC_bg.png");
}

dd.value span.SA {
	background-image: url("images/SA_bg.png");
}

/* 
 * -------------------------------------------------------------------
 * Rankings
 * -------------------------------------------------------------------
 */

#rankings_data {
	background-color: #fff;
}

#rankings_data tbody {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

#rankings_data .odd {
	background-color: #ececec;
}

#rankings_data .odd .change,
#rankings_data .odd .country,
#rankings_data .odd .avg_pts {
	background-color: #f1f1f1;
}

#rankings_data th {
	vertical-align: middle;
	padding: 4px 21px 4px 6px;
	text-align: center;
	font-weight: normal;
}

#rankings_data #player_filter {
	width: 140px;
	margin: 0;
	border: 1px solid #999;
	padding: 2px 19px 2px 2px;
	font-size: 12px;
	line-height: 1;
	height: 14px;
}

#player_filter_reset {
	position: relative;
	top: -1px;
	left: -19px;
	border: 0;
	border-spacing: 0;
	padding: 0 2px 2px 2px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	background-color: #424242;
}

#rankings_data thead tr .header {
	background-image: url("images/sortable.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#rankings_data thead tr .headerSortUp {
	color: #4e8c0b;
	font-weight: bold;
	background-image: url("images/sortable_asc.gif");
}

#rankings_data thead tr .headerSortDown {
	color: #4e8c0b;
	font-weight: bold;
	background-image: url("images/sortable_desc.gif");
}

#rankings_data td {
	vertical-align: top;
	padding: 6px 24px;
}

#rankings_data .rank,
#rankings_data .change,
#rankings_data .events {
	width: 2em;
}

#rankings_data .country,
#rankings_data .avg_pts,
#rankings_data .tot_pts {
	width: 5em;
}

#rankings_data .rank,
#rankings_data .change,
#rankings_data .events,
#rankings_data .avg_pts,
#rankings_data .tot_pts {
	text-align: right;
}

#rankings_data .player {
	text-align: left;
}

#rankings_data .country {
	padding-left: 20px;
}

#rankings_data .change.positive {
	color: #4e8c0b;
	font-weight: bold;
}

#rankings_data .change.negative {
	color: #d1175d;
	font-weight: bold;
}

#rankings_data .rank {
	font-weight: bold;
}

#rankings_data .avg_pts {
	color: #4e8c0b;
	font-weight: bold;
}

/* ================== */
/* = Rankings Pager = */
/* ================== */

#pager {
	position: relative;
	margin: 0;
	padding: 12px;
	text-align: center;
	background-color: #fff;
}

#print_version {
	/*float: right;*/
	position: absolute;
	right: 0;
}

#print_version:link,
#print_version:visited {
	color: #959595;
	text-decoration: none;
}

#print_version:link:hover,
#print_version:visited:hover,
#print_version:link:active,
#print_version:visited:active {
	color: #447f05;
	text-decoration: underline;
}

#pager img {
	padding: 0 2px;
	vertical-align: middle;
}

#pager img.prev {
	padding-right: 6px;
}

#pager img.next {
	padding-left: 6px;
}

#pager .pagedisplay {
	border: none;
	padding: 2px 0;
	width: 5em;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}

#pager .pagesize {
	display: none;
}

/* =========== */
/* = Overlay = */
/* =========== */

/* the overlayed element */ 
div.overlay { 
	display: none; 
	padding: 36px 36px 36px 36px; 
	background-image: url("images/overlay_white.png");
	width: 600px; 
	height: 470px;		   
}

#video_overlay {
	padding-top: 84px;
	width: 640px; 
	height: 384px;		   
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
	background-image: url("images/close_button.png"); 
	position:absolute; 
	right: 5px; 
	top: 5px; 
	cursor: pointer; 
	height: 35px; 
	width: 35px; 
}

#languages_selector #lang_outer,
#screensavers_selector #screensavers_outer {
	padding-top: 20px;
	background: transparent url("images/header.jpg") no-repeat scroll -200px top;
}

#languages_selector #lang_inner,
#screensavers_selector #screensavers_inner {
	padding-bottom: 186px;
	background: transparent url("images/footer.jpg") no-repeat scroll -200px bottom;
}

#screensavers_selector h3 {
	margin: 0;
	padding: 60px 20px 20px 72px;
	height: 24px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #959595;
	text-transform: uppercase;
}

#screensavers_selector p {
	margin: 0;
	padding: 0 20px 0 72px;
	height: 20px;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #333;
}

#screensavers_selector #screensavers_outer ul,
#languages_selector #lang_outer ul {
	width: 590px;
	height: 264px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#screensavers_selector #screensavers_outer ul {
	height: 140px;
}

#screensavers_selector #screensavers_outer ul li {
	float: none;
	display: inline;
	margin: 0;
	border: none;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

#screensavers_selector #screensavers_outer ul li#pc {
	padding-left: 72px;
	padding-right: 20px;
	border-right : 1px solid #333;
}

#screensavers_selector #screensavers_outer ul li#mac {
	padding-left: 20px;
}

#languages_selector #lang_outer ul li {
	float: none;
	display: block;
	margin: 0px 72px 0 0;
	border: none;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
}

#screensavers_selector :link,
#screensavers_selector :visited,
#languages_selector :link,
#languages_selector :visited {
	color: #333;
	text-decoration: none;
}

#screensavers_selector :link:hover,
#screensavers_selector :visited:hover,
#screensavers_selector :link:active,
#screensavers_selector :visited:active,
#languages_selector :link:hover,
#languages_selector :visited:hover,
#languages_selector :link:active,
#languages_selector :visited:active,
#languages_selector .selected {
	color: #447f05;
	text-decoration: none;
}

/* =============== */
/* = Help Bubble = */
/* =============== */

#help_bubble {
	width: 480px;
	margin: 0 auto 18px auto;
}

#help_bubble p {
	color: #000;
	background-color: #ececec; 
    outline: 1px solid #ececec;
	margin: 0;
    border: 2px solid #fff;
	padding: 12px 18px;
    
/*	width: 460px;
	height: 62px;
	margin: -20px 20px -10px 440px;
	padding: 20px;
	color: #fff;
	background: #000 url('images/help_bubble_bg.png') no-repeat scroll center center;*/
}

/* 
 * -------------------------------------------------------------------
 * Utils and Misc
 * -------------------------------------------------------------------
 */

/* Image replacement */

.imgrep {
	text-indent: -9999px;
	/* font-size: 0; */
}

/* Two ways of clearing floats */

.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}