﻿ /*------------------------------------------------------------------
	PROPEOPLE
	layout.css
	
	[Table of contents]
	1. Body
	2. Typography
	3. Frame
	4. Navigation
	5. Page elements
	
-------------------------------------------------------------------*/

/* [1. Body
----------------------------------------------- */

body {
	position:relative;
	display:block;
	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;
}

body.sections {
	background: #eba000 url(/gfx/ob/images/sections-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       { text-decoration: none; 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;	
}

#mainarea {
	margin:0 auto;
	clear:both;
	padding:20px;
}
#content {
	float:left;
	width:620px;
}
#sidebar {
	float:right;
	width:300px;
}

#subcontent {
	float:left;
	width:406px;
}
#subsidebar {
	float:right;
	width:193px;
}

/* topheader */

#topheader {
	height:27px;
	background:#000;
}
#topheader ul {
	float: left;
	margin: 0px;
}

#topheader ul ul.dropdown {
	display: none;
	width: 125px;
	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.dropdown li {
	float: none;
	padding: 2px 7px;
}

#topheader ul li:hover ul.dropdown {
	display: block;
}



#topheader ul ul.dropdown li a {
	line-height: normal;
	font-weight: bold;
	color: #adcde7;
}

#topheader ul li a:hover,
#topheader ul li.active a {
	background: url(/gfx/ob/images/blue-grad-27.png) repeat-x 0px 0px;
	text-decoration: none;
}

#topheader ul ul.dropdown li a:hover {
	background: transparent;
	color: #ffffff;
}

#topheader ul li.active ul.dropdown li a {
	background: transparent;
}


#topheader .searchbtn {
	float:right;
	margin:5px 0 0 0;
}


#topheader .search {
	float:right;
	border:none;
	background:url('/gfx/ob/images/inputSearch.png');
	width:150px;
	height:15px;
	padding:2px 5px 0 5px;
	margin:5px 0 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#00345b;
}
#topheader .btnSponsorLogin {
	background:url('/gfx/ob/images/Sponser-Logind.png') no-repeat;
float:right;
height:30px;
margin:-6px 0 0 10px;
text-indent:-9000px;
width:120px;
}


/* header */

#header {
	display: block;
}
#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;
	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 #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;
}

/* 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: -7px 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.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;
	/* text styling */
	font-size:11px;
	color:#adcde7;
}
#header ul li ul li a.current,
#header ul li ul li a:hover {
	color:#fff;
	background:none;
}
#header ul ul {
	display: none;
}
#header ul li:hover ul {
    display: block;
}
#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; }

/* 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: normal;		
}
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;		
}
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 */

#topstory {
	width:620px;
	height:411px;
	list-style-type:none;
	margin:0;
}
#topstory li {
	/*width:620px;
	height:411px;*/
	width:590px;
	height:	236px;
	background-position:left top;
	background-repeat:no-repeat;
	padding:175px 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;
}

/* topstoryNav */

#topstoryNav {
	margin:-12px 0 25px 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:60px;
	overflow:hidden;
	padding:20px 15px 11px 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:14px;
}
.iteminfo em {
	float:left;
	margin:0 2px;
	color:#999;
}
.element .iteminfo {
	margin:5px 0;
}
.nomargin {
margin-bottom:15px;
margin-top:-7px;
border:none !important;
}
.articlewidgetfooter
{
    margin-top:-10px !important;
}
.iteminfo, .category, .date, .comments {
	font-size:14px;
}
.element .iteminfo, .element .category, .element .date, .element .comments {
	font-size:10px;
}
.iteminfo .category,
.iteminfo .date {
	color:#999;
	float:left;
}
.iteminfo .comments {
	float:left;
	background:url('/gfx/ob/images/icons/comments.png') no-repeat left center;
	padding:0 0 0 13px;
	color:#000;
	font-weight:normal;
}
.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:2px 0 0 0;
}
.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;
}
.iteminfo .lock {
	background:url('/gfx/ob/images/icons/lock.png') no-repeat;
    height:23px;
    margin:-4px 0 0 -10px;
    text-indent:-9000px;
    width:18px;
    float:left;
}
.iteminfo .customstyleforaddthissicons
{
    margin:4px 2px 0px;
}
.iteminfo .customstyleforaddthissiconslock
{
margin:-4px 1px 0 -8px;
}
/* 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;
}

/* newsCol1Wide */

