﻿/*------------------------------------------------------------------
	PROPEOPLE
	layout.css
	
	[Table of contents]
	1. Body
	2. Typography
	3. Frame
	4. Navigation
	5. Page elements
	
-------------------------------------------------------------------*/

/* [1. Body
----------------------------------------------- */

body {
	font:normal 13px/normal Helvetica, Arial, sans-serif;
	/* font: weight size/line-height family */
	color:#000;
	text-align:left;
	background:#005594 url('/gfx/ob/images/bg.png') repeat-x;
}


/* [2. Typography
----------------------------------------------- */

/* Headlines */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    line-height: 110%;
    color: #097bc8;
	margin-bottom:.2em;
	font-weight:bold;
}

h1 { font-size: 35px; }
h2 { font-size: 25px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

h1.pageTitle {
	font-size:35px;
	margin:0 0 10px 0;
}

/* Text elements */

p       { margin:0 0 15px 0; font-weight:normal; }

a, div.link      { text-decoration: none; color:#097bc8; }
div.link{cursor:pointer;}
div.link:focus,
div.link:hover { text-decoration:underline; color: #097bc8;  }

a:focus,
a:hover { text-decoration:underline; color: #097bc8;  }

/* Lists */

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
ul,ol       { list-style-position:inside; margin:0 0 10px 0; }

body, p, ul li, ol li {
	line-height:130%;
}

/* [3. Frame]
----------------------------------------------- */

#wrapper {
	width:980px;
	margin:0 auto;
	padding:0 5px;
	background:url('/gfx/ob/images/sitecontainerShadow.png') repeat-y center top;	
}
#sitecontainer {
	background:url('/gfx/ob/images/headerBackground.jpg') no-repeat center top;
	/*padding:0 0 20px 0;*/
	padding:0px;
}
#mainarea {
	margin:0 auto;
	clear:both;
	padding:20px;
}
#content {
	float:left;
	width:620px;
}
#sidebar {
	float:right;
	width:300px;
}

#subcontent ul,ol { list-style-position:outside; margin:0 0 10px 20px; }

#subcontent {
	float:left;
	width:406px;
	/*Bruges til at hvis der ingen artikler i på spilleren, men at der er */
	padding-bottom:10px; 
}
#subsidebar {
	float:right;
	width:193px;
}

/* topheader */

#topheader {
	height:27px;
	background:#000;
}

#topheader ul {
	float: left;
	margin: 0px;
}

#topheader ul ul {
	display: none;
	width: 150px;
	background: #1670b9;
	float: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 100;
}

#topheader ul li {
	display: block;
	float: left;
	position: relative;
	z-index: 100;
}

#topheader ul ul li {
	float: none;
	
}

#topheader ul li:hover ul {
	display: block;
}

#topheader ul li a,
#topheader ul li span
{
	display: block;
	font-size: 10px;
	line-height: 27px;
	color: #fff;
	padding: 0px 10px;
}

#topheader ul li span
{
    cursor: default;
}

#topheader ul ul li a,
#topheader ul ul li span
{
	line-height: normal;
	font-weight: bold;
	color: #adcde7;
	float:left;
	width: 130px;
	padding: 4px 10px 6px 10px;
}

#topheader ul.AspNet-Menu li:hover a, 
#topheader ul.AspNet-Menu li.AspNet-Menu-Hover a,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected:hover a,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected:hover a,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected a,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected a,
#topheader ul li a:hover,
#topheader ul.AspNet-Menu li:hover span, 
#topheader ul.AspNet-Menu li.AspNet-Menu-Hover span,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected:hover span,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected:hover span,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected span,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected span,
#topheader ul li span:hover
{
	background: url(/gfx/ob/images/blue-grad-27.png) repeat-x 0px 0px;
	text-decoration: none;
}

#topheader ul.AspNet-Menu li ul li a:hover,
#topheader ul.AspNet-Menu li ul li span:hover {
	background: transparent;
	color: #ffffff;
}

#topheader ul.AspNet-Menu li ul li a,
#topheader ul.AspNet-Menu li:hover ul li a, 
#topheader ul.AspNet-Menu li.AspNet-Menu-Hover ul li a,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected:hover ul li a,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected:hover ul li a,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected ul li a,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li a,
#topheader ul.AspNet-Menu li ul li span,
#topheader ul.AspNet-Menu li:hover ul li span, 
#topheader ul.AspNet-Menu li.AspNet-Menu-Hover ul li span,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected:hover ul li span,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected:hover ul li span,
#topheader ul.AspNet-Menu li.AspNet-Menu-Selected ul li span,
#topheader ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li span
{    
	background: transparent;
}

#topheader .btnLogin {
	background:url('/gfx/ob/images/btnLogin.png') no-repeat;
	width:62px;
	height:21px;
	text-indent:-9000px;
	float:right;
	margin:3px 0 0 10px;
}
#topheader .btnSponsorLogin {
	background:url('/gfx/ob/images/btnSponsorLogin.png') no-repeat;
	width:102px;
	height:21px;
	text-indent:-9000px;
	float:right;
	margin:3px 0 0 10px;
}
#topheader .search {
	float:right;
	border:none;
	background:url('/gfx/ob/images/inputSearch.png');
	width:90px;
	height:15px;
	padding:2px 5px 0 5px;
	margin:5px 0 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#00345b;
}
#topheader #english_flag {
	float:right;
	border:none;
	width:16px;
	height:11px;
	margin:8px 5px 8px 5px;
}
/* header */
#header {
	display: block;
	position:relative;
}
#header #logo {
	display: block;
	width: 249px;
	height: 67px;
	background: url('/gfx/ob/images/logo.png') no-repeat;
	text-indent: -9000px;
	margin-top: 28px;
	margin-left: 15px;
	margin-bottom: 24px;
	float: left;
}

.sections #header #logo {
	width: 305px;
	height: 82px;
	background: url(/gfx/ob/images/sections-logo.png) no-repeat;
	margin-top: 20px;
	margin-left: 25px;
}

#header #ob125 {
	display: block;
	width: 71px;
	height: 65px;
	background: url('/gfx/ob/ob125.png') no-repeat;
	text-indent: -9000px;
	margin-top: 30px;
	margin-right: 35px;
	float: right;
}

#header #carlsberg {
	display: block;
	width: 142px;
	height: 82px;
	background: url('/gfx/ob/images/carlsberg.png') no-repeat;
	text-indent: -9000px;
	margin-top: 20px;
	margin-right: 25px;
	float: right;
}

#topheader .searchbtn   {
float:right;
margin:5px 0 0;

}

/* footer */

#footer {
	width:980px;
	margin:0 auto;	
}
#footer p {
	line-height:35px;
	background:#003d73;
	border-bottom:1px #00325b solid;
	font-size:11px;
	font-weight:bold;
	color:#68a9e2;
}
#footer p span {
	margin:0 0 0 15px;
}

/* [4. Navigation]
----------------------------------------------- */

#header ul {
	margin:0 0 0 20px;
	list-style-type: none;
	background:url('/gfx/ob/images/topmenuRightCorner.png') no-repeat right top;	
	width:940px;
	position:relative;
	float:left;
}
#header li { 
	float:left;
	display:inline;
	height:35px;
	line-height:35px;
	background:url('/gfx/ob/images/topmenuElementBorder.png') no-repeat right top;
	padding:0 2px 0 0;
}
#header li.first {
	background:url('/gfx/ob/images/topmenuLeftCorner.png') no-repeat left top;
	width:6px;
	padding:0;
}
#header li.alt {
	background:url('/gfx/ob/images/topmenuElementBorderAlt.png') no-repeat right top;
}
#header li.last {
	background:none;
}
#header ul li a {
	float:left;
	display:inline;	
	background:url('/gfx/ob/images/topmenuElementBackground.png') repeat-x;
	padding:0px;
	width: 91px;
	text-align: center; 
	/* text styling */
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#header ul li.alt a {
	background:url('/gfx/ob/images/topmenuElementBackgroundAlt.png') repeat-x;
}

/* current link */

#header ul a.current,
#header ul li a:hover { 
	background:url('/gfx/ob/images/topmenuElementHover.png') repeat-x;
	color:#fff;
	text-decoration:none;
}

/* Second and subsequent levels */

#header ul li ul {
	margin:0;
	padding:0 0 0 17px;
	background:url('/gfx/ob/images/topmenuSubmenu.png') no-repeat top left;	
	width:923px;
    position:absolute;
    top:33px;
	left:0;
	width:940px;
	height:32px;
	/*z-index:-1;*/
	z-index:10;
}

#header ul li ul li {
	height:32px;
	line-height:36px;
	background:none;
	padding:0;
	margin:0 10px;
}
#header ul li ul li a,
#header ul li.alt ul li a {
	background:none;
	padding:0;
	width: auto;
	/* text styling */
	font-size:11px;
	color:#adcde7;
}
#header ul li ul li a.current,
#header ul li ul li a:hover,
#header ul li ul li .selectedMenuLink
 {
	color:#fff;
	background:none;
}
#header ul ul {
	display: none;
}
#header ul li:hover ul,
#header ul ul.selectedMenu {
    display: block;
}

#header ul ul.selectedMenu
{
   z-index:5;

}

/* [5. Page elements]
----------------------------------------------- */


/* styles for all buttons */

a.btn { display: block; float: left; text-align:center; text-decoration: none; }
a.btn span { display: block; float:left; }
a.btn:hover { outline: none; cursor: pointer; text-decoration:none; background-position: bottom right; }
a.btn:hover span { background-position: bottom left; }
a.btn,
a.btn:hover {
	padding-right: 5px; /* width for button-right */
}

/* btnBlue */

a.btnBlue {
	background: transparent url('/gfx/ob/images/btnBlueRight.png') no-repeat scroll top right;
    height: 27px;
	/* font styles */
    color: #fff;
    font-size: 13px;
    font-weight: normal;		
}
a.btnBlue span {
	background: transparent url('/gfx/ob/images/btnBlueContent.png') no-repeat;
    line-height: 27px;
    padding: 0 5px 0 10px;
}
a.btnBlue:hover span { color: #fff; }

/* btnBlue */

a.btnBlueSmall {
	background: transparent url('/gfx/ob/images/btnBlueSmallRight.png') no-repeat scroll top right;
    height: 19px;
	/* font styles */
    color: #fff;
    font-size: 9px;
    font-weight: bold;	
    white-space:nowrap;	
}
a.btnBlueSmall span {
	background: transparent url('/gfx/ob/images/btnBlueSmallContent.png') no-repeat;
    line-height: 19px;
    padding: 0 2px 0 7px;
}
a.btnBlueSmall:hover span { color: #fff; }

/* btnPurple */

a.btnPurple {
	background: transparent url('/gfx/ob/images/btnPurpleRight.png') no-repeat scroll top right;
    height: 27px;
	/* font styles */
    color: #fff;
    font-size: 13px;
    font-weight: bold;		
}
a.btnPurple span {
	background: transparent url('/gfx/ob/images/btnPurpleContent.png') no-repeat;
    line-height: 27px;
    padding: 0 5px 0 10px;
}
a.btnPurple:hover span { color: #fff; }

/* btnPurple */

a.btnPurpleSmall {
	background: transparent url('/gfx/ob/images/btnPurpleSmallRight.png') no-repeat scroll top right;
    height: 19px;
	/* font styles */
    color: #fff;
    font-size: 9px;
    font-weight: bold;	
    white-space:nowrap;	
}
a.btnPurpleSmall span {
	background: transparent url('/gfx/ob/images/btnPurpleSmallContent.png') no-repeat;
    line-height: 19px;
    padding: 0 2px 0 7px;
}
a.btnPurpleSmall:hover span { color: #fff; }

.topstory-articles-container,
.topstoryNav-buttons-container {
	display: none;	
}
.topstory,
.topstoryNav {
	display: none;	
}
.topstory-sliders {
	position: relative;		
}
.topstory-sliders ul.dots {
	position: absolute;
	height: 25px;
	width: auto;
	right: 15px;	
	top: 15px;
	list-style-type: none;
}
.topstory-sliders .dots li {
	float: left;
	background-image:url(/gfx/ob/images/topstory-dot.png);
	width: 12px;
	height: 12px;
	margin-left: 5px;
	cursor: pointer;	
}
.topstory-sliders .dots li.active {
	background-image:url(/gfx/ob/images/topstory-dot-active.png);
}
.topstory {
	width:620px;
	height:410px;
	list-style-type:none;
	margin:0;
}
.topstory li {
	width:590px;
	height:	203px;
	background-position:left top;
	background-repeat:no-repeat;
	padding:208px 0 0 30px;	
}
.topstory h1 {
	margin:0 0 6px 0;
	padding:15px;
	background:url(/gfx/ob/images/opacity.png);
	font-size:41px;
	line-height:42px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
	float:left;
}
.topstory h1 span {
	display:block;
	font-size:13px;
	line-height:17px;
	color:#0881d3;
	margin:10px 0 0 0;
}
.topstory .btn {
	margin:6px 6px 0 0;
}

ul.topstory li h1 a{color:White;}

/* topstoryNav */

.topstoryNav {
	margin:-12px 0 15px 0;
	list-style-type:none;
	z-index:1;
	position:relative;
    height: 90px;
}
.topstoryNav li {
	float:left;
	display:inline;	
}
.topstoryNav li a {
	float:left;
	background:url(/gfx/ob/images/topstoryNavElement.png) no-repeat left top;
	/*width:155px;
	height:91px;*/
	width:125px;
	height:56px;
	/*overflow:hidden; laver en bug i IE i topmodulerne hvis teksten bliver på 4 linier*/
	padding:20px 15px 15px 15px;
}
.topstoryNav li,
.topstoryNav li a {
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	letter-spacing:-1px;
}
.topstoryNav li a span {
	display:block;
	font-size:10px;
	line-height:14px;
	color:#0881d3;	
	font-weight:normal;
}
.topstoryNav li a:hover,
.topstoryNav li.current a {
	background-position:left bottom;
	text-decoration:none;
}




/* topstoryVertical */

#topstoryVertical {
	width:410px;
	height:410px;
	list-style-type:none;
	margin:0;
	float:left;
	position:relative;
}
#topstoryVertical li {
	width:380px;
	height:395px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	width:380px;
}
#topstoryVertical .content {
	background:url('/gfx/ob/images/topstoryVerticalOverlay.png') left top repeat-x;
	padding:10px 15px;
	width:350px;
	position:absolute;
	left:0;
	bottom:0;
}
#topstoryVertical h1 {
	font-size:30px;
	font-weight:bold;
	color:#fff;
}
#topstoryVertical span.date {
	display:block;
	font-size:13px;
	font-weight: bold;
	line-height:17px;
	color:#0881d3;
	margin:5px 0 0 0;
}
#topstoryVertical .btn {
	margin:6px 6px 0 0;
}
/*topstoryNavVertical*/

#topstoryNavVertical {
	list-style-type:none;
	z-index:1;
	position:relative;
	float:left;
	width:210px;
	margin-left: -12px;
}
#topstoryNavVertical li {
	display:block;
	width:232px;
	float:left;
}
#topstoryNavVertical li a {
	display:block;
	background:url('/gfx/ob/images/topstoryVerticalNavElement.png') no-repeat left top;
	width:142px;
	height:69px;
	overflow:hidden;
	padding:10px 50px 0 30px;
}
#topstoryNavVertical li,
#topstoryNavVertical li a {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	letter-spacing:-1px;
}
#topstoryNavVertical li a span {
	display:block;
	font-size:10px;
	line-height:14px;
	color:#0881d3;	
	font-weight:normal;
}
#topstoryNavVertical li a:hover,
#topstoryNavVertical li.current a {
	background-position:left bottom;
	text-decoration:none;
}

/* topstory */

#topstory {
	width:620px;
	height:410px;
	list-style-type:none;
	margin:0;
}
#topstory li {
	/*width:620px;
	height:411px;*/
	width:590px;
	height:	203px;
	background-position:left top;
	background-repeat:no-repeat;
	padding:208px 0 0 30px;	
}
#topstory h1 {
	margin:0 0 6px 0;
	padding:15px;
	background:url('/gfx/ob/images/opacity.png');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/gfx/ob/images/opacity.png');*/
	font-size:41px;
	line-height:42px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
	float:left;
}
#topstory h1 span {
	display:block;
	font-size:13px;
	line-height:17px;
	color:#0881d3;
	margin:10px 0 0 0;
}
#topstory .btn {
	margin:6px 6px 0 0;
}

ul#topstory li h1 a{color:White;}

/* topstoryNav */

#topstoryNav {
	margin:-12px 0 15px 0;
	list-style-type:none;
	z-index:1;
	position:relative;
}
#topstoryNav li {
	float:left;
	display:inline;	
}
#topstoryNav li a {
	float:left;
	background:url('/gfx/ob/images/topstoryNavElement.png') no-repeat left top;
	/*width:155px;
	height:91px;*/
	width:125px;
	height:56px;
	/*overflow:hidden; laver en bug i IE i topmodulerne hvis teksten bliver på 4 linier*/
	padding:20px 15px 15px 15px;
}
#topstoryNav li,
#topstoryNav li a {
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	letter-spacing:-1px;
}
#topstoryNav li a span {
	display:block;
	font-size:10px;
	line-height:14px;
	color:#0881d3;	
	font-weight:normal;
}
#topstoryNav li a:hover,
#topstoryNav li.current a {
	background-position:left bottom;
	text-decoration:none;
}


/* news */

.element {
	margin:20px 0 0 0;
	padding:20px 0 0 0;

	width:100%;
}
#content .element {
	border-top:1px #ececec solid;	
}
#subsidebar .element {
	border:none;
	padding:0;
	margin:0 0 20px 0;	
}
#sidebar .element {
	width:300px;
	padding:0;
	margin:0 0 20px 0;
	border:none;
}

/* iteminfo */

