/* BODY */
* { margin: 0; }
html, body { height: 100%; }
body { background: #dcecf9 url(/graphics/background.jpg) repeat-x top; text-align: center;  font-family: arial; font-size: 12px; }

/* GENERAL */
a, img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-family: arial; font-size: 12px;}
p.full-margin { margin: 12px 0 !important; }
h1,h2,h3,h4 { font-family: 'Lucida Grande', Arial; }
h1 { text-transform: uppercase; font-size: 22px; margin-bottom: 20px;}
h1 a { color: #000; }
hr { display: none; }
.odd { background: #ededed; }
.even {}
img.left { float: left; margin: 0 10px 10px 0;}
img.right { float: right; margin: 0 0 10px 10px; }
.addthis_toolbox { margin: 20px 0;}
.clear { clear: both; }
fieldset { border: none; }
legend { display: none; }

/* CONTAINER */
#container { text-align: left; position: relative; min-height: 100%; height: auto !important;  height: 100%; }
#container #top { background: url(/graphics/container_head.png) no-repeat; width: 100%; height: 94px; margin: 0; padding: 0; float: left; }
#container #foot { background: url(/graphics/container_foot.png) no-repeat; width: 100%; height: 78px; margin: 0px; padding: 0; float: left; }
#container #page { background: url(/graphics/container_bkg.png) repeat-y; width: 960px; margin: 0; padding: 0 30px; float: left; }
#container #page #header { height: 226px; width: 960px; margin: -63px 0 0 0; position: relative; }
#container #page #header .corner-left { position: absolute; top:0; left: 0; background: transparent url(/graphics/top-corner-left.png) top left no-repeat; width: 9px; height: 8px; }
#container #page #header .corner-right { position: absolute; top:0; right: 0; background: transparent url(/graphics/top-corner-right.png) top left no-repeat; width: 9px; height: 8px; }

#pagecontent { margin:0 auto; position:relative; width:1280px; }


#logo { position: absolute; z-index: 9; top: 20px; left: 65px; background: url(/graphics/logo.png) no-repeat; width: 130px; height: 148px; }
img#toppic { margin: -60px 0 0 -7px; float: left; }

/* NAVIGATION */
#navigation {  width: 100%; margin: 0 0 20px 0; width: 960px; padding: 0;}
#navigation ul {width: 100%; background: url(/graphics/nav_bkg.gif) repeat-x; height: 31px; margin: 0; padding: 0; z-index: 999999;}
#navigation ul li { display: block; border-right: 1px solid #555555; float: left;z-index: 999999; }
#navigation ul li a { color: #fff; padding: 7px 19px 0px 19px; font-family: arial; font-size: 13px; text-transform: uppercase; text-decoration: none; float: left; letter-spacing:-1px; border-right: 1px solid #000000; height: 24px; }
#navigation ul li a:hover { background-color: #181818; }
#navigation ul ul { border-top: 1px solid #181818; background: none; display: none; width: auto; padding: 0; margin: 31px 0 0; overflow: visible; position: absolute; }
#navigation li.hide ul { display: none; }
#navigation li.show ul { display: block; }
#navigation li.show { position: relative; }
#navigation li.hide ul { display: none; }
#navigation li li.switch ul { left:-185px; }
#navigation li li { clear: both; display: block; background: none; padding: 0; margin: 0; }
#navigation li li a { width: 162px; background: #181818; padding: 7px 10px; margin: 0; border: 1px solid #363636; border-top: 0; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; height: 16px; font-size: 12px; letter-spacing:0px; text-transform: none; height:auto; }
#navigation li li a:hover { text-decoration: underline; }
#navigation li li a span { background: none; padding: 5px 10px; }
#navigation li li a.parent { background: #181818 url(/graphics/bg_navigation_parent.gif) 98% 50% no-repeat; }
#navigation li li a:hover { background-color: #363636; text-decoration: none; }
#navigation li li a:focus { background-color: #363636; }
#navigation ul ul ul { top: -1px; left: 184px; z-index: 300; margin: 0; }
#navigation ul ul ul ul { z-index: 400; }
#navigation .clear { height: 15px; background: #fff url(/graphics/navigation_lower_bg.gif) no-repeat; }
#navigation ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navigation ul li.id7 ul { display: none;}
#navigation ul li.id635 { border-right: none;}
#navigation ul li.id635 a { border-right: none;} 


/* NEXT GAME */
#next-game { position: absolute; bottom: 0; left: 0; width: 960px; height: 32px; background: transparent url(/graphics/top-gradient.png) top left repeat-x;}
	
/* GRASS */
#grass { background: url(/graphics/grass.png) repeat-x bottom; width: 100%; height: 120px; float:left; padding: 0; margin: 0; }

/* FOOTER */
#foot ul { margin: 30px 30px 0 60px;}
#foot ul li { list-style: none; font-size: 10px; display: inline; float; left; border-left: 1px #000 solid; padding-left: 10px; margin-left: 10px; }
#foot ul li.clubname { border-left: none; padding-left: 0; margin-left: 0; }
#foot a { color: #000;}

/* CONTENT */
#content { float: left; width: 960px; }
.halfcolumn-left { width: 522px; float: left; clear: both; margin: 0 20px 0 0;}
.halfcolumn-right { width: 418px; float: right; }
.wide-column { float: left; width: 621px; }
.small-column { float: right; width: 321px; }
.introduction { font-weight: bold; }
.divider { clear: both; background: url(/graphics/divider_bkg.gif) repeat-x; height: 30px; width: 100%; }
.divider span { color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: -1px; float: left; margin-top: 7px; margin-left: 15px;}
#content p { margin: 0 0 12px; }
#content p.introduction { margin: 0; }

/* RELATED STUFF */
ul.related { padding: 0px; margin: 10px 0; float: left; width: 100%; }
ul.related li { list-style-type: none; width: 315px; font-size: 11px; padding: 2px 3px; float: left; font-weight: bold;  }
ul.related a {  width:295px; color: #000; float: left; padding-left: 20px; height: 16px; padding-top: 2px;}
.halfcolumn-right ul.related li { width: 412px; } /* For news */
ul.links a {background: url(/graphics/icons/icon_lnk.gif) no-repeat; }
ul.related li.DOC a, ul.related li.DOCX a { background: url(/graphics/icons/icon_doc.gif) no-repeat; }
ul.related li.XLS a, ul.related li.XLSX a { background: url(/graphics/icons/icon_xls.gif) no-repeat; }
ul.related li.PDF a { background: url(/graphics/icons/icon_pdf.gif) no-repeat; }
ul.related li.PPT a { background: url(/graphics/icons/icon_ppt.gif) no-repeat; }


/* MATCHBOX */
#matchbox { background: url(/graphics/matchbox_bkg.gif) repeat-x; height: 116px; width: 100%; margin: 20px 0 0 0; padding: 0; }
#matchbox .buttons { width: 129px; margin: 10px 0 0 10px; float: left;}
#matchbox .buttons img { margin-bottom: 7px; float: left; }
#matchbox .matchinfo { float: left; display: inline; width: 380px; }
#matchbox table.matchinfo { color: #fff; width: 380px;}
#matchbox table.matchinfo td.teaminfo { text-align: center; }
#matchbox table.teaminfo { margin: 0 auto;}
#matchbox table td.matchinfo { width: 100%; text-align: center; }
#matchbox table.matchinfo span.type { display: block; font-size: 10px; line-height:10px; }
#matchbox table.matchinfo span.date { display: block; font-size: 10px; font-weight: bold; }
#matchbox table .goals { font-size: 30px; padding: 0; width: 100%; text-align: center;  }
#matchbox table td.date {font-size: 12px; text-align: center; width: 380px; padding-top: 5px; }
#matchbox table td.logo { text-align: right; padding-right: 10px; vertical-align: top; }
#matchbox table td.awaylogo { padding-right: 0; padding-left: 10px;}
#matchbox table td.awayteam, #matchbox table td.hometeam {font-size: 14px; text-transform: uppercase; text-align: left; padding-left: 10px; padding-top: 10px;}
#matchbox table td.hometeam {text-align: right; margin-left: 20px; padding-left: 0; padding-right: 10px; }
#matchbox table td.homegoals { text-align: right; padding-right: 10px; }
#matchbox table td.awaygoals { text-align: left; padding-left: 10px; }

#slider ul, #slider li{	margin:0; padding:0; list-style:none; }
#slider, #slider li{ width:382px; height:116px; overflow:hidden; }
#slider ul.latest { margin-left: -764px; }
#slider ul.upcoming { margin-left: -1146px; }
span#prevBtn{}
span#nextBtn{}

/* NEWS ON STARTPAGE */
#news-level-1 { position: relative; }
#news-level-1 img { z-index: 1; }
#news-level-1 .text table { height: 76px; }
#news-level-1 .text h1 { margin-bottom: 0; }
#news-level-1 .gradient { background: url( /graphics/news_gradient.png) no-repeat bottom left; z-index: 2; position: absolute; top: 0; left:0; height: 236px; width: 522px; }
#news-level-1 .text { position: absolute; z-index: 3; top: 0; left:0; height: 101px; width: 502px; padding: 134px 10px 0; }
#news-level-1 h1 a { color: #fff; font-size: 20px; text-decoration: none; }
#news-level-1 p { color: #fff; margin: 0; line-height:130%; }
#news-level-1 p a { color: #fff; text-decoration: none;}
#news-level-1 .read-more { position: absolute; z-index:3; bottom: 4px; right: 10px;height: 20px; width: 200px;text-align: right; }
#news-level-1 .read-more a, #hbk-tv-list .read-more a { color: #DBB44B; text-decoration: none; font-size: 12px; font-weight: bold; }

#news-level-2 { clear: both; float: left; width: 100%;}
#news-level-2 .title { width: 100%; height: 41px; background: url(/graphics/topdivider_bkg.gif) repeat-x; margin: 20px 0 0 0px; padding: 0px 0 0 0px; }
#news-level-2 .title h2 { margin: 7px 0 0 10px; font-size: 14px; text-transform: uppercase; color: #fff; float: left;}
#news-level-2 .items { width: 100%; }
#news-level-2 .items .item { background: url(/graphics/news_bkg.gif) repeat-x; border-top: 1px #cdcdcd solid; height: 58px; padding: 7px 14px 0 14px; float: left; width: 495px; }
#news-level-2 .items .item span { font-size: 11px; display: block;}
#news-level-2 .items .item h3 { font-size: 13px; margin: 0;}
#news-level-2 .items .item h3 a { color: #000000; }
#news-level-2 .items .item p { margin: 0;}
#news-level-2 .items .item p a { color: #000000; }
#news-level-2 .items .item img { float: right; }

#news-level-3 { width: 522px; /* margin-top: 20px; Använd ej. Blir för stor marginal annars? /Daniel */ float: left; }
#news-level-3 .items { width: 261px; float: left; display: inline; }
#news-level-3 .item { float: left; width: 100%; padding: 0; }
#news-level-3 .item a { margin: 5px 0 5px 15px; float: left; font-size: 11px; font-family: arial; color: #000000;}
.item-1, .item-3, .item-5, .item-6, .item-8, .item-10 { background: #ededed; }

/* NEWS */
.news-archive-link { float:right; margin: 10px 0 0; }
.news-archive-link a { color: #000000; font-weight: bold; }

table.news-archive { width: 522px; }
table.news-archive-youth { width: 100%; }
table.news-archive td { padding: 5px 0; margin: 0; }
table.news-archive td.title { padding-left: 3px; }
table.news-archive td.title a { color: #253145; font-weight: bold; }
table.news-archive td.date { width: 95px; vertical-align: top }

/* PAGINATION */
.pagination { float: left; width: 522px; margin-top: 10px; }
.pagination .left { float: left; width: 200px; }
.pagination .right { float: right; width: 200px; text-align: right;  }
.pagination a { color: #000000; font-weight: bold;}

/* HBK TV */
#hbk-tv { height: 254px; float: left; }
#hbk-tv-list { float: left; width:418px; height: 336px; background: url(/graphics/hbk-tv-bg.jpg) repeat-x top left; }
#hbk-tv-list ul { list-style-type: none; margin: 10px 0 0; padding: 0; font-size: 11px; width: 418px;}
#hbk-tv-list ul li { float: left; width: 398px; padding: 7px 10px; border-bottom:1px dotted #333333; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; cursor:pointer; }
#hbk-tv-list ul li .image { float: left; width: 82px; }
#hbk-tv-list ul li .image img { float: left; }
#hbk-tv-list ul li .text { float: right; width: 310px; padding-left: 6px; }
#hbk-tv-list ul li .text .title { color: #DCB63D; font-weight: bold; display: block; }
#hbk-tv-list ul li .text .body { color: #ffffff;  }
#hbk-tv-list ul li.active, #hbk-tv-list ul li:hover { -moz-opacity:.1; filter:alpha(opacity=100); opacity:1; }
#hbk-tv-list .read-more a { font-size: 11px; }
#hbk-tv-list .read-more { float: right; padding-right: 10px; }

.hbk-tv-archive { float: left; width: 612px; border-bottom: 1px dotted #aaaaaa; margin-bottom: 5px; padding-bottom: 5px; }
.hbk-tv-archive .thumbnail { float:left; height: 50px; margin: 0 6px 0 0; padding: 8px 6px 6px 9px; width: 87px; background: url(/graphics/hbk-tv-archive.gif) top left no-repeat;}
.hbk-tv-archive .body { float: right; width: 500px; }
.hbk-tv-archive .body h3 a { color: #000000; }
.hbk-tv-archive .body p.text { margin: 0 !important; }
.hbk-tv-archive .body p.text a { color: #353535; }
.hbk-tv-archive .body p.date, .hbk-tv-article p.date { margin: 0 !important; color: #CD8331; font-weight: bold; font-size: 11px; }
.hbk-tv-article p { font-size: 13px; }

/* GAME */
.small-column #matchbox { margin: 0 0 12px; height: 106px; }
.small-column #matchbox table.matchinfo { color: #ffffff; width: 321px;}
.small-column #matchbox table.matchinfo table.teaminfo { width: 315px;}
.small-column #matchbox table td.logo { padding-right: 2px; width: 70px; text-align: center; } 
.small-column #matchbox table td.awaylogo { padding-left: 2px; } 
.small-column #matchbox table td.awayteam, .small-column #matchbox table td.hometeam {font-size: 11px;}
.small-column #matchbox table td.teams { width: 175px; }

#game-navigation ul.tabs-nav { list-style-type: none; width: 615px; height: 25px; margin: 0 0 20px; padding: 5px 0 0 6px; background: url(/graphics/game-nav-bg.png) top left repeat-x; }
#game-navigation ul.tabs-nav li { display: inline; float: left; margin:0 2px 0 0; padding:0; text-transform:uppercase; }
#game-navigation ul.tabs-nav li a { color:#ffffff; float:left;  font-size: 11px; margin:0 6px 0 0; padding:0 0 3px 8px; text-decoration:none; }
#game-navigation ul.tabs-nav li a span { display:block; float:none; padding:6px 14px 5px 6px; }
#game-navigation ul.tabs-nav li.tabs-selected a, #game-navigation ul.tabs-nav li a:hover { background:#ffffff url(/graphics/game-nav-left.png) no-repeat scroll left top; color:#000000;  }
#game-navigation ul.tabs-nav li.tabs-selected a span, #game-navigation li a:hover span { background:transparent url(/graphics/game-nav-right.png) no-repeat scroll right top; }
#game-navigation ul.tabs-nav li.tabs-disabled a { color: #adadad; cursor: default; }
#game-navigation ul.tabs-nav li.tabs-disabled a:hover, #game-navigation ul.tabs-nav li.tabs-disabled a:hover span { background: none; }

table.games-season { margin: 0; padding: 0; width: 321px;}
table.games-season td { padding: 5px 0; margin: 0; }
table.games-season td.game { padding-left: 3px; width: 140px; }
table.games-season td.game a { color: #253145; font-weight: bold; }
table.games-season td.result { width: 40px; }
table.games-season td.type { width: 60px; }
table.games-season td.date { width: 75px;padding-right: 3px; text-align: right; }
table.games-season td.type, table.games-season td.date { font-size: 11px; }

.tabs-hide { display: none; }
.game-video { margin-bottom: 20px; }
.game-stats { border-bottom: 1px solid #adadad; padding-bottom: 10px; margin-bottom: 10px; }
.game-stats p { margin:0 0 3px !important; font-size: 11px; }
.game-stats p span.title { display: block; font-weight: bold; }

#matchbox .hide { display: none; }
#matchbox .show { display: block; }

#pitch { position: relative; width: 621px; height: 406px; background: url(/graphics/pitch.jpg) top left no-repeat; }
#player_1 A, #player_2 A, #player_3 A, #player_4 A, #player_5 A, #player_6 A, #player_7 A, #player_8 A, #player_9 A, #player_10 A, #player_11 A, #player_12 A, #player_13 A, #player_14 A, #player_15 A, #player_16 A { position: absolute; font-weight: bold; text-decoration: none; z-index: 10; }
#player_1 a { top: 180px; left: 55px; }
#player_2 a { top: 302px; left: 164px; }
#player_3 a { top: 239px; left: 164px; }
#player_4 a { top: 179px; left: 164px; }
#player_5 a { top: 117px; left: 164px; }
#player_6 a { top: 55px; left: 164px; }
#player_7 a { top: 302px; left: 274px; }
#player_8 a { top: 239px; left: 274px; }
#player_9 a { top: 179px; left: 274px; }
#player_10 a { top: 117px; left: 274px; }
#player_11 a { top: 55px; left: 274px; }
#player_12 a { top: 302px; left: 384px; }
#player_13 a { top: 239px; left: 384px; }
#player_14 a { top: 179px; left: 384px; }
#player_15 a { top: 117px; left: 384px; }
#player_16 a { top: 55px; left: 384px; }

/* GAMES */
table.games-all-season { margin: 0; padding: 0; width: 621px;}
table.games-all-season tr.first td { border-bottom: 2px solid black; font-weight: bold; font-size: 13px; }
table.games-all-season td { padding: 5px 0; margin: 0; }
table.games-all-season td.game { padding-left: 3px; width: 140px; }
table.games-all-season td.game a { color: #253145; font-weight: bold; }
table.games-all-season td.result { width: 40px; }
table.games-all-season td.type { width: 60px; }
table.games-all-season td.date { width: 75px;padding-right: 3px; text-align: right; }
table.games-all-season td.type, table.games-all-season td.date { font-size: 11px; }
.upcoming-games div { padding: 5px; }
.upcoming-games div a { color:#253145; }


/* Personmallen */
DIV.player_info { background: #eee; border: 1px solid #000; width: 130px; position: absolute; top: 0px; left: 20px; display: none; z-index: 100; }
DIV.player_info P.player { padding: 2px 0 5px 0; text-align: center; }
.person, .sponsor { float: left; margin: 0 0 10px 13px; display: inline; }
.sponsor { margin-left: 20px; }
.person P A { font-size: 100%; font-weight: normal; text-decoration: underline; }
	
	
/* SPONSORS	 */
#sponsors { float: left; margin: 40px 0 0; width: 943px; }
#sponsors table { width: 943px; }
#sponsors table tr td { text-align: center; }
#sponsors img { -moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; }
#sponsors a:hover img { -moz-opacity:.1; filter:alpha(opacity=100); opacity:1; }

/* ADS */
#ad-column-right { margin:0 auto; position:relative; width:156px; }
#ad-column-right #ad-content { height:auto; left:470px; padding:0; position:absolute; top:10px; width:156px; }
#ad-content .ad-box { margin-bottom: 10px; float: left;} 
#ad-rectangle { margin-top: 20px; float: left; }
.ad-placeholder { float: left;}
.ad-placeholder img { float: left;}

/* SPELARPRESENTATION */
ul#truppen { list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
ul#truppen li { padding: 3px; }

/* Ungdomssidorna */
.youth-teaser p { padding: 5px; }

/* THUMBNAILS */
ul#thumbs, ul#thumbs li{ margin:0; padding:0; list-style:none; }
ul#thumbs li { float: left; margin: 0 15px 15px 0; border: 1px solid #999; padding: 3px; }
ul#thumbs a { display: block; float: left; width: 50px; height: 50px; line-height: 100px; overflow: hidden; position: relative; z-index: 1;}
ul#thumbs a:hover { background: none; }
ul#thumbs a:hover img { -moz-opacity:.1; filter:alpha(opacity=100); opacity:1; }
ul#thumbs a img { float: left; position: absolute; top: -10px; left: -20px;	filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }

/* ADDTHIS */
.addthis_default_style .at300b, .addthis_default_style .at300m { margin: 0 3px !important; }
.addthis_toolbox h4 { font-size:14px; letter-spacing:1px; margin-bottom:10px; }
.addthis_button_facebook { padding-left: 0px !important; }

/* NYHETSBREV */
.nyhetsbrev button { float: left; margin-top: 10px; }
.nyhetsbrev label { font-weight: bold; }