body { margin: 0px; font-family: Arial; background-image: url('../images/design/background.gif'); }
a { font-size: 12px; text-decoration: none; }
a:hover { text-decoration: underline; font-size: 12px; }

a.path { color: #fff; font-size: 12px; font-weight: bold;  }
a.path:visited { color: #fff; font-size: 12px; }
a.pathSmall { color: #fff; font-size: 10px; font-weight: bold;  }
a.pathSmall:hover { color: #fff; font-size: 10px; font-weight: bold; }

table.login { 
	width: 171px; height: 100px; 
	color: #2C55B4; font-size: 12px; 
	background-color: #fff; 
	background-image: url(../images/design/login_bg.gif); 
	background-repeat:no-repeat; 
	background-position: top left;
		padding:2px;
}

div.hint {
width: 10px;
height: 10px;
display: inline;
background-color : transparent;
background-image: url(images/hint.gif);
background-position: 1px 1px;
background-repeat: no-repeat;
padding: 15px;
color: transparent;
overflow:hidden;
cursor: pointer;
margin: 3px;
}
div.hintbox {
border: 1px solid black;
padding: 2px;
background-color: white;
color: black;
left: -100px;
top: -100px;
position:absolute;
}


table.login tr.header td.left { height: 4px; font-size: 3px; text-align: left; vertical-align: top; }
table.login tr.header td.right { height: 4px; font-size: 3px; text-align: right; vertical-align: top; }
table.login tr.footer td.left { height: 4px; font-size: 3px; text-align: left; vertical-align: bottom; }
table.login tr.footer td.right { height: 4px; font-size: 3px; text-align: right; vertical-align: bottom; }
table.login tr.caption td { font-size: 12px; font-weight: bold; height: 22px; }
table.login tr.first td { padding-top: 5px; padding-left: 2px; }
table.login tr.second td { padding-bottom: 5px; padding-left: 2px; }
table.login td.name { font-size: 12px; font-weight: bold; padding-right: 2px;}
table.login a { color: #2C55B4; white-space: nowrap; font-size: 12px; font-weight: bold; }
table.login a:hover { color: #2C55B4; white-space: nowrap; font-size: 12px; font-weight: bold; text-decoration: underline; }
table.login a.small { color: #2C55B4; white-space: nowrap; font-size: 10px; font-weight: normal; text-decoration: none; }
table.login a.small:hover { color: #2C55B4; white-space: nowrap; font-size: 10px; font-weight: normal; text-decoration: underline; }
table.login input.text { width: 100px; height: 20px; border: 1px solid #ccc; }

table.search { width: 175px; height: 79px; color: #2C55B4; font-size: 10px; background-image: url(../images/design/searchbg.jpg); background-repeat:no-repeat; background-position: top left; }
table.search tr.header td.left { height: 4px; font-size: 3px; text-align: left; vertical-align: top; }
table.search tr.header td.right { height: 4px; font-size: 3px; text-align: right; vertical-align: top; }
table.search tr.footer td.left { height: 4px; font-size: 3px; text-align: left; vertical-align: bottom; }
table.search tr.footer td.right { height: 4px; font-size: 3px; text-align: right; vertical-align: bottom; }
table.search tr.caption td { font-size: 12px; font-weight: bold; height: 22px; }
table.search tr.first td { padding-top: 5px; padding-left: 2px; padding-bottom: 5px; }
table.search td.name { font-size: 11px; font-weight: bold; }
table.search a { color: #2C55B4; white-space: nowrap; font-size: 11px; font-weight: bold; }
table.search a:hover { color: #2C55B4; white-space: nowrap; font-size: 11px; font-weight: bold; text-decoration: underline; }
table.search a.small { color: #2C55B4; white-space: nowrap; font-size: 10px; font-weight: normal; text-decoration: none; }
table.search a.small:hover { color: #2C55B4; white-space: nowrap; font-size: 10px; font-weight: normal; text-decoration: underline; }
table.search input.text { width: 155px; height: 20px; border: 1px solid #ccc; }

table.refer { width: 209px; height: 30px; font-size: 10px; }
table.refer td a { font-size: 9px; color: #c2d7f0; white-space: nowrap; font-size: 10px; }

table.menu { width: 171px; background-color: #E3E8F5; }
table.menu tr.item td { padding-left: 5px; height: 23px; }
table.menu tr.header td.left { height: 4px; font-size: 3px; text-align: left; vertical-align: top; }
table.menu tr.header td.right { height: 4px; font-size: 3px; text-align: right; vertical-align: top; }
table.menu tr.footer td.left { height: 3px; font-size: 1px; text-align: left; vertical-align: bottom; padding:0px;margin:0px;}
table.menu tr.footer td.right { height: 3px; font-size: 1px; text-align: right; vertical-align: bottom; padding:0px; margin:0px;}
table.menu a { font-family: Arial; color: #2C55B4; font-weight: bold; font-size: 12px; text-decoration: none; }
table.menu a:hover { font-family: Arial; color: #2C55B4; font-weight: bold; font-size: 12px; text-decoration: underline; }

table.categories { font-size: 10px; }

table.newsletter { width: 171px; font-size: 12px; background-image: url(../images/design/newsletterbg.jpg); background-repeat: no-repeat; background-position: top left;}
table.newsletter td.title { padding-left: 5px; padding-top: 3px; padding-bottom: 3px; text-align: left; font-size: 12px; font-weight: bold; color: #2C55B4; font-family: Arial; }
table.newsletter a { color: #2C55B4; font-size: 11px; font-weight: bold; }
table.newsletter a:hover { color: #2C55B4; font-size: 11px; font-weight: bold; }

table.blogIndex { width: 584px; font-size: 12px; border-collapse: collapse; background-image: url(../images/design/forum_bottom.jpg); background-repeat: no-repeat; background-position: bottom center;}
table.blogIndex td.title { height: 27px; padding-left: 10px; padding-bottom: 0px; text-align: left; font-size: 12px; font-weight: bold; color: #2c55b4; background-image: url('../images/design/forum_top.jpg'); background-repeat: no-repeat; background-position: top center;}
table.blogIndex tr.blogOdd td { background-color: #f6f8fd; height: 24px; }
table.blogIndex tr.blogEven td { background-color: #ecf0f8; height: 24px; }
table.blogIndex td.name { padding-left: 10px; }
table.blogIndex td.date { text-align: right; padding-right: 10px; }
table.blogIndex a { color: #2c55b4; font-weight: bold; }

table.blog { width: 100%; font-size: 12px; }
table.blog table { width: 100%; font-size: 12px; }
table.blogOdd { background-color: #eff7e0; }
table.blogEven tr.data td { height: 26px; padding: 5px; }
table.blogEven tr.data td.player a { color: #2c55b4; font-weight: bold; font-size: 12px; }
table.blogEven tr.data td.date { width: 75px; font-size: 11px; }
table.blogEven tr.data td.count { width: 30px; text-align: center; font-size: 11px; }
table.blogOdd tr.data td { height: 26px; padding: 5px; }
table.blogOdd tr.data td.player a { color: #2c55b4; font-weight: bold; font-size: 12px; }
table.blogOdd tr.data td.date { width: 75px; font-size: 11px; }
table.blogOdd tr.data td.count { width: 30px; text-align: center; font-size: 11px; }

table.lists { width: 100%; font-size: 10px; }
table.lists a { font-weight: bold; color: #2c55b4; }
table.lists td.title { font-size: 14px; font-weight: bold; color: #2c55b4; height: 25px; }
table.list { width: 100%; font-size: 10px; border-collapse: collapse; }
table.list tr.odd td.listitem { background-color: #fffff; border-top: 1px solid #8ca7d4; border-bottom: 1px solid #8ca7d4; padding-top: 8px; padding-bottom: 8px; }
table.list tr.even td.listitem { background-color: #ffffff; border-top: 1px solid #8ca7d4; border-bottom: 1px solid #8ca7d4; padding-top: 8px; padding-bottom: 8px; }
table.list table { width: 100%; font-size: 10px; }

table.listcontrol td { white-space: nowrap; padding: 2px; font-size: 10px; padding-top: 10px; }

table.article { width: 100%; color: #000000; font-size: 12px; }
table.article tr.title {background-image: url(../images/design/bullet_big.gif); background-repeat: no-repeat; background-position: left center;}
table.article tr.title td.text { padding-left: 25px; font-size: 14px; color: #2C55B4; font-weight: bold; border-bottom: 1px dotted #2C55B4; height: 22px; }
table.article tr.title td a { font-size: 14px; color: #2C55B4; font-weight: bold; text-decoration: none; }
table.article tr.title td a:hover { font-size: 14px; color: #2C55B4; font-weight: bold; text-decoration: underline; }
table.article tr.info td { padding-bottom: 5px; font-size: 12px; font-weight: normal; }
table.article tr.next td a { font-size: 10px; color: #2C55B4; font-weight: bold; font-family: Verdana; text-decoration: none; }
table.article tr.next td a:hover { font-size: 10px; color: #2C55B4; font-weight: bold; font-family: Verdana; text-decoration: underline; }
table.article tr.preview td { text-align: left; font-weight: normal; }
table.article tr.content td.content { padding-top: 10px; }
table.article tr.poll td { text-align: center; width: 100%; }
table.article tr td.controls { background-image: url('../images/design/block_header.gif'); background-repeat: repeat-x; border: 1px solid #2C55B4; }
table.article tr td.controls a { color: black; font-size: 11px; }

table.articleQuick { width: 105px; font-size: 12px; }
table.articleQuick td.image { width: 75px; padding-left: 5px; padding-right: 5px; vertical-align: middle; text-align: center; }
table.articleQuick td.title a { font-size: 13px; font-weight: bold; color: #2c55b4; }
table.articleQuick td div.desc { width: 100%; height: 45px; overflow: hidden; text-align: left; font-size: 12px; color: #000000; }
table.articleQuick td.info { font-size: 12px; color: #000000; vertical-align: top; }
table.articleQuick td.next a { font-size: 12px; font-weight: bold; color: #2c55b4; }

table.historical { width: 100%; font-size: 10px; }
table.historical tr.header td { font-size: 14px; color: #2c55b4; font-weight: bold; border-bottom: 1px solid #8ca7d4; height: 22px; }
table.historical tr.subheader td { font-size: 12px; color: #2c55b4; font-style: italic; }
table.historical tr.summary table tr.prob td { border-bottom: 1px solid #8ca7d4; color: #2c55b4; }
table.historical tr.action td { padding-bottom: 15px; text-align: left; }

table.historicalQuick { width: 105px; font-size: 10px; }
table.historicalQuick td.image { width: 75px; padding-left: 5px; padding-right: 5px; vertical-align: middle; text-align: center; }
table.historicalQuick td.title a { font-size: 13px; font-weight: bold; color: #2c55b4; }
table.historicalQuick td div.desc { width: 100%; height: 50px; overflow: hidden; text-align: left; font-size: 9px; color: #000000; }
table.historicalQuick td.info { font-size: 9px; color: #000000; vertical-align: top; }
table.historicalQuick td.next a { font-size: 12px; font-weight: bold; color: #2c55b4; }

.gof { padding-top: 1px; width: 580px; overflow:hidden; font-size: 10px; background-image: url(../images/design/gofbg.jpg); background-repeat: no-repeat; background-position: left top;}
table.gof { border-collapse:collapse; padding-top: 1px; overflow:hidden; font-size: 10px; background-image: url(../images/design/gofbg.jpg); background-repeat: no-repeat; background-position: left top;}
table.gof td.header { height: 30px; padding-left: 20px; font-size: 14px; font-weight: bold; vertical-align: middle; color: #2c55b4; }
table.gof td a { font-size: 12px; font-weight: bold; color: #2c55b4; }
table.gof td a:hover { font-size: 12px; font-weight: bold; color: #2c55b4; }

table.gofResponse { width: 100%; font-size: 10px; }
table.gofResponse td.response { text-align: center; }

div.searchResultsWaiting { width: 100%; height: 450px; text-align: center; vertical-align: middle; font-size: 16px; font-weight: bold; }
div.searchResults { width: 100%; font-size: 10px; }
div.searchResults table { width: 100%; font-size: 10px; }

table.entryPreview { width: 100%; font-size: 12px; }
table.entryPreview tr.title { height: 30px; font-size: 12px; }
table.entryPreview tr.title td.title { padding-left: 5px; font-size: 12px; font-weight: bold; }
table.entryPreview tr.title td.title a { font-size: 12px; font-weight: bold; color: #2c55b4; }
table.entryPreview td.date { font-size: 12px; text-align: right; color: #8CA7D4; font-size: 9px; vertical-align: top; }
table.entryPreview tr.content td { padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; font-size: 12px; }
table.entryPreview tr.keywords td { padding-left: 5px; padding-bottom: 5px; font-size: 12px; border-bottom: 1px solid #8CA7D4; }
table.entryPreview tr.keywords td a { font-size: 12px; color: #8CA7D4; }

table.entry { width: 100%; font-size: 10px; }
table.entry tr.title { height: 26px; font-size: 14px; }
table.entry tr.title td.title { font-size: 14px; font-weight: bold; color: #2c55b4; border-bottom: 1xp solid #8CA7D4; }
table.entry tr.title td.date { font-size: 13px; text-align: right; color: #8CA7D4; border-bottom: 1xp solid #8CA7D4; padding-right: 5px; }
table.entry tr.introduction td { font-size: 13px; padding: 5px; }
table.entry tr.content td { padding-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
table.entry tr.edit td { padding-bottom: 15px; width: 100%; text-align: right; }
table.entry tr.comments td { width: 100%; border-bottom: 1px solid #8CA7D4; color: #2c55b4; font-size: 12px; font-weight: bold; }
table.entry tr.noComment td { width: 100%; padding-top: 5px; padding-bottom: 20px; text-align: center; }
table.entry tr.comment table { width: 100%; border-bottom: #cccccc 1px solid; }
table.entry tr.comment table.Odd { width: 100%; background-color: #e0ebf2; }
table.entry tr.comment table td.nick { color: #8CA7D4; font-size: 12px; font-weight: bold; }
table.entry tr.comment table td.date { text-align: right; font-size: 12px; }
table.entry tr.comment table td.content { color: black; font-size: 12px; }
table.entry tr.comment table tr.edit td { padding-bottom: 5px; width: 100%; text-align: right; }

div.commentHead { font-size: 15px; font-weight: bold; color: #2c55b4; border-bottom: 1px solid #8CA7D4; }
table.blogCommentForm { width: 100%; font-size: 10px; }
table.blogCommentForm td.button { witdth: 100%; text-align: center; }

table.room { width: 100%; font-size: 12px; }
table.room tr.header td.title { width: 50%; font-size: 16px; color: #14570a; font-weight: bold; border-bottom: 1px solid #8ca7d4; }
table.room tr.header td.score { width: 50%; vertical-align: middle; font-size: 14px; text-align: right; border-bottom: 1px solid #8ca7d4; }
table.room tr.desc td.text { vertical-align: top;  padding-top: 5px; padding-bottom: 10px; }
table.room td.attr { width: 100%; vertical-align: top; text-align: left; }
table.room td.attr table { width: 100%; font-size: 12px; }
table.room td.attr table b { font-size: 12px; padding-left: 5px; }
table.room td.attr table td { height: 18px; border-bottom: 1px solid #cccccc; }
table.room td.options table { width: 100%; font-size: 9px; }
table.room td.options table b { font-size: 12px; padding-left: 5px; line-height: 28px; }
table.room td.buttons { padding-top: 30px; padding-bottom: 20px; }
table.room td.buttons table { width: 100%; }
table.room tr.images td { vertical-align: top; text-align: center; }
table.room tr.contents td { vertical-align: top; }

table.comparison { font-size: 12px; }

table.proPlayer { width: 100%; font-size: 12px; }
table.proPlayer td.title { font-size: 14px; color: #2c55b4; font-weight: bold; border-bottom: 1px solid #8ca7d4; height: 22px; }
table.proPlayer td.image { padding-left: 5px; padding-right: 10px; veritcal-align: top; text-align: center; }
table.proPlayer td.name { width: 100%; font-size: 14px; font-weight: bold; vertical-align: top; color: black; padding-bottom: 0px; }
table.proPlayer td.attr { vertical-align: top; font-size: 12px; height: 110px; }
table.proPlayer td.attr b { font-size: 12px; }
table.proPlayer td.results span { font-size: 12px; font-weight: bold; }
table.proPlayer table { width: 100%; font-size: 11px; border-bottom: 1px solid #cccccc; }
table.proPlayer table th { color: #2c55b4; text-align: left; font-size: 11px; border-bottom: 1px solid #8ca7d4; }
table.proPlayer table tr.odd td { padding: 4px; background-color: #e0ebf2; }
table.proPlayer table tr.even td { padding: 4px; background-color: #ffffff; }
table.proPlayer table.images { width: 100%; border: 1px solid #cccccc; background-image: url('../images/design/images_background.gif'); background-repeat: repeat-x; }

table.download { width: 100%; font-size: 10px; }
table.download td.name { color: black; font-size: 11px; font-weight: bold; }
table.download td.image { width: 110px; padding: 5px; }
table.download td.desc { width: 100%; vertical-align: top; }

table.roomBanners { width: 100%; font-size: 10px; }
table.roomBanners td { padding-bottom: 5px; }

table.roomBanner { width: 173px; text-align: center; height: 120px; border: 1px solid #dedede; background-color: #ffffff; font-size: 13px; font-family: Arial; }
table.roomBanner td.image { vertical-align: top; }
table.roomBanner td.desc { vertical-align: top; color: black; }
table.roomBanner td.link { vertical-align: bottom; padding-bottom: 3px; }
table.roomBanner td.link a { text-decoration: none; color: black; font-size: 13px; font-family: Arial; }
table.roomBanner td.link a:hover { text-decoration: underline; font-size: 13px; font-family: Arial; }

table.roomBannerOver { width: 173px; text-align: center; height: 120px; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer; font-size: 13px; font-family: Arial; }
table.roomBannerOver td.image { vertical-align: top; }
table.roomBannerOver td.desc { vertical-align: top; color: black; }
table.roomBannerOver td.link { vertical-align: bottom; padding-bottom: 3px; }
table.roomBannerOver td.link a { text-decoration: none; color: black; font-size: 13px; font-family: Arial;  }
table.roomBannerOver td.link a:hover { text-decoration: underline; font-size: 13px; font-family: Arial;  }

table.bannerRect { width: 173px; background-color: white; vertical-align: middle; text-align: center; }
table.bannerFull { width: 468px; height:  60px; background-color: white; vertical-align: middle; text-align: center; }
table.bannerCenter { width: 293px; height:  224px; background-color: white; vertical-align: middle; text-align: center; }
/*div.topBanner { float:right; top: -9px; left: 507px; width: 468px; height: 60px; border: 0px solid yellow; overflow: hidden;}*/
div.topBanner { float:right; margin: 0px 20px 10px 0px; width: 468px; height: 60px; overflow: hidden;}

table.poll { height: 315px; overflow: hidden;width: 287px; font-size: 10px; border-collapse: collapse; background-color: #e3e9f5; background-image: url(../images/design/polltop.jpg); background-repeat: no-repeat; background-position: top center;}
table.poll tr.title td.question { height: 27px; padding-left: 15px; padding-top: 3px; font-size: 12px; font-weight: bold; color: black; /*background-image: url('../images/design/block_header.gif');*/ background-repeat: repeat-x; }
table.poll tr.responses td.response { padding-left: 10px; color: black; padding-top: 5px; font-size: 12px; vertical-align: middle; }
table.poll tr.responses td.video { height: 115px; padding-left: 10px; color: black; padding-top: 15px; font-size: 12px; vertical-align: top; }
table.poll tr.button td { text-align: left; padding-left: 10px; padding-top: 2px; padding-bottom: 5px; font-size: 12px; }
table.poll tr.button td.video{border-bottom: 1px solid #CCD7ED;}
table.poll tr.button td { background-color: #e3e9f5; }
table.poll table { font-size: 12px; color: black; }
table.poll a { font-size: 12px; font-weight: bold; color: #2c55b4; }

div.graph { position: relative; width: 200px; border: 1px solid #B1D632; padding: 2px; vertical-align: middle; }
div.graph strong.bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 14px; line-height: 14px; }
div.graph div.text { position: absolute; top: 2px; left: 2px; height: 14px; overflow: hidden; width: 98%; }

table.tvItemOdd { width: 100%; border-bottom: 1px solid #8ca7d4; font-size: 12px; }
table.tvItemOdd td.name { color: #006600; font-weight: bold; font-size: 12px; width: 75%; }
table.tvItemOdd td.name a { font-size: 12px; color: #006600; font-weight: bold; }
table.tvItemOdd td.station { font-style: normal; padding-bottom: 0px; font-size: 12px; width: 75%; }
table.tvItemOdd td.date { font-weight: normal; text-align: right; width: 50%; padding-bottom: 0px; font-size: 12px; white-space: nowrap; }

table.tvItemEven { width: 100%; border-bottom: 1px solid #8ca7d4; font-size: 12px; }
table.tvItemEven td.name { color: #006600; font-weight: bold; font-size: 12px; }
table.tvItemEven td.name a { font-size: 12px; color: #006600; font-weight: bold; }
table.tvItemEven td.station { font-style: normal; width: 75%; padding-bottom: 0px; font-size: 12px; }
table.tvItemEven td.date { font-weight: normal; text-align: right; width: 50%; padding-bottom: 0px; font-size: 12px; }

table.live { width: 100%; font-size: 12px; }
table.live th { font-size: 12px; color: #2c55b4; font-weight: normal; text-align: left; border-bottom: 1px solid #8ca7d4; }
table.live a { font-size: 12px; color: #2c55b4; font-weight: bold; }
table.live td { border-bottom: #cccccc 1px solid; }
table.live tr.Even td { background-color: #e0ebf2; }
table.live td.image { padding: 5px; }

table.searchResults { width: 100%; font-size: 10px; color: #2c55b4; }
table.searchResults td.cnt { font-size: 12px; }
table.searchResults td.name { font-weight: bold; font-size: 13px; border-bottom: 1px solid #8ca7d4; padding-top: 10px; }
table.searchResults td.itemOdd  { height: 25px; }
table.searchResults td.itemEven { height: 25px; }
table.searchResults a { color: #2c55b4; }

div.imageMap { position: absolute; cursor: pointer; top: 10px; left: 10px; height: 80px; width: 330px; border: 0px solid white; }

div.HTMLText { font-size: 12px; font-family: Arial; }
div.HTMLText a { font-size: 12px; text-decoration: underline; color: #2c55b4; }
div.HTMLText a:hover { text-decoration: underline; font-size: 12px; color: #2c55b4; }

table.history { width: 100%; font-size: 12px; }
table.history caption { font-size: 14px; font-weight: bold; color: #2c55b4; border-bottom: 1px solid #8ca7d4; text-align: left; }
table.history th { font-size: 12px; font-weight: bold; color: #2c55b4; border-bottom: 1px solid #8ca7d4; padding-top: 10px; }

table.form { font-size: 12px; }
table.form td.name { text-align: right; font-weight: bold; font-size: 11px; width: 30%; }
table.form td.control { white-space: nowrap; }
table.form td.desc { width: 100%; font-size: 10px; }
table.form td.button { text-align: center; }
table.form tr.header td { font-size: 11px; font-weight: bold; color: #2c55b4; border-bottom: 1px solid #8ca7d4; padding-top: 10px; }
table.form a { font-weight: bold; color: #2c55b4; }

input.button { background-color: #8c8c8c; border: 1px solid #b5c4d7; }

table.multi_check { font-size: 14px;  width: 100%; }
table.multi_check td { padding-left: 5px; }