.newsCol1Wide {
	font-size:12px;
	margin-bottom:-15px;
}
.newsCol1Wide p {
	margin:0;
}
.newsCol1Wide .iteminfo {
	border-top:1px solid #f5f5f5;
	padding:5px 0 0 0;
}
.newsCol1Wide a {
	font-weight:bold;
}
.newsCol1Wide .datespan {
	float:left;
	font-size:11px;
	color:#7c7c7c;
	margin:0 10px 0 0;
}
.newsCol1Wide h2 {
	font-size:14px;
}

.newsCol1Wide img {
	float:left;
	/*margin:4px 10px 10px 0;*/
	margin:4px 5px 10px 0;
}
.newslink {
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 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;
}
.bannerCol2 .right {
    float: right;
}

/* fanshop */

.fanshop {
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	width:294px;
	min-height:242px;
	border:3px #ebebeb solid;
	margin:0 0 5px 0;
	position:relative;	
}
.fanshop .content {
	background:url('/gfx/ob/images/fanshopOverlay.png') left top no-repeat;
	width:274px;
	position:absolute;
	bottom:0;
	padding:10px 10px 5px 10px;
}
.fanshop .content .left {
	float:left;
	width:125px;
}
.fanshop .content .right {
	float:right;
	width:125px;	
}
.fanshop .content .left h3 {
	font-size:20px;
	color:#004c7f;
	margin:0 0 5px 0;
}
.fanshop .content .right h3 {
	font-size:19px;
	color:#1883cb;
}
.fanshop .content .right h3 span {
	color:#000;
	display:block;
}
.fanshopLink {
	font-weight:bold;
	font-size:12px;
}

/* fanshopSidebar */

.fanshopSmall {
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	width:187px;
	min-height:154px;
	border:3px #ebebeb 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 */

#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;
}


/* latest */

.latest {
	margin:0 0 20px 0;
	position:relative;
}
.contentTitle {
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	width:210px;
	background:url('/gfx/ob/images/titleBackground.png') repeat-x;
	font-size:11px;
	line-height:23px;
	font-weight:bold;
	color:#fff;
	display: block;
}
#subsidebar .contentTitle {
	width:183px;
}
#content .latest .contentTitle {
	margin-left:20px;
}
#content .latest {
	position:relative;
	width:640px;
	margin-left:-20px;
}
.latest img {
	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;	
	line-height:32px;
	position:absolute;
	left:0;
	bottom:0px;
	width:300px;
}
.match .details .navMatch a {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
.match .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;
}
.match .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;
}
.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 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;
}
.match .nav .content img {
	border:1px #456c8d solid;
	margin:0 0 10px 0;
	display:block;
}
.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;
}


/* 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 */
.newsoverview ul.main,
.matchCalendar 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;
}

.newsoverview ul.main li a,
.matchCalendar 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;
}

.matchCalendar ul.main li a {
	padding: 0px 20px;
	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:0;
	list-style-type:none;
}
/*.newsoverview ul.news li {
	background:#f5f5f5;
	border-bottom:1px #eaeaea solid;
	padding:7px 10px 7px 10px;
	font-size:11px;
	line-height:130%;
	color:#000;
	float:left;
	width:280px;
}*/
.newsoverview ul.news li a {
	color:#097bc8;
	font-weight:bold;
}
.newsoverview ul.news li.disabled {
	background:#ebebeb;
    /* opacity */
    opacity:0.6;	
	border-bottom:1px #d8d8d8 solid;
}




/* matches */

.matches {
}
.matches .headline,
.sub-element .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 */

.newsoverviewSidebar {
}
.newsoverviewSidebar .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;	
}

/* news */
.newsoverviewSidebar ul.news {
	margin:0;
	list-style-type:none;
	padding:0 0 10px 0;
	border-bottom:1px #eaeaea solid;
}
.newsoverviewSidebar ul.news li {
	padding:12px 0 0 0;
	font-size:11px;
	line-height:130%;
	color:#000;
	float:left;
	width:100%;	
}
.newsoverviewSidebar ul.news span {
	display:block;
}
.newsoverviewSidebar ul.news li a {
	color:#097bc8;
	font-weight:bold;
}

