@charset "UTF-8"; body{ text-align:center; font-size:13px; color:#222; background:#d3d3d3; } 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:#a46ca9; color:black; 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); } .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; } .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; }