.iteminfo {
	margin: 10px 0;
	font-size:12px;
}
.iteminfo em {
	float:left;
	/*margin:0 5px;*/
	margin:0 5px;
	color:#999;
}
.element .iteminfo {
	/*margin:5px 0;*/
}
.iteminfo, .category, .date, .comments {
	font-size:12px;
}
.element .iteminfo, .element .category, .element .date, .element .comments {
	font-size:10px;
}
.iteminfo .category,
.iteminfo .date {
	color:#999;
	float:left;
	padding-top: 1px;
}
.iteminfo .comments {
	float:left;
	background:url('/gfx/ob/images/comments.png') no-repeat left center;
	padding: 1px 0 0 13px;
	color:#000;
}
.iteminfo .del {
	float:left;
	background:url('/gfx/ob/images/icons/del.png') no-repeat left center;
	padding:0 0 0 13px;
	color:#000;
	font-weight:normal;
}
.iteminfo .facebook {
	float:left;
	background:url('/gfx/ob/images/icons/facebook.png') no-repeat left center;
	padding:0 0 0 15px;
	color:#000;
	font-weight:normal;
}
.iteminfo .video {
	background:url('/gfx/ob/images/icons/video.png') no-repeat;
	width:10px;
	height:10px;
	text-indent:-9000px;
	float:left;	
	margin:4px 0 0 0;
}
.iteminfo .lock {
	background:url('/gfx/ob/images/icons/lock.png') no-repeat;
    /*height:27px;*/
    height:17px;
    margin:-4px 0 0 -10px;
    text-indent:-9000px;
    width:18px;
    float:left;
}
.iteminfo .gallery {
	background:url('/gfx/ob/images/icons/gallery.png') no-repeat;
	width:9px;
	height:9px;
	text-indent:-9000px;
	float:left;
	margin:5px 0 0 0;
}
.nomargin{margin-top:-7px; margin-bottom:15px;}

/* newsCol1Wide */
.newslistsmallarticledescription{color:Black;}
.newsCol1Wide {
	font-size:12px;
	margin-bottom:-15px;
}
.newsCol1Wide p {
	margin:0px;
	/*min-height:58px;*/
}
.newsCol1Wide .iteminfo {
	/*border-top:1px solid #f5f5f5;*/
	/*padding:5px 0 0 0;*/
}
.newsCol1Wide a {
	font-weight:bold;
}
.newsCol1Wide .datespan {
	float:left;
	font-size:11px; /* fotn-size*/
	color:#7c7c7c;
	margin:0 6px 0 0;
}
.newsCol1Wide h2 {
	font-size:14px;
}

.newsCol1Wide img {
	float:left;
	/*margin:4px 10px 10px 0;*/
	margin:4px 5px 10px 0px;
}
.newslink {
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 0;
}
/* newsCol1 */

.newsCol1 {
	font-size:12px;
}
#subsidebar .newsCol1 {
	border-bottom:1px #ececec solid;	
}
#sidebar .newsCol1 {
	border-bottom:1px #ececec solid;
}
.newsCol1 a {
	font-weight:bold;
}
.newsCol1 h2 {
	font-size:35px;
}
#subsidebar .newsCol1 h2 {
	font-size:15px;
}
.newsCol1 img {
	display:block;
	margin:0 0 10px 0;
}

/* newsCol2 */

.newsCol2 {
	font-size:12px;
}
.newsCol2 h2 {
	font-size:25px;
	margin:0;
}
.newsCol2 img {
	display:block;
	margin:0 0 5px 0;
	
}
.newsCol2 .col {
	width:300px;
	float:left;
}
#content .newsCol2 {
	position:relative;
	width:640px;
	margin-left:-20px;
}
#content .newsCol2 .col {
	margin:0 0 0 20px;
}
#sidebar .newsCol2 {
	width:300px;
	margin:0 0 20px 0;	
}
#sidebar .newsCol2 .col {
	border-bottom:1px #ececec solid;
	margin:0 0 20px 0;	
	float:none;
}

/* newsCol3 */

.newsCol3 {
	font-size:12px;
}
.newsCol3 h2 {
	font-size:18px;
}
.newsCol3 .col {
	width:206px;
	float:left;
}
#content .newsCol3 {
	background:url('/gfx/ob/images/newsCol3Background.gif') repeat-y;
}
#content .newsCol3 .col {
	width:196px;
}
#content .newsCol3 .middle {
	padding:0 16px;
}
#sidebar .newsCol3  {
	background:none;
}
#sidebar .newsCol3 .col {
	border-bottom:1px #ececec solid;
	margin:0 0 20px 0;	
}

/* newsCol1LeftImage */

.newsCol1LeftImage {
	font-size:12px;
	/*margin:0 0 20px 0;*/
}
.newsCol1LeftImage h2 {
	font-size:35px;
}
.newsCol1LeftImage img {
	float:left;
	margin:0 20px 0 0;
}
.newsCol1LeftImage .content {
	float:left;
	width:396px;
}
#sidebar .newsCol1LeftImage img {
	display:block;
	margin:0 0 10px 0;
}
#sidebar .newsCol1LeftImage .content {
	width:300px;
	float:none;
}

/* bannerCol2 */

.bannerCol2 {
	font-size:12px;
	width:300px;
}
.bannerCol2 .left 
{
    float: left;
	width: 140px;
	height: 250px;
	/*overflow: hidden;*/
}
.bannerCol2 .right
{
    float: right;
	width: 140px;
	height: 250px;
	/*overflow: hidden;*/
}

.flashlarge
{
	float: left;
	width: 300px;
	height: 250px;
	background-color: Red;
}

/* fanshop */

.fanshop {
	background:url('/gfx/ob/images/fanshopBackground.jpg') no-repeat;
	width:270px;
	height:57px;
	border:3px #ebebeb solid;
	padding:185px 12px 0 12px;
	margin:0 0 5px 0;
}
.fanshop .left {
	float:left;
	width:125px;
}
.fanshop .right {
	float:right;
	width:125px;	
}
.fanshop .left h3 {
	font-size:20px;
	color:#004c7f;
	margin:0 0 5px 0;
}
.fanshop .right h3 {
	font-size:19px;
	color:#1883cb;
}
.fanshop .right h3 span {
	color:#000;
	display:block;
}
.fanshopLink {
	font-weight:bold;
	font-size:12px;
}
/*-------------------------------------------infoAdversary box*/
.infoAdversary{
	/*border-bottom: 1px solid #cecece;*/}
	
.infoAdversary .headline_center {
	margin: 0 0 15px 0;
	font-size: 15px;}
	
.infoAdversary p{
	margin: 0 0 11px 0;
	font-size: 12px;}
	
#subsidebar .fanshopBox,
#subsidebar .topList,
#subsidebar .videoBox{margin: 0px 0 20px 0;}

#subsidebar .videoBox .iteminfo{margin: 8px 0 5px 0;}

#subsidebar .videoBox .iteminfo .date,
#subsidebar .videoBox .iteminfo .category{
	font-size: 11px;
	color: #999;}
	
#subsidebar .videoBox  p{
	font-size: 11px;
	margin: 0;}
	
	
/* fanshopSidebar */

.fanshopSmall {
	background-color:#fff;
	/*background-position:left top;*/
	background-position: center center;
	background-repeat:no-repeat;
	width:187px;
	min-height:154px;
	border:3px #fff solid;
	margin:0 0 5px 0;
	position:relative;
}
#content .fanshopSmall {
	float:left;
	margin:0 20px 0 0;
}
#content .lastitem {
	margin:0 0 0 1px;
}
#subsidebar .fanshopSmall {
	float:none;
	margin:0;
}

.fanshopSmall .content {
	background:url('/gfx/ob/images/fanshopSidebarOverlay.png') left top no-repeat;
	width:167px;
	position:absolute;
	bottom:0;
	padding:10px 10px 5px 10px;
}
.fanshopSmall .content h3 {
	font-size:15px;
	color:#004c7f;
	margin:0;
}
.fanshopSmall .content .pricetitle {
	font-size:12px;
	line-height:20px;
	color:#1883cb;
	font-weight:bold;
	display:block;
}
.fanshopSmall .content .price {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0 10px 0 0;
}
.fanshopSmall .content .moreinfo {
	display:block;
	font-size:10px;
	font-weight:bold;	
	color:#636363;
}

/* footerlist */

#footerlist {
	/*background:url('/gfx/ob/images/footerlistBackground.png') repeat-y right top;*/
	border-top:1px #ececec solid;
	/*margin:0 20px;*/
	margin:10px 20px 0 20px;
	padding: 20px 0 20px 0;
}
#footerlist,
#footerlist p {
	font-size:11px;
	color:#7a7a7a;
}
#footerlist h4,
#footerlist h4 a {
	font-size:11px;
	color:#666;
	margin:0 0 12px 0;
	text-align: center;
	font-weight: normal;
}

#footerlist .col {
	float:left;
	width:98px;
	padding:0 20px 0 0;
	text-align: center;
}
#footerlist .last {
	padding:0;
}
#footerlist img {
	margin:0 0 8px 0;
}

.footerline {
	border-top:1px #ececec solid;
	
	height:1px;
	/*margin:30px 20px 15px 20px;*/
	margin:0px 20px 15px 20px;
}

/* footerlist */

#subfooter {
	background:url('/gfx/ob/images/subfooterBackground.png') repeat-y left top;
	margin:0 20px;
}
#subfooter,
#subfooter p {
	font-size:11px;
	color:#7a7a7a;
}
#subfooter h5 {
	font-size:11px;
	font-weight:bold;
	color:#004b8c;
}
#subfooter .col {
	float:left;
	width:117px;
	padding:0 10px;
}
#subfooter .first {
	padding:0;
	width:126px;	
}
#subfooter .last {
	padding:0 0 0 10px;
	width:116px;
}
#subfooter div p a
{
    padding-top:5px;    
    color:#666666;
    display:block;
}


/* latest */

.latest {
	margin:0 0 20px 0;
	position:relative;
}
.contentTitle {
	height: 31px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	width:210px;
	background: #000 url('/gfx/ob/images/titleBackground.png') repeat-x bottom;
	font-size:11px;
	line-height:31px;
	font-weight:bold;
	color:#fff;
}
#subsidebar .contentTitle {
	width:183px;
}
#content .latest .contentTitle {
	margin-left:20px;
}
#content .latest {
	position:relative;
	width:640px;
	margin-left:-20px;
}

.contentSmall {
	padding: 5px;
	font-size:11px;
}

.contentFull {
	padding: 5px 0px 10px 0px;
}

.latest img {
	float:left;
	margin:0 0 0 20px;
}

.latest div.adv /* custom */
{
	float:left;
	margin:0 0 0 20px;
}

#sidebar .latest img {
	display:block;
	margin:0 0 20px 0;
}



/* match */

.match {}
.match .details {
	background:url('/gfx/ob/images/matchDetailsBackground.jpg') no-repeat;
	width:300px;
	height:192px;
	color:#fff;	
	text-align:center;
	font-weight:bold;
	position:relative;
	z-index:1;
}
.match .details .title {
	margin:0;
	height:32px;
	font-size:14px;
	line-height:32px;
	font-weight:bold;	
	background:url('/gfx/ob/images/matchDetailsTitleBackground.png') left top no-repeat;
}
.match .details .navMatch {
	background:url('/gfx/ob/images/matchDetailsNav.jpg') left top no-repeat;
	height:32px;	
	position:absolute;
	left:0;
	bottom:0px;
	width:300px;
}
.match .details .navMatch a {
	color:#fff;
	font-size:11px;
	font-weight:bold;
    width:80px;
    display:block;
}

.match .details .navMatch span.arrows {
    width:105px;
    display:inline-block;
    line-height:32px;
}

.match .details .navMatch span.buy {
    width:80px;
    display:inline-block;
    height:30px;
    margin-left:2px;
}

.match .details .navMatch span.buy a {
    line-height:16px !important;
    width:71px;
}

.match .details .navMatch span.buy a.btnPurpleSmall {
	background: transparent url('/gfx/ob/images/btnPurpleSmallRight.png') no-repeat scroll top right;
    height: 19px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;	
    white-space:nowrap;	
}