/* 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 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 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}
	
td.alt{background:white}
tr.alt td.alt{background:#f1f1f1}

.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 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;

}

.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:right;}

.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}


/* blogpost */

.topPic img {
	clear:both;
	display:block;
}
.topPic .caption {
	font-size:11px;
	color:#000;
	margin:2px 0 30px 0;
	display:block;
}
.hline {
	border-bottom:1px #ececec solid;
	height:1px;
	margin:0 0 10px 0;	
}

/* gallery */

.gallery {
	position:relative;
}
.gallery .nav {
	background:url('/gfx/ob/images/galleryOverlay.png') left top repeat-x;
	height:30px;
	line-height:30px;
	padding:0 10px;
	position:absolute;
	left:0;
	bottom:0;
	width:600px;
	font-size:10px;
	color:#097bc8;
	font-weight:bold;
}
.gallery .nav a.previous {
	float:left;
	color:#565656;
}
.gallery .nav a.next {
	float:right;
}

/* galleryNav */

.galleryNav {
	margin:20px 0 30px 0;
}
.galleryNav a.previous {
	background:url('/gfx/ob/images/arrowLeft.png') left top no-repeat;
	width:19px;
	height:44px;
	float:left;
	margin:0 19px 0 0;
}
.galleryNav a.next {
	background:url('/gfx/ob/images/arrowRight.png') left top no-repeat;
	width:19px;
	height:44px;
	float:right;	
}
.galleryNav a.next:hover,
.galleryNav a.previous:hover {
	background-position: left center;	
}
.galleryNav a.unactive {
	background-position:left bottom ;
}

.galleryNav .thumbs {}
.galleryNav .thumbs img {
	border:1px solid #fff;
	float:left;
	margin:0 8px 0 0;
}
.galleryNav .thumbs .current img,
.galleryNav .thumbs img:hover {
	border:1px solid #0873bb;
}



/* 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;
}
.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 a.left {
	float:left;
}
#sidebar .adimages a.right {
	float:right;
}
/*.adimages a img {
	padding:1px;
	border:1px solid #dcdcdc;
}*/

/* vote */

.vote {
	padding:5px 0 0 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/icons/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/icons/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;
	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,
.navWrapper ul li a.act{
	color: #fff;
	text-decoration: none;
	background: url('/gfx/ob/images/bkg_nav_hover.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_left{
	float: left;}
	
#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;}
	
.mySponsor{
	float: left;
	width: auto;
	height: 29px;
	padding: 13px 14px 0px 14px;
/*	background: url('/gfx/ob/images/myClub.gif') no-repeat top left;}*/
	background-color: #207BC7;
	border-right:1px solid #206BC7;}
	
.mySponsor span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;}
	
.mySponsor 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;}
	
.underNav_right{
	float: right;
	width: 140px;
	padding: 10px 10px 0px 0px;}
	
#header .underNav_right ul{
	width: auto;
	margin: 0;
	background: none;}
	
#header .underNav_right ul li{
	background: none;
	display: inline;
	height: auto;}
	
#header .underNav_right ul li a{
	background: none;
	padding: 0px 30px 0 0;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;}
	
#header .underNav_right ul li a:hover{
	text-decoration: underline;}
	
#header .underNav_right a.btn{
	margin: 1px 0 0 0;
	float: right;}

/*---------------------------------------------------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: 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;}
	
.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
{
    cursor: pointer !important;
	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;}

/*-------------------------------- 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;}
	
.prevStep,
.nextStep{
	position: absolute;
	top: 13px;
	width: 8px;
	height: 7px;
	/*background-image: url('/gfx/ob/images/arrow.png');*/
	background-repeat: no-repeat;
	/*overflow: hidden;*/
	}
	
.prevStep{
	left: 10px;
	background-position: bottom left;}
	
.nextStep{
	right: 10px;
	background-position: top left;}
	
.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;
	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_inner{
	width: 620px;
	padding: 25px 0 30px 0;
	background: url('/gfx/ob/images/bkgRecovery.png') 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: 1px;
	background: url('/gfx/ob/images/bkgRecovery_bottom.png') 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{
	float: left;
	display: inline;
	padding: 86px 0 17px 0;
	margin-left: 1px;
	width: 275px;}
	
.columnOB{
	background: url('/gfx/ob/images/ClubOb.png') no-repeat 30px 36px;}
	
.columnOB_plus{
	background: url('/gfx/ob/images/ClubObPlus.png') no-repeat 30px 36px;
	margin-left: 28px;}
	
.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;}
	
