@charset "UTF-8";
@font-face {
	font-family: "murray_font";
	src: url('../ibaFont/GothamRnd-Light.otf');
}
body{
	font-family: "murray_font";
	text-align:center;
	font-size:13px;
	color:#222;
/*
	background:#d3d3d3;
*/
	background:transparent;
}
div#drawpage{
	margin:0 auto;
	text-align:left;
	width:800px;
}
.logo{
	background-image:url(images/RIDE_small.png);
	background-repeat:no-repeat;
	height:218px;
	width:800px;
}
.heattbl{
	background-image:url(images/draw_table_background.png);
	margin-bottom:30px;
	text-align:left;
/*
	border:1px solid #222;
	background:red;
*/
	color:#fff;
	font-size:13px;
	border-spacing : 0;
border-collapse: collapse;
}
td{
	text-align:center;
	font-size:13px;
	color:#222;
	background:transparent;
/*
	font-family:Arial,Helvetica,sans-serif;
*/
	padding:2px;
	height:35px;
	border:1px solid lightgrey;
/*
	border:1px solid #222;
	background:#fff;
*/
}

th{
	text-align:center;
	background:grey;
	color:lightgrey;
	font-weight:bold;
	border:1px solid lightgrey;
/*
	border:1px solid #222;
	background-color:#222;
*/
}
.heat{
	padding:4px;
	font-size:12px;
	background:transparent;
	color: black;
	border-width:0;
}
.surfer{
	width:320px;
	text-align:left;
	text-indent:5px;
	border-right-width:0;
}
.points{
	text-align:center;
	width:55px;
}
td.points{
	color:black;
	font-size:14px;
}
.varietyScore{
	text-align:center;
	width:55px;
}
td.varietyScore{
	color:#a46ca9;
	font-size:14px;
}
.placing{
	width:15px;
	text-align:center;
}
td.placing{
	color:#a46ca9;
	color:#9a88ac;
	font-size:14px;
}
.waves{
	vertical-align:top;
	text-align:left;
	width:250px;
	border-left-width:0;
	border-right-width:0;
}
.tricks{
	vertical-align:top;
	text-align:left;
	width:400px;
	border-left-width:0;
	border-right-width:0;
}
.tdwaves{
	background:transparent;
}
.needs{
	vertical-align:top;
	text-align:left;
	width:150px;
	border-left-width:0;
}
td.needs{
	color:#9a88ac;
}
.couleur{
	border-width:0;
}
.Red{
	background-image:url(images/Flag_Red.gif);
}
.Yellow{
	border-width:0;
}
.White{
	background-image:url(images/Flag_Yellow.gif);
	background-image:url(images/Flag_White.gif);
}
.Blue{
	background-image:url(images/Flag_Blue.gif);
}
.Bluelight{
	background-image:url(images/Flag_Bluelight.gif);
}
.Pink{
	background-image:url(images/Flag_Pink.gif);
}
.Orange{
	background-image:url(images/Flag_Orange.gif);
}
.Green{
	background-image:url(images/Flag_Green.gif);
}
.Black{
	background-image:url(images/GreyDark.gif);
}

.Redww{
	background-color:#ed1c24;
	color:#ed1c24;
}
.Yellowww{
	background-color:#fff200;
	color:#fff200;
}
.Whiteww{
	background-color:#fff;
	color:#fff;
}
.zzz{
	border:1px dotted #ccc;
}
.Blueww{
	background-color:#0077c0;
	color:#0077c0;
}
.Bluelightww{
	background-color:#84b3c9;
	color:#ff0066;
}
.Pinkww{
	background-color:#ff0066;
	color:#ff0066;
}
.Orangeww{
	background-color:#ff8d00;
	color:#ff8d00;
}
.Greenww{
	background-color:#00ff42;
	color:#00ff42;
}
.Blackww{
	background-color:#333333;
	color:#333333;
}



h2{
	color:#222;
	padding-top:8px;
	text-align:center;
	clear:both;
	margin-bottom:0;
}
h3{
	padding-top:10px;
	padding-left: 10px ; 
	clear:both;
	margin-bottom:0;
}
ul#drawnav{
	height:30px;
	margin-bottom:0;
	margin-top:0px;
	padding-left: 0px ; 
}
ul#drawnav li{
	float:left;
	list-style:none;
	margin-right:10px;
}
ul#drawnav li a{
	color:#222;
	text-decoration:none;
	text-transform:uppercase;
}
ul#drawnav li a:hover{
	border-bottom:1px dotted #333;
}