.match .details .navMatch span.buy a.btnPurpleSmall span {
	background: transparent url('/gfx/ob/images/btnPurpleSmallContent.png') no-repeat;
    line-height: 19px;
    height:18px;
    display:inline-block;
}
.match .details .navMatch span.buy a.btnPurpleSmall:hover span { color: #fff; }


.match .details .navMatch .previous {
	background:url('/gfx/ob/images/icons/arrowLeft.png') left 13px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
    text-align:left;
}
.match .details .navMatch .next {
	background:url('/gfx/ob/images/icons/arrowRight.png') right 13px no-repeat;
	padding:0 15px 0 0;
	margin:0 10px 0 0;
    text-align:right;
}
.match .sectionTitle {
	margin:-12px 0 0 0;
	height:24px;
	font-size:14px;
	padding:22px 0 0 0;
	font-weight:bold;	
	text-align:center;
	width:300px;
	color:#fff;
	width:300px;
	background:url('/gfx/ob/images/matchinfoBackgroundSmall.png') left top no-repeat;
	z-index:10;
	position:relative;	
}
.match .details .matchinfo {
	height:117px;
}
.match .details .info {
	width:100px;
	float:left;
	font-size:13px;
	line-height:120%;
	margin: 20px 0 0 0;
}
.match .details .info span {
	display:block;
	margin:5px 0 0 0;
	line-height:130%;
}

.match .details .info span.tvonmatchinfo {
	display:block;
	margin:-10px 0 0 0;
	line-height:130%;
}

.match .details .info span em {
	font-style:normal;
	display:block;
	font-size:12px;
}
.match .details .home {
	float:left;
	width:100px;
	font-size:15px;
	margin:5px 0 0 0;
}
.match .details .home img,
.match .details .guest img {
	margin:0 0 3px 0;
}
.match .details .guest {
	float:left;
	width:100px;
	font-size:15px;
	margin:5px 0 0 0;		
}

/* match nav */

.match .nav {
	width:300px;
	background:url('/gfx/ob/images/matchNavBackground.png') repeat-y center top;
	border-top:1px #7fa5c0 solid;
}
.match .nav ul {
	width:140px;
	float:left;
	list-style-type:none;
	margin:0;
}
.match .nav ul li {
	background:url('/gfx/ob/images/matchNavElementBorder.png') repeat-x left bottom;
	padding:0 0 3px 0;
	display:inline;
	float:left;
	width:100%;
}
.match .nav ul li a {
	display:block;
	padding:0 0 0 10px;	
	height:27px;
	line-height:27px;
	background:url('/gfx/ob/images/matchNavElementBackground.png') repeat-x left top;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.match .nav ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-position:left bottom;
}
.match .nav ul li.ticket {
	padding:0;
	background:none;
}
.match .nav ul li.ticket a {
	background-position:left bottom;
}
.match .nav ul li.ticket a:hover {
	background-position:left top;	
}
.match .nav ul li.ticket a span {
	background:url('/gfx/ob/images/icons/arrow.png') no-repeat right center;
	padding:0 15px 0 0;
}
.match .nav .content {
	/*width:138px;
	height:167px;
	float:right;
	padding:10px 10px 0 10px;
	overflow:hidden;*/
	padding:0;
}
.match .nav .content img {
	border:1px #456c8d solid;
	margin:0 0 10px 0;
	display:block;
	padding-left:1px;
}
.match .nav p {
	font-size:13px;
	color:#fff;
	margin:0 0 7px 0;
}
.match .nav p a {
	font-size:10px;
	line-height:14px;
	color:#ce6afd;
}





/* matchAlt */

.matchAlt {}
.matchAlt .details {
	background:url('/gfx/ob/images/matchDetailsBackgroundAlt.jpg') no-repeat;
	width:300px;
	height:209px;
	color:#fff;	
	text-align:center;
	font-weight:bold;
	position:relative;
}
.matchAlt .details .title {
	margin:0;
	height:57px;
	font-size:23px;
	line-height:57px;
	font-weight:bold;	
}
.matchAlt .details .navMatch {
	background:url('/gfx/ob/images/matchDetailsNav.jpg') left top no-repeat;
	height:32px;	
	line-height:32px;
	margin:20px 0 0 0;
}
.matchAlt .details .navMatch a {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
.matchAlt .details .navMatch .previous {
	float:left;
	background:url('/gfx/ob/images/icons/arrowLeft.png') left 13px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}
.matchAlt .details .navMatch .next {
	float:right;
	background:url('/gfx/ob/images/icons/arrowRight.png') right 13px no-repeat;
	padding:0 15px 0 0;
	margin:0 10px 0 0;
}
.matchAlt .details .matchinfo {
	height:117px;
}
.matchAlt .details .info {
	width:100px;
	float:left;
	font-size:13px;
	line-height:150%;
	margin:35px 0 0 0;
}

.matchAlt .details .home {
	float:left;
	width:100px;
	font-size:15px;
	margin:5px 0 0 0;
}
.matchAlt .details .home img,
.matchAlt .details .guest img {
	margin:0 0 3px 0;
}
.matchAlt .details .guest {
	float:left;
	width:100px;
	font-size:15px;
	margin:5px 0 0 0;		
}

/* match nav */

.matchAlt .nav {
	width:300px;
	background:url('/gfx/ob/images/matchNavBackground.png') repeat-y center top;
	border-top:1px #7fa5c0 solid;
}
.matchAlt .sectionTitle {
	margin:20px 0 0 0;
	height:30px;
	font-size:17px;
	padding:27px 0 0 0;
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:300px;
	background:url('/gfx/ob/images/matchinfoBackground.png ') left top no-repeat;
}
.matchAlt .nav ul {
	width:140px;
	float:left;
	list-style-type:none;
	margin:0;
}
.matchAlt .nav ul li {
	background:url('/gfx/ob/images/matchNavElementBorder.png') repeat-x left bottom;
	padding:0 0 3px 0;
	display:inline;
	float:left;
	width:100%;
}
.matchAlt .nav ul li a {
	display:block;
	padding:0 0 0 10px;	
	height:27px;
	line-height:27px;
	background:url('/gfx/ob/images/matchNavElementBackground.png') repeat-x left top;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.matchAlt .nav ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-position:left bottom;
}
.matchAlt .nav ul li.ticket {
	padding:0;
	background:none;
}
.matchAlt .nav ul li.ticket a {
	background-position:left bottom;
}
.matchAlt .nav ul li.ticket a:hover {
	background-position:left top;	
}
.matchAlt .nav ul li.ticket a span {
	background:url('/gfx/ob/images/icons/arrow.png') no-repeat right center;
	padding:0 15px 0 0;
}
.matchAlt .nav .content {
	width:138px;
	height:167px;
	float:right;
	padding:10px 10px 0 10px;
	overflow:hidden;
}
.matchAlt .nav .content img {
	border:1px #456c8d solid;
	margin:0 0 10px 0;
	display:block;
}
.matchAlt .nav p {
	font-size:13px;
	color:#fff;
	margin:0 0 7px 0;
}
.matchAlt .nav p a {
	font-size:10px;
	line-height:14px;
	color:#ce6afd;
}

/*---------------------------------------------match big */
.matchBig_box{
	margin-bottom: 20px;
	background: #004f89 url('/gfx/ob/images/bkg_address.jpg') repeat-x left top;}
	
.matchBig_box .navMatch {
	height:32px;
	background: url('/gfx/ob/images/matchDetailsNav.jpg') repeat-x left top;
	line-height: 32px;
	clear: both;}
	
.matchBig_box .navMatch .previous {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url('/gfx/ob/images/icons/arrowLeft.png') no-repeat left 13px;}
	
.matchBig_box .navMatch .next {
	float: right;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
	background: url('/gfx/ob/images/icons/arrowRight.png') no-repeat right 13px;}
	
.matchBig_box .navMatch a {
	color :#fff;
	font-size: 11px;
	font-weight: bold;}
	
.matchBig_box .nav {
	float: right;
	width: 140px;
	margin: -3px 0 0 0;
	background: none;
	border-top: none;}
	
.matchBig_box .nav ul li {
	padding: 3px 0 0 0;
	background: url('/gfx/ob/images/matchBigNavElementBorder.png') repeat-x left top;}
	
.matchBig_box .nav ul li.ticket {
	background: url('/gfx/ob/images/matchBigNavElementBorder.png') repeat-x left top;
	padding: 2px 0 0 0;}
	
.matchBig_box .nav ul li a {
	background: url('/gfx/ob/images/matchBigNavElementBackground.png') repeat-x left top;}
	
.matchBig_box .details {
	float: left;
	background:none;
	height:auto;
	width:auto;}
	
.matchBig_box .details .matchinfo {height: auto;}

.matchBig_box .details .info{
	width: 270px;
	padding-bottom: 15px;
	font-size: 20px;}
	
.matchBig_box .details .info span{
	font-size: 13px;
	color: #95aec0;}
	
.matchBig_box .details .info span.stadium
{
    line-height: 16px;
}

.matchBig_box .details .info span.stadium img
{
    padding-bottom: 5px;
}
	
.matchBig_box .details .info span.tv{
	color: #fff;}
	
.matchBig_box .details .info span.tv img{
	margin: 0 0 0 10px;}

.matchBig_bottomBox span.result{
	font-size: 20px;
	line-height: 24px;}

.matchBig_buttonBox{
	clear: both;
	padding-left: 108px;
	/*overflow: hidden;*/}
	
.matchBig_buttonBox a.btn{
	margin-right: 8px;}
	
.matchBig_buttonBox a.btn.btnPurple{font-weight: bold;}

.matchBig_bottomBox{
	/*overflow: hidden;*/
	padding: 5px 0 0 55px;
	clear: both;}
	
.matchBig_bottomBox div{
	float: left;
	width: 120px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a6bfd2;}
	
.matchBig_bottomBox div span{
	display: block;
	color: #fff;
	clear: both;}
	
.matchBig_title{
	position: relative;
	width: 620px;}
	
.matchBig_titleLeft{
	float: left;
	width: 480px;
	height: 65px;
	background: url('/gfx/ob/images/matchBig_titleLight.gif') repeat-x left bottom;}

.matchBig_title h2{
	padding: 20px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 23px;
	color: #fff;}

.matchBig_titleRight{
	position: absolute;
	right: 0; 
	float: right;
	width: 152px;
	height: 48px;
	padding: 14px 0 0 0;
	background: url('/gfx/ob/images/matchBig_LEFT.png') no-repeat left bottom;
	text-align: center;
	font-size: 15px;
	line-height: 34px;
	font-weight: bold;
	color: #fff;}	
	
.headline_center {
	height: 31px;
	margin: 0 0 5px 0;
	padding: 0;
	padding-left: 10px;
	background: url('/gfx/ob/images/blackTitle.gif') repeat-x 0 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 31px;
}
	
.col_203{
	float: left;
	width: 203px;}

.col_203 ul.team{
	list-style-type: none;
	margin: 0 0 25px 0;}
	
.col_203 ul.team li{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;}
	
.col_203 ul.team li span{
	float: left;
	display: block;
	padding: 0 5px 0 0;
	width: 15px;
	text-align: right;}
	
.col_203 ul.team.teamBlue li{color: #097bc8;}

.col_203 ul.team li.teamTitle{
	color: #000;
	margin-bottom: 11px;
	font-size: 13px;}
	

/* newsoverview */

.newsoverview {
	width:300px;
}
.newsoverview .headline {
	background:url('/gfx/ob/images/headlineBackground.png') repeat-x;
	height:41px;
	line-height:41px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 22px;
	margin:0;
}
/* main */

.matchCalendar ul.main {
	margin:0;
	list-style-type:none;
	width:100%;
}

.newsoverview ul.main {
	margin:0;
	list-style-type:none;
	width:100%;
	background-color:#F5F5F5;
}

.matchCalendar ul.main {
 	background:url('/gfx/ob/images/newsoverviewMainElementBackground.png') left top repeat-x;
	overflow: hidden;
 }

.newsoverview ul.main li,
.matchCalendar ul.main li {
	float:left;
	display:inline;
	width:99px;
}

.matchCalendar ul.main li {
	border-right: 1px solid #343434;
	border-left: 1px solid #505050;
	height: 31px;
}


.matchCalendar ul.main li a {
	height: 36px;
	line-height:30px;
	width:199px;
	float:left;
	background:url('/gfx/ob/images/newsoverviewMainElementBackground.png') left top no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#adadad;
	text-align:center;
}
.newsoverview ul.main li a {
	height:36px;
	line-height:30px;
	width:99px;
	float:left;
	background:url('/gfx/ob/images/newsoverviewMainElementBackground.png') left top no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#adadad;
	text-align:center;
	/*For pilen ligger sig ovenpå nyhederne
	position:relative;
	z-index:2;*/
}

.matchCalendar ul.main li a {
	padding: 0px 6px;
	margin-bottom: -6px;
}

.newsoverview ul.main a.current,
.newsoverview ul.main li a:hover,
.matchCalendar ul.main a.current,
.matchCalendar ul.main li a:hover {
	background-position:bottom;
	color:#fff;
	text-decoration:none;
}
.newsoverview ul.main li.middle {
	background:url('/gfx/ob/images/newsoverviewMainElementBorders.png') center top no-repeat;
	padding:0 2px;
	width:98px;
}

.matchCalendar ul.main li,
.matchCalendar ul.main li a {
	width: auto;
}


/* submain */
.newsoverview ul.submain {
	width:290px;
	margin:-5px 0 0 0;
	padding:0 0 0 10px;
	list-style-type:none;
	background:url('/gfx/ob/images/newsoverviewSubmainBackground.png') left top repeat-x;
	height:28px;
}
.newsoverview ul.submain li {
	float:left;
	display:inline;
	color:#c4c4c4;
	margin:0 5px 0 0;
	font-size:10px;
	line-height:20px;
}
.newsoverview ul.submain li a {
	color:#097bc8;
	margin:0 5px 0 0;
}
.newsoverview ul.submain li a.current {
	font-weight:bold;
	color:#000;	
	text-decoration:none;
}
.newsoverview ul.submain li a:hover {
	color:#000;
	text-decoration:none;
}

/* news */
.newsoverview ul.news {
	/*margin-top:-5px;*/
	list-style-type:none;
}
.newsoverview ul.news li {
	background:#f5f5f5;
	border-bottom:1px #eaeaea solid;
	padding:6px 0 6px 10px;
	font-size:11px;
	line-height:130%;
	color:#000;
}
.newsoverview ul.news li a {
	color:#097bc8;
	font-weight:bold;
}
.newsoverview ul.news li.disabled {
	background:#ebebeb;
    /* opacity */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity:0.6;	
	border-bottom:1px #d8d8d8 solid;
}

/*Nyhedslisten*/

#content .news-listing .element {
	/*padding: 0px 0px 0px 0px;*/
	padding: 0 0 5px 0;
	border-top: 0px;
	border-bottom: 1px solid #ECECEC;
	/*margin: 0px 0px 20px;*/
	margin: 0px 0px 10px;
}

#content .news-listing .element .newsCol1Wide {
	margin: 0px;
}

.news-listing ul.pager {
	margin: 0px 0px 20px;
}

.news-sorting select {
	width: 176px;
	float: left;
	margin-right: 20px;
}

.news-sorting {
	margin: 33px 0px 48px;
}

.news-sorting label {
	font-family: arial;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.news-sorting label.big-label {
	width: 150px;
}

.news-sorting label.small-label {
	width: 30px;
}
#newslistpaging
{
    margin-left:248px;    
}
#newslistpaging #prev, #newslistpaging #paging, #newslistpaging #next
{
    float:left;    
}
#newslistpaging #paging
{
    margin-right:5px;
    margin-left:5px;    
}

/* table */

.table {
	width:300px;
}
.wide{width:auto}

.table .headline {
	background:url('/gfx/ob/images/headlineBackground.png') repeat-x;
	height:41px;
	line-height:41px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 22px;
	margin:0;
}
/* main */
.table th.naming {
	height:30px;
	line-height:30px;
	background:url('/gfx/ob/images/newsoverviewMainElementBackground.png') left top repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#adadad;
	text-align:center;
}

.table table.numeric td
{
    text-align: center;
}

.table th.sub 
{
    font-size: 11px;
    text-align: center;
}

.table ul.main {
	margin:0;
	list-style-type:none;
	width:100%;
	position:relative;
	z-index:10;
}
.table ul.main li {
	float:left;
	display:inline;
	width:99px;
}
.table ul.main li a {
	height:36px;
	line-height:30px;
	width:99px;
	float:left;
	background:url('/gfx/ob/images/newsoverviewMainElementBackground.png') left top no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#adadad;
	text-align:center;
}
.table ul.main a.current,
.table ul.main li a:hover {
	background-position:bottom;
	color:#fff;
	text-decoration:none;
}
.table ul.main li.middle {
	background:url('/gfx/ob/images/newsoverviewMainElementBorders.png') center top no-repeat;
	padding:0 2px;
	width:98px;
}


.table table {
	position:relative;
	top:-5px;
	z-index:1;
}
.table table thead th {
	padding:0 10px;
}
.table table tbody td {
	padding:5px 10px;
}
.table table thead th {
	background:url('/gfx/ob/images/newsoverviewSubmainBackground.png') left top repeat-x;
	height:28px;
	line-height:28px;	
	font-size:13px;
	font-weight:bold;
	color:#868686;
}

.table table thead.positions th 
{
    font-size: 11px;
    padding: 0 5px 0 10px;
}

.table table tbody td {
	font-size:12px;
	color:#000;
}
.table table tbody .points {
	font-weight:bold;
}
.table table tbody tr {
	background:#f5f5f5;
}
.table table tbody tr.alt {
	background:#e9eaeb;
}
.table table .dropout td {
	color:#6e6e6e;	
}
.table table .dropoutLine  {	
	/*background-image:url('/gfx/ob/images/tableDropoutLine.png');
	background-position:left top;
	background-repeat:no-repeat;*/

}
.table table thead .th-gradient-2{
	font-size:10px;
	font-weight:bold;
	padding:0;
	color:black;
	background:url('/gfx/ob/images/table-th-gradient-2.jpg') repeat-x;}
.table table thead .th-gradient-2 span{
	display:block;
	padding:3px 20px;
	line-height:normal;
	text-align:center;
	border-left:1px solid #aaa;}
	
.table table thead .first span{border:none}
.teamlist ul.main li{
	width:auto;
	height:53px;
	margin-bottom:5px;
	border-left:1px solid #171717;
	border-right:1px solid #444;}
	
.teamlist ul.main li a{
	height:48px;
	line-height:normal;
	font-size:10px;
	padding:10px 20px 0;
	background:url('/gfx/ob/images/tabBackgroundBig.png') no-repeat center top;
	text-align:left;}
	
.teamlist ul.main .tab-1 a{width:60px}
.teamlist ul.main .tab-2 a{width:140px}
.teamlist ul.main .tab-3 a{width:294px}

.teamlist ul.main li .left{width:50%;float:left}
.teamlist ul.main li .right{width:40%;float:rigth}

.teamlist table tbody td{
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:black;
	vertical-align:top;
	text-align:center;}
	
.teamlist table thead th{font-size:12px}
.teamlist table tbody td.alt{font-size:15px}
.teamlist table tbody td.left{text-align:left}
.teamlist table tbody td.first{padding-left:0; padding-right:0; background-color:#fff}

.teamlist table.hide{ display:none;} 



/* blogpost */

.blogpostImage {
	clear:both;
	margin: 0 0 20px 0;
	display:block;
}
.authorName {
	font-weight:bold;
	border-bottom:1px #ececec solid;
	padding:0 0 15px 0;
}


.topPic img {
	clear:both;
	display:block;
}
.topPic .caption {
	font-size:11px;
	color:#000;
	margin:2px 0 20px 0;
	display:block;
	text-align: center;
}
.hline {
	border-bottom:1px #ececec solid;
	height:1px;
	margin:0 0 10px 0;	
}

/* gallery */

.gallery {
	position:relative;
	height: 420px;
}

.gallery div.previous,
.gallery div.next
{
	cursor: pointer;
	background-image: url('/gfx/spacer.gif');
	position: absolute; width: 310px; height: 410px;
	z-index: 2;
}

.gallery div.next
{
	left: 310px;
}

.gallery img
{
	position: absolute;
	z-index: 1;
}

.gallery span
{
	display: none;
	line-height: 12px;
	font-size: 10px;
	color: #097bc8;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 190px;
	background-color: #000000;
}


.gallery span.previous
{
	float: left;
}

.gallery span.next
{
	float: right;
}

.gallery .unactive
{
	color: #565656;
	cursor: default !important;
}

.gallery div.description
{
	font-size: 11px;
	font-style: italic;
	color: #000000;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 410px;
	width: 620px;
}

/* galleryNav */


.galleryNav {
	margin:20px 0 30px 0;
}
.galleryNav span.previous {
	background:url('/gfx/ob/images/arrowLeft.png') left top no-repeat;
	width:19px;
	height:44px;
	float:left;
	margin:0 19px 0 0;
	cursor: pointer;
}
.galleryNav span.next {
	background:url('/gfx/ob/images/arrowRight.png') left top no-repeat;
	width:19px;
	height:44px;
	float:right;
	cursor: pointer;
}

.galleryNav span.unactive {
	background-position:left bottom ;
	cursor: default;
}

.galleryNav .thumbs { }
.galleryNav .thumbs img {
	border:1px solid #fff;
	float:left;
	margin:0 8px 0 0;
}
.galleryNav .thumbs img.current,
.galleryNav .thumbs img:hover {
	border:1px solid #0873bb;
	cursor: pointer;
}

.galleryNav .thumbs img.hidden
{
	display: none;
}

/* comment */

.comment {
	margin:20px 0;
	padding:0 0 0 0;
	border-bottom:1px #ececec solid;
}

.comment .content {
	background:url('/gfx/ob/images/commentBorder.gif') 150px top repeat-y;
	margin:30px 0;
	overflow: hidden;/* addet */
}
.comment .content .authorinfo {
	float:left;
	width:140px;
	padding:0 10px 0 0;
}
.comment .content .authorinfo .id {
	font-size:21px;
	font-weight:bold;
	color:#0d528b;
	display:block;
	margin:0 0 10px 0;
}
.comment .content .authorinfo img {
	display:block;
	margin:0 0 5px 0;
}
.comment .content .authorinfo .author {
	display:block;
	font-size:12px;
	font-weight:bold;
}
.comment .content .authorinfo .pic {
	float:left;
	margin:0 7px 5px 0;
}
.comment .content .authorinfo .date {
	display:block;
	font-size:12px;
	margin:0 0 15px 0;
}
.comment .content .message {
	float:right;
	width:440px;
	padding:0 0 0 30px;
	font-size:13px;
}
.comment .link {
	font-weight:bold;
	font-size:12px;
}



/* postcomment */

.postcomment {}
.postcomment p {
	font-size:12px;
}
.postcomment .row {
	height:100%;

	clear:both;
	margin:0 0 25px 0;
}
.postcomment .text,
.postcomment textarea {
	border-top:1px solid #c7c7c7;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #e2e2e2;
	border-left:1px solid #cfcfcf;
	font:normal 12px/normal Helvetica, Arial, sans-serif;
	color:#7f7f7f;
}
.postcomment .text {
	width:282px;
	padding:5px 8px;
}
.postcomment textarea {
	width:529px !important;
	height:190px;
	padding:5px 0 0 8px;
}
.postcomment .submit {
	background:#004e8e;
	border-top:1px solid #90b2ce;
	border-right:1px solid #002848;
	border-bottom:1px solid #001220;
	border-left:1px solid #5488b3;	
	font:bold 12px/normal Helvetica, Arial, sans-serif;
	color:#fff;
	height:24px;
	cursor:pointer;
}

/* adimages */

.adimages {}
#sidebar .adimages .left
{
	float: left;
}
#sidebar .adimages .right
{
	left: 110px;
	float: right;
	width: 187px;
	height: 87px;
}

#sidebar .adimages .left,
#sidebar .adimages .right
{
/*	padding:1px;
	border:1px solid #dcdcdc;*/
}

#sidebar .adimages .right 
{
	float: right;
}

#sidebar .adimages .hidden
{
	display: none;
}

/* vote */

.vote {
	padding:5px 0 5px 0;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	font-size:10px;
	line-height:26px;
	font-weight:bold;
	color:#2f2f2f;
}
.vote span {
	float:left;
	margin:0 0 0 10px;
}
.vote .up {
	background:url('/gfx/ob/images/voteUp.png') left top no-repeat;
	width:19px;
	height:20px;
	float:left;
	margin:0 2px 0 0;
	text-indent:-9000px;
}
.vote .down {
	background:url('/gfx/ob/images/voteDown.png') left top no-repeat;
	width:19px;
	height:20px;
	float:left;
	margin:0 2px 0 0;
	text-indent:-9000px;
}
/*-------------------------------------------------------------04.05.2010*/
.floatLeft{
	float: left;}
	
.floatRight{
	float: right;}
	
#content .elementNo{
	margin: 0;
	border-top: none;}
	
.elementWrapper{
	position: relative;
	margin: -25px 0 0 0;
	z-index: 2;}
	
.elementWrapper .element{
	padding: 12px 0 0 0;}
	
.elementWrapper .iteminfo {
	margin: 9px 0 0 0;}
	
.elementWrapper .newslink{
	width: 100%;
	padding: 5px 0 0 0;
	border-top: 1px solid #ececec;}
	
.elementWrapper .newslink a{
	float: right;}
	
.newsCol1Wide .hourspan {
	float: left;
	font-size: 11px; /* fotn-size */
	color: #7c7c7c;
	margin: 0 10px 0 -5px;}
	
.navWrapper{
	width: auto;}
	
.navWrapper ul{
	position: relative;
	display: block;
	height: 36px;
	background: url('/gfx/ob/images/bkg_nav.gif') repeat-x left top;
	z-index: 5;
	overflow: hidden;}

.navWrapper ul li{
	display: inline;}

.navWrapper ul li a{
	float: left;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	height: 36px;
	line-height: 30px;
	text-align: center;
	color: #adadad;}
	
.navWrapper ul li a span{
	display: block;
	height: 36px; 
	padding: 0 18px 0 0;
	background: url('/gfx/ob/images/border_nav.gif') no-repeat right 1px;}
	
.navWrapper ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: url('/gfx/ob/images/bkg_nav_hover.gif') no-repeat center;}

.navWrapper ul li a.act,
.navWrapper ul li a.act:hover{
	color: #fff;
	text-decoration: none;
	background: url('/gfx/ob/images/bkg_nav_act.gif') no-repeat center;}
	
.navWrapper ul li a:hover span,
.navWrapper ul li a.act span{
	background: url('/gfx/ob/images/border_nav_hover.gif') no-repeat right 1px;}

.elementWrapper.elementWrapperBkg{
	background-color: #f5f5f5;
	margin: -15px 0 0 0;
	padding: 0 0 3px 0;}
		
.elementWrapperBkg .element{
	width: auto;
	margin: 0;
	padding: 0 0 3px 10px;}
	
.elementWrapperBkg .iteminfo{
	margin: 0;
	padding: 3px 0 0 0;}
	
.elementWrapperBkg .element .newsCol1Wide{
	margin-bottom: 0px;}
	
.iteminfo .category ,
.iteminfo .date_hour{
	color: #000000;
	float: left;
	font-size: 11px;
	font-weight: bold;}
	
.elementWrapperBkg .iteminfo em{
	color: #000;}
	
.elementWrapperBkg .iteminfo .comments{
	font-size: 11px;}
	
.darkBox{
	position: relative;
	float: left;
	width: 169px;
	height: 138px;
	margin: 0 20px 0 0;
	padding: 12px 12px 10px 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #162c3b url('/gfx/ob/images/darkBox.gif') repeat-x left top;}
	
.darkBox h2{
	font-family: Arial, Helvetica, sans-serif;}
	
.darkBox .btnPurpleSmall{
	position: absolute;
	bottom: 10px;
	margin: 5px 0 0 50px;}
	
.darkBox.voteBox{
	text-align: left;}
	
.darkBox.voteBox .btnPurpleSmall{
	margin: 5px 0 0 66px;}
	
.darkBox label{
	display: block;
	font-size: 12px;
	font-weight: normal;}
	
.newsoverviewBox ul.submain {
	height: 25px;
	margin: -5px 0 0 0;
	padding: 3px 0 0 10px;}
	
.newsoverviewBox ul.news li{
	border-top:1px solid #eaeaea;
	border-bottom: none;}

.underNav{
	width: 940px;
	height: 42px;
	margin: 20px 0px 0px 20px;
	background: url('/gfx/ob/images/underNav.gif') repeat-x left top;}
	
.underNav_left{
	float: left;}
	
.ClubOBAlert
{
	width: 920px;
	margin: 7px 0px 0px 20px;
	background: url('/gfx/ob/images/matchNavElementBackground.png') repeat-x left bottom;
	height: 17px;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.ClubOBAlert a.white
{
    color: #ffffff;
}

.ClubCarlsberg
{
	width: 920px;
	margin: 20px 0px 0px 20px;
    background: url('/gfx/ob/images/topbanner.png') no-repeat left bottom;
	height: 17px;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.ClubCarlsberg a.white
{
    color: #ffffff;
}

/*	
#header .underNav_left ul{
	width: auto;
	margin: 0 0 0 10px;
	padding: 11px 0 0 0;
	background: none;}
	
#header .underNav_left ul li{
	background: none;
	display: inline;
	height: auto;
	padding: 0 4px 0 0px;
	margin: 0px 20px 0 0;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #fff;}
	
#header .underNav_left ul li a{
	position: relative;
	padding: 3px 28px 0 10px;
	background: none;
	font-size: 12px;
	line-height: normal; 
	font-weight: bold;
	color: #fff;}*/
	
#header .underNav_left ul li.bkg_blue{
	height: 21px;
	background: url('/gfx/ob/images/underNav_btn_r.gif') no-repeat right top;}
	
#header .underNav_left ul li.bkg_blue a{
	display: block;
	height: 21px;
	background: url('/gfx/ob/images/underNav_btn_l.gif') no-repeat left top;}
	
#header .underNav_left ul li a span.number{
	position:absolute;
	right: 4px;
	display: inline;
	width: 18px;
	height: 13px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #097bc8;
	text-align: center;
	background: url('/gfx/ob/images/underNav_left.gif') no-repeat left top;}
	
.myClub{
	float: left;
	/*width: 392px;*/
	height: 29px;
	padding: 13px 0px 0px 14px;
	background: url('/gfx/ob/images/myClub.gif') no-repeat top left;}
	
.myClub span,
.myClub div.Name
{
	float: left;
	width: 106px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
	
.myClub span span{
	position: absolute;
	width: 14px;
	height: 14px;
	margin: -2px 0 0 -2px;
	overflow: hidden;
	background: url('/gfx/ob/images/plus.png') no-repeat top right;}

.myClub div.Name
{
	float: left;
	font-size: 11px;
	width: 165px;
	text-align: center;
	margin-top: -10px;
	padding-left: 12px;
	overflow: hidden;
}

.myClub img
{
	float: left;
	margin-top: -5px;
	padding-right: 10px;
}
	
.underNav_right{
	float: right;
	/*width: 290px;*/
	padding: 10px 10px 0px 0px;}
	
#header .underNav_left ul{
	width: auto;
	margin: 0;
	background: none;}
	
#header .underNav_left ul li{
	background: none;
	display: inline;
	padding-left: 30px;
	height: auto;}
	
#header .underNav_left ul li a{
	background: none;
	padding: 0 0 0 0;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;}
	
#header .underNav_left ul li a:hover{
	text-decoration: underline;}
	
	
#header .underNav_left a{
	background: none;
	color: #fff;
	margin-left: 10px;
	font-size: 11px;
	line-height: 42px;
	font-weight: bold;}
	
#header .underNav_left a:hover{
	text-decoration: underline;}
	
		
#header .underNav_right a.link{
	background: none;
	color: #fff;
	/*margin-right: 30px;*/
	margin-right: 17px;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	float: right;}

#header .underNav_right div.link2{
	margin-top: -4px;
	margin-right: 20px;
	text-align: center;
	float: right;}
	
#header .underNav_right a.link2{
	background: none;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;}
	
#header .underNav_right a.link:hover{
	text-decoration: underline;}
	
#header .underNav_right a.btn{
	margin: 1px 0 0 0;
	float: right;}

/* matches */

.matches {
}
.matches .headline {	
	margin:0;
	padding:0 0 0 10px;
	background:url('/gfx/ob/images/titleBackground.png') repeat-x;
	font-size:11px;
	line-height:23px;
	font-weight:bold;
	color:#fff;	
}

/* submain */
.matches ul.submain {
	width:183px;
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	background:url('/gfx/ob/images/newsoverviewSubmainBackground.png') left top repeat-x;
	height:28px;
}
.matches ul.submain li {
	float:left;
	display:inline;
	color:#c4c4c4;
	margin:0 5px 0 0;
	font-size:10px;
	line-height:28px;
}
.matches ul.submain li a {
	color:#097bc8;
	margin:0 5px 0 0;
	font-weight:bold;
}
.matches ul.submain li a.current {
	font-weight:bold;
	color:#000;	
	text-decoration:none;
}
.matches ul.submain li a:hover {
	color:#000;
	text-decoration:none;
}

/* news */
.matches ul.news {
	margin:0;
	list-style-type:none;
}
.matches ul.news li {
	background:#f5f5f5;
	border-bottom:1px #eaeaea solid;
	padding:3px 0 3px 9px;
	font-size:11px;
	line-height:130%;
	color:#000;
	float:left;
	width:184px;	
}
.matches ul.news span {
	display:block;
}
.matches ul.news li a {
	color:#097bc8;
	font-weight:bold;
}

.matches span.graybold
{
    font-weight: bold;
    color: #555555;
}


/********************Style til del featuren**************************/

.addthis_toolbox a.addthis_button_expanded
{
    color: #000;
    font-size: 12px;
}

.addthis_toolbox .custom_images a
{
    padding-left: 1px;
}

.addthis_toolbox 
{
    padding-top: 3px;
    line-height: normal;
    padding-left: 3px;
    float: left;
}
.addthis_customstyle {
height:12px;
margin-top:-4px;
}

/*********************Modal****************************/
.modalbackground 
{
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.80;
}

.modalwindow-newuser
{
    top: -2000px;
    position:absolute !important; 
    top:10% !important; 
}

/*-------------------------------- matchCalendar*/
.matchCalendar{
	width: 300px;}
	
.BlueTitle{
	height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 41px;
	background: url('/gfx/ob/images/matchCalendar_title.gif') repeat-x left top;}
	
.BlackTitle{
	position: relative;
	height: 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 31px;
	background: url('/gfx/ob/images/blackTitle.gif') repeat-x left top;}
	

.nextStep{
	position: absolute;
	top: 13px;
	width: 8px;
	height: 7px;
	background-image: url('/gfx/ob/images/arrow.png');
	background-repeat: no-repeat;
	overflow: hidden;}
.prevStep{
	position: absolute;
	top: 13px;
	width: 8px;
	height: 7px;
	/*overflow: hidden;*/
    background:url('/gfx/ob/images/icons/arrowLeft.png') left 13px no-repeat;
	}
	
.prevStep{
	left: 10px;
	background-position: bottom left;}
	
.nextStep{
	right: 10px;
	background-position: top left;}
	
a.prevStep:focus,
a.prevStep:hover { text-decoration:none; color: #097bc8;  }

.matchCalendar table th{
	background-color: #000;}
	
.matchCalendar table td{
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*padding: 6px 0 5px 10px;*/
	padding:5px 2px 5px 6px;
	border-bottom: 1px solid #2c2c2c;
	color: #fff;}
	
.matchCalendar table td.black{
	background: #142837 url('/gfx/ob/images/opacity_blue.png') repeat-x left top;}
	
.matchCalendar table td.bottomCalendar{
	padding: 14px 10px 14px 0;}
	
.matchCalendar table td.bottomCalendar a{
	float: right;}

.wrapp_top{
	margin-top: -20px;}
	
.ClubRecovery{
	position: relative;
	width: 620px;
	background: url('/gfx/ob/images/bkgRecovery_repeat.jpg') repeat-y left 503px;}


	
.ClubRecovery_big{
	position: relative;
	width: 925px;
	background: url('/gfx/ob/images/bkgRecovery_repeat.jpg') repeat-y left 503px;}
	

.ClubRecovery_inner{
	width: 620px;
	padding: 25px 0 30px 0;
	background: url('/gfx/ob/images/bkgRecovery.jpg') no-repeat top left;
	overflow: hidden;}

.ClubRecovery_inner_big{
	width: 925px;
	padding: 25px 0 11px 0;
	background: url('/gfx/ob/images/bkgRecoveryBig.jpg') no-repeat top left;
	overflow: hidden;}


	
.ClubRecovery_inner a.btnPurple{
	display: inline;
	float: right;
	margin: 0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;}
	
.ClubRecovery_inner a.btnPurple img{
	margin: 0 0 0 5px;}
	
.ClubRecovery_bottom{
	height: 2px;
	background: url('/gfx/ob/images/bkgRecovery_bottom.jpg') no-repeat top left;}
	
.twoColumns_wrapp{
	padding-bottom: 20px;
	/*background: url('/gfx/ob/images/twoColumns_bottom.png') no-repeat 21px bottom;*/ }
	
.twoColumns{
	margin: 0 0 0 21px;
	/*background: url('/gfx/ob/images/twoColumns.png') no-repeat left top;*/
	overflow: hidden;}
	
.oneColumn_wrapp{
	margin: 0 0 0 7px;
	background: url('/gfx/ob/images/bigColumn_bottom.png') no-repeat left bottom;
	padding-bottom: 20px;}
	
.oneColumn{
	width: 592px;
	padding: 0 5px 35px 0;
	background: url('/gfx/ob/images/bigColumn.png') no-repeat  left top;
	overflow: hidden;}
	
.bigColumnOB_plus {
	background: url('/gfx/ob/images/ClubObPlus.png') no-repeat 30px 36px;
	margin-left: 15px;
	padding: 86px 0 0 0;}
	
.columnOB,
.columnOB_plus,
.columnOB1,
.columnOB_plus1,
.columnOBJunior {
	float: left;
	display: inline;
	padding: 106px 0 17px 0;
	margin-left: 1px;
    zoom:1; 
	width: 275px;
}

.columnOB1 { height: 348px; }
	
.columnOB, .columnOB1 {
	background: url('/gfx/ob/images/ClubOb.png') no-repeat 38px 36px;
    background-color:#24a6de;
}
	
.columnOB_plus, .columnOB_plus1 {
	background: url('/gfx/ob/images/ClubObPlus.png') no-repeat 30px 36px;
    background-color:#1564a5;
	margin-left: 28px;}

.columnOBJunior{
    background: url('/gfx/ob/images/ClubOBJunior-logo.png') no-repeat 88px 10px;
    background-color: #8dc63f;
    margin-left: 28px;
}

.columnOB_plus1 p, .columnOB1 p, .columnOBJunior p { font-size:16px !important; color:#000 !important; }
.columnOB_plus1 ul li, .columnOB1 ul li, .columnOBJunior ul li { color:#fff !important; font-size:18px !important; font-weight:bold !important; line-height:30px !important; list-style-type:none !important; padding-left:15px !important;; border-top:0 !important; }
.columnOB_plus1 a.seeMore, .columnOB1 a.seeMore, .columnOBJunior a.seeMore {
	font-size: 14px !important;;
	font-weight: bold !important;
	color: #000 !important;
}
	
.twoColumns_wrapp .columnOB_plus p,
.twoColumns_wrapp .bigColumnOB_plus p,
.oneColumn_wrapp .bigColumnOB_plus p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00a6ea;
	text-align: center;}
	
.twoColumns_wrapp .columnOB p,
.twoColumns_wrapp .bigColumnOB p,
.oneColumn_wrapp .bigColumnOB p{
	color: #005594;
	}
	
.oneColumn_wrapp .bigColumnOB_plus p{
	margin: 0 0 15px 33px;
	text-align: left;}
	
.bigColumnOB_plus ul,
.bigColumnOB ul{
	width: 273px;
	list-style-type: none;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #126aa4;}

.columnOB ul,
.columnOB_plus ul
{
	list-style-type: none;
	margin: 0 0 7px 0;}
	
.columnOB ul{border-bottom: 1px solid #00a8eb;}	
.columnOB_plus ul{border-bottom: 1px solid #126aa4;}	


.columnOB ul li,
.columnOB_plus ul li,
.bigColumnOB_plus ul li,
.bigColumnOB ul li
{
	padding: 3px 18px 3px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;}

.wrappBtn {
	padding: 24px 48px 10px 52px;
	overflow: hidden; }

.wrappBtn1 {
	padding: 4px 0 0 20px;
	overflow: hidden; }

.twoColumns_wrapp p.more,
.AddClubOBplus p.more,
.AddClubOB p.more{
	padding: 13px 18px 0 15px;
	margin: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	text-align: left;}
	
.twoColumns_wrapp a.seeMore{
	float: left;
	display: block;
	padding: 10px 18px 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;}
	
.columnOB ul li img,
.columnOB_plus ul li img,
.bigColumnOB_plus ul li img,
.bigColumnOB ul li img{float: right;}
	
.columnOB ul li{border-top: 1px solid #00a8eb;}
	
.columnOB_plus ul li,
.bigColumnOB_plus ul li,
.bigColumnOB ul li
{
	border-top: 1px solid #126aa4;}
	
.columnOB ul li a,
.columnOB_plus ul li a,
.bigColumnOB_plus ul li a,
.bigColumnOB ul li a{
	float: left;
	display: block;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;}
	
.bigColumnOB_plus ul li a.colorBlue,
.bigColumnOB ul li a.colorBlue{
	color: #2bb4eb;}

.twoColumns_wrapp p{
	margin: 6px 0 17px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;}
	
.twoColumns_wrapp p img{margin-left: -3px;}

.wrappBtn{
	padding: 24px 48px 10px 52px;
	overflow: hidden;}
	
.wrappBtn a.btn.floatLeft{float: left;} 
.wrappBtn a.btn.floatRight{float: right;} 

.wrappBtn a.btnPurple{margin: 0;} 

.Recovery_OB_plus,
.Recovery_OB{padding: 0 0 28px 0;}

.Recovery_OB_plus .oneColumn_wrapp,
.Recovery_OB .oneColumn_wrapp{
	background: none;}

.Recovery_OB_plus .oneColumn,
.Recovery_OB .oneColumn{
	background: none;
	padding: 0 5px 10px 0;}
	
.Recovery_OB_plus .bigColumnOB_plus{
	background: url('/gfx/ob/images/ClubObPlus_fordele.png') no-repeat 8px 22px;}
	
.Recovery_OB .bigColumnOB{
	background: url('/gfx/ob/images/ClubOb_fordele.png') no-repeat 8px 22px;
	margin-left:15px;
	padding: 86px 0 0 0;
	overflow: hidden;}
		
.lightbox_close{
	position: absolute;
	right: 12px;}
	
.lightbox_close_cc1887 {
	position: absolute;
	right: 332px;}

.lightbox_close_objunior {
	position: absolute;
	right: 655px;}



.Recovery_OB_plus .oneColumn_wrapp .bigColumnOB_plus p,
.Recovery_OB .oneColumn_wrapp .bigColumnOB p {
	margin:0 0 15px 10px;
	padding: 0;
	text-align:left;
	color: #fff;
	font-size: 22px;}
	
.Recovery_OB_plus .oneColumn_wrapp .bigColumnOB_plus p span,
.Recovery_OB .oneColumn_wrapp .bigColumnOB p span{font-size: 30px;}

.Recovery_OB_plus h3,
.Recovery_OB h3{
	padding: 0 36px 0 36px;
	color: #fff;}
	
.Recovery_OB_plus h3 img{
	margin: 0 0 0 -8px;}
	
.Recovery_OB_plus p,
.Recovery_OB p{
	padding: 0 36px 0 36px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #fff;}
	
.Recovery_OB_plus .wrappBtn a.btn,
.Recovery_OB .wrappBtn a.btn{
	display: inline;
	float: left;
	margin: 0 0 0 150px;}
	
.Recovery_OB{padding: 0 0 28px 0;}
	
/*------------------------------------AddClubOBplus/AddClubOB */
.AddClubOBplus{
	margin: 0 0 10px 0;
	padding: 0 0 0 144px;}
	
.bigColumn_wrapp{
	background: url('/gfx/ob/images/oneColunm_bottom.png') no-repeat left bottom;
	margin:0 0 0 7px;
	padding-bottom:20px;}
	
.bigColumn {
	background:  url('/gfx/ob/images/oneColumn.png') no-repeat left top;
	width: 597px;
	padding: 0 20px 20px 20px;
	overflow: hidden;}

.AddClubOBplus .bigColumnOB_plus {
	padding: 114px 0 0 0;
	background: url('/gfx/ob/images/ClubObPlus_fordele.png') no-repeat 12px 32px;}
	
.bigColumn_wrapp p.more{
	margin: 0 102px 0 0px;}

.AddClubOB{
	margin: 0 0 20px 0;
	padding: 0 0 0 157px;}	
	
.AddClubOB .bigColumn_wrapp{
	background: url('/gfx/ob/images/oneColunmLight_bottom.png') no-repeat left bottom;}
	
.AddClubOB .bigColumn {
	width: 601px;
	background:  url('/gfx/ob/images/oneColumnLight.png') no-repeat left top;
	padding: 0 20px 10px 0px;}
	
.AddClubOB .bigColumnOB_plus {
	padding: 114px 0 0 0;
	background: url('/gfx/ob/images/ClubOb_fordele.png') no-repeat 12px 32px;}
	
.bigColumn_wrapp p.more{
	font-style: normal;
	margin: 0 20px 0 0px;}
	
.bigColumn_wrapp p.more img{
	margin: 0 0 -7px 0;}
/*------------------------------------------titleBox*/
.titleBox{
	text-align: center;
	overflow: hidden;}
	
.titleBox h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #005594;}
	
.titleBox h1 img{
	margin: 0 0 0 -15px;}
	
.titleBox h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #00a4e9;}
	
.titleBox h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	color: #005594;}
	
.titleBox h3 img{
	margin: 0 0 0px -5px;}
	
.titleBox h4 {
	color:#005594;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	margin-bottom:27px;}
	
.titleBox h4 img{
 margin: 0 0 -4px -8px;}
	
.titleBox a.btn{
	margin: 10px 0 17px 390px;}

.titleBox a.btn img{
	margin: 0 0 -2px 5px;}
	
/*-------------------------------------form add*/
.formAdd_wrapp{
	position: relative;
	width: 620px;
	margin: 0 0 0 165px;
	background: url('/gfx/ob/images/bkgFormAdd_repeat.jpg') repeat-y  left top;}
	
.formAdd{background: url('/gfx/ob/images/bkgFormAdd.jpg') no-repeat top left;}

.formAdd_wrappCarlsberg{
	position: relative;
	width: 620px;
	margin: 0 0 0 0px;
	background: url('/gfx/ob/images/bkgFormAdd_repeat.jpg') repeat-y  left top;}
	
.formAddCarlsberg{
    background: url('/gfx/ob/images/bkgFormAddCalrsberg.png') no-repeat top left; 
    background-color: #00281b;
}

.formAddCarlsbergThanks{
    background-color: #008a42;
}

.formAdd_wrappOBJunior{
	position: relative;
	width: 620px;
	margin: 0 0 0 0px;
	background: url('/gfx/ob/images/bkgFormAdd_repeat.jpg') repeat-y  left top;}
	
.formAddOBJunior{
    background: url('/gfx/ob/images/bkgFormAddJunior.png') no-repeat top left; 
    background-color: #00281b;
}

.formAddOBJuniorThanks{
    background-color: #50922d;
}

.formBottomBoxOBJunior{
	height: 65px;
	padding: 20px 34px 0 34px;
	background: url('/gfx/ob/images/formBottomBoxJunior.png') no-repeat left top;}
	

.formAdd_bottom{
	height: 2px;
	background: url('/gfx/ob/images/bkgRecovery_bottom.jpg') no-repeat top left;}

.formAdd .ValidationError 
{
    color: #ffffff !important;
    font-weight: bold;
    padding-left: 2px;
}
	
.formList{
	padding: 30px 20px 20px 20px;}

.formList div{
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;}

.formList #txtUserEmailNotice /* custom */
{
	display: none;
}

.formList #txtUserEmailNotice div /* custom */
{
	margin-left: 147px;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}

.formList label{
	float: left;
	width: 147px;
	padding: 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;}

.formList input{
	float: left;
	width: 274px;
	margin: 0 6px 0 0;
	padding: 4px 2px;}
	
.formList input.smallInput{
	width: 70px;
	margin-right: 10px;}
	
.formList input.middleInput{
	width: 187px;}
	
.formList div.wrappRadioInput{
	float:left;
	width: 160px;
	margin: 0;
	clear: none;}
	
.formList div.wrappRadioInput label{
	width: auto;}
	
.formList div.wrappRadioInput input
{
	width: auto;
	margin: 4px 20px 0 5px;
}
	
.formList select{
	margin: 0 6px 0 0;
	padding: 4px 0 4px 8px;
	font-weight: bold;}
	
.formList hr, .seperator{
	width: 100%;
	height: 1px;
	margin: 20px 0;
	color: #1a76b2;
	background-color: #1a76b2;
	border: 0;
	clear: both;}

 .paymentseperator {
background-color:#1A76B2;
border:0 none;
clear:both;
color:#1A76B2;
height:1px;
width:565px;}
	
.formList div.bigSelect select{
	float: left;
	width: 274px;
	font-weight: bold;}
	
#profile-edit .question {
background-position:left 0;
margin-left:3px;
}

.formList div.bigSelect .question,
.formList div .question,
.profile .edit .question
{
	cursor: pointer;
	position: relative;
	float: left;
	width: 20px;
	height: 23px;
	background: url('/gfx/ob/images/question.png') no-repeat left 3px;
	clear: none;}

#profile-edit .question .description_wrapp {
	z-index: 1000;
}

.formList div.question .description_wrapp,
.profile .edit .question .description_wrapp{
	display: none;
	padding: 0 0 5px 0;
	position: absolute;
	top: -50px;
	left : 30px;
	width: 210px;
	background: url('/gfx/ob/images/description_bottom.png') no-repeat left bottom;}
	
.formList div.question .description_inner,
.profile .edit .question .description_inner {
	width: 160px;
	padding: 25px 20px 13px 30px;
	margin: 0;
	background: url('/gfx/ob/images/description_top.png') no-repeat left top;
	position:relative;
	z-index:1001;
	}

.formList div.question .description_inner p,
.profile .edit .question .description_inner p{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
	color:#FFFFFF;}
	
.formList div.question .description_inner label.delete,
.profile .edit .question .description_inner label.delete {	/* a -> span */
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;}
.questionaligntext{text-align:left;}
/*	
.formList div.question .description_inner label.delete:hover{
	text-decoration: none;}
*/	
.formList p{
	padding: 0 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #fff;}
	
.formList p.normal{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 22px 0;}
	
.formBottomBox{
	height: 65px;
	padding: 20px 34px 0 34px;
	background: url('/gfx/ob/images/formBottomBox.gif') no-repeat left top;}

.formBottomBoxCarlsberg{
	height: 65px;
	padding: 20px 34px 0 34px;
	background: url('/gfx/ob/images/formBottomBoxCarlsberg.png') no-repeat left top;}
	
.formBottomBox a.btnPurpleBig{float: right;}
	
.btnPurpleBig{
	float: left;
	display: block;
	height: 42px;
	padding: 0 10px 0 0;
	background: url('/gfx/ob/images/btnPurpleBig_r.png')  no-repeat right top;}
	
.btnPurpleBig span{
	float: left;
	display: block;
	height: 42px;
	padding: 0 3px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 42px;
	background: url('/gfx/ob/images/btnPurpleBig.png') no-repeat left top;}

.btnBigCarlsberg{
	float: left;
	display: block;
	height: 42px;
	padding: 0 10px 0 0;
	background: url('/gfx/ob/images/btnGreenBig_r.png')  no-repeat right top;}
	
.btnBigCarlsberg span{
	float: left;
	display: block;
	height: 42px;
	padding: 0 3px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 42px;
	background: url('/gfx/ob/images/btnGreenBig.png') no-repeat left top;}

.btnBigCarlsberg span img{margin: 0 0 -8px 0;}

.hr-carlsberg { background-color: green !important;}
	
.btnPurpleBig span img{margin: 0 0 -8px 0;}
	
.btnPurpleBig:hover{
	text-decoration: none;}
.btnPurpleBigUpgrade{
	float: left;
	display: block;
	height: 42px;
	padding: 0 10px 0 0;
	background: url('/gfx/ob/images/btnPurpleBig_r.png')  no-repeat right top;}
.btnPurpleBigUpgrade a {
	float: left;
	display: block;
	height: 42px;
	padding: 0 3px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 42px;
	background: url('/gfx/ob/images/btnPurpleBig.png') no-repeat left top;}

/* To be merged with layout.css */

/***************************************************** Checkboxes ***********************************************************/

.formAdd h5{color:white; margin-bottom:32px}
.formAdd .checkBoxList{
	overflow:hidden;
	padding:47px 85px 47px 105px;
	font-size:11px;
	color:white;}

.formAdd .checkBoxList .columnCheckbox{
	float:left;
	width:143px;
	height:40px;}
	
.formAdd .checkBoxList label{font-weight:bold}
.formAdd .checkBoxList .disclaimer,  .paymentterms {clear:left; padding-top:10px}
.formAdd .checkBoxList .disclaimer a, .paymentterms a {color:white; text-decoration:underline;}
.formList .disclaimer,  .paymentterms {clear:left; padding-top:10px}
.formList .disclaimer a, .paymentterms a {color:white; text-decoration:underline;}
.disclaimercbox input {
    width: 10px;
}
.disclaimerlabel {
    width: 220px !important;
    margin-top: -4px;
}

.checkBoxList .disclaimer .description{
	display:block;
	padding-left:25px;
	line-height:12px;}
.paymentterms{padding-bottom:20px;}

.paymenttermstext{font-size:11px; padding-bottom:10px;}
	
	
	
	
/************************************************** Big Grey Button ********************************************************/
	
.formBottomBox a.btnGreyBig{float:left}
	
.btnGreyBig{
	float: left;
	display: block;
	height: 42px;
	padding: 0 10px 0 0;
	background: url('/gfx/ob/images/btnGreyBig_r.png')  no-repeat right top;}
	
.btnGreyBig span{
	float: left;
	display: block;
	height: 42px;
	padding: 0 3px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 42px;
	background: url('/gfx/ob/images/btnGreyBig.png') no-repeat left top;}
	
.btnGreyBig span img{margin: 0 0 -7px 0;}
	
.btnGreyBig:hover{
	text-decoration: none;}
	
/************************************************** Thank You Message ******************************************************/

.thankYou{
	position:relative;
	top:12px;
	margin:0 2px 12px 0;
	padding: 50px 75px 20px 75px;
	overflow:hidden;
	background:#003167 url('/gfx/ob/images/bkgThankYou.jpg') repeat-x;}

.thankYou h1,
.thankYou h3,
.thankYou h5{color:white; text-align:center}
.thankYou h1{font-size:30px; margin-bottom:0.18em}
.thankYou h3{font-size:20px}
.thankYou h5{font-size:15px; margin-bottom:15px}
.thankYou h3 img{margin:0 0 -3px -6px}
.thankYou .btnPurple{margin-left:38%; font-weight:bold}
.thankYou .btnPurple img{margin:0 0 -2px 6px}
.thankYou h5 img{margin:0 0 -4px}

.thankYouCarlsberg{
	position:relative;
	top:12px;
	margin:0 0px 12px 0;
	padding: 50px 75px 20px 75px;
	overflow:hidden;
    background: url('/gfx/ob/images/bkgThankYouCarlsberg.png') repeat-x;
    background-color:#00773b;
    color: #fff;
}

.thankYouCarlsberg h1,
.thankYouCarlsberg h3,
.thankYouCarlsberg h5{color:white; text-align:left}
.thankYouCarlsberg h1{font-size:25px;margin-bottom: 20px;}
.thankYouCarlsberg h3{font-size:20px}
.thankYouCarlsberg h5{font-size:15px; margin-bottom:15px}
.thankYouCarlsberg h3 img{margin:0 0 -3px -6px}
.thankYouCarlsberg .btnPurple{margin-left:38%; font-weight:bold}
.thankYouCarlsberg .btnPurple img{margin:0 0 -2px 6px}
.thankYouCarlsberg h5 img{margin:0 0 -4px}


.thankYouOBJunior{
	position:relative;
	top:12px;
	margin:0 0px 12px 0;
	padding: 50px 75px 20px 75px;
	overflow:hidden;
    background: url('/gfx/ob/images/bkgThankYouOBJunior.png') repeat-x;
    background-color:#95c11f;
    color: #fff;
}

.thankYouOBJunior h1,
.thankYouOBJunior h3,
.thankYouOBJunior h5{color:white; text-align:left}
.thankYouOBJunior h1{font-size:25px;margin-bottom: 20px;}
.thankYouOBJunior h3{font-size:20px}
.thankYouOBJunior h5{font-size:15px; margin-bottom:15px}
.thankYouOBJunior h3 img{margin:0 0 -3px -6px}
.thankYouOBJunior .btnPurple{margin-left:38%; font-weight:bold}
.thankYouOBJunior .btnPurple img{margin:0 0 -2px 6px}
.thankYouOBJunior h5 img{margin:0 0 -4px}

/************************************************** Two Columns Smaller ******************************************************/

.twoColumns_smaller{background:none}
.twoColumns_smaller .twoColumns{background:none; padding-bottom:20px}
.twoColumns_smaller .columnOB{
	width:210px;
	margin:20px -13px 0 45px;
	padding-left:2px;
	padding-bottom:0;
	padding-top:20px;
	background:url('/gfx/ob/images/twoColumns.png');}
	
.twoColumns_smaller .columnOB li,
.twoColumns_smaller .columnOB li a{font-size:13px}
.twoColumns_smaller .columnOB li a{width:160px}
.twoColumns_smaller .columnOB p{
	padding-left:15px;
	font-size:16px;
	color:#005594;
	text-align:left;}
	
.twoColumns_smaller .columnOB_plus{
	width:275px;
	margin-left:0;
	padding-right:4px;
	padding-left:14px;
	padding-bottom:0;
	padding-top:30px;
	background:url('/gfx/ob/images/twoColumns.png') top right;}
	
.twoColumns_smaller .columnOB .bottom,
.twoColumns_smaller .columnOB_plus .bottom{
	clear:left;
	width:110%;
	height:20px;
	margin:0 0 -20px -2px;
	padding-top:17px;
	background:url('/gfx/ob/images/twoColumns_bottom.png') no-repeat left bottom;}

.twoColumns_smaller .columnOB_plus .bottom{
	margin-left:-13px;
	background-position:-291px bottom}
	
.twoColumns_smaller a.more{
	float:left;
	color:white;
	margin-left:15px;
	margin-top:10px;}
	
.twoColumns_smaller .columnOB_plus a.more{font-size:16px}
.ClubRecovery_inner a.marginRight{margin-right:96px}

.twoColumns_smaller .columnOB .head{margin-left:15px}
.twoColumns_smaller .columnOB_plus .head{display:block; margin:0 auto}

.ClubRecovery_center{margin:0 auto}
.ClubRecovery_center h3{color:white; text-align:center; margin:15px;}
.ClubRecovery_center h3 img{margin:0 0 -4px -9px}
.ClubRecovery_center .btnPurple{
	margin:8px 0 0 240px;
	font-weight:bold;}
	
.ClubRecovery_center .btnPurple img{margin:0 0 -2px 4px}


	






	
/*------------------------------------------*/
.f_s_28{font-size: 28px;}
.f_s_24{font-size: 24px;}
.f_s_23{font-size: 23px;}
.f_s_20{font-size: 20px;}
.f_s_18{font-size: 18px;}
.f_s_16{font-size: 16px;}
.f_s_15{font-size: 15px;}
.f_s_14{font-size: 14px;}
.f_s_13{font-size: 13px;}
.f_s_12{font-size: 12px;}
.f_s_11{font-size: 11px;}
.f_s_10{font-size: 10px;}

/***************************************************** Photo Carousel **************************************************/

.photo-carousel{
	position:relative;
	height:415px;
	overflow:hidden;
	margin-bottom:20px;
	font-weight:bold;
	line-height:normal;}
	
.photo-carousel .description {
	position:absolute;
	right:0;
	top:55px;
	width:170px;
	padding:5px 20px;
	background:url('/gfx/ob/images/background-black-alpha-80.png');}
	
.photo-carousel .description .number{
	display:block;
	font-size:40px;
	color:#097BC8;}

.photo-carousel .description h2 a,
.photo-carousel .description h3 a{color:white}

.photo-carousel .staff-description {
	position:absolute;
	right:0;
	top:55px;
	width:270px;
	padding:5px 20px;
	background:url('/gfx/ob/images/background-black-alpha-80.png');}
	
.photo-carousel .staff-description .number{
	display:block;
	font-size:20px;
	color:#fff;}

.photo-carousel .staff-description h2 a{
    font-size:40px;
	color:#097BC8;
}

.photo-carousel .staff-description h3 a{
    display:none;
}

.photo-carousel .rotator{
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:63px;
	background:url('/gfx/ob/images/background-black-alpha-80.png');}
	
.photo-carousel .rotator .previous{float:left; margin:23px 0 0 9px; cursor:pointer; width: 30px;}
.photo-carousel .rotator .next{float:right; margin:23px 9px 0 0; cursor:pointer; width: 30px;}
.photo-carousel .rotator > div{
	/*width:532px;*/
	/*width:528px;*/
	overflow:hidden;
	margin:-4px auto 0;
	padding-top:8px;
	padding-left:4px;
width:532px;
	}
	
.photo-carousel .rotator ul{width:2000px}
.photo-carousel .rotator li{
	float:left;
	list-style:none;
	/*width:59px;
	height:55px;*/	
	width:50px;
	height:55px;
	margin-bottom:50px;
	background:black;
	cursor:pointer;
	margin-right:2px;
	}
	
.photo-carousel .rotator li span{
	display:block;
	/*margin:0 2px;*/
	margin:0 1px;
	border:1px solid white;}
	
.photo-carousel .rotator li a:hover,
.photo-carousel .rotator li a.active,
.photo-carousel .rotator li span.dohover,
.photo-carousel .rotator li.active span{
	position:relative;
	/*margin:-6px -2px 0;*/
	margin:-6px -3px 0;
	padding:7px 5px 11px;
	background:url('/gfx/ob/images/carousel-border.png') repeat-x;
	border:none;}
	
.photo-carousel .rotator li img{opacity:0.6; filter:Alpha(opacity='60')}
.photo-carousel .rotator li a:hover img,
.photo-carousel .rotator li a.active img,.photo-carousel .rotator li.active span img, .photo-carousel .rotator li span.dohover img{opacity:1; filter:Alpha(opacity='100')}

/*, .rotator .hidden img
.rotator .hidden, div.thumbs li a.hidden
{
    visibility:hidden;    
}*/
.rotator .teamsectionbuttonhidden {visibility:hidden;}


/***************************************************** Players List **************************************************/

.dark-box{
	overflow:hidden;
	margin-bottom:20px;
	font-size:11px;
	font-weight:bold;
	color:white;
	background:#020f1a;}
	
.players-list h2{
	line-height:50px;
	margin-bottom:25px;
	font-size:20px;
	color:white;
	background:url('/gfx/ob/images/gradient-dark-to-blue.jpg');
	text-align:center;}
	
.players-list .column{
	float:left;
	width:128px;
	margin:0 0 25px 20px;}
	
.players-list .threeCols{
	width:177px;}
	
.players-list h3{
	margin-bottom:15px;
	font-size:14px;
	color:white;}
	
.players-list dl{overflow:hidden}
.players-list dt{
	float:left;
	clear:left;
	width:16px;
	margin-right:2px;
	text-align:right;}
	
.players-list dd{width:110px; float:left}

.staff-list dl{overflow:hidden}
.staff-list dt{
    float: none;
	clear:left;
	width: auto;
	margin-right: auto;
	text-align:left;
	 padding-bottom: 7px;}
	
.staff-list dd{width:160px; font-size: 14px;}

.team-all{position:relative}
.team-all .btnPurpleSmall{
	position:absolute;
	right:10px;
	bottom:11px;}
	
#topstoryVertical.kampe-section{height:auto}
#topstoryVertical.kampe-section li{height:auto}
#topstoryVertical.kampe-section h1{font-size:41px; letter-spacing:-2px}
#topstoryVertical.kampe-section h1 a{color:White;}
#topstoryVertical.kampe-section img{display:block}
#topstoryVertical.kampe-section .content{bottom: 85px;	background:url('/gfx/ob/images/background-black-alpha-80.png')}
#topstoryVertical.kampe-section .btn.btnBlue{
	position:absolute;
	left: 20px;
	bottom: 21px;}
	
#topstoryVertical.kampe-section .twoBtn .btn.btnPurple.floatLeft{float: left;} 
#topstoryVertical.kampe-section .twoBtn .btn.btnPurple.floatRight{float: right;} 
	
#topstoryVertical.kampe-section .twoBtn{
	position:absolute;
	left: 20px;
	padding-bottom:3px;
	bottom: 50px;
	width: 366px;}
	
#topstoryVertical.kampe-section .twoBtn .btn{font-weight: bold;}
	
/*#topstoryNavVertical.kampe-section li a{height:73px;}*/
#topstoryNavVertical.kampe-section li a{height:72px;}
/***************************************************** Player Info **************************************************/
.player-info {position:relative;}
.players-list-overlay
{
    display:none;
    position:absolute;
    top:45px;
    width:620px;
    background:none repeat scroll 0 0 #020F1A;
    opacity:0.90;
    filter: alpha(opacity = 90);
    margin-bottom:0px;
    padding-bottom:20px;

}
.player-info .players-list-overlay .column
{
    margin-bottom:0px;    
}
.player-info .players-list-overlay .column h3
{
    margin-top:15px;    
}
.player-info h2{
	height:45px;
	line-height:45px;
	overflow:hidden;
	padding:0 20px;
	font-size:17px;
	color:white;
	margin-bottom:0;
	background:url('/gfx/ob/images/gradient-dark-to-blue.jpg');}
	
.player-info .left{float:left}
.player-info .right{float:right}
.player-info h2 .number{font-size:35px; margin-right:6px}
.player-info h2 .staff-name{font-size:25px;}
.player-info h2 span.right{
	line-height:18px;
	margin-top:14px;
	font-size:15px;
	padding-right:25px;
	color:#3797e6;
	background:url('/gfx/ob/images/circle-arrow-down.png') no-repeat right;
	cursor:pointer;}
	
.player-info .top{overflow:hidden; border-bottom:1px solid #3797e6}
.player-info .top .info{
	width:184px; 
	margin-right:16px;
	padding-top:10px;}
	
.player-info .top h3{color:white; height:12px;}
.player-info .top .team-name{
	float:left;
	width:125px;
	/*margin-top:10px;*/
	margin-top:2px;
	padding-bottom:19px;
	padding-left:28px;
	color:#37a5ff;
	text-align:center;}
	
.player-info .top .border{
	margin:0 0 25px;
	padding-top:25px;
	padding-bottom:5px;
	border-top:1px solid #3797e6;
	border-bottom:1px solid #3797e6;
	clear:both;}

.player-info .top dl{padding-left:5px}
.player-info .top dt{
	float:left;
	width:100px;
	font-size:12px;}
	
.player-info .top dd{font-size:15px; margin-bottom:15px}
.player-info .top dd span.debut
{
    float:right; 
    font-size:11px;
    margin-right:23px;
}

.staff-info .top
{
    text-align: center;
    background-color: #fff;
    border: 0;
}

.staff-info .bottom dl{padding-left:0px}
.staff-info .bottom dt{
	float:left;
	width:400px;
	font-size:12px;
	margin-bottom:15px;
	padding-left:15px;}
	
.staff-info .bottom dd{float: left; width:120px; font-size:15px; }

.player-info .bottom{padding:10px 0 15px 20px; overflow:hidden}
.staff-info .bottom{padding-bottom: 0;}
.player-info .bottom .column{
	display:inline;
	font-size:12px;
	font-weight:normal;}

.player-info .bottom .column {
	margin-top:6px;}
	
.player-info .bottom .columnmiddle
{
       margin-left:20px; 
}
.player-info .bottom .columnlast
{
    display:block;
}
	
a.media{display:block; position:relative}
a.media:hover{text-decoration:none}
a.fullscreen span{right:-8px; bottom:-7px}
a.media span{
	position:absolute;
	width:34px;
	height:34px;
	background:url('/gfx/ob/images/media.png') no-repeat;}
	
a.video span{
	left:50%;
	top:50%;
	margin:-17px 0 0 -17px;
	background-position:bottom}
	
#subsidebar a.media{margin-bottom:20px}
.contentTitle.wide{
	width:auto;
	clear:both;
	font-size:1.1em;}


/************************************************ Stadium Section ************************************************************/

#topstoryVertical.stadium-section{height:auto}
#topstoryVertical.stadium-section li{height:auto}
#topstoryVertical.stadium-section h1{font-size:41px; letter-spacing:-2px}
#topstoryVertical.stadium-section img{display:block}
#topstoryVertical.stadium-section .content{bottom:44px;	background:url('/gfx/ob/images/background-black-alpha-80.png')}
#topstoryVertical.stadium-section .btn{
	position:absolute;
	right:-8px;
	bottom:7px;}
	
#topstoryNavVertical.stadium-section li a{height:73px;}

#overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:black;
	opacity:0.8;
	filter:Alpha(opacity='80');
	z-index:15;}
/************************************************ Login ************************************************************/

.login-form{
	width:276px;
	height:283px;
	padding:21px 25px 21px 21px;
	font-size:12px;
	color:white;
	background:url('/gfx/ob/images/login.png') no-repeat;
    float:left;
}

.login-form.lightgreen{
	width:276px;
	height:283px;
	padding:21px 25px 21px 21px;
	font-size:12px;
	color:white;
	background:url('/gfx/ob/images/login-objunior.png') no-repeat;
        float:left;

}

.login-form.cc1887{
	width:276px;
	height:283px;
	padding:21px 25px 21px 21px;
	font-size:12px;
	color:white;
	background:url('/gfx/ob/images/login-cc1887.png') no-repeat;
        float:left;

}
	
.login-form .contentloginform{height:246px; overflow:hidden}
	
.login-form h2{
	margin:0 0 5px 0;
	font-size:30px;
	color:white;}
	
.login-form .form-item{margin-bottom:7px}
.login-form label{display:block; margin-bottom:2px}
.login-form label.login{margin-bottom:4px}
.login-form .field{
	width:270px;
	height:20px;
	padding:2px 3px;
	background:white;
	border:1px solid #cfcfcf;}
	
.login-form h3{color:white; font-size:16px; }

.login-form h4 {
    color: white;
    font-size: 21px;
    line-height: 35px;
    margin: 0 0 5px;

}

.login-form .cto{
	font-size:18px;
	font-weight:bold;
	color:#c950ff;
	text-decoration:none;}

.login-form .cto.cc1887{
	color:#669933;
}

.login-form .cto.lightgreen {
	color:#336600;
}
	


.login-form .left{float:left; margin-top:5px;}
.login-form .right{float:right; line-height:33px; margin-top:5px;}

.objuniorlink {color:#336600 !important;}
.cc1887link { color:#669933 !important;}


.login-form .form-submit{
	width:77px;
	height:32px;
	padding:0;
	font-weight:bold;
	color:white;
	background:url('/gfx/ob/images/login-btn.png') no-repeat;
	border:none;
	cursor:pointer;}
	
.objuniorbtn {
	background:url('/gfx/ob/images/login-btn-objunior.png') no-repeat !important;
}

.cc1887btn{
	background:url('/gfx/ob/images/login-btn-cc1887.png') no-repeat !important;
}

.login-form #contentloginform .statusmessage
{
    color:#C950FF;
    font-size:12px; 
    font-weight: bold; 
}

.login-page
{
	padding-left: 150px;
}

/************************************************ Profile Page ******************************************************/

.profile h2{font-size:20px; color:black}
.profile h2 img{margin-right:20px}
.profile dl{font-size:11px; background:#f5f5f5}
.profile dt{
	float:left;
	font-weight:bold;
	padding:18px 0.4em 0 20px;}
	
.profile dd{
	position:relative;
	padding:18px 0 16px;
	color:#888;
	border-bottom:1px solid #eaeaea;}
	
.profile .edit{
	margin-top:16px;
	padding:15px 20px 0;
	border-top:1px solid #eaeaea;
	}
	
.profile .form-item{
	/*position:relative;*/
	overflow:hidden;
	margin-bottom:6px;
	}
	
.profile label{
	float:left;
	width:170px;
	font-weight: normal;
	/*font-weight:bold;*/
	padding:2px 10px 0 0;
	color:black;
	text-align:right;}
.profile label.labelforinterestgroup
{
    padding:0px 10px 0 0;
}
	
.profile label .grey{color:#a2a5a6}
	
.profile .field{
	float:left;
	width:270px;
	height:15px;
	padding:2px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:white;
	border:1px solid #c4c4c4;}
	
.profile .field[disabled]{
	color:black;
	background:transparent;
	border:none;}
	
.profile .form-submit{
	float:right;
	height:20px;
	margin-right:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	color:#097bc8;
	background:url('/gfx/ob/images/profile-btn.gif') no-repeat top center;}
	
.profile .smallmargin{
	margin-right: 5px;}
	
.profile .removeimage
{
    margin-right:0px;   
}
	
.profile input.form-submit{border:none; cursor:pointer}
.profile a.form-submit, .profile span.form-submit{
	line-height:20px;
	padding-left:10px;
	background-position:top left;}
	
.profile a.form-submit:hover{text-decoration:none}
.profile a.form-submit span, .profile span.form-submit span{
	display:block;
	padding-right:10px;
	background:url('/gfx/ob/images/profile-btn.gif') no-repeat top right;}
	
.profile a.form-submit.edit-link,  .profile span.form-submit{
	margin-right:0;
	position:absolute;
	top:16px;
	right:20px;
	cursor:pointer;}
.profile a.form-submit:hover,
.profile span.form-submit:hover
{outline: none; cursor: pointer; text-decoration:none;background-position:bottom left;}
.profile a.form-submit:hover span,
.profile span.form-submit:hover span{background-position:bottom right;}


	
.profile ul li{margin-bottom:5px}
.profile .form-item .error{
	position:absolute;
	left:472px;
	top:0;
	color:black;}
	
.profile .select{overflow:hidden}
.profile .select > div{float:left}
.profile .select .form-submit{margin-right:0}

.profile .paddingbottom
{
    padding-bottom:20px;    
}
.profile label.childrenage
{
   color:#888888; 
}

.profile .hidefromstart
{
    display:none;    
}
.profile .interestgroup
{
    float:left;   
}
/*-----------------------------------------------browse btn */
.profile .form-item.file{margin-bottom:0}

.file input{
	display:inline;
	position:relative;
	z-index:2;
	width: 150px;
	margin-left:100px;
	}
	

/*Bug med IE 7*/
.fake-file{
	position:absolute;
/*	margin-left: 180px;*/
	margin-top:-25px;
    left:180px;
	width: 344px;
	z-index:1;}
	
.file .fake-file .field{
	position:static;
	float:left;
	width: 270px;
	margin:0;}
	
.fake-file .browse-btn{
	float:right;
	width:50px;
	margin: 1px 0 0 0;
	line-height:19px;
	font-size:9px;
	color:#555;
	background:url('/gfx/ob/images/browse-btn.jpg') no-repeat;
	text-align:center;
	cursor:pointer;}
	
.fake-file .browse-btn:hover{
	text-decoration: none;}
	
label.color_888{
	color: #888;}
	
.profile .form-submit.color_888,
.profile .select .form-submit.color_888,
.profile .form-item a.color_888{color: #097BC8;}
/*---------------------------------------------------currentMatch table*/
#content .elementNo_all {
	border-top:medium none;
	margin:0;
	padding: 0;}

.currentMatch_wrap{
	position: relative;
	margin: -15px 0 0 0;
	display: block;
	z-index: 3;}
	
.currentMatch{
	position: relative;
	margin: -15px 0 0 0;
	z-index: 3;}
	
.currentMatch thead th{
	font-size: 10px;
	color: #000;
	font-weight: bold;
	height: 28px;
	background: #e6e6e6 url('/gfx/ob/images/currentMatch_th.gif') repeat-x left top;}
	
.currentMatch td{
	padding: 4px 0 4px 0;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eaeaea;}
	
.currentMatch td.border_none{
	border-bottom: none;
	padding: 10px 0 3px 0;}
	
.currentMatch td.icon_currentMatch{
	text-align: center;
	vertical-align: top;}
	
.currentMatch td.currentMatch_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;}
		
.currentMatch td.currentMatch_date_two {
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #888888;}
	
.currentMatch td.currentMatch_match_two{
	padding: 0 0  13px 0;}
	
.currentMatch td.currentMatch_match a{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #097bc8;}
	
.currentMatch td.currentMatch_match span,
.currentMatch td.currentMatch_match_two span{
	float: left;
	margin: 0 0px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #888888;}

.currentMatch td.currentMatch_match .purpleBtn,
.currentMatch td.currentMatch_match_two .purpleBtn{
	float: left;
	margin: 1px 10px 0 5px;
	position: relative;
	height: 19px;
	padding: 0 0 0 5px;
	background: url('/gfx/ob/images/purpleBtn_l.gif') no-repeat left top;}
	
.currentMatch td.currentMatch_match .purpleBtn span,
.currentMatch td.currentMatch_match_two .purpleBtn span{
	height: 16px;
	margin: 0;
	padding: 3px 8px 0 0;
	background: url('/gfx/ob/images/purpleBtn_r.gif') no-repeat right top;
	color: #fff;
	font-size: 9px;} 
	
.currentMatch td.currentMatch_match .purpleBtn .circle,
.currentMatch td.currentMatch_match_two .purpleBtn .circle{
	width: 13px;
	height: 13px;
	position: absolute;
	right: -6px;
	top: 0px;
	text-align: center;
	color: #fff;
	font-size: 9px;
	line-height: 14px;
	background: url('/gfx/ob/images/circle.png') no-repeat right top;}
	
.currentMatch td.currentMatch_match .greyBtn,
.currentMatch td.currentMatch_match_two .greyBtn{
	float: left;
	margin: 1px 10px 0 5px;
	position: relative;
	height: 19px;
	padding: 0 0 0 6px;
	background: url('/gfx/ob/images/greyBtn_l.gif') no-repeat left top;}
	
.currentMatch td.currentMatch_match .greyBtn span,
.currentMatch td.currentMatch_match_two .greyBtn span{
	height: 16px;
	margin: 0;
	padding: 3px 7px 0 0;
	background: url('/gfx/ob/images/greyBtn_r.gif') no-repeat right top;
	color: #fff;
	font-size: 9px;} 
	
.currentMatch td.currentMatch_match .greyBtn .circle_grey,
.currentMatch td.currentMatch_match_two .greyBtn .circle_grey{
	width: 13px;
	height: 13px;
	position: absolute;
	right: -6px;
	top: 0px;
	text-align: center;
	color: #fff;
	font-size: 9px;
	line-height: 14px;
	background: url('/gfx/ob/images/circle_grey.png') no-repeat right top;}
	
.currentMatch td.currentMatch_match .bluBtn,
.currentMatch td.currentMatch_match_two .blueBtn{
	float: left;
	margin: 1px 10px 0 5px;
	position: relative;
	height: 19px;
	padding: 0 0 0 6px;
	background: url('/gfx/ob/images/blueBtn_l.gif') no-repeat left top;}
	
.currentMatch td.currentMatch_match .blueBtn span,
.currentMatch td.currentMatch_match_two .blueBtn span{
	height: 16px;
	margin: 0;
	padding: 3px 7px 0 0;
	background: url('/gfx/ob/images/blueBtn_r.gif') no-repeat right top;
	color: #fff;
	font-size: 9px;} 
	
.currentMatch td.currentMatch_match .blueBtn .circle_grey,
.currentMatch td.currentMatch_match_two .blueBtn .circle_blue{
	width: 13px;
	height: 13px;
	position: absolute;
	right: -6px;
	top: 0px;
	text-align: center;
	color: #fff;
	font-size: 9px;
	line-height: 14px;
	background: url('/gfx/ob/images/circle_blue.png') no-repeat right top;}
	
.contentTitle_small{
	width: 183px;
	padding: 0 0 0 10px;
	background: url('/gfx/ob/images/titleBackground.png') repeat-x scroll 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;}
	
#content .latest  .contentTitle_small{
	margin: 20px 0 20px 20px;}
	
#content .latest_No{
	margin-bottom: 0;}
	
#content .latest_No .contentTitle_small{
	margin: 20px 0 0px 20px;}
	
/*------------------------------video box */
.videoBox {
	float: left;
	width: 193px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f0f0f0;}
	
.videoBox h4 {
	font-size: 15px;}
	
.Videoplay{
	position: relative;
	height: 120px;
	margin: 6px 0 0 0;
	background: url('/gfx/ob/images/img_1.jpg') no-repeat left top;}
	
.Videoplay a.play{
	position: absolute;
	top: 43px;
	left: 75px;
	width: 44px;
	height: 44px;
	background: url('/gfx/ob/images/play.png') no-repeat left top;}
	
.Videoplay a.play:hover{text-decoration: none;}

/*------------------------------fanshop box */
.fanshopBox{
	position: relative;
	float: left;
	width: 193px;
	height: 127px;
	margin: 0 0 0 20px;
	background: url('/gfx/ob/images/img_2.jpg') no-repeat left top;}
	
.fanshopBox h4{
	padding: 12px 10px 0 10px;
	font-size: 15px;
	color: #fff;}
	
.fanshopBox a.btn{
	position: absolute;
	bottom: 15px;
	right: 10px;}
	
.topList{
	float: left;
	width: 193px;}
	
.topList p{margin: 0;}
	
.topList dd,
.topList dt{
	float: left;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eaeaea;}
	
.topList dt a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;}
	
.topList dt{width: 130px; padding: 1px 0 2px 10px;}
.topList dd{width: 43px; padding: 1px 10px 2px 0px; text-align: right;}
/*--------------------------------------------address box */
.address{
	width: 356px;
	padding: 22px 25px 20px 25px;
	background: #004f89 url('/gfx/ob/images/bkg_address.jpg') repeat-x left top;
	overflow: hidden;}
	
.addressMap{
	float: left;
	width: 183px;
	height: 111px;
	margin: 2px 0 0 0;}
	
.address address
{
    width: 146px;
	float: left;
	display: block;
	margin: 0 0 0 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;}
/*------------------------------------------------- roundMatch box*/

.roundMatch{}
.roundMatch .headline {
	height: 31px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	background: url('/gfx/ob/images/blackTitle.gif') repeat-x 0 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
	}
	
.roundMatch table{
	top: 0;}
	
.table.roundMatch  table td{
	font-weight: bold;
	color: #555555;}

.roundMatch table th.txtCenter,
.roundMatch table td.txtCenter{text-align: center;}
/************************************************ divTicketStats Div **************************************************/

#divTicketStats table tbody td{font-weight:normal; font-size: 12px; padding-left: 10px; color:#000; padding-top: 10px; padding-bottom:10px;}
#divTicketStats table tbody td.gray{color:#555; font-size: 12px;}
#divTicketStats table {margin-bottom: 10px;}
#divTicketStats table.currentMatch thead th{height: 20px; padding: 10px 10px 5px 10px; font-size: 13px; line-height: 13px;}
#divTicketStats table.currentMatch thead th.icon{padding: 10px; width: 31px;}
#divTicketStats table.currentMatch thead th span{font-size: 10px; color: #555; font-weight: normal;}
#divTicketStats table tbody tr.white{background:#fff}
#divTicketStats table tbody tr.white{background:#fff}

/************************************************ Calendar Table **************************************************/

.calendar .headline .left{float:left}
.calendar .headline .right{
	float:right;
	margin-right:20px;
	font-size:14px;}
	
.calendar .headline .select-blue{
	width:175px;
	line-height:normal;
	margin:10px 0 0 20px;}
	
.calendar .select-blue .label{
	display:block;
	width:140px;
	line-height:20px;
	padding:0 23px 0 10px;
	font-size:12px;
	background:url('/gfx/ob/images/select-blue.gif') no-repeat;
	cursor:pointer;}

.calendar table{top:0; border-bottom:1px solid #eee}
.calendar .month-select{
	height:32px;
	line-height:32px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:white;
	background:url("/gfx/ob/images/matchDetailsNav.jpg");
	padding: 0px;}
	
.calendar .month-select .left{float:left; margin:13px 0 0 205px}
.calendar .month-select .right{float:right; margin:13px 205px 0 0}

.table table tbody td.grey{color:#9d9e9f}
.table table tbody td.center,
.table table thead th.center{ text-align: center;} 
.calendar table tbody td{font-weight:bold; color:#555}
.calendar table tbody tr.white{background:#fff}
/*----------------------------------------tableGoal table*/
.tableGoal td{
	padding: 1px 0 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
.tableGoal td.grey{color:#9d9e9f}

/* custom */

.menuspacer {height: 15px; width: 980px; }

.hidden { display: none; }

.payment { color:white; text-align:center }

.payment h1, .payment h2 { color:white; text-align:center }

.error h5{ color:white; text-align:center }

.btnpayment
{
	cursor: pointer;
	padding-left: 210px;
}

.btnpayment span
{
	font-size: 16px !important;
	width: 175px;
}

/* contest & votebox */

.contestbox, /* org darkBox*/
.votebox 
{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 12px 12px 12px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #162c3b url('/gfx/ob/images/darkBox.gif') repeat-x left top;
}

.newsCol1LeftImage .contestbox,
.newsCol1LeftImage .votebox
{
	min-height: 176px;
	_height: 176px;
}

.contestbox h2,
.votebox h2
{
	font-family: Arial, Helvetica, sans-serif;
}

.newsCol1LeftImage h2
{
	font-size: 25px;
}

.contestbox .btnPurpleSmall
.votebox .btnPurpleSmall
{
	/*margin-top: 20px;*/
}

.contestbox input,
.votebox input
{
	float: left;
	width: 22px;
}

.contestbox div,
.votebox div
{
	float: left;
	padding-top: 10px;
	padding-bottom: 4px;
	/*text-decoration: underline;*/
}

.contestbox .btnPurpleSmall,
.votebox .btnPurpleSmall
{
	float: left;
	margin-top: 10px;
}

/************************************* votebox **********************************/

.votebox 
{
	width: 169px;
}

.newsCol1LeftImage .votebox
{
	width: 372px;
}

.votebox div
{
    width: 162px;
}

.newsCol1LeftImage .votebox div
{
	width: 365px;
}

.votebox label
{
	float: left;
	width: 130px;
}

.newsCol1LeftImage .votebox label
{
	width: 336px;
}

.votebox img
{
	float: left;
	width: 162px;
	height: 1px;
}

.votebox span.result
{
	float: left;
	width: 162px;
}

.newsCol1LeftImage .votebox img,
.newsCol1LeftImage .votebox span.result
{
	width: 365px;
}

/************************************* contestbox **********************************/

.contestbox
{
    margin: 15px 0; 
}

.contestbox
{
	width: 383px;
}

.newsCol1LeftImage .contestbox
{
	width: 372px;
}

.contestbox label
{
	float: left;
	width: 352px;
}

.newsCol1LeftImage .contestbox label
{
	width: 341px;
}

.contestbox img
{
	float: left;
	width: 374px;
	height: 1px;
}

.newsCol1LeftImage .contestbox img
{
	width: 374px;
}


.votespacer
{
	width: 193px;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ececec;
}

/********************************* Google map *******************************************/

.addressMap #googlemap
{
    width:184px;
    height:113px;    
}
.addressMap #googlemap div span, .addressMap #googlemap div a, .addressMap #googlemap span 
{
    display:none;    
}


/********************************* Validation *****************************************/
.validationsummary{
    border: 1px solid #C7C7C7; 
    background-color: #f8efcd;
    float:left;
}
.validationsummary ul{ margin : 0px;}

.validationsummary ul li{
    list-style-type:none;
    padding: 1px 5px;
    color:#097BC8;
}

.validationsummaryprofile{
    border: 1px solid #C7C7C7; 
    background-color: #f8efcd;
    width: 200px;
    margin-bottom:20px;
}
.validationsummaryprofile ul{ margin : 0px;}

.validationsummaryprofile ul li{
    list-style-type:none;
    padding: 1px 5px;
    color:#097BC8;
        margin : 0px;
}

.validationsummarynofloat{ border-top: 1px solid #1A76B2; }

.validationsummarynofloat ul{
    margin : 0px;
    margin-top:20px;
}
.validationsummarynofloat ul li{
    list-style-type:none;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
.validationsummarypayment  ul li{   list-style-type:none; padding: 5px 0 10px 0;}
.validationsummarynofloatusrstep2{
    border-top:1px solid #1A76B2;
    margin:0 auto;
    width:580px;
}

.validationsummarynofloatusrstep2 ul {
    margin: 0px;
    padding: 10px;
    
}

.validationsummarynofloatusrstep2 ul li {
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    list-style-type:none;
    padding-top: 4px;
}

/* FileUpload */
.fileuploadcontainer{display:block;}
.fileuploadfont{font-size:11px;}
.fileuploadcontent{margin-right:18px;}
#validationsummaryFileUpload{ visibility: hidden;}


/*Spillede kampe*/
.matchimage
{
    margin-top:10px;    
}

/*B2B børs*/
.messageboardfile
{
    opacity:0;    
}

/*Newslist_small*/

.articlewidgetfooter
{
    margin-left:85px;    
}


/*Topmodule logoer*/

#topstoryVertical.kampe-section img.topimagemargin,  img.topimagemargin  
{
 display:inline;
 margin: 0 5px;
}

/*Kampkalenderen*/
.tournementmonthsection
{
  overflow:auto;
  height:50px; 
  width:505px; 
  margin:0 auto; 
  padding-top:30px;
  color:black; 
  font-size:13px; 
  font-weight:bold;  
    
}
.tournementmonthsection span.lefttext
{
   float:left;
   padding-right:5px; 
   margin-right:5px; 
}
.tournementmonthsection .righttext
{
    float:left;
    margin:0 5px 0 20px;    
}
.tournementmonthsection div.selectbox
{
    float:left;    
}
.tournementmonthsection div.selectbox select
{
    width:173px;    
}
.calendar .nomatches
{
     line-height: 20px;
     font-weight: normal;
     color: #9d9e9f;
     text-align: center;
}
.notournement
{
    width:200px; 
    margin:5px auto;
    
}
.printmatchcalender
{
   float:right !important;
   margin-top:5px;
       
}

/*Payment confirm*/
.formList .clubcode
{
    width:455px;
    margin:0 auto;    
}

.formList .clubcode a, /* custom */
.formList .clubcode a:hover,
.formList .clubcode a:focus
{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}


/*************************** Talentsektion ********************************/
h2.blue-grad {
	background: url(/gfx/ob/images/gradient-dark-to-blue.jpg);
	font-size: 17px;
	line-height: 46px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 15px;
}

.fff-links a {
	color: #ffffff;
}

.fff-links h2 {
	font-size: 17px;
	line-height: 46px;
}

.two-cols-wrapper h2.blue-grad {
	margin-bottom: 25px;
}

.two-cols-wrapper .two-cols {
	background: url(/gfx/ob/images/two-cols-bg.png) repeat-y 415px 0px;
}

.two-cols-wrapper .two-cols h3 {
	font-size: 14px;
	color: #000000;
	margin-bottom: 18px;
}

.two-cols-wrapper .two-cols .left-column {
	width: 404px;
	float: left;
}

.two-cols-wrapper .two-cols .right-column {
	width: 194px;
	float: right;
}

.two-cols-wrapper .two-cols .left-column dl dt {
	width: 95px;
	font-size: 12px;
	float: left;
	padding-right: 19px;
	margin-bottom: 10px;
}

.two-cols-wrapper .two-cols .left-column dl dt a {
	display: block;
}

.two-cols-wrapper .two-cols .left-column dl dd {
	width: 290px;
	font-size: 12px;
	float: left;
	min-height: 70px;
	margin-bottom: 10px;
}

.two-cols-wrapper .two-cols .left-column dl dd ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.two-cols-wrapper .two-cols .left-column dl dd ul li {
	padding: 0px;
	margin-bottom: 3px;
}

.two-cols-wrapper .two-cols .right-column ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 13px;
}

.two-cols-wrapper .two-cols .right-column ul li {
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 5px;
}

.two-cols-wrapper .two-cols .right-column ul li strong {
	width: 50px;
	display: block;
	float: left;
	margin-right: 2px;
}

.arrow-pink-new
{
    width:15px; height:14px;
    background: url(/gfx/ob/images/arrow-pink-new.png);
    background-repeat:no-repeat;    
}

.close-button
{
    width:21px; height:20px;
    background: url(/gfx/ob/images/close.gif);
    background-repeat:no-repeat;
}



/***** PAGEFLIP - START *****/

#pageflip 
{
    position: absolute;
    right: 0;
    top: 0;
    display: block;   
/**	position: relative; **/
}
#pageflip img {
	width: 65px; height: 67px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 65px; height: 65px;
	position: absolute;
	z-index: 9;
	right: 0; top: 0;
	/* background: url(/gfx/hotel/subscribe.png) no-repeat right top; */
	text-indent: -9999px;
	color:#000;
	background-repeat:no-repeat;
	background-position:right top;
}

/***** PAGEFLIP - ENDD *****/



/***** TWITTER *******/

.tweet,
.query {
	font: 120% Georgia, serif;
	color: #303030;
}

	.tweet_list {
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color: #f5f5f5;
	}
	
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			list-style-type: none;
		}
		
			.tweet_list li a {
				color: #097bd9;
			}
		
		.tweet_list .tweet_even {
			background-color: #e9eaeb;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
            
/****** TWITTER ******/


.user {
	display: none;	
}

.user .error { border: red solid 2px;
}
.user label.error { display: none !important; }

/********  billetter  ******/

#billetter #row1 { width:940px; height:260px; }
#billetter #row1 #cell1 { width:368px; height:241px; margin-right:18px; float:left; }
#billetter #row1 #cell2 { width:372px; height:241px; margin-right:18px; float:left; }
#billetter #row1 #cell3 { width:163px; height:241px; float:left; }
/*
#billetter #row1 #cell1 { width:368px; height:240px; margin-right:20px; float:left; }
 */

#billetter #row2 { width:940px; height:153px; }
#billetter #row2 #cell4 { width:460px; height:133px; margin-right:20px; float:left; }
#billetter #row2 #cell5 { width:460px; height:133px; float:left;  }

#billetter #row3 { width:940px; height:153px; }
/*#billetter #row3 #cell6 { width:460px; height:133px; margin-right:20px; float:left; }*/

#billetter #row4 #cell6 { width:940px; height:133px; }


#billetter #row3 #cell6 .login-form { width:414px; height:300px; background-image:url(/gfx/ob/bg-login.png); }


#billetter #row3 #cell6 .login-form .statusmessage { color:#C950FF; }
#billetter #row3 #cell6 .login-form .link { color:#2a90d4; }
#billetter #row3 #cell6 .login-form .link-w { color:#fff; }

#billetter #row3 #cell6 .login-form .field{
	width:408px;
	height:35px;
	padding:2px 3px;
	background:white;
	border:1px solid #cfcfcf;

}

#billetter #row3 #cell7 { width:460px; height:133px; float:left;  }

#billetter #row4 {  width:940px; height:153px; }
#billetter #row4 #cell8 { width:940px; height:133px; }

#billetter #row5 { width:940px; height:220px; }
#billetter #row5 #cell9 { width:300px; height:200px; margin-right:20px; float:left; }
#billetter #row5 #cell10 { width:300px; height:200px; margin-right:20px; float:left; }
#billetter #row5 #cell11 { width:300px; height:200px; float:left; }

/********  billetter  ******/



#club-ob:focus {
	outline: 0;	
}
#club-ob .clear {
	clear: both;	
}
#club-ob {
	font-family: Helvetica, Arial, sans-serif;	
	/*margin-bottom: 20px;*/
    padding-left:20px;
    padding-right:20px;
}
#club-ob-bar {
	background-image: url(/gfx/ob/topbar/bar-green-bg.png);
	height: 65px;
	position: relative;		
}
#club-ob-bar.blue {
	background-image: url(/gfx/ob/topbar/bar-blue-bg.png);
	height: 45px;
	overflow: hidden;			
}

#club-ob-bar.lightgreen {
	background-image: url(/gfx/ob/topbar/bar-lightgreen-bg.png);
	height: 65px;
	position: relative;		
}

#club-ob-bar #my-memberships {
	background-image: url(/gfx/ob/topbar/bar-vertical-stroke.png);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
	width: auto;
	height: 63px;
	padding-left: 18px;
	padding-right: 18px;	
}
#club-ob-bar #my-memberships.blue {	
	height: 45px;		
}
#club-ob-bar #my-memberships #obplus {
	margin-top: 15px;
	float: left;		
}
#club-ob-bar #my-memberships #ob {
	margin-top: 23px;
	float: left;		
}
#club-ob-bar #my-memberships.blue #ob {
	margin-top: 13px;
	float: left;		
}

#club-ob-bar #my-memberships.blue #obplus {
	margin-top: 7px;
	float: left;		
}




#club-ob-bar #my-memberships #clubcarlsberg {
	margin-top: 20px;
	margin-left: 10px;
	float: left;	
}
#club-ob-bar #my-cards {
	margin-top: 15px;
	width: 110px;	
	padding-left: 18px;
	padding-right: 18px;	
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 48px;
	float: left;	
}
#club-ob-bar #my-cards.lightgreen {
    color:#000;
    width: 180px;	
	margin-top: 25px;
	height: 38px;


}
#club-ob-bar #my-cards #my-cards-dropdown {
	position: relative;	
}
#club-ob-bar #my-cards #my-cards-dropdown-selected {
	cursor: pointer;
}
#club-ob-bar #my-cards #my-cards-dropdown-selected #btn-cards-down {
	background-image: url(/gfx/ob/topbar/btn-cards-down.png);
	display: block;
	float: right;
	width: 9px;
	height: 7px;
	margin-top: 3px;
}
#club-ob-bar #my-cards #my-cards-dropdown-selected .shorten {
	width: 100px;
	white-space: nowrap;  
  	overflow: hidden;  
  	text-overflow: ellipsis;  
  	-o-text-overflow: ellipsis;  
  	-ms-text-overflow: ellipsis;
}
#club-ob-bar #my-cards #my-cards-dropdown-selected #btn-cards-up {
	background-image: url(/gfx/ob/topbar/btn-cards-up.png);
	display: block;
	float: right;
	width: 9px;
	height: 7px;
	margin-top: 3px;
	display: none;
}
#club-ob-bar #my-cards #my-cards-dropdown ul {
	height: 0px;
	width: 150px;
	overflow: auto;
	background-color: #013e25;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	position: absolute;
	left: -5px;
	top: 20px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;	
	border-bottom-color: #092b1a;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	border-left-color: #092b1a;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #092b1a;
	border-right-style: solid;
	border-right-width: 1px;
	display: none;
}
#club-ob-bar #my-cards #my-cards-dropdown ul li {	
	height: 20px;	
	overflow: hidden;			
}
#club-ob-bar #my-cards #my-cards-dropdown ul li a {
	display: block;
	padding: 5px;	
	color: #fff;
	text-decoration: none;
	height: 20px;	  
  	display:block;  	  
  	white-space: nowrap;  
  	overflow: hidden;  
  	text-overflow: ellipsis;  
  	-o-text-overflow: ellipsis;  
  	-ms-text-overflow: ellipsis;			
}
#club-ob-bar #my-cards #my-cards-dropdown ul li a:hover {
	opacity: 0.5;
}
#club-ob-bar #my-status {
	float: right;
	width: auto;
	margin-right: 65px;
	margin-top: 8px;	
    cursor:pointer;
}
#club-ob-bar #my-status #stars {
	height: 15px;
	margin-bottom: 5px;	
}
#club-ob-bar #my-status #stars .star {
	background-image: url(/gfx/ob/topbar/icon-star.png);
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;	
}
#club-ob-bar #my-status #stars .star.active {
	background-image: url(/gfx/ob/topbar/icon-star-active.png);	
}
#club-ob-bar #my-status #progress {
	background-color: #092b1a;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	height: 9px;
	padding-top: 1px;			
}
#club-ob-bar #my-status #progress #progress-indicator {
	background-image: url(/gfx/ob/topbar/indicator.png);	
	margin-left: 1px;
	margin-right: 1px;	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	height: 8px;
	display: block;	
	width:0px;	
}
#club-ob-bar #my-status #hearts {
	height: 27px;	
    margin-top:-9px;
}
#club-ob-bar #my-status #hearts .heart {	
	position: relative;
	display: block;
	width: 15px;
	height: 27px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;		
}
#club-ob-bar #my-status #hearts .heart.active {
	background-image: url(/gfx/ob/topbar/icon-heart-2.png);
	cursor: pointer;	
}
#club-ob-bar #my-status #hearts .heart.active.completed {
	background-image: url(/gfx/ob/topbar/icon-heart-active-2.png);	
}
#club-ob-bar #my-status #hearts .heart .text {	
	width: 119px;
	position: absolute;
	left: -54px;
	bottom: 20px;
	display: none;		
    z-index:1100;	
}
#club-ob-bar #my-status #hearts .heart .text-top {	
	background-image: url(/gfx/ob/topbar/box-top.png);
	height: 4px;
	line-height: 4px;		
}
#club-ob-bar #my-status #hearts .heart .text-middle {	
	background-image: url(/gfx/ob/topbar/box-middle.png);
	padding: 10px;		
}
#club-ob-bar #my-status #hearts .heart .text-middle h3 {
	font-size: 11px;
	color: #097bc8;
	padding: 0px;
	margin: 0px;
}
#club-ob-bar #my-status #hearts .heart .text-bottom {	
	background-image: url(/gfx/ob/topbar/box-bottom.png);
	height: 10px;
	line-height: 10px;		
}
#club-ob-bar #my-status-text {
	color: #ccb77e;
	font-size: 12px;
	font-weight: bold;
	line-height: 63px;
	float: right;
	margin-right: 10px; 
}

