/* 

Mjölby Hockey Club style

*/



body {

font-family: Verdana, Arial, sans-serif;

font-size:.8em; 

color:#000000; 

margin:5px 0 0 0;

padding:0 0 0 0;

background:#000000;

/* url(images/bg.jpg) repeat-x; */

text-align:left;

}



p {

margin:1px 0 1px 0;

padding:2px 2px 2px 2px;

}



.top {

margin:0 0 0 10px;

padding:0 0 0 0;

width:1000px;

height:9px;

background:#ffffff url(images/page_top.jpg) no-repeat;

}



.page_wrap {

margin:0 0 0 10px;

padding:0 0 0 0;

width:1000px;

background-color:#ffffff;

text-align:center;

/*border-right:1px solid #cc0000;

border-left:1px solid #cc0000;

*/

}



.head_banner {

margin-top: 1px;

margin-bottom: -3px;

margin-left: 10px;

background-color:#FFFFFF;

border-right:1px solid #cc0000;

border-top:1px solid #cc0000;

border-left:1px solid #cc0000;

}



.header {

position:relative;

margin:0 0 0 0 !important;

padding:0 0 0 0;

width:1000px !important;

height:198px;

background:#ffffff url(images/header.jpg) no-repeat;

text-align:left;

}



.header_block {

position:relative;

margin:0 0 0 0;

padding:0 0 0 10px;

width:950px;

/* background:transparent; */

text-align:left;

color:#FFFFFF;

}



.navbar {

position:relative;

margin:0 0 0 0;

padding:0 0 0 0;

width:1000px !important;

width:980px;

height:77px;

background:#ffffff url(images/nav_bg.jpg);

background-repeat:no-repeat;

text-align:left;

color:#000000;

font-size:.9em;

}



.container {

position:relative;

margin:0px 0 0 10px;

padding:0 0 0 0;

width:980px !important;

background:transparent;

text-align:left;

}



.left_column {

position:absolute;

left:0;

width:140px;

margin:0 0 0 0;

padding:0 4px 0 0;

background:transparent;

font-size:.9em;

color:#000000;

text-align:left;

}



.center_column {

position:relative;

width:823px;

margin:0 0 0 151px;

padding:0 0 0 10px;

}



.box_center {

position:relative;

float:left;

width:600px;

margin:0 0 0 -20px !important;

padding:0 15px 2px 20px;

text-align:left;

}



.box_center_wide {

position:relative;

float:left;

width:770px;

margin:0 0 0 0 !important;

padding:0 5px 2px 10px;

text-align:left;

}



.box_stats {

position:relative;

float:right;

width:180px;

margin:2px 0 3px 10px !important;

margin:2px 5px 3px 10px;

padding:2px 5px 2px 10px;

background:#EEEEEE;

border:1px solid #cc0000;

text-align:left;

color:#616161;

font-size:.9em;

}



.box_right {

position:relative;

float:right;

width:185px;

margin:0 0 3px 5px !important;

margin:0 5px 3px 10px;

text-align:left;

font-size:.8em;

}



.box_right_player {

position:absolute;

top:195px;

left:790px;

width:210px;

margin:2px 0 3px 10px !important;

margin:2px 5px 3px 10px;

text-align:left;

color:#616161;

font-size:.8em;

}



.box_left {

position:relative;

float:left;

width:125px;

margin:2px 0 0 0x !important;

padding: 1px 0 0 0;

text-align:left;

color:#616161;

font-size:.9em;

}



.footer {

position:relative;

margin:0 0 0 0;

padding:115px 10px 0 10px;

width:980px;

font-family: Verdana, Arial, sans-serif;

font-size:.8em;

color:#ffffff;

background:transparent;

text-align:left;

}



.bottom {

margin:-105px 0 0 10px;

padding:0 0 0 0;

width:1000px;

height:180px;

background:#ffffff url(images/bottom.jpg) no-repeat;

/*border-right:1px solid #cc0000;

border-left:1px solid #cc0000;

border-bottom:1px solid #cc0000;*/

}



.centerlinks {

padding:0 5px 10px 5px;¨

font-size: 12px;

}



.banner_right {

background:none;

position:absolute;

left:1030px;

top:10px;

width:250px;

height:900px;

padding: 0px;

margin: 0px;

}



.banner_right img {

margin: 0px 0px 0px 0px;

padding: 0px;

}



.menuintro {

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: 13px;

position:relative;

width:580px;

height:28px;

margin:0px 0 -2px -10px;

background:#ffffff url(images/centerbg.jpg) no-repeat;

padding:10px 25px 0 15px;

color:#FFFFFF;

text-align:left;

}



.boxrightintro {

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: 13px;

position:relative;

width:180px;

height: 30px;

/* margin:5px 10px 0 0px; */

margin-left: -9px;

padding:7px 2px 2px 12px;

background:#FFFFFF url(images/rightbg.jpg) no-repeat;

/* padding:5px 3px 5px 5px; */

color:#FFFFFF;

text-align:left;

}