.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;}
	
.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;}
	
.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 50px 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;
	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_bottom{
	height: 2px;
	background: url('/gfx/ob/images/bkgRecovery_bottom.jpg') no-repeat top left;}
	
.formList{
	padding: 30px 20px 20px 20px;}

.formList div{
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;}

.formList label{
	float: left;
	width: 117px;
	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: 450px;
	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{
	width: 100%;
	height: 1px;
	margin: 20px 0;
	color: #1a76b2;
	background-color: #1a76b2;
	border: 0;
	clear: both;}
	
.formList div.bigSelect select{
	float: left;
	width: 274px;
	font-weight: bold;}
	
.formList div.bigSelect .question,
.formList div .question{
	position: relative;
	float: left;
	width: 20px;
	height: 23px;
	background: url('/gfx/ob/images/question.png') no-repeat left 3px;
	clear: none;}
	
.formList div.question .description_wrapp,
.activity-popup.description_wrapp {
	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,
.activity-popup .description_inner {
	width: 160px;
	padding: 25px 20px 13px 30px;
	margin: 0;
	background: url('/gfx/ob/images/description_top.png') no-repeat left top;}

.formList div.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;}
	
.formList div.question .description_inner a.delete{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;}
	
.formList div.question .description_inner a.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;}
	
.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;}
	
.btnPurpleBig span img{margin: 0 0 -8px 0;}
	
.btnPurpleBig:hover{
	text-decoration: none;}
	


/* 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{clear:left; padding-top:10px}
.formAdd .checkBoxList .disclaimer label{font-size:14px; text-transform:uppercase}
	
.checkBoxList .disclaimer .description{
	display:block;
	padding-left:25px;
	line-height:12px;}
	
/************************************************** 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 110px 20px 130px;
	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:60px; 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}

/************************************************** 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}

/************************************************ 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 #909090}
.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");}
	
.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}
.calendar table tbody td{font-weight:bold; color:#555}
.calendar table tbody tr{background:white}

/*--------------------------------------------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{
	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;
	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;
	text-align: center;}
	
.roundMatch table{
	top: 0;}
	
.table.roundMatch  table td{
	font-weight: bold;
	color: #555555;}

.roundMatch table th.txtCenter,
.roundMatch table td.txtCenter{text-align: center;}

/*-------------------------------------------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;}
	
/*---------------------------------------------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;
	font-size: 20px;}
	
.matchBig_box .details .info span{
	font-size: 13px;
	color: #95aec0;}
	
.matchBig_box .details .info span.tv{
	color: #fff;}
	
.matchBig_box .details .info span.tv img{
	margin: 0 0 -10px 10px;}
	
.matchBig_buttonBox{
	clear: both;
	padding: 23px 0 0 44px;
	overflow: hidden;}
	
.matchBig_buttonBox a.btn{
	margin-right: 8px;}
	
.matchBig_buttonBox a.btn.btnPurple{font-weight: bold;}

.matchBig_bottomBox{
	overflow: hidden;
	padding: 15px 0 0 50px;
	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_title.gif') repeat-x left bottom;}
	
.matchBig_titleLeft.matchBig_titleLight{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: 18px;
	font-weight: bold;
	color: #fff;}	
	
.headline_center {
	height: 31px;
	margin: 0 0 15px 0;
	padding: 0;
	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;
	text-align: center;}
	
.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;}
	
/*----------------------------------------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}

/***************************************************** 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,
.photo-carousel .description h3{color:white}

.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}
.photo-carousel .rotator .next{float:right; margin:23px 9px 0 0}
.photo-carousel .rotator > div{
	width:532px;
	overflow:hidden;
	margin:-4px auto 0;
	padding-top:8px;}
	
.photo-carousel .rotator ul{width:2000px}
.photo-carousel .rotator li{
	float:left;
	list-style:none;
	width:59px;
	height:55px;
	margin-bottom:50px;
	background:black;}
	
.photo-carousel .rotator li a{
	display:block;
	margin:0 2px;
	border:1px solid white;}
	
.photo-carousel .rotator li a:hover,
.photo-carousel .rotator li a.active{
	position:relative;
	margin:-6px -2px 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;}
.photo-carousel .rotator li a:hover img,
.photo-carousel .rotator li a.active img{opacity:1;}

/***************************************************** 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 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}

.team-all{position:relative}
.team-all .btnPurpleSmall{
	position:absolute;
	right:10px;
	bottom:11px;}
	


/***************************************************** Player Info **************************************************/

.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 a.right{
	line-height:18px;
	margin-top:14px;
	font-size:15px;
	padding-right:75px;
	color:#3797e6;
	background:url('/gfx/ob/images/circle-arrow-down.png') no-repeat right;}
	
.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}
.player-info .top .team-name{
	float:left;
	width:125px;
	margin-top:10px;
	padding-bottom:25px;
	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:130px;
	font-size:13px;}
	
.player-info .top dd{font-size:25px; margin-bottom:20px}

.player-info .bottom{padding:0 0 15px 20px; overflow:hidden}
.player-info .bottom .column{
	float:left;
	width:150px;
	font-size:12px;
	font-weight:normal;}
	
.player-info .bottom .column strong{
	display:block;
	margin-top:15px;}
	
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;
	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;}
	
.login-form #contentloginform{height:246px; overflow:hidden}

	
	
.login-form form{height:246px; overflow:hidden}
	
.login-form h2{
	font-size:30px;
	color:white;}
	
.login-form .form-item{margin-bottom:15px}
.login-form label{display:block; margin-bottom:3px}
.login-form .field{
	width:270px;
	height:20px;
	padding:2px 3px;
	background:white;
	border:1px solid #cfcfcf;
	margin-bottom:-9px;}
	
.login-form h3{color:white}
.login-form .cto{
	font-size:18px;
	font-weight:bold;
	color:#c950ff;
	text-decoration:none;}
	
.login-form .left{float:left; margin-top:5px;}
.login-form .right{float:right; line-height:32px; margin-top:5px;}

.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;}

/************************************************ 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 .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:113px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#097bc8;
	background:url('/gfx/ob/images/profile-btn.gif') no-repeat center;}
	
.profile input.form-submit{border:none; cursor:pointer}
.profile a.form-submit{
	line-height:20px;
	padding-left:10px;
	background-position:left;}
	
.profile a.form-submit:hover{text-decoration:none}
.profile a.form-submit span{
	display:block;
	padding-right:10px;
	background:url('/gfx/ob/images/profile-btn.gif') no-repeat right;}
	
.profile a.form-submit.edit-link{
	margin-right:0;
	position:absolute;
	top:16px;
	right:20px;}
	
.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}



/*-----------------------------------------------browse btn */
.profile .form-item.file{margin-bottom:0}

.file input{
	display:inline;
	/*float:right;*/
	position:relative;
	z-index:2;
	width: 150px;
	margin-left:200px;}

.fake-file{
	position:absolute;
	left: 180px;
	top:0;
	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:default;}
	
.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: #888;}

/********************************************* Sponsor Edit Info Page ***********************************************/