#club-ob-bar #my-status-text.lightgreen {
	color: #000;
}

#club-ob-bar #btn-info {
	background-image: url(/gfx/ob/topbar/bar-vertical-stroke.png);
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 55px;
	height: 65px;
	top: 0px;
	right: 0px;		
}
#club-ob-bar #btn-info.blue {
	height: 45px;	
}
#club-ob-bar #btn-info a#btn-info-down,
#club-ob-bar #btn-info a#btn-info-up {
	background-image: url(/gfx/ob/topbar/btn-info-down.png);
	background-position: 20px center;
	background-repeat: no-repeat;
	display: block;
	width: 55px;
	height: 65px;			
}
#club-ob-bar #btn-info.blue a#btn-info-down,
#club-ob-bar #btn-info.blue a#btn-info-up {
	background-position: 20px 15px;
}
#club-ob-bar #btn-info a#btn-info-up {
	background-image: url(/gfx/ob/topbar/btn-info-up.png);
	display: none;
}
#club-ob-bar #btn-info a:hover {
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: 0.5;	
}
#club-ob-info {
	background-image: url(/gfx/ob/topbar/dropdown-green-bg.png);
	background-position: left bottom;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;	 
}
#club-ob-info.blue {
	background-image: url(/gfx/ob/topbar/dropdown-blue-bg.png);
	background-position: left bottom;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;	 
}
#club-ob-info.lightgreen {
	background-image: url(/gfx/ob/topbar/dropdown-lightgreen-bg.png);
	background-position: left bottom;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;	 
}
#club-ob-info #info-left,
#club-ob-info #info-right {
	width: 302px;
	float: left;
	height: 205px;	
}
#club-ob-info #info-right {
	width: 638px;	
}
#club-ob-info #info-left img {
	border: 3px solid #fff;
	border-radius: 5px;
	margin-top: 25px;
	margin-left: 18px;
	margin-right: 18px;
	float: left;	
}

