body { background: url('/_img/pattern_nb.png') repeat top left; }


#header { position: relative !important; margin-bottom: 10px;  }

body > .container { background: #fff;  }

.box { margin-top: 15px; }
.box-title { font-family: 'Oswald', sans-serif; font-size: 21px; color: #1a1a1a; line-height: 40px; }

.box-title-top:before 	{ content: ' '; display: block; width: 110px; border-top: 4px solid #39a7e6; margin-top: -4px; margin-left: -10px; }
.box-title-top 			{ border-top: 4px solid #eaeaea; padding-left: 8px; }

.box-title-blue 	{ background: #007CBA; color: #fff; padding-left: 10px; }
.box-title-group 	{ color: #007CBA; } 

.box-title-bottom { background: none; border-bottom: 1px solid #66beec; color: #66beec; padding-left: 10px; }

.box-container {}


.box-gallery .row 		{ padding-right: 11px; padding-left: 11px; }
.box-gallery .row > div { position: relative; padding: 4px; }
.box-gallery-image 		{ width: 100%; }
.box-gallery-icon 		{ position: absolute; bottom: 4px; right: 4px; padding: 4px 8px; background: #555; color: #fff; }


.share-box 			{ display: table; width: 100%; }
.share-box > li 	{ display: table-cell; width: 20%; }
.share-box > li > a { display: block; padding: 10px 0; text-align: center; color: #fff; font-family: 'Oswald', sans-serif; }

@media (max-width: 767px) {
	.share-box > li 	{ font-size: 9px; }
}

.share-box > li.fb { background: #153774; }
.share-box > li.tw { background: #00AEFF; }
.share-box > li.gp { background: #E13939; }
.share-box > li.em { background: #999999; }
.share-box > li.yy { background: #E34600; }
.share-box > li.wa { background: #2AB200; }
.share-box > li.cropy { background: #eeda00; text-align: center; vertical-align: middle; }
@media (max-width:767px){
	.share-box > li.cropy 	{  vertical-align: top !important; }
	.cropy > div 			{ margin-top: 17px !important; }
}
.media-view 				{ background: #f8f8f8; margin-top: 2px !important; }
.media-view .media-object 	{ height: 50px; }
.media-view .media-body 	{ vertical-align: middle; }
.media-view .media-body a 	{ color: #1a1a1a; text-decoration: none; }
.media-view .media-body h4 	{ font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 700; line-height: 120%; }
.media-view .media-right 	{ vertical-align: middle; font-size: 24px; padding: 12px; }


#footer	 		{ background: #39a7e6; padding: 20px 0;  }
#footer nav 	{ font-size: 12px; color: #fff; text-align: center; }
#footer nav > a { display: inline-block; padding: 4px 8px; color: #fff; text-decoration: none; }

.footer-text 	{ margin-top: 20px; color: #fff; text-align: center; font-size: 12px; line-height: 140%; }

.content-gallery-row > div 	{ margin-bottom: 15px; }
.content-gallery-row > div > a	{ color: #444; text-decoration: none; }
.content-gallery-row > div img 	{ width: 100%; }
.content-gallery-row > div h3 	{ padding: 8px; margin: 0; height: 55px; line-height: 140%; border-bottom: 4px solid #2a6cb6; overflow: hidden; background: #f7f7f7; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;  }

.table-league { width: 100%; font-family: 'Oswald', sans-serif; font-size: 14px; }
.table-league tr > td { width: 10%; padding: 6px !important; text-align: center; }
.table-league > thead > tr { background: #007cba; color: #fff; } 
.table-league > thead > tr:first-child { text-align: left; }
.table-league > tbody > tr { background: #f5f5f5; border-top: 2px solid #fff; color: #1a1a1a; }
.table-league > tbody > tr > td { }

.table-league .td-team-logo img { width: 24px; vertical-align: middle; }
.table-league .td-team-name 	{ width: 40%; text-align: left; }
.table-league .td-team-name > a { color: #1a1a1a; text-decoration: none; }

.pd-tab-finals { display: none; }


.table-fixture 			{ width: 100%; font-family: 'Oswald', sans-serif; font-size: 14px;  }
.table-fixture tr 		{ background: #F5F5F5; border-top: 3px solid #fff; }
.table-fixture tr > td 	{ padding: 6px !important; text-align: center; }

.table-fixture .td-team-logo img 	{ width: 48px; vertical-align: middle; }
.table-fixture .td-team-name 		{ width: 25%; vertical-align: middle; }
.table-fixture .td-team-name > a 	{ font-size: 18px; color: #1a1a1a; text-decoration: none; }
.table-fixture .td-team-info 		{}

.tr-title 		{ background: transparent !important; }
.tr-title > td 	{ padding: 0px !important;  }

.table-fixture .tr-title 		{ background: #007cba !important; color: #fff; } 
.table-fixture .tr-title > td 	{ padding: 6px !important; }	

#tournamentStatus .table-fixture .td-team-logo img { width: 32px; }
#tournamentStatus .table-fixture .td-team-name > a { font-size: 14px; }
#tournamentStatus .box-title-date { font-family: 'Oswald', sans-serif; font-size: 15px; }

#tournamentStatus .match-score 			{ display: table; width: 100%; font-size: 18px; }
#tournamentStatus .match-score > span 	{ display: inline-block; background: #fff; padding: 2px 8px; }


.pd-tabs 		{ display: table; width: 100%; }
.pd-tabs > div 	{ display: table-cell; width: 50%; padding: 4px; }

.pd-stage 		{ width: 100%; height: 30px; border-color: #39A7E6; font-family: 'Oswald', sans-serif; font-size: 16px; }
.pd-weeks			{ text-align: center; }
.pd-weeks > a 		{ display: inline-block; font-size: 18px; color: #007CBA; padding: 0 15px;  }
.pd-weeks > span 	{ display: inline-block; font-family: 'Oswald', sans-serif; font-size: 13px; }

.box-tabs 					{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; background-color: #1F518C; }
.box-tabs > li 				{ display: table-cell; width: 1%; }
.box-tabs > li > a 			{ display: block; color: #fff; text-align: center; text-decoration: none; font-family: 'Oswald',sans-serif; font-size: 13px; }
.box-tabs > li:hover > a, 
.box-tabs > li.active > a 	{ background: #39a7e6; color: #fff;}


.btn-load 		{ background: #1F518C; font-family: 'Oswald', sans-serif; font-size: 15px; color: #fff; margin-bottom: 15px !important;  }
.btn-load:hover { background: #39A7E6; color: #fff; text-decoration: none; }

#toTop 			{ display: none; position: fixed; bottom: 10px; right: 10px; }
#toTop > img 	{ width: 60px; }