.boxleftintro {

font-family: Verdana, Arial, sans-serif;

font-size:13px;

font-weight: bold;

position:relative;

width:125px;

height: 20px;

/* margin:0 10px 0 0px; */

/* padding:5px 3px 5px 3px; */

margin-left: -7px;

padding:8px 5px 2px 10px;

background:#FFFFFF url(images/leftbg.jpg) no-repeat;

color:#FFFFFF;

text-align:left;

}



.quotebox {

position:relative;

width:570px;

margin:10px 0px 10px 0px;

padding:10px 10px 10px 10px;

/* border: 1px solid #cc0000; */

background:#FFFFFF;

color:#000000;

font-size:1em;

/* font-style:italic; */

}



.quotebox table {

font-size: 10px;

}



.quotebox .odd {

background-color: #e0e0e0;

}



.newsimage_big {

width:500px;

margin-top: 5px;

}



.newsimage {

width:120px;

margin: 15px 10px 0 0;

}



#nav ul{

padding:0 0 0 0;

margin: 0 0 0 0;

white-space: nowrap;

font-size:1.1em;

color:#ffffff;

float:left;

width:100%;

height:25px;

list-style:none;

}



#nav ul li{

display:inline;

list-style:none;

}



#nav ul li a{

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size:11px;

margin: 142px 0px 0 0;

padding: 9px 8px 11px 8px;

color:#ffffff;

text-decoration:none;

float: left;

background:transparent;

text-transform: uppercase;

}



#nav ul li a:hover{

color: #ffffff;

text-decoration:underline;

}



.datetime {

margin: 2px 0 2px 5px;

font-size:x-small;

}



.box_right .datetime {

margin: 2px 0 1px 0;

font-size:x-small;

}



.boxlink {

margin: 0px 0px 4px 0px;

}



.intro {

font-size:0.9em;

font-weight:bold;

line-height:1.4em;

margin: 10px 9px 5px 0px;

}



.intro a {

text-decoration: none;

color:#000000;

}



.intro a:active {

text-decoration: none;

color:#000000;

}



.intro a:hover {

text-decoration: none;

}



h1 {

color:#cc0000;

font-family: Verdana, Arial, sans-serif;

font-size:20px;

text-transform:none;

font-weight:bold;

background:#ffffff;

padding:10px 12px 0 0px;

/* padding:5px 0 0 0; */

margin:0 0 0 0;

}



h1 a {

text-decoration: none;

color:#cc0000;

}



h2 {

color:#cc0000;

font-family: Verdana, Arial, sans-serif;

font-size:18px;

text-transform:none;

font-weight:bold;

background:#ffffff;

padding:0 25px 0 0px;

margin:0 0 0 0;

}



h2 a {

text-decoration: none;

color:#cc0000;

}



h3 {

color:#cc0000;

font-family: Verdana, Arial, sans-serif;

font-size:14px;

text-transform: none;

font-weight:bold;

padding:0 0 0 0;

margin:8px 0 -3px 0;

}



.box_right h3 {

color:#cc0000;

margin:2px 0 -10px 0;

font-size:0.9em;

}



.box_left h3 {

color:#cc0000;

margin:2px 0 -10px 0;

font-size:0.9em;

}



a {

color:#cc0000;

text-decoration:none;

}



a:hover {

color:#660000;

text-decoration:underline;

}



.team {

font-size:1.0em;

text-align:center;

}



.game {

font-size:1.0em;

}



.stats {

font-size:0.8em;

}



.teamnumber {

font-size:1.3em;

text-align:center;

}



.logo {

position: absolute;

left: 35px;

top: 25px;

}



.logo a {

color:#cc0000;

text-decoration:none;

}



.logo a:hover {

background: transparent;

color:#cc0000;

text-decoration:underline;

}



.footer a {

color:#ffffff;

text-decoration:none;

}



.footer a:hover {

background: transparent;

color:#ffffff;

text-decoration:underline;

}



.left {

float:left;

margin:0 0 0 0;

padding:0 0 0 0;

}



.right {

float:right;

margin:0 0 0 0;

padding:0 0 0 0;

}



.righttable {

margin-left:0px;

margin-top:-8px;

margin-bottom:-2px;

}



.righttable_game {

margin-left:-9px;

padding-left:0px;

}



.result {

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size:1.7em;

text-align: center;

vertical-align:top;

}



.ticket {

margin-top: 0px;

margin-bottom: 0px;

}



.pren {

background: url(images/pren.jpg) no-repeat;

width: 84px;

height: 22px;

font-family: Verdana, Arial, sans-serif;

font-size:9px;

margin-top: 3px;

padding: 0 2px 5px 2px;

border: none;

}



.newsimage {

width:120px;

float: right;

margin: 40px 0 0 15px;

padding: 0px 0 0 0;

font-size:xx-small;

text-align: right;

}



.newsimage_big {

width:500px;

margin-top: 5px;
margin-left: 50px;

}



.imagetext_big {

font-size:xx-small;

text-align: right;

width: 500px;

height: 10px;

margin: 1px 0 1px 50px;

}



hr {

color: #000000;

}



/* workarounds and hacks */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */