body { font-family: Tahoma; font-size: 11px; background: url(../images/bg.png) center repeat-y #F3F3F3; margin: 0; padding: 0; }

body, input, select, td, th { font-size: 11px; }

#container { width: 980px; margin: 0 auto; padding: 0; } 

input[type='text'] { border: 1px solid #CCC; }

h2 { font-size: 18px; }

/* HEADER */
.head { float: left; width: 100%; border-bottom: 2px solid #3c4c9a; background: url(../images/bg_head.png) bottom repeat-x; }
.head span { float: left; font-weight: bold; padding: 5px 0 5px 10px; }

/* TOP */
#top { float: left; width: 100%; height: 130px; }
#top .logo { float: left; padding: 10px 24px 0 50px; }
#top .logo img { border: 0; }
#top .byline { float: left; }
#top .byline .header { float: left; font-size: 34px; font-weight: bold; color: #fbda00; padding-top: 20px; }
#top .byline .date { float: left; font-size: 14px; font-weight: bold; color: #999999; padding-top: 5px; }
#top .clubs { float: right; padding: 10px 30px 0 0; }
#top .clubs td { text-align: center; padding: 5px 10px 5px 10px; color: #999999;}
#top .clubs img { border: 0; }

/* MENU */

#menu { float: left; width: 100%; height: 30px; background: url(../images/bg_menu.png) top repeat-x; }
#menu ul { list-style: none; padding: 0; margin: 0; padding-left: 10px; }
#menu li { float: left; height: 30px; }
#menu li a { float: left; height: 100%; padding: 0 10px; border-left: 1px solid #CCC; line-height: 28px; text-decoration: none; font-weight: bold; color: #FFF; }
#menu li.last a { border-right: 1px solid #CCC; }
#menu li a.active, #menu li a:hover { color: #CCC; }

/* LEFT */

#left { float: left; width: 0px; padding-top: 10px; overflow: hidden; }
#left .head { margin-left: 10px; }
#left ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0 10px 40px 10px; }
#left li a { float: left; color: #000; font-weight: bold; text-decoration: none; width: 100%; background: url(../images/arrow.gif) left center no-repeat; padding: 5px 0 5px 10px; border-bottom: 1px solid #ededed; }
#left li.active a{ color: #666666; }
#left li a:hover { text-decoration: underline; }
#left .ads { float: left; padding: 10px 0 0 10px; }
#left .ads a { float: left; margin-bottom: 10px; }
#left .ads a img { border: 0; }

/* MAIN */

#main { float: left; width: 650px; }
#main .space { float: left; padding: 0 20px; }

/* RIGHT */

#right { float: left; width: 320px; padding-top: 10px; }

#right table { margin: 5px 0; }

#right .games_now td{ padding: 2px 5px 2px 0; }

#right .coming_games { padding-top: 10px; }
#right .coming_games th { text-align: left; }
#right .coming_games td, #right .coming_games th { padding: 2px 5px 2px 0; }

#right .groups { padding-bottom: 10px; }


/* BOTTOM */

#bottom { float: left; width: 960px; margin: 0 10px; border-top: 1px solid #c2c2c2; margin-top: 30px; }
#bottom .info { float: left; padding: 10px 0 0 10px; color: #999999; }
#bottom .info .logo { padding: 10px 20px 0 0; }
#bottom .powered { float: right; padding: 20px; color: #999999; }
#bottom .powered img { float: left; margin-top: 10px; }

/* LIST */
table.list { width: 100%; }
table.list th, table.list td { padding: 3px 15px 3px 3px; text-align: center; }
table.left th, table.left td { text-align: left;  }
table.list tr.selected td { background: #E5E5E5; }
table.list tr.selected td.bold { font-weight: bold; }
table.list th { border-bottom: 1px solid #CCC;}
table.list tr.split_1 td { border-bottom: 1px solid #e5e5e5; }
table.list tr.split_2 td { border-bottom: 1px dashed #e5e5e5; }
table.list td.a, table.list th.a { text-align: left; }

#games table.list th, #games table.list td { padding: 5px 10px 5px 3px; }
#games table.list td { border-bottom: 1px solid #e5e5e5;}
#games a.active { font-weight: bold; }


/* GAME */
#game h1 { font-size: 30px; }
#game table.info { width: 600px;  line-height: 18px;}

.search td { padding: 0 5px 5px 0; }


/* Slutspel */

#playoff td { padding-right: 10px; }
#playoff td div { clear: left; float: left; line-height: 20px; padding-right: 25px; width: 100px; }

#playoff .pl_8_8_1, #playoff .pl_16_16_1, #playoff .pl_4_4_1 { background: url(../images/playoff/pl_8_8_1.gif) right bottom no-repeat; }
#playoff .pl_8_8_2, #playoff .pl_16_16_2, #playoff .pl_4_4_2 { background: url(../images/playoff/pl_8_8_2.gif) right top no-repeat; }
#playoff .pl_8_4_1, #playoff .pl_16_8_1, #playoff .pl_4_2_1 { background: url(../images/playoff/pl_8_4_1.gif) right bottom no-repeat; }
#playoff .pl_8_4_2, #playoff .pl_16_8_2, #playoff .pl_4_2_2 { background: url(../images/playoff/pl_8_4_2.gif) right top no-repeat; }
#playoff .pl_8_2_1, #playoff .pl_16_4_1 { background: url(../images/playoff/pl_8_2_1.gif) right bottom no-repeat; }
#playoff .pl_8_2_2, #playoff .pl_16_4_2 { background: url(../images/playoff/pl_8_2_2.gif) right top no-repeat; }
#playoff .pl_16_2_1 { background: url(../images/playoff/pl_16_2_1.gif) right bottom no-repeat; }
#playoff .pl_16_2_2 { background: url(../images/playoff/pl_16_2_2.gif) right top no-repeat; }

.playoff td { padding: 2px 0; }