@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* Body */

body {
	background: #f66401;
	color: #555;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 62.5%; /* Resets font-size to 10px */
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

/* Typography */

a {
	color: #ff7b00;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #ffac00;
	border: 0;
	outline: 0;
}

p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

em {
	font-style: italic;
}

strong {
	color: #222;
	font-weight: bold;
}

.small {
	color: #999;
	font-size: .9em;
	margin: 0 0 8px 0;
	padding: 0;
	display: block;
	text-transform: uppercase;
	}

h1, h2, h3, h4, h5 {
	color: #333;
}

h1 {
	font-size: 3.2em;
	width: 145px;
	float: left;
	height: 45px;
	background: url('images/qrodo_branding.png') 0 0 no-repeat;
}

h1 span {
	color: #fff;
	display: none;
	}

h2 {
	color: #333;
	font-size: 2.6em;
	line-height: 1em;
	margin: 0 0 .5em 0;
}

h3 {
	color: #333;
	font-size: 1.8em;
	margin: 0 0 .5em 0;
}

h3.onair {
	font-size: 1.8em;
	line-height: 1.5em;
	background: url('images/icon_onair.png') 0 3px no-repeat;
	padding: 0 0 0 65px;
	}

h4 {
	color: #333;
	font-size: 1.4em;
	margin: 0 0 .5em 0;
}

h5 {
	color: #333;
	font-size: 1.2em;
	margin: 0 0 .5em 0;
}

blockquote {
	font-size: 1.2em;
	font-style: italic;
}

blockquote p {
	color: #eee;
	margin: 0 0 1em 0;
}

blockquote strong {
	color: #999;
}

blockquote cite {
	font-size: 1.2em;
	float: right;
	font-style: normal;
	color: #999;
}

/* Structure */

#wrapper {
	width: 960px;
	margin: 10px auto 20px auto;
	padding: 0;
	background: url('images/site_bg_mid.png') 0 0 repeat-y;
}

#header {
	width: 960px;
	float: left;
	height: 75px;
	padding: 0;
	background: url('images/site_bg_top.png') 0 -4px no-repeat;
}

#container {
	width: 900px;
	padding: 10px 30px 10px 30px;
	clear: both;
}

#spotlight {
	width: 900px;
	height: 400px;
	background: #000;
	position: relative;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.topimage {
	width: 900px;
	height: 150px;
	background: #000;
	position: relative;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.leftcol {
	float: left;
	width: 430px;
	}
	
.rightcol {
	float: right;
	width: 430px;
	}
	
#sidebar {
	float: right;
	width: 260px;
	}
	
.midcol {
	float: left;
	width: 600px;
	text-align: left;
	}
	
.thincol {
	float: right;
	width: 260px;
	margin: 0;
	}
	
.fullcol {
	width: 610px;
	float: left;
	margin: 0;
	}
	
.widecol {
	width: 900px;
	text-align: left;
	margin: 0 0 20px 0;
	}

#content {
	margin: 0 0 30px 0;
	text-align: left;
}

#stepsnavigation {
	font-size: .85em;
	width: 900px;
	padding: 0;
	margin: 0 0 30px 0;
	background: url('images/stepnav_bg_bottom.png') no-repeat 0 100%;
}

#stepsnavigation550 {
	font-size: .85em;
	width: 900px;
	padding: 0;
	margin: 0 0 30px 0;
	background: url('images/stepnav_bg_bottom550.png') no-repeat 0 100%;
}

#stepnavcontent {
	width: 900px;
	padding: 0;
	margin: 0;
	background: url('images/stepnav_bg_top.png') no-repeat 0 0;
}

.step {
	width: 185px;
	margin: 1px 0 3px 20px;
	padding: 25px 20px 0 70px;
	float: left;
	border-right: 1px solid #ddd;
}

.stepwithouticon {
	width: 235px;
	margin: 1px 0 3px 20px;
	padding: 25px 20px 0 20px;
	float: left;
	border-right: 1px solid #ddd;
}