#club-ob-info #info-left img.lightgreen {
	border: 0;
    margin: 0;

}

#club-ob-info #info-left h2 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	float: left;
	width: 131px;		
	margin-top: 25px;
	overflow: hidden;
}
#club-ob-info #info-left.lightgreen h2 {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	float: left;
	width: 131px;		
	margin-top: 25px;
	overflow: hidden;
}
#club-ob-info #info-right ul {	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
    width:620px!important;
    background:none !important;
}
#club-ob-info #info-right ul li {	
	background-image: url(/gfx/ob/topbar/btn-info-go.png);
	float: left;
	width: 292px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	margin-bottom: 11px;	
}
#club-ob-info #info-right ul li img {
	margin-top: 8px;
	margin-left: 10px;
}
#club-ob-info #info-right ul li a {
	color: #097bc8;
	text-decoration: none;
	line-height: 45px;
	display: block;
	width: 242px;
	padding-left: 50px;	
}

#club-ob-info #info-right ul.lightgreen li a {
	color: #000;
	text-decoration: none;
	line-height: 45px;
	display: block;
	width: 242px;
	padding-left: 50px;	
}

#club-ob-info #info-right ul li:hover {
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.9;
}
#club-ob-info #info-right ul li a.icon-shop {
	background-image: url(/gfx/ob/topbar/icon-shop.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
#club-ob-info #info-right ul li a#icon-ticket {
	background-image: url(/gfx/ob/topbar/icon-ticket.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
#club-ob-info #info-right ul li a#icon-forum {
	background-image: url(/gfx/ob/topbar/icon-forum.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;	
}
#club-ob-info #info-right ul li a#icon-gift {
	background-image: url(/gfx/ob/topbar/icon-gift.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
#club-ob-info #info-right ul li a#icon-info {
	background-image: url(/gfx/ob/topbar/icon-info.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
#club-ob-info #info-right ul li a.icon-signout {
	background-image: url(/gfx/ob/topbar/icon-signout.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;	
}

#club-ob-info #info-right ul li a.#ctl00_MenuMain_clubvictorbar_LinkButton1 {
	background-image: url(/gfx/ob/topbar/icon-signout.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;	
}

#club-ob-info #info-right ul li a#icon-status {
	background-image: url(/gfx/ob/topbar/icon-heart-btn.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;	
}

#club-ob-name {
	float: left;
	height: 148px;	
}

#club-ob-name.lightgreen {
	float: left;
	height: 108px;	
}
.club-ob-signout {
	color: #097bc8;
	font-size: 12px;
	text-decoration: none;
	height: 33px;
	line-height: 33px;
	display: block;
	width: 82px;
	padding-left: 33px;
	background-image: url(/gfx/ob/topbar/btn-signout.png);
	background-repeat: no-repeat;
	float: left;		
}
.club-ob-signout:hover {
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.9;
    text-decoration:none;
}


#other-content {
	background-color: #01491f;
	height: 400px;	
}
#other-content.blue {
	background-color: #085188;	
}