.sponsor-page .sponsor-logo{border:1px solid #e3e3e3}
.sponsor-page h2{margin-bottom:40px}

.select-white-bluearrow{overflow:hidden}
.select-white-bluearrow .label,
.select-white-bluearrow .label:hover{
	display:inline;
	float:left;
	width:206px;
	line-height:19px;
	padding:0 23px 0 8px;
	color:#636363;
	text-decoration:none;
	background:white url('/gfx/ob/images/select-blue-arrow.gif') no-repeat right;
	border:1px solid #c4c4c4;}
	
.sponsor-page .form-item.textarea{width:396px}
.sponsor-page .form-item.textarea p{margin-bottom:3px}
.sponsor-page .form-item.textarea textarea{
	width:394px;
	height:127px;
	border:1px solid #c4c4c4;}
	
.sponsor-page .form-item.textarea .form-submit{margin:0 0 0 10px}
.sponsor-page .form-submit.second{margin-right:10px}

	
/*------------------------------------------*/
.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;}

/**************************************************************************** OB new psds 02.06 */

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;
}

.seven-cols p.headline {
	padding-left: 10px;
}

.seven-cols table {
	top: 0px;
}

.seven-cols table th {
	text-transform: capitalize;
}

.seven-cols table tbody td {
	padding: 3px 5px;
	text-align: center;
	vertical-align: bottom;
}

.seven-cols table tbody td.first {
	padding-left: 10px;
	vertical-align: top;
}

.tal,
.seven-cols table tbody td.tal {
	text-align: left;
}

.galleryBox {
	float: left;
	width: 193px;
	margin: 0px 20px 35px 0px;
	padding: 0px;
}

.galleryBox a {
	display: block;
}

.galleryBox h4 {
	font-size: 12px;
}

.galleryBox  .iteminfo {
	margin: 5px 0px 2px;
}

.galleryBox  .iteminfo .category {
	color: #999999;
}

.gallery-wrapper .last {
	margin-right: 0px;
}

ul.pager {
	background: url(/gfx/ob/images/blackTitle.gif) repeat-x 0px bottom;
	list-style-type: none;
	padding: 5px 10px;
	margin: 0px;
	overflow: hidden;
}

ul.pager li {
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 3px 0px 0px;
}

ul.pager li.pager-current {
	padding-left: 5px;
}

ul.pager li.pager-current span {
	padding: 0px 2px 0px 0px;
	text-decoration: underline;
}

ul.pager li a {
	font-size: 11px;
	color: #ffffff;
	padding: 0px 2px 0px 0px;
}

ul.pager li.pager-item a {
	color: #ffffff;
}

ul.pager li.pager-prev {
	padding-right: 170px;
}

ul.pager li.pager-next {
	float: right;
}

.rel-position {
	position: relative;
}

.collapsableBox {
	display: none;
	position: absolute;
	top: 45px;
	left: 0px;
}

.collapsableBox .dark-box {
	background: url(/gfx/ob/images/85-opacity-black-bg.png) repeat 0px 0px;
	padding: 30px 28px 0px 0px;
}

.collapsableBox .players-list .column {
	margin-bottom: 15px;
}

.player-info h2 a.closed {
	background-image: url(/gfx/ob/images/circle-arrow-down.png);
}

.player-info h2 a.open {
	background-image: url(/gfx/ob/images/circle-arrow-up.png);
}

/* sections page activite calendar */

.activityCalendar-listing {
	background: #000000;
}

.activityCalendar-listing ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.activityCalendar-listing ul li {
	padding: 10px 13px;
	border-bottom: 1px solid #2c2c2c;
}

.activityCalendar-listing ul li.odd {
	background: #10212c url(/gfx/ob/images/petrol-grad.png) repeat-x 0px 0px;
}
.activityCalendar-listing .oddbottom {
	background-color: #10212C;
}
.activityCalendar-listing .noevents
{
    color:#097BC8;    
    font-weight:bold;
    padding-right:20px;
}

.activityCalendar-listing ul li a.image-holder {
	display: block;
	width: 60px;
	float: left;
}

.activityCalendar-listing ul li .activiteInfo {
	width: 198px;
	float: right;	
}

.activityCalendar-listing ul li .timestamp {
	display: block;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
}

.activityCalendar-listing ul li a {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
}

.see-all {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding:5px 10px 5px 183px;
	/*float: right;*/
}

.sections .category {
	font-size: 11px;
	font-weight: bold;
	color: #e98c1c;
}

a.announce-block {
	background: #000000 url(/gfx/ob/images/announce-bg.png) no-repeat 0px 0px;
	width: 280px;
	display: block;
	font-size: 12px;
	color: #ffffff;
	padding: 22px 10px 10px;
}

a.announce-block .announce-title {
	display: block;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 8px;
}

a.announce-block .announce-subtitle {
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
}
.activitydescription a
{
    color:white;
}
.activitydescription a:hover
{
   text-decoration:underline;
}
.activitiesCalendar-big {
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}

.activityCalendar-table table {
	border-collapse: collapse;
}

.activityCalendar-table table thead th {
	background: url(/gfx/ob/images/activity-th-bg.png) repeat-x 0px 0px;
	width: 14.28%;
	height: 35px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
	padding-top: 6px;
}

.activityCalendar-table table td {
	height: 111px;
	vertical-align: top;
	border: 1px solid #a9cae5;
    width :79px;
}

.activity-cell-wrapper {
	height: 103px;
	padding: 4px;
    width  :79px;


}

.has-activity {
	background: url(/gfx/ob/images/has-activity-bg.png) repeat-x 0px 0px;
	
	position: relative;
}
.has-activity .activity-img, .has-activity .activity-info{cursor: pointer;}
  .has-activity .activity-info:hover{text-decoration:underline;}
.activity-img {
	width: 60px;
	height: 45px;
	float: left;
}

.activity-date {
	width: 18px;
	float: right;
	font-size: 15px;
	text-align: right;
	color: #004d81;
}

.prev-month .activity-date {
	color: #7fa6c0;
}

.has-activity .activity-date {
	color: #00b5ff;
}

.activity-info {
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	margin-bottom:4px;
}

.activity-popup.description_wrapp {
	background: url(/gfx/ob/images/cal-description_bottom.png) no-repeat center bottom;
	display: none;
	width: 279px;
	top: 0px;
	left: 82px;
	z-index: 1000;
	padding-bottom: 5px;
}

.activity-popup .description_inner {
	background-image: url(/gfx/ob/images/cal-description_top.png);
	padding: 25px 20px 10px 20px;
	width: 239px;
}

.activity-popup .description_inner a.delete {
	height: 15px;
	position: absolute;
	right: 7px;
	top: 5px;
	width: 15px;
}

.activity-popup .description_inner a.delete:hover {
	text-decoration: none;
}

.activity-popup,
.activity-popup p,
.activity-popup label,
.activity-popup h2,
.activity-popup h3 {
	color: #ffffff;
	font-size: 11px;
}

.activity-popup h2 {
	font-size: 14px;
	margin-bottom: 0px;
}

.activity-popup h3 {
	font-size: 13px;
}

.activity-popup input,
.activity-popup textarea {
	border: 1px solid #0089c3;
	padding: 2px;
}

.activity-popup textarea {
	width: 232px;
	height: 66px;
}

.activity-popup .timestamp {
	margin-bottom: 14px;
}

.activity-popup .timestamp a{
	color:White;
}
.activity-popup .timestamp a:hover{
	text-decoration:underline;
}

.activity-popup .small-floating-input,
.activity-popup .big-non-floating-input {
	margin-bottom: 10px;
}

.activity-popup .small-floating-input input {
	width: 24px;
}

.activity-popup .big-non-floating-input {
	margin-bottom: 5px;
}

.activity-popup .big-non-floating-input input {
	width: 232px;
}

.activity-popup .btn {
	float: right;
	margin-left: 5px;
}

.print {
	background: url(/gfx/ob/images/print-icon.png) no-repeat 0px 0px;
	padding-left: 22px;
	float: left;
	color: #000000;
}

.activitiesCalendar-big .iteminfo {
	font-size: 12px;
}

.visit-sposnors h2 {
	margin-bottom: 0px;
}

.visit-sposnors-body {
	background: #000000 url(/gfx/ob/images/announce-bg.png) no-repeat 0px 0px;
	padding: 10px 30px;
}

.visit-sposnors-body select,
.col-240 select {
	width: 237px;
	padding: 2px 0px;
	font-size: 12px;
	text-align: center;
	margin-bottom: 9px;
}

.teaser {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	margin: 18px 0px 16px;
}

.sponsors h2 {
	font-size: 20px;
	margin: 7px 0px 24px 0px;
}

.sponsors h3 {
	font-size: 15px;
	margin-bottom: 13px;
}

.col-192 {
	width: 193px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.sponsors .last {
	margin-right: 0px;
}

.sponsors .col-192 label {
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.sponsors .col-192 input {
	width: 187px;
	padding: 2px;
	border: 1px solid #227ac5;
}

.sponsors .btnPurpleSmall {
	float: right;
}

.col-240 {
	width: 240px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.sub-element-body {
	background: #f5f5f5;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 5px 15px 8px;
}

.sub-element-body ul {
	list-style-type: none;
	padding: 0px;
	margin: 18px 0px 0px;
}

.sub-element-body ul li {
	font-size: 12px;
	line-height: 18px;
}

.sub-element-body ul li a {
	color: #000000;
}

.sponsors #subcontent,
.sponsors #subcontent p,
.sponsors #subcontent ul li {
	line-height: 18px;
}

.sponsors #subcontent h3 {
	font-size: 14px;
	color: #000000;
	margin: 0px;
}

.sponsors #subcontent p {
	margin-bottom: 20px;
}

.sponsors #subcontent ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sub-element-body ul.ppl-listing {
	list-style-type: none;
	padding: 0px;
	margin: 4px 0px 0px;
}

