/* basic elements */

html { margin:0; padding:0; }
body { margin:0; padding:8px; font: 9pt verdana,arial,sans-serif; background:#F0FDF1 url('images/main_bg.gif') repeat-y; background-position:top left; }
p { margin:0; padding:4px 0; }

h3, h4 { margin:15px 0 5px 0; }

/* link classes */
a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover,a:active { text-decoration: underline; color: #00a; }

/* text classes */
.smalltext { font-size:8pt; }
.text_suit { margin:0 4px 0 0; padding:0; }
.title { font:bold 10pt verdana,arial,sans-serif; }
.odds { font-size:8pt; }

a:link, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration:none; color: #CC6600; }

.red { color:#f44; }
a.red:link, a.red:visited, a.red:active { text-decoration: none; color: #f44; }
a.red:hover { text-decoration:underline; color: #000; }

.blue { color:#44f; }
.green { color:#4f4; }
.gray { color:#444; }

.smalltext { font-size:10px; }
.mediumtext { font-size:12px; }
.bigtext { font-size:14px; }
.bigboldtext { font:bold 14px verdana, arial, sans-serif; }
.normaltext { font:.8em verdana,arial,sans-serif; }

.warning { font:bold 11px tahoma,sans-serif; color:#800; }
.notice { font:bold 12px tahoma,sans-serif; color:#944; border:1px solid #944; padding:7px; }

/* main items */

.cleared { clear:both; margin-bottom:10px; }
.pushright { text-align:right; }
.pushleft { text-align:left; }
.pushdown { vertical-align: bottom; }
.pushup { vertical-align: top; }
.centered { text-align:center; }
.tight { margin:0; padding:0; }
.nomargin { margin:0; }
.nopadding { padding:0; }
.padded { padding:5px; }
.smallbottom { margin-bottom:5px; }
.bigbottom { margin-bottom:15px; }
.hugebottom { margin-bottom:30px; }
.bottompad20 { padding-bottom:20px }
.smalltop { margin-top:5px; }
.largetop { margin-top:10px; }
.bigtop { margin-top:15px; }
.hugetop { margin-top:30px; }
.buttonbar { margin:10px 0 10px 0; padding:0; }
.small_space_right { margin-right:3px; }
.small_space_left { margin-left:3px; }
.left5 { margin-left:5px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.right15 { margin-right:15px; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.leftpad5 { padding-left:5px; }
.leftpad10 { padding-left:10px; }
.leftpad15 { padding-left:15px; }
.rightpad2 { padding-right:2px }
.rightpad5 { padding-right:5px; }
.rightpad10 { padding-right:10px; }
.rightpad15 { padding-right:15px; }
.rightpad30 { padding-right:30px; }
.toppad5 { padding-top:5px; }
.toppad10 { padding-top:10px; }
.pad2 { padding:2px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.margin2 { margin:2px; }
.margin5 { margin:5px; }
.margin10 { margin:10px; }
.boxed { padding:4px; border:1px solid #222; }
.bordered { border:1px solid #666; }

a.underlinedlink:link, a.underlinedlink:visited, a.underlinedlink:active { text-decoration: underline; }
a.underlinedlink:hover { text-decoration:underline; color: #CC6600; }

#mainwrapper { width:100%; margin:0; padding:0; overflow:auto; }

#leftwrapper { position:absolute; top:5px; left:8px; width:770px; }
#rightwrapper { position:absolute; top:5px; left:785px; width:160px; height:600px; margin-left:25px; border:1px solid #622; }

.handranking { width:780px; font:9pt verdana,arial,sans-serif; color:#000; margin-top:25px; }
.titleblock { position:relative; float:left; width:150px; }
.cards { position:relative; float:left; width:250px; }
.description { font-size:8pt; position:relative; float:left; width:375px; }

.footer { padding:12px 0 12px 0; font:bold 9pt verdana,arial,sans-serif; color:#000; }