@charset "UTF-8";
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; text-align: center; color: #000000; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#wrapper { width: 900px; background: #FFFFFF url("images/mainbg.gif") repeat-y top left; margin: 0 auto; text-align: left; } 

#header { background: #1F366A no-repeat 0 30px; padding: 0; height: 230px; position: relative;  } 
#header h1 { margin: 0; padding: 0; color: #ffffff; font-size: 18px; position: absolute; bottom: 5px; left: 10px; }

#wrapper #leftside  { float: left; width: 160px; }
#wrapper #rightside { float: right; width: 160px; padding: 15px; }
#wrapper #leftside h1,
#wrapper #rightside h1 { font-size: 18px; font-weight: bold; color: #FFFFFF; text-align: center; margin: 0; }

#mainContent { margin: 0 190px;}
#mainContent #scoreboard {background-image: url("images/SEALSSCOREBOARD.jpg"); width: 520px; min-height: 324px;}
#mainContent #scoreboard #sealscore{position: absolute; z-index: 10; width: 76px; height: 51px; margin-left: 89px; padding-top: 257px;}
#mainContent #scoreboard #otherscore{position: absolute; z-index: 20; width: 76px; height: 51px; margin-left: 320px; padding-top: 257px;}
#mainContent #scoreboard #sponsor{position: absolute; z-index: 30; width: 100px; height: 100px; margin-left: 320px; padding-top: 57px;}
#mainContent #page { margin: 0 10px; padding: 0 10px; }

#footer { padding: 0 10px 0 20px; background:#c02334; text-align: left; }
#footer p { margin: 0; padding: 10px 0; color: white; font-size: 10px; }

#wrapper #leftside img { display: inline; padding: 15px 0 0 0; }

#wrapper #rightside h2, #wrapper #leftside h2 { font-size: 18px; color: #FF2136; border-top: 1px #FF2136 solid; margin: 6px 0; }
#wrapper #rightside p, #wrapper #leftside p { font-size: 12px; line-height: 16px; color: #FFFFFF; }
#wrapper #rightside a, #wrapper #rightside a:visited { color: #CCD7FF; }
#wrapper #rightside .score_win,
#wrapper #rightside .score_los { font-size: 13px; line-height: 15px; font-weight: bold; padding: 6px 0; margin: 0; }
#wrapper #rightside .score_win { color:#FF2136; }
#wrapper #rightside .score_los { color:#FFFFFF; }
#wrapper #rightside .score_win span,
#wrapper #rightside .score_los span { text-align: right; float: right; }
#wrapper #mainContent h1 { font-size: 24px; line-height: 24px; color: #1D4483; }
#wrapper #mainContent p { font-size: 12px; line-height: 18px; color: #333333; }
#wrapper #mainContent h2 { font-size: 20px; color: #E01E31; }
#wrapper #footer a, #wrapper #footer a:visited { color: #CFE6FF; }

#pollbox	{ color: #FFFFFF; font-size: 10px; }

.previewhead	{ background-color: #CCCCCC; text-align: center; font-size: 14px; padding: 2px 0 2px 0; }
.previewhead a	{ text-decoration: none; }
.previewhead a:hover	{ border: dotted 1px #000; color: #C02334; }

.addophead 		{ background-color: #8D9BE4; font-weight: bold; padding: 2px 0px 2px 0px; font-size: 14px; }
.detailleft		{ font-size: 12px; font-weight: bold; }
.detailright	{ font-size: 12px; }
.dtlbtn a		{ display: block; text-decoration: none; padding: 4px 0px 4px 0px; border: #214089 3px outset; font-size: 12px; font-weight: bold; width: 175px; text-align: center; color: #162783; background-color: #FFAA01; }
.dtlbtn a:hover	{ border: #FFAA01 3px inset; }

#webstore ul		{ color: #FFF; margin-top: 5px; margin-left: 0px; width: 140px; }
#webstore ul li		{ list-style: none; padding-left: 25px; background-image: url("images/web_bullet.jpg"); background-position: center left; background-repeat: no-repeat; }
#webstore ul li	a 	{ color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; padding: 2px 5px 2px 0px; }
#webstore ul li a:hover { background-color: #00215A; }

#viewcomments		{ border: 2px inset #1F366A; overflow: auto; width: 465px; height: 600px; padding: 2px 2px 2px 2px; }
#viewcomments ul	{ list-style-type: none; margin: 0 0 0 -2em;  width: 430px;}
#viewcomments li	{ padding: 4px 0 4px 0; border-bottom: 1px dotted #1F366A; }