.stepflex {
	margin: 1px 0 3px 20px;
	padding: 25px 20px 0 20px;
	float: left;
	border-right: 1px solid #ddd;
}

.last {
	width: 185px;
	margin: 1px 0 3px 20px;
	padding: 25px 20px 0 70px;
	float: left;
	border-right: 0px solid #ddd;
}

.trial {
	background: url('images/icon_arrow.png') no-repeat 0 25px;
}

.package {
	background: url('images/icon_tv.png') no-repeat 0 25px;
}

.learn {
	background: url('images/icon_filmstrip.png') no-repeat 0 25px;
}

#footer {
	font-size: .8em;
	width: 900px;
	padding: 20px 0 0 0;
	border-top: 5px solid #ddd;
	clear: both;
	}
	
#footer p {
	color: #999;
	margin: 0;
	}
	
#footer a, #footer a:hover {
	color: #333;
	}
	
#domains {
	font-size: .8em;
	font-weight: bold;
	color: #F5B763;
	text-align: center;
	height: 20px;
	width: 960px;
	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
	background: url('images/site_bg_bottom.png') 0 0 no-repeat;
	}
	
#domains a {
	font-weight: normal;
	color: #FFFFCC;
	}
	
/* Navigation */

#navigation {
	margin: 20px 26px 0 0;
	padding: 0;
	float: right;
}

#navigation ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	}
	
#navigation li {
	display: inline;
	}
	
#navigation li a, #navigation li a:visited {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	line-height: 24px;
	padding: .7em 0 .5em 0;
	margin: 0 -2px 0 0;
	width: 104px;
	float: left;
	text-align: center;
	background: url('images/tab_normal.png') 0 -1px no-repeat;
	}
	
#navigation li a:hover {
	color: #333;
	}
	
#navigation li a.active {
	color: #333;
	background: url('images/tab_active.png') 0 -1px no-repeat; 
	}

/* Lists */

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0 0 2em 0;
}

ul li {
	list-style: none;
	margin: 0 0 10px 0;
}

ul.help {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 10px 0 30px 0;
}

ul.help li {
	list-style-type: none;
	margin: 0 0 5px 0;
}

ul.howto {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px 0 30px 0;
}

ul.howto li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url('images/helpLinkArrow.png') 0 50% no-repeat;
}

ul.advantage {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px 0 30px 0;
}

ul.advantage li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url('images/helpLinkArrow.png') 0 5px no-repeat;
}

ul.support {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px 0 30px 0;
}

ul.support li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url('images/linkArrow.png') 0 5px no-repeat;
}

#sidebar ul {
	list-style: none;
	margin: 0 0 30px 0;
}

#sidebar li {
	font-size: 1.1em;
	margin: 0 0 5px 0;
}

ul.channellist {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	width: 900px;
}

ul.channellist li {
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #ddd;
	clear: both;
	display: block;

}

ul.channellist li p {
	font-size: 1.2em;
	padding: 0 0 20px 0;
	margin: 0;
}

ul.channelthumbnail {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	width: 900px;
}

ul.channelthumbnail li {
	padding: 7px;
	margin: 5px;
	float:left;
	width: 123px;
	height: 120px;
	border: 1px solid #dddddd;
	text-align: center;
}

ul.details {
	margin: 0;
}

ul.details li {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	border-top: 0px solid #ddd;
	display: block;
}

ul.details li strong {
	color: #333;
	width: 115px;
	display: inline-block;
}

.follow ul {
	float: left;
}

.follow ul li {
	font-size: 1.4em;
	line-height: 2em;
	float: left;
	margin: 0 15px 0 0;
}

.follow ul li a {
	font-weight: bold;
	padding: 0 0 0 30px;
}

/* Form */

.form {
	font-size: 1em;
	width: 540px;
	background: #fff;
	border: 0px solid #ddd;
	margin: 0;
	padding: 0;
}

.form p {
	margin: 1em 0 1em 0;
}

