@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
	color:#333;
	background:#F2F2F2;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:#225566; text-decoration:none;}
a:hover {color:#9EACBC;}


#wrapper {width:100%; margin:0 auto;width:100%;background:#FFF; border:1px solid #DDD; }
.mid { margin:0 auto; position:relative;width:100%;max-width:960px; padding:0 20px;}
#header {background: rgb(170,170,170);
background: linear-gradient(180deg, rgba(170,170,170,1) 0%, rgba(236,236,236,1) 37%, rgba(204,204,204,1) 100%); height:142px; position:fixed; width:100%; z-index:999;} 
#headerfix {height:116px;}

@media print {
	#header {position:relative;height:146px}
	#headerfix {display:none;}
	#nav {display: none;}
}


#footer { padding:14px 0; font-size:14px; color:#333; text-align:center;}

#logo {position:absolute; top:6px; left:4px;}
#logo img {height:130px; width:auto; }

#fgi  {position:absolute; top:10px; right:1px;height:80px; width:auto;}
.faag {text-align:center;}
.faag img {width:100%; max-width: 600px; height: auto; border: 1px solid #BBB;}

#logo2 {position:absolute; top:12px; right:2px; text-align: right;font-size:11px;color:#888;}
#logo2 img {height:32px; width:auto;margin-top:4px; }
#logo3 {position:absolute; top:80px; right:2px;text-align: right;font-size:11px;color:#888;}
#logo3 img {height:40px; width:auto; margin-top:4px;}


#logo4 {position:absolute; top:9px; left:10px;}
#logo4 img {height:54px; width:auto; }

#mainbanner {position:absolute; top:20px; left:310px; width:344px;border:1px solid #45887B;height: 74px;background: rgba(255,255,255,0.25); }
.rel {position:relative;}
#slogan {position:absolute; top:11px; left:78px; font-size:20px; color:#454545; text-shadow:1px 1px 2px #FFF; font-weight: 300; line-height: 1.2; }

.sptit {text-transform:uppercase; text-align: center; font-size:13px; font-weight: 600; margin-bottom:6px;}
.sptit2 {text-transform:uppercase; text-align: center; font-size:12px; font-weight: 400; margin-bottom:6px;}
.nores {background:#999; text-align: center; padding: 8px 2px; color: #FFF;}



#nav { position:absolute;top:111px;right:0px; width:100%;  font-weight:400; font-size:13px;}
#nav ul{ list-style: none; position: relative; text-align:right;  display:inline-block; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	vertical-align: top;
	padding-left:162px;
}
#nav ul li{ position: relative; display:inline-block; max-width:120px; text-align: center; height: 28px; vertical-align: top; line-height: 1.3;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;  }

#nav ul li.toplev {color:#FFF;font-size:12px; text-transform:uppercase;  margin-left:10px; margin-right:10px;}
#nav ul li a {color:#FFF; display:block; padding:4px 14px 2px 14px;transition: -color 0.5s ease;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#nav ul li:hover a   { color:#CCC; border-radius:4px; transition: color 0.5s ease; }
#nav ul li.active a{background:#FFF; color:#787D91; font-weight:600;}
#nav ul li.active2 a{font-weight:600;}

li.res {Xborder-left: 1px solid rgba(255,255,255,0.6); border-radius:0px;}
a.res {background:url(../images/cal.png) no-repeat right 2px; background-size:20px auto; padding-right:27px !important; display:inline-block; font-size:14px; }

#content {padding:50px 0px; background:url(../images/bgcontent.png) repeat center;min-height:440px; }

.qualytit {text-align:center;background:url(../images/header.jpg) no-repeat center; text-align:center; color:#FFF; font-size:19px; padding:12px 0; margin-bottom:20px;}
.qtcnh {background: #4295f4;}

h1 {font-size:26px; font-weight:normal; margin-bottom:14px;color:#5B5B5E;text-align:center;text-transform:uppercase;}
h1.dash {margin-bottom:8px;}
h2 {font-size:20px; font-weight:normal; margin-bottom:24px;color:#5B5B5E;}
h3 {font-size:18px;color:#5B5B5E;margin-bottom:18px; text-align:center;}
/* events */
.event {padding:2px; border:1px solid #DDD; margin-bottom:28px; padding-bottom:6px;}
.event_round {font-size:18px; font-weight:400; margin-bottom:8px; background:#D2D5DB; text-shadow:1px 1px 1px #FFF; padding:6px;}

.event_course {font-size:14px;padding:6px;}
a.viewres {background:#D2D5DB; padding:2px 8px; font-size:12px; font-weight:bold;}
a.widebutton {background:#EEE; padding:2px 8px; font-size:12px; font-weight:bold; text-align:center; display:block; padding:6px 0;border:1px solid #D2D5DB; margin-top:-10px;}

table {background:#FFF;}
#leaderslides {width: 780px; margin: 0 auto;  }

.cathead {font-size:18px; padding:8px 0; padding-left:32px; color:#FFF; display:block;}
.chm {background:#006633; background-size:cover; text-align:center;}
.chs {background:#660000; background-size:cover; text-align:center;}

.bgtdgr {background: #444;}
.bgtd7 {background:#006633;}
.bgtd8  {background:#660000;}
.bgtdford  {background:#324F75;}

h1.bgtd7,h1.bgtd8 {color:#FFF; padding: 6px 0; font-size: 18px;}

.playerpad {padding-left:4px;}
.ford {background:url(../images/ford.png) no-repeat 98% center; padding-top:5px; padding-bottom:5px; padding-right:28px;  background-size:auto 14px;}

.gctable {width:100% !important;}


/* start leaderboard */
#leaderboard {color: #225566;font-family: Tahoma;text-align: center;}
img {border: 0}
.nobd {border: 0;}

/* Specific Styles */
.headgender {background:#069; color:#FFF; font-size:20px;}
.headgenderm {background:#00CCFF; color:#FFF; font-size:18px;}
.headgenderf {background:#FF66CC; color:#FFF; font-size:18px;}

.sort td, .sort th {	font-weight:bold;	height: 22px;	background: #454545; border-bottom: 1px solid #777777;	text-align: left; color:#FFF; }
.leftheader {	font-size: 11px;	font-weight:bold;	background-color: #F0F0F0;}

tr.countryrow td {font-weight:bold;}
tr.quali td {background:#B7F9D1;}

.big {font-size: 12px; color:#F2F2F2}

.gctable td {border-bottom:1px dotted #999;border-right:1px dotted #999; text-align:center; font-weight:normal; font-size:14px;}

/* end leaderboard */

/*player */
#playerwrap {
	color: #225566;
	font-family: Tahoma;
	text-align: center; 
	width:880px;
	margin: 0 auto;
}

#playerwrap td {padding:1px; line-height:20px;}

.gctable td {border-bottom:1px dotted #666;border-right:1px dotted #666; text-align:center; font-weight:normal;}

.gctable td.light  {color:#AAA;}
.gctable td.hi  {color:#000;}

#playerwrap .gctable {}

.score0 {background:#F93;}
.score1 {background:#FC6;}
.score2 {}
.score3 {background:#0CF;}
.score4 {background:#06F; color:#33;}
.score5 {background:#039; color:#333;}

.bx {border:1px solid #999; width:10px; line-height:10px; display:inline-block; margin-left:10px;}
.cgn {font-size: 13px !important; letter-spacing: -0.08em;}
.scref {font-size:11px;}
/* end player */

/*dash */

.col_wrap {vertical-align:top}
.col_left {vertical-align:top; width:47%; float:left;  min-height:200px; }
.col_right {vertical-align:top; width:47%; float:right; min-height:200px; }
.col_full {vertical-align:top;  margin-bottom:40px;}

.ulnav1 {Xbackground:#444; padding:2px 2px 0px 2px; Xborder:1px solid rgba(255,255,255,0.5); border-bottom:none; }
.ulnav2 {background:#4C0100; padding:2px 2px 0px 2px;Xborder:1px solid rgba(255,255,255,0.5); border-bottom:none;}
.ulnav3 {background:#005125; padding:2px 2px 0px 2px;Xborder:1px solid rgba(255,255,255,0.5); border-bottom:none;}


ul.resl {float:right;}

.gctable  .ctm td {color:#005125;}
.gctable  .cts td  {color:#4C0100}

.gctable.trans {background:none; margin-bottom:0px;}
.gctable .dashtr td {background:none !important;border-right:none; border-left:none; padding-bottom:5px; }
.gctable .catcell {vertical-align:middle;}

.nort {text-align:center; margin-top:60px;}

.dashcat {display:block; vertical-align:top; margin:0 0 0px 0; width:100%;}
.dashcat.inl {display:inline-block; vertical-align:top; margin:0 1% 40px 1%; width:31%;}
.col_wrap .dashcat.inl {display:block; vertical-align:top; margin:0 0 40px 0; width:100%;}
.dashcat .cathead {font-size:15px; padding:8px 0; padding-left:6px;}
.dashcat td {font-size:13px;}

.dashcat2 {
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 40px 1%;
    width: 47%;
}

#sponsors {text-align:center; margin:0 auto; margin-top:30px; width:100%; max-width:880px;}
.sponsor {display:inline-block; }
.sponsor img {height:52px; width:auto;padding: 0px 5px; }

#sponsorstop {text-align:center; margin:0 auto; margin:0px 0 30px 0px; width:100%; max-width:880px;}
.sponsortop {display:inline-block;}
.sponsortop img {height:64px; width:auto;padding: 0px 12px; }

.main_sponsor {text-align:center; margin-bottom:10px;}
.main_sponsor img {width:100%;height:auto; max-width:620px;}
#menuicon {display:none; }
#menuclose {display:none; }

#pddesk {display:block;}
#pdmob {display:none;}

@media screen and (max-width: 640px) {

	
#pddesk {display:none;}
#pdmob {display:block;}	
#pdmob {width:100% !important; max-width: 370px; margin: 0 auto;;}		
#playerwrap {width:95%; margin:0 auto;}
#fgi  {position:absolute; top:10px; right:58px;height:70px; width:auto;}	
#menuicon {position:absolute; top:26px; right:5px; z-index:999;display:block;filter: invert(75%) }
#menuclose {position:absolute; top:26px; right:5px; z-index:999;display:none;filter: invert(75%) }

.col_wrap {vertical-align:top}
.col_left {vertical-align:top; width:100%; margin-right:0%; display:block;  min-height:200px; margin-bottom:40px; float:none;}
.col_right {vertical-align:top; width:100%; display:block; min-height:200px; float:none}

	#content {padding:10px 0px 50px 0px}
#sponsorstop {margin:0px 0 10px 0px;}
.sponsortop {display:inline-block;}
.sponsortop img {height:36px; width:auto;}
.sphid {display: none;}
	
	
#nav {position:fixed; top:0; left:0px; z-index:999999; width:180px; background:#033967; height:100%; min-height:460px; height:100%; display:none;overflow:scroll;opacity:0.95;}


#nav ul{ list-style: none; position: relative; text-align:left; margin:0; margin-top:4px; width:100%; padding-left:0px; }
#nav ul li{ position: relative; display:block;}
#nav ul li a {color:#FFF; display:block; padding:8px 14px 8px 20px;
}
#nav ul li{ max-width:300px;  height: auto; border-radius: none;}	
	
#nav ul li:hover a   {color:#CCC; border-radius:4px; transition: color 0.5s ease; }
#nav ul li.active a{background:none; color:#FFF; font-weight:600;}

a.res {background:url(../images/cal.png) no-repeat 108px 2px; background-size:20px auto; padding-right:27px !important; display:inline-block; font-size:14px; }

.sponsor {Xdisplay:block !important; margin-bottom:20px; width:44% !important}	
#leaderslides {width: 100%; margin: 0 auto;  }
#header { height:94px;}
#headerfix {height:94px;}
#logo {position:absolute; top:10px; left:2px;}
#logo img {height:70px; width:auto;}


#logo2 {position:absolute; top:7px; right:62px; text-align: right;font-size:10px;;Xdisplay:none;}
#logo2 img {height:20px; width:auto;margin-top:4px; }
#logo3 {position:absolute; top:50px; right:62px;text-align: right;font-size:10px; Xdisplay:none;}
#logo3 img {height:24px; width:auto; margin-top:4px;}
#logo4 {position:absolute; top:6px; left:6px;}
#logo4 img {height:40px; width:auto; }

#mainbanner {position:absolute; top:18px; left:78px; width:154px;border:1px solid #45887B;height:54px; }
.rel {position:relative;}
#slogan {position:absolute; top:4px; left:50px; color:#454545; text-shadow:1px 1px 2px #FFF; font-weight: 300; line-height: 0.98;font-size: 11px; }	
	#slogan span {display:block;}	


#ranktable {width:100%;}
.cathead {font-size:15px; padding:6px 0; padding-left:12px;}

.dashcat {display:block; vertical-align:top; margin:0 0 00px 0; width:100%;}
.dashcat.inl {display:block; vertical-align:top; margin:0 0% 40px 1%; width:100%;}
	
}

.stp {color:#3C0;}
.stu {color:#333;}
.sto {color:#C00;}
tr.hide {display:none;}
.showtable {text-align:right; margin-top:10px;}
.showtable a {font-size:11px; text-transform:uppercase; background:#036; color:#FFF; padding:3px 6px;}
.showtable a.modm {background:#005125;}
.showtable a.mods {background:#036;}

.pdmat {text-align:center; font-size:12px; margin-top:-4px; margin-bottom:10px;font-size:13px; color:#666;}

.vfg {margin-bottom:10px; display:block; text-align:center;color:#324F75; }
.vfg:hover {color:#324F75;text-decoration: underline;}
td.ib {background: rgba(200,238,195,0.5);}



@media screen and (max-width: 440px) {
	
#logo2, #logo3 {right:52px;}	
#logo2 img {height:16px; width:auto;margin-top:4px; }
#logo3 img {height:22px; width:auto;margin-top:4px; }

	.sponsortop img {
    height: auto !important;
    width: 100% !important;
    padding: 0px 0px;
}
}




.rnk0 {background: rgba(255,0,0,0.1);}
.rnk1 {background: rgba(0,255,0,0.1);}