/* ---------- CLUB CARLSBERG 1887 ---------- */

/* TITLE BAR */

#club-carlberg-title-bar {
	background: url("/gfx/ob/cc1887-overview/title-bar-bg.png") repeat;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
}

#club-carlberg-title-bar.lightgreen {
	background-color: #000;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
}

#club-carlberg-title-bar h1 {
	color: #ffffff;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
    line-height:40px;
}

/* MY STATUS */

#club-carlsberg-my-stutus {
	text-align: center;
	width: 940px;
	color: #ffffff;
	width: 100%;
	padding-bottom: 30px;
	background: #009434 url("/gfx/ob/cc1887-overview/club-carlsberg-my-stutus-bg.png") repeat-y;
}

#club-carlsberg-my-stutus.lightgreen {
	text-align: center;
	width: 940px;
	color: #ffffff;
	width: 100%;
	padding-bottom: 30px;
	background: #009434 url("/gfx/ob/clubvictor-overview/club-ob-junior-my-status-bg.png") repeat-y;
}


#club-carlsberg-my-stutus h2 {
	color: #ccb77e;
	font-weight: bold;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 5px;
}

#club-carlsberg-my-stutus.lightgreen h2 {
	color: #000;
}

#club-carlsberg-my-stutus p {
	margin-top: 0;
	font-size: 12px;
}