.form p.divided {
	margin: 0 0 2em 0;
	padding: 0 0 2em 0;
	display: block;
	border-bottom: 0px solid #ddd;
}
	
.continuebtn {
	margin: 0;
	}
	
legend {
	font-weight: bold;
	margin: 0 0 1em 0;
	}
	
input, textarea {
	font-size: .8em;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	padding: 5px;
	}
	
textarea {
	width: 350px;
	height: 200px;
	color: #999;
	background: #fcfcfc;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #999;
	outline: 0;
	margin: 0 0 2em 0;
	}
	
input[type="text"] {
	width: 200px;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #999;
	margin: 0;
	}
	
input[type="submit"] {
	font-size: 1em;
	width: 100px;
	float: right;
	}
	
input.check {
	margin: 12px 10px 0 0;
	width: auto;
	float: left;
	}
	
label.checklabel {
	font-size: .85em;
	margin: 8px 0 0 0;
	width: auto;
	font-weight: normal;
	}
	
input.radio {
	margin: 1px 7px 0 0;
	width: auto;
	float: left;
	}
	
label.radio {
	margin: 0;
	width: auto;
	font-weight: normal;
	}
	
label {
	text-align: left;
	margin: 4px 20px 0 0;
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
	}
	
.required {
	font-size: .85em;
	color: #999;
	margin: 0 0 0 20px;
	}
	
/* Tables */

table {
	font-size: 1.2em;
	/*width: 899px;*/
	text-align: left;
	border-collapse: collapse;
	margin: 0 0 10px 1px;
	}
table th {
	font-size: 1.2em;
	font-weight: bold;
	background: #e9e9e9;
	color: #555;
	padding: 10px 10px;
	text-align: center; 
	border: 1px solid #d4d4d4;
	}
table td {
	background:#fcfcfc;
	border-bottom:1px solid #d4d4d4;
	color:#333;
	border-top:1px solid transparent;
	padding:10px; 
	border:1px solid #d4d4d4;
	width: 20%;
	}
table tr {
	background:#fcfcfc;
	border-bottom:1px solid #d4d4d4;
	color:#333;
	border-top:1px solid transparent;
	padding:9px; 
	border:1px solid #d4d4d4;
	}
	
table tr.action {
	font-size: 1.2em;
	}

table td.subtitle {
	background:#eeeeee;
	color: #777777;
	font-weight: bold;
	}
	
/* Images */

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.channelimage {
	padding: 5px;
	margin: 0 30px 20px 0;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
}

.channellist li img {
	padding: 5px;
	margin: 0 30px 20px 0;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
}

.mapImage {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 0 0 20px 0;
}

.mugshot {
	padding: 5px;
	margin: 5px 15px 20px 0;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
}
	
/* Misc */

.citation {
	position: absolute;
	bottom: 25px;
	left: 40px;
	height: 130px;
	width: 500px; 
	font-size: .85em;
	z-index: 999;
	margin: 0;
	padding: 0;
	}

.intro {
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 2em;
	}
	
#breadcrumb {
	width: 610px;
	height: 20px;
	font-size: 1.1em;
	font-weight: normal;
	color: #999;
	margin: 0 30px 20px 0;
}

.filter {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	margin: 0 0 20px 0;
	clear: both;
}

.filteroptions {
	font-size: 1.2em;
	float: right;
	color: #999;
	margin: 20px 0 10px 0;
}


.search_box{
	width: 900px;
	padding: 0;
	background: url('images/search_border_bottom.png') no-repeat 0 100%;
}

.search_box_content{
	width: 900px;
	padding: 20px;
	margin: 0;
	background: url('images/search_border_top.png') no-repeat 0 0;
	font-size: 1.2em;
}