.sub-element-body ul.ppl-listing li {
	padding-bottom: 3px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 10px;
}

.sub-element-body ul.ppl-listing li a.image-holder {
	display: block;
	margin-bottom: 5px;
}

.sub-element-body ul.ppl-listing li a {
	color: #097bc8;
}

.contact-listing ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.contact-listing ul li {
	font-size: 12px;
	padding-bottom: 19px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 16px;
}

.contact-listing ul li img {
	float: left;
}

.contact-listing ul li h3 {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 15px;
}

.contact-listing-info {
	width: 480px;
	float: right;
}

.contact-listing ul li ul li {
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.contact-listing ul li ul li strong {
	float: left;
	min-width: 40px;
	margin-right: 5px;
}

#content.news-listing .element {
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-bottom: 1px solid #ECECEC;
	margin: 0px 0px 20px;
}

#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.medium-label {
	width: 111px;
}
.news-sorting label.small-label {
	width: 30px;
}

/* 15.06 */

.image-wrapper {
	display: block;
	margin-bottom: 20px;
}

a.gray-btn {
	background: url(/gfx/ob/images/graybtn-left-right.png) no-repeat 0px 0px;
	height: 19px;
	display: block;
	float: right;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	color: #888888;
	padding: 0px 0px 0px 3px;
	overflow: hidden;
}