#club-carlsberg-my-stutus small {
	font-size: 11px;
	font-weight: bold;
}

#club-carlsberg-my-stutus.lightgreen small, #club-carlsberg-my-stutus.lightgreen p  {
    color:#000;
}

/* Matches */

#my-matches {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

#my-matches ul {
	list-style: none;
	padding: 0;
	margin: 17px 0 0 0;
	width: 100%;
	font-size: 12px;
	text-align: left;
}

#my-matches ul li {
	padding: 0 20px 0 20px;
	height: 30px;
	line-height: 30px;
	color: #99b9a2;
}

#my-matches ul li.odd {
	background: url("/gfx/ob/cc1887-overview/match-list-odd-bg.png") repeat;
}

#my-matches ul li .star {
	margin-right: 20px;
	float: left;
	width: 20px;
 	height: 30px;
  	background: url('/gfx/ob/cc1887-overview/star-faded.png') no-repeat center;
}

#my-matches ul li .match {
	float: left;
	width: 180px;
	margin-right: 20px;
	font-weight: bold;
}

#my-matches ul li .date {
	float: left;
	width: 80px;
}

#my-matches ul li .time {
	float: left;
	width: 80px;
}

#my-matches ul li.seen {
	color: #ffffff;
}

#my-matches ul li.seen .star {
 	background: url('/gfx/ob/cc1887-overview/star-golden.png') no-repeat center;
}