.data {
	width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

.eventtitle {
	width: 610px;
	margin: 0 30px 0 0;
	float: left;
}

.eventdata {
	width: 260px;
	margin: 0;
	float: left;
}

.matchlog {
	width: 260px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}

.matchdata {
	height: 150px;
	margin: 10px 0 0 0;
	padding: 2px 0 0 5px;
	background: #fcfcfc;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #999;
	overflow: auto;
}

ul.logs li {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;	
}

.yellowcard {
	text-indent: 20px;
	background: url('images/icon_yellowcard.png') no-repeat 0 50%;
}

.redcard {
	text-indent: 20px;
	background: url('images/icon_redcard.png') no-repeat 0 50%;
}

.goal {
	text-indent: 20px;
	background: url('images/icon_goal.png') no-repeat 0 50%;
}

.referee {
	text-indent: 20px;
	background: url('images/icon_referee.png') no-repeat 0 50%;
}

.team {
	width: 260px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}

.teamdata {
	height: 140px;
	margin: 10px 0 0 0;
	padding: 2px 0 0 5px;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #999;
	overflow: auto;
}

ul.teamsetup li {
	font-size: 1.1em;
	line-height: 1.45em;
	margin: 0;
	padding: 0;
}

ul.teamsetup li ul {
	font-size: 1em;
	color: #555;
	margin: 0 0 5px 0;
	padding: 0;	
}

ul.teamsetup li ul li {
	font-size: 1em;
	margin: 0;
	padding: 0;	
}

ul.teamsetup h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #222;
	margin: 0 0 5px 0;
	padding: 0;	
}

.live {
	font-weight: bold;
	color: #009933;
	text-transform: uppercase;
}

.offline {
	font-weight: bold;
	color: #CC3300;
	text-transform: uppercase;
}

.description {
	width: 400px;
	float: left;
}
	
.entry {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
	}
	
.tags {
	display: block;
	margin-top: 2.4em;
	}
	
.noteBox {
	background:#FFFCF6;
	color: #333;
	border: 1px solid #FAEACA;
	padding: 12px;
	margin-bottom: 2.4em;
	}
	
.noteBox p {
	padding: 0;
	margin: 0;
	}
	
.notice {
	font-size: .8em;
	font-weight: bold;
	color: #CC0000;
	}
	
.note {
	font-size: .8em;
	font-weight: bold;
	color: #999;
	}
	
.videoplayer {
	padding: 0;
	margin: 20px 0 20px 0;
	float: left;
	border: 1px solid #666;
}

.gagalive {
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
}
	
.pipe {
	margin: 0 10px 0 10px;
	}

	
.addthis {
	float: right;
	}
	
.blog {
	background: url('images/social_icons/blog.png') 0 50% no-repeat;
}

.facebook {
	background: url('images/social_icons/facebook.png') 0 50% no-repeat;
}
.youtube {
	background: url('images/social_icons/youtube.png') 0 50% no-repeat;
}

.flickr {
	background: url('images/social_icons/flickr.png') 0 50% no-repeat;
}

.twitter {
	background: url('images/social_icons/twitter.png') 0 50% no-repeat;
}

.howcast {
	background: url('images/social_icons/howcast.png') 0 50% no-repeat;
}

.younoodle {
	background: url('images/social_icons/younoodle.png') 0 50% no-repeat;
}

.clear {
	clear: both;
	}

.supportnumber {
	color: #f28801;
	font-size: 1.2em;
}

.supporttext {
	font-size: 1.2em;
}

.bordereddiv {
	padding: 5px;
	margin-top: 15px; 
	border:solid 1px #AAAAAA;
}

/* Event advert  */
.advertdiv{
	width: 900px;
	margin-top: 5px;
}

.advertcomponent{
	width: 260px;
	margin-right: 60px;
	margin-bottom: 15px;
	padding: 0px;
	/*border: 1px solid #DDDDDD;*/
	height: 80px;
	display: inline;
	float: left;
	text-align: center;
}

.advertcomponentlast{
	width: 260px;
	margin-bottom: 15px;
	padding: 0px;
	/*border: 1px solid #DDDDDD;*/
	height: 80px;
	display: inline;
	float: left;
	text-align: center;
}

