/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc 
	#HTML5 */

/* #Reset & Basics (Inspired by E. Meyers) ================================================== */

	html, body, div, span, applet, object,
	iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
	pre, a, abbr, acronym, address, cite, code, del, dfn, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, var, center, dl, dt, dd, ol, 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 {
		background:#f9f8f8 !important;
		line-height: 1;
		font: 14px/21px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #333;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}
		
	ol, ul {
		list-style: none; 
	}
		
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}
		
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
		
	th {
		font-size: 14px;
		text-align: left;
		padding-bottom: 20px;
		font-weight: 600;
	}
	
	@font-face {
		font-family: 'Open Sans';
		!important
		font-style: normal;
		font-weight: 400;
		src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}
	
/* #Own ================================================== */

	.socialfooter h2 a:link {
		color: #ADACAC;
	}
	.socialfooter h2 a:visited {
		color: #ADACAC;
	}
	
	.socialfooter h2 a:hover {
		color: #F9F8F8;
		
	}
	.socialfooter h2  a:focus {
		color: #F9F8F8;
		
	}

	.gap-right {
		margin-right: 10px; 
	}

	.nopadding {
	   padding: 0 !important;
	   margin: 0 !important;
	}

	.h1smaller {
		font-size: 30px;
	}
	
	.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
		border: none;
	}

	/* anchor show as link  */
	.black_anchor {
	color: #333;
	
	}
	
	/* lists don't show numbers */
	ol { list-style: decimal inside;
	list-style-position: inside;
	
	}
	
	ol {
		padding: 0px 25px;
	}
	
	ul { list-style: disc inside; }
	
	.oldtablepadding>thead>tr>th, .oldtablepadding>tbody>tr>th, .oldtablepadding>tfoot>tr>th, .oldtablepadding>thead>tr>td, .oldtablepadding>tbody>tr>td, .oldtablepadding>tfoot>tr>td{
    padding: 5px;
	}
	
	
	.oldtablepadding>thead>tr>th, .oldtablepadding>tbody>tr>th, .oldtablepadding>tfoot>tr>th{
    padding: 5px;
	font-size: 14px;
	font-weight: bold;
	}
	
	pre {font-family: Consolas,monospace}
	
	.rulesetlist {
	padding-top: 15px;
	}

	#Calendarheader{
		margin-bottom:33px;
	}

	#headertitle {
		margin-bottom:5px;
		margin-left:0px;
	}
	
	#subtitle {
		margin-left: 5px;
	}

	.navicon {
		height: 20px;
		margin-right: 5px;
		margin-left: -5px;
	}
	
	.naviconsmall {
		height: 13px;
		margin-right: 5px;
		color: #333; 
	}
	
	.naviconsmallhover {
		padding-left: 7px;
		padding-right: 7px;
		margin: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #333;
	}
	
	.naviconsmallhover:hover {
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #333;
		background-color: #e7cc3d;
	}
	
	.navbar {
		position: static;
		min-height:40px !important
	}
	
	.nav {
		margin-top: 20px;
		margin-bottom: 10px;
	
	}
	
	.container {
		margin-top: 20px;
	}
	
	@media (max-width: 1200px) {
		.container {
			width: inherit;
		}
	}
	
	.navbar-nav > li > a {
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	
	.navbar-nav > li{
		margin-right: -2px !important;
		padding: 0px !important;
	}
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #333; /*Sets the text hover color on navbar*/
		background-color: #f9f8f8;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
	 a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #333; /*BACKGROUND color for active*/
		background-color: #f9f8f8;
	}

	.navbar-default {
		border-color: #333;
		background-color: #e7cc3d;
		
	}
	
	.dropdown-menu {
		color: #333;
		font-size: 100%;
		padding: 0px 0;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #e7cc3d;  /*change color of links in drop down here*/
	}
	
	.dropdown-menu > li:last-child a:hover,
	.dropdown-menu > li:last-child a:focus {
		-webkit-border-radius: 0px 0px 3px 3px ;
		-moz-border-radius: 0px 0px 3px 3px ;
		border-radius: 0px 0px 3px 3px ;    
		background-color: 000;
		margin-left: 0px;
		border: none;
		background-color: #e7cc3d;
	}
	
	.dropdown-menu > li > a {
		font-weight: 600;
		color: #333;
	    padding: 12px 20px;
		font-size: 13px; font-weight: 600;
	}
	
	.nav > li > a {
		font-size: 13px; font-weight: 600;
	}

	.nav > li > a:hover,
	.nav > li > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #e7cc3d; /*Change rollover cell color here*/
		border: inherit;
		font-size: 13px; font-weight: 600;
	}

	.navbar-default .navbar-nav > li > a {
		color: #333; /*Change active text color here*/
		font-size: 13px; font-weight: 600;
	}
	
	.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background-color: #e7cc3d; 
		color: #333;
	}
	
	.navbar-default .navbar-nav > .open, .navbar-default .navbar-nav > .open, .navbar-default .navbar-nav > .open {
		background-color: #9B8000;
		color: #333;
	}
	
	.navbar-default .navbar-toggle {
		border-color: #333;
		width: inherit;
		margin-right: 22px; 
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #CEB324;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #333;
	}
	
	.navbar-toggle{
		/* margin-right: 23px; */
	}
	
     .navbar-collapse li a { 
		background: #e7cc3d;
		color: #333 !important;
	 }
	 
	 
     .navbar-collapse li a:hover { 
		background: #f9f8f8 !important;
		color: #333 !important;
	 }
	 
	.caret {
        margin-left: 4px;
		border-top:6px  solid #333;
		border-top: 6px solid #333;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
	}

	img.flag { 
	   outline: 1px solid #333;
	   outline-offset: -1px;
	   margin-bottom:4px;
	}
	
	img.flag_singlepage{ 
	   outline: 1px solid #333;
	   outline-offset: -1px;
	   margin-bottom:12px;
	}
	
	td.flagcell {
		padding: 15px;
	}
	
	div.text_below_image {;
	display: block;
	margin: 5px auto 5px auto;
	}
	
	#error {
		display:block;
		margin:5px;
		color:#4d4948;
		background-color:#fffebe;
		border: 1px solid #cbcbcb;
		font-size:90%;
	}

	#success {
		margin:5px;
		color:#4d4948;
		background-color:#bce9b5;
		border: 1px solid #7ace6c;
		font-size:90%;
	}
	
	.table-striped>tbody>tr:nth-child(odd)>td, 
	.table-striped>tbody>tr:nth-child(odd)>th {
		background-color: #EAE9E9; /* caramel: #e5d8b3 egf-header: #e7cc3d grey: #ece9e9 */
	}
	
	.striped-egfbordercolor > tbody > tr > td, 
	.striped-egfbordercolor > tbody > tr > th {
		border-top-color: #EAE9E9;
	}
	
	.resulttablecaption {
		text-align:left;
		font-size: 17px; line-height: 24px;
		padding-bottom: 8px;
		color: #333;
		font-weight: bold;
	}
	
	.hrstyle {
		margin: 20px 0px 20px 0px;
	}
	
	.egf {
	  background-color: #fde6dd !important;
	}

	.natint{
	  background-color: #f0f3f5 !important;
	}

	.grandslam{
	  background-color: #dff0d8 !important;
	}

	.quali{
	  background-color: #fcf8e3 !important;
	}

	.natint a {  text-decoration: underline;}
	.natint a:visited {  text-decoration: underline;}
	.natint a:hover {  text-decoration: underline;}
	.natint a:active {  text-decoration: underline;}

	.egf a { color: red; font-style: bold; text-decoration: underline;}
	.egf a:visited {  color: red; font-style: bold;text-decoration: underline;}
	.egf a:hover {  color: red; font-style: bold;text-decoration: underline;}
	.egf a:active {  color: red; font-style: bold;text-decoration: underline;}

	.grandslam a { color: green; font-style: bold;text-decoration: underline;}
	.grandslam a:visited {  color: green; font-style: boldtext-decoration: underline; }
	.grandslam a:hover {  color: green; font-style: bold;text-decoration: underline;}
	.grandslam a:active {  color: green; font-style: bold;text-decoration: underline; }

	.quali a { color: #DAA520; font-style: bold;text-decoration: underline;}
	.quali a:visited {  color: #DAA520; font-style: boldtext-decoration: underline; }
	.quali a:hover {  color: #DAA520; font-style: bold;text-decoration: underline;}
	.quali a:active {  color: #DAA520; font-style: bold;text-decoration: underline; }

/* #Basic Styles ================================================== */

   ::selection {
	    background:#cc0000;
	    color:#fff;
    }

    ::-moz-selection {
	    background:#cc0000;
	    color:#fff;
    }

    ::-webkit-selection {
	    background:#cc0000;
	    color:#fff;
    }

/* #Typography ================================================== */

	h1, h2, h3, h4, h5, h6 {
		color: #333;
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		font-weight: bold;
		/* font-weight: 600; */
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
	h2 { font-size: 28px; line-height: 34px; margin-bottom: 18px; }
	h3 { font-size: 21px; line-height: 30px; margin-bottom: 14px; }
	h4 { font-size: 17px; line-height: 24px; }
	h5 { font-size: 14px; line-height: 21px;  margin-top: 10px; } 
	h6 { font-size: 14px; line-height: 21px; } 
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	p.small{ font-size: 10px; line-height: 13px; color: #444;  }


	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */

	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777;}
	blockquote { margin: 0 0 30px; padding: 9px 30px 0 19px; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }

/* #Links ================================================== */

	a, a:visited { color: #B33333; text-decoration: none; font-weight: 600;  }
	a:hover, a:focus { color: #333; text-decoration: underline; }
	p a, p a:visited { color: #B33333; text-decoration: none; }
	
	a#logolink:hover img {
	// background: #e7cc3d!important;
	}
	
	.hoverbug:link img {
		vertical-align: bottom;
	}

	.hoverbug:active img {
		vertical-align: bottom;
	}

	.hoverbug:visited img {
		vertical-align: bottom;
	}

	.hoverbug:focus img {
		vertical-align: bottom;
	}

	.hoverbug:hover img {
		vertical-align: bottom;
	}