#my-matches ul li.missed {
	color: #99b9a2;
}

#my-matches ul li.missed .match {
	text-decoration: line-through;
}

#my-matches ul li.missed .date {
	text-decoration: line-through;
}

#my-matches ul li.missed .time {
	text-decoration: line-through;
}




#my-matches.lightgreen ul li {
	padding: 0 20px 0 20px;
	height: 30px;
	line-height: 30px;
	color: #335915;
}

#my-matches.lightgreen ul li.seen {
	color: #000;
}

#my-matches.lightgreen ul li.missed {
	color: #335915;
}


/* bonusses */

#my-bonusses {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

#my-bonusses ul {
	list-style: none;
	margin: 0;
	padding: 0 20px;
	text-align: left;
}

#my-bonusses ul li {
	padding: 10px 0;
	border-bottom: 1px dashed #688b79;
	width: 100%;
}

#my-bonusses ul li .ob-heart {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 20px;
 	background: url('/gfx/ob/cc1887-overview/heart-faded.png') no-repeat center;
}

#my-bonusses ul li .bonus-content {
    width:380px;
	float: left;
}

#my-bonusses .bonus-title {
	color: #589121;
	font-size: 15px;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
}

#my-bonusses .bonus-dates {
	font-size: 11px;
	color: #a4b2aa;
}

#my-bonusses .bonus-dates span:first-child {
	margin-left: 0;
}

#my-bonusses .bonus-dates span {
	margin: 0 10px;
}

#my-bonusses ul li.active .ob-heart {
 	background: url('/gfx/ob/cc1887-overview/heart-golden.png') no-repeat center;
}

#my-bonusses ul li.active .bonus-title {
	color: #95d51c;
}

#my-bonusses.lightgreen ul li {
	padding: 10px 0;
	border-bottom: 1px dashed #345a15;
	width: 100%;
}

#my-bonusses.lightgreen .bonus-dates {
	font-size: 11px;
	color: #2a3c05;
}

#my-bonusses.lightgreen .bonus-title {
	color: #345a15;

}

#my-bonusses.lightgreen ul li.active .bonus-title {
	color: #000;
}

.reveal-modal h1.lightgreen { color:#345a15;}


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 620px;
		background: #eee url(/gfx/reveal/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

    .footballschool td {
        padding-bottom:10px;
    }

    .footballschool td input {
        border: 1px solid #000;
        padding: 5px;
        width: 215px;
    }
    
    .footballschool td textarea {
        border: 1px solid #000;
        padding: 5px;
    }

    .footballschool td select {
        border: 1px solid #000;
        padding: 5px;
    }
    
    .footballschool input .accept {
        width: 15px !important;
    }


    .footballschoolitem {
        width: 50px;
    }


.AdvertisementFanshop {width: 300px; height: 210px;padding-bottom: 20px; }
.AdvertisementFanshop div { position: absolute; }
.AdvertisementFanshop .Hidden { display: none; }

.AdvertisementBanner {width: 620px; height: 169px; }
.AdvertisementBanner div { position: absolute; }
.AdvertisementBanner .Hidden { display: none; }


.gosee-top 
{
    background: url(/gfx/ob/images/bkg_nav.gif) repeat-x scroll left top rgba(0, 0, 0, 0); 
    display: block; color:#fff; 
    padding-left:5px; 
    padding-top:6px; 
    height:24px;
}
.gosee-head{
    background: url(/gfx/ob/images/currentMatch_th.gif) repeat-x scroll left top #e6e6e6; 
    color: #000; 
    font-size: 11px; 
    font-weight: bold; 
    height: 28px;
}
.gosee-tr-light { background-color:#F5F5F5; }
.gosee-tr-dark { background-color:#E9EAEB; }
.goseeinput { font-size:14px; padding-left:5px; width:170px;  padding-top:5px; padding-bottom:5px; }
.goosee-box { width:100%; margin-bottom:15px; }
.goseebutton { font-size:15px; height:28px; }
.goseenr {font-size: 14px; font-weight: bold; float: left; }
.goseebtn { float:left; }

.goseetext ul { list-style-position: outside; padding-left:20px; }

.radiolist {  width:200px !important; } 
.radiolist label {  margin-right:10px; margin-left:5px; margin-top:-2px; } 
.radiolist input {  padding: 0 !important; width:8px !important; } 

.radiolist_raekke {  width:200px !important; } 
.radiolist_raekke label {  margin-right:10px; margin-left:5px; margin-top:-2px; } 
.radiolist_raekke input {  padding: 0 !important; width:8px !important; } 