/* Event log  */
.event_information_div { 
    max-height:175px;
    height:expression(this.scrollHeight>174?"175px":"auto");  
    overflow: auto;
}

.teamnameflash1, .teamnameflash2 {
    font-weight: bold;
    font-size: 1.1em;
}
.teamscoreflash1, .teamscoreflash2 {
    color: #E33;
    line-height: 20px;
    font-weight: bold;
    font-size: 1.1em;
}

/* packages  */
.packagecontainer{
	width: 900px;
	padding: 1px;
}

.packagecomponentfree{
	width: 298px;
	margin-right: 1px;
	/*margin-bottom: 15px;
	border: 1px solid #DDDDDD;*/
	height: 260px;
	display: inline;
	float: left;
	/*text-align: center;
	background-color: #c8c8c8;
	padding: 5px;*/
	background: url('images/packages/gratis.png') no-repeat 0 0;
}

.packagecomponentfreeeng{
	width: 298px;
	margin-right: 1px;
	/*margin-bottom: 15px;
	border: 1px solid #DDDDDD;*/
	height: 260px;
	display: inline;
	float: left;
	/*text-align: center;
	background-color: #c8c8c8;
	padding: 5px;*/
	background: url('images/packages/free.png') no-repeat 0 0;
}

.packagecomponentpayperview{
	width: 300px;
	margin-right: 1px;
	/*margin-bottom: 15px;
	border: 1px solid #DDDDDD;*/
	height: 260px;
	display: inline;
	float: left;
	/*text-align: center;
	background-color: #c0dc41;
	padding: 5px;*/
	background: url('images/packages/betala_och_sand.png') no-repeat 0 0;
}

.packagecomponentpaypervieweng{
	width: 300px;
	margin-right: 1px;
	/*margin-bottom: 15px;
	border: 1px solid #DDDDDD;*/
	height: 260px;
	display: inline;
	float: left;
	/*text-align: center;
	background-color: #c0dc41;
	padding: 5px;*/
	background: url('images/packages/pay_and_go.png') no-repeat 0 0;
}

.packagecomponentpremium{
	width: 298px;
	/*margin-bottom: 15px;
	border: 1px solid #DDDDDD;*/
	height: 260px;
	display: inline;
	float: left;
	/*text-align: center;
	background-color: #ffa916;
	padding: 5px;*/
	background: url('images/packages/premium.png') no-repeat 0 0;
}


.packagecontentfree{
	width: 298px;
	border-right: 1px solid #DDDDDD;
	height: 168px;
	display: inline;
	float: left;
}

.packagecontentpayperview{
	width: 300px;
	border-right: 1px solid #DDDDDD;
	height: 165px;
	display: inline;
	float: left;
}

.packagecontentpremium{
	width: 298px;
	height: 100px;
	display: inline;
	float: left;
}

ul.packages {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 18px 0 5px 0;
	color: #777777;
}

ul.packages li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 20px 0 20px;
	/*background: url('images/icons/arrow-double-sm.gif') 0 5px no-repeat;*/
}

ul.packages li b {
	color: #545454;
	font-weight: bold;
	line-height: 1.6em;
}

.packagepadding{
	padding: 18px 20px 5px 20px;
}

.packagesubpagemaincontent{
	width: 598px;
	border-right: 1px solid #DDDDDD;
	height: 300px;
	display: inline;
	float: left;
}

.packagesubpagemainrightcol{
	width: 298px;
	height: 300px;
	display: inline;
	float: left;
}

.packagehelplink{
	font-weight: bold;
	cursor: pointer;
	color: #f66401;
}

.feedback{
	position:absolute;
	top:175px;
	left:0;
	width:37px;
	height:98px;
	z-index:100;
}

a.feedbackbutton{
	display:block;
	position: fixed;
	width:37px;
	height:98px;
	background: url(images/feedback_button.png) no-repeat;
}
a.feedbackbutton:hover{
	background-image:url(images/feedback_button_hover.png);
}