a.gray-btn span {
	background: url(/gfx/ob/images/graybtn-left-right.png) no-repeat right -19px;
	display: block;
	padding: 0px 3px 0px 0px;
}

a.gray-btn span span {
	background: url(/gfx/ob/images/graybtn-middle.png) repeat-x 0px 0px;
	padding: 4px 7px;
}

a.gray-btn:hover {
	color: #ffffff;
	text-decoration: none;
}

.collapsable-listing {
	border-top: 1px solid #ececec;
	margin-bottom: 30px;
}

.collapsable-listing .item {
	border-bottom: 1px solid #ececec;
	padding: 10px 0px 0px;
	margin-bottom: 10px;
}

.collapsable-listing .item .left-side {
	width: 540px;
	float: left;
	font-size: 12px;
	line-height: 17px;
	padding-top: 5px;
	min-height:65px;
	_height:65px;
	position:relative;
}
.backgroundImage
{
    background-image:url("/gfx/ob/images/btb_boers_bg_bottom.png");
    background-repeat:repeat-x;
    height:17px;
  /*  filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;*/

    position:absolute;
    top:63px;
    width:538px;  
    cursor:pointer; 
}
.smallView
{
    
    height:75px; 
    overflow:hidden;    
}
.collapsable-listing .item .collapsable-content {
	display: none;
}

.collapsable-listing .item .image-holder {
	display: block;
	width: 60px;
	float: left;
	margin: 5px 10px 0px 0px;
}

.collapsable-listing .item .timestamp {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #7c7c7c;
	margin: 0px 10px 0px 0px;
}

.collapsable-listing .item .item-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #097bc8;
}

.collapsable-listing .item p {
	font-size: 12px;
	line-height: 17px;
}

.bulletin-post .file {
	position: relative;
	overflow: hidden;
}

.bulletin-post .form-item {
	margin-bottom: 20px;
}

.bulletin-post .form-text,
.bulletin-post textarea {
	font-family: Helvetica, Arial, sans-serif;
	width: 283px;
	font-size: 12px;
	color: #7f7f7f;
	padding: 4px 8px;
}

.bulletin-post textarea {
	height: 182px;
}

.bulletin-post .fake-file {
	left: 0px;
	width: 360px;
}

.bulletin-post .file .fake-file .field {
	width: 296px;
}

.bulletin-post .form-submit {
	background: #004e8e;
	height: 24px;
	width: 114px;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 10px;
	text-align: left;
	border: 1px solid #90b2ce;
	border-right-color: #001220;
	border-bottom-color: #001220;
}
/*********************Modal****************************/
.modalbackground 
{
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.80;
}

/* 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;
}
/*Sponsor kalender*/
.activity-popup .validation
{
font-weight:bold;
  margin-bottom:14px;  
}
/********************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;
}

