body {
	margin: 0px;
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg-waben.png) repeat top center;
	color: #FFF;
}

noscript {
	margin:0;
	padding: 0;
}
#noscript {
	background: #CC0000 url(../images/bg-noscriptinfo.png);
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
#errorbeta, .playerinfo {
	background: #CC0000 url(../images/bg-noscriptinfo.png);
	padding: 20px;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	
}
a.link {
	color: #458CD3;
	padding-left: 15px;
	background: url(../images/btn-arrow-link.png) no-repeat;
}

a.rss {
	color: #333;
	padding-left: 18px;
	text-decoration: underline;
	background: url(../images/btn-rss.gif) no-repeat;
}

a.link:hover {
	padding-left: 15px;
	color: #000;
	background: url(../images/btn-arrow-link-h.png) no-repeat;
}
.post {
	padding-bottom: 20px;
}

.postmetadata {
	font-size: 0.9em;
	color: #999;
}

.postdate {
	font-size: 1.3em;
}

#errorbeta {
	margin-bottom: 5px;
}
#page {
	margin: 0px auto;
	padding: 5px 10px;
	width: 800px;
}

#footer {
	font-size: 0.9em;
	padding: 50px 0px;
}

#sidebar {
	float: right;
	width: 200px;
	padding-right: 10px;
}

#sidebar ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li {
	list-style-type: none;
	padding: 0 0 15px 0;
	margin: 0;
}

#sidebar ul ul li {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
}

#sidebar ul ul li a {
	color: #458CD3;
	padding-left: 15px;
	background: url(../images/btn-arrow-link.png) no-repeat;
}

#sidebar ul ul li a:hover {
	padding-left: 15px;
	color: #000;
	background: url(../images/btn-arrow-link-h.png) no-repeat;
}

a {	color: #666666;
	text-decoration: none;
}
img { border : 0; }
p {
	margin: 0;
	padding: 0px 0px 5px 0px;
	line-height: 1.3em;
}
p, label { font-size: 1em; }

h1,h2,h3 {
	margin: 0;
	padding: 0 0 5px 0;
	border: 0;
	
}

h3, h2, .postdate, h2 a {
	color: #D11A7A;
}

h2 a:hover {
	text-decoration: underline;
}

#sidebar h2 {
	color: #458CD3;
	font-weight: normal;
	font-size: 1.2em;
}

h1 {
	font: bold 2em "Arial Rounded";
	line-height: 1.3em;
}



#connector-v {
	background: transparent url(../images/boxs-connector-v.png) no-repeat;
	height: 40px;
	margin-top: 36px;
	float: right;
	width: 22px;
}

.legende {
	padding: 20px 10px 10px 10px;
	font-size: 0.9em;
	color: #666666;
}

p.legende {
	padding: 10px 0px;
}


.nellologo { margin: 10px 0px; }

#header {
	clear: both;
	padding-top: 5px;
}
#logo {
	padding: 10px;
}
#navigation {
	margin-left: 95px;
	background: url(../images/nav-center.png) repeat-x top right;
	text-align: left;
	height: 30px;
	padding: 0px;
	font-size: 1em;
}

#navigationuser {
	background: url(../images/nav-right.png) no-repeat top right;
	text-align: right;
	padding: 4px 7px;
	height: 22px;
	vertical-align: middle;
}
#navigationmain {
float: left;
}

#navigation .quicklogin {
	padding: 5px;
}

td, th { font-size: 11px; }

#content {
	padding: 1px 230px 200px 10px;
	color: #333333;
}

.content , .content table { color: #333333; }

.fulltbl {
	width: 100%;
}

.boxheader {
	padding: 5px 8px;
	font-size: 1.3em;
	font-weight: bold;
}

.intro {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 1.3em;
	line-height: 1.3em;
}
.channellist table tbody tr td {
	vertical-align: top;
}
div.channelitem {
	clear: right;
	float: left;
	width: 143px;
	height: 75px;
	display: block;
	background: url(../images/bg-channelitem.png) no-repeat;
	padding: 10px 5px 10px 10px;
}

div.channelitem:hover {
	background: #EEEEEE url(../images/bg-channelitem-blue.jpg) no-repeat;
}
.channelitem a {
	color: #000;
}
.channeltitle {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	overflow: hidden;
}

.channelbroadcast {
	font-size: 1em;
	color: #333;
	overflow: hidden;
}


.channelfav, .channelfava {
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
	height: 18px;
	margin: 1px;
	width: 21px;
}

div.channelfav { background-image: url(../images/fav-star.png); }

div.channelfav:hover, div.channelfava { background-image: url(../images/fav-star-a.png); }

/* forms */

form {
	margin: 0;
	padding: 0;
}

label { color: #777777; }

input.text {
	padding: 3px;
	height: 16px;
}
textarea.text, input.text {
	
}
input.text, select, textarea.text {
	background-color: #DFDFDF;
	font-size: 12px;
	border: 1px;
	border-color: #CCC #DFDFDF #DFDFDF #CCC;
	border-style: solid;
	margin: 3px 0px;
}

input.submit {
	background-color: transparent;
	font-size: 12px;
	border: 0px;
	border-color: #FFF #BBB #BBB #FFF;
	border-style: solid;
	margin: 3px 0px;
	height: 22px;
	cursor: pointer;
}

input.submit:hover {
	background-color: #CCC;
}

select.select {
	width: 70px;
	margin: 3px 0px 7px 0px;
}

.boxg input.text, .boxg select, .boxg textarea.text {
	background-color: #FFF;
	font-size: 12px;
	border: 1px;
	border-style: solid;
	border-color: #CCC #FFF #FFF #CCC;
	margin: 3px 0px;
	height: 14px;
}

button.arrow, a.arrow {
	background: url(../images/btn-arrow-1.png) no-repeat 0px 10px;
	font: normal 1.6em "Arial Rounded MT Bold",Arial, Helvetica, sans-serif;
	padding: 12px 5px 12px 34px;
	border: 0px solid #FFF;
	cursor: pointer;
	text-align: left;
}

a.arrow {
	margin: 10px 10px;
}

button.btn, a.btn {
	border: 0;
	margin: 5px 0;
	cursor: pointer;
	display: block;
	width: 150px;
	vertical-align: top;
	padding: 0px 0px 3px 0px;
	height: 26px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: url(../images/btn-form.png) no-repeat 0px -89px;
}

a.btn {
	padding: 6px 0px ;
	height: 16px;

}

button.btn:hover, a.btn:hover {
	background: url(../images/btn-form.png) no-repeat left 1px;
}

.errorbox {
	color: #CC0000;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 17px;
	background:transparent url(../images/ff-unchecked.gif) no-repeat;
}

.infobox {
	color: #008040;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 17px;
	background: transparent url(../images/ff-checked.gif) no-repeat;
}

.content ol, .content ol ul {
	padding-left: 20px;
	padding-right: 20px;
}
.content ol li, .content ol ul li {
	padding-top: 10px;
}


/* steps list */
.steps {
	padding: 0px 5px;
	clear: both;
}

.steps .step {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding: 0px 0px 0px 40px;
	width: 210px;
	color: #000;
	font-size: 1em;
}

.steps .step .steptitle {
	font: normal 1.4em "Arial Rounded MT Bold",Arial, Helvetica, sans-serif;

}

.steps .step .stepdescr {
	font-size: 0.95em;
}
.steps .step {
	background: url(../images/btn-steps.png) no-repeat;
}
.steps .step0 { background-position: 0px -320px; color: #999; }
.steps .step0a { background-position: -350px -320px; }
.steps .step1 { background-position: 0px 0px;  color: #999; }
.steps .step1a { background-position: -350px 0px; }
.steps .step2 { background-position: 0px -80px; color: #999; }
.steps .step2a { background-position: -350px -80px; }
.steps .step3 { background-position: 0px -160px; color: #999; }
.steps .step3a { background-position: -350px -160px; }
.steps .step4 { background-position: 0px -240px; color: #999; }
.steps .step4a { background-position: -350px -240px; }


.tvpickarea { background-image: url(../images/bg-channelitem-black.jpg); }

.tvpick {
	background: #111 url(../images/bg-channelitem-black.jpg) no-repeat;
	height: 35px;
	padding-top: 65px;
	cursor:pointer;
}

.tvpickcontent a { text-decoration: none; }
.tvpickcontent {
	padding: 4px;
	height: 27px;
	overflow: hidden;
	background-image: url(../images/bg-tvpick.png);

}

.tvpick1, .tvpick7 {background-position: 0px -80px;}
.tvpick2, .tvpick8 {background-position: 0px -160px;}
.tvpick3, .tvpick9 {background-position: 0px -240px;}
.tvpick4, .tvpick10 {background-position: 0px -320px;}
.tvpick5, .tvpick11 {background-position: 0px -400px;}

div.tvpick0:hover, div.tvpick6:hover {background-position: 0px -20px;}
div.tvpick1:hover, div.tvpick7:hover {background-position: 0px -100px;}
div.tvpick2:hover, div.tvpick8:hover {background-position: 0px -180px;}
div.tvpick3:hover, div.tvpick9:hover {background-position: 0px -260px;}
div.tvpick4:hover, div.tvpick10:hover {background-position: 0px -340px;}
div.tvpick5:hover, div.tvpick11:hover {background-position: 0px -420px;}


.tvpickcontent .title, .gcpcontent .title {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
}

.tvpickcontent .channel, .gcpcontent .channel {
	color: #FFF;
	font-size: 0.9em;
}

.tvpickbig {
	cursor: pointer;
	background-color: #111;
	padding-top: 205px;
	height: 55px;
}

.tvpickbig .tvpickcontent {
	padding: 10px;
	height: 35px;
}
.tvpickbig .channel {
	font-size: 1.2em;
}
.tvpickbig .title {
	font-size: 1.4em;
	padding: 3px 0px;
}

.tvpickbig a {
	text-decoration: none;
}
.guidepreview {
	float: right;
	width: 160px;
}
.guidepreviewinfo {
	background: #EEEEEE url(../images/bg-channelitem.jpg) no-repeat;
	padding: 10px;
}

.guidepreviewinfo .starttime {
	padding: 5px 0;
	font-size: 1.5em;
}
.guidepreviewimage {
	height: 100px;
	background-color: #000;
	background-position: center center;
}

div.guidepreviewoverlay {
	height: 100px;
	cursor: pointer;
}
div.guidepreviewoverlay:hover {
	background: transparent url(../images/overlay-zoomimage.png) no-repeat center center;
}


/* validate */

span.error
{
background: transparent url(../images/ff-unchecked.gif) no-repeat scroll 0px;
color:#CC0000;
font-weight:bold;
padding-bottom:2px;
padding-left:16px;
font-weight:bold;
}

span.checked
{
background: transparent url(../images/ff-checked.gif) no-repeat scroll 0px;
font-weight: bold;
}

input.error { border: 1px solid #CC0000; }


/* table */
.tbl{
	width: 100%;
	margin-right: 0px;
}
.tbl table {
	width: 100%;
	margin-right: 0px;
}
.tbl table tr {
	vertical-align: top;
}



.guidebinfotype {
	font-size: 0.9em;
	color: #666;

}

.guidebinfovalue {display: inline;}

a.action {
	background: url(../images/btn-iconset.png) no-repeat;
	padding: 0 10px 0 25px;
	height: 20px;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
}
a.action:hover {
	color: #CC0066;
}

a.close {
	background: url(../images/btn-close.png) no-repeat 0px -7px;
	padding: 0 10px 0 25px;
	height: 20px;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
}

a.irecommend {background-position: 0px -30px;}
a.iremind {}
a.idetails {background-position: -400px -30px;}

a.irecommend:hover {background-position: -400px -30px;}
a.iremind:hover {background-position: -400px 0px;}
a.idetails:hover {background-position: -400px -30px;}



.channelimg {
	float: left;
	padding: 8px;
}

.loader {
	padding-top: 30px;
	text-align: center;
}

.batch {
	position: absolute;
	top: 160px;
	margin-left: 770px;
	width: 110px;
	height: 110px;
	color: #FFF;
	text-align: center;
	font-size: 0.9em;
	padding: 33px 0px;
}

.batchtitle {
	font-size: 1.6em;
	font-weight: bold;
}

.packagelist {
	clear: both;
	background-color: #E6E6E6;
}
div.pgc {
	background-image: url(../images/bg-channelitem.jpg);
	background-repeat: repeat-x;
	cursor:pointer;
	color: #FFF;
	padding: 7px;
	font-weight: bold;
}
.pgc a {color: #FFF;
	font-weight: bold;
}

div.pgc {font-size: 1.2em;}
div.pgc:hover {background-position: 0px -20px;}

.pgcblue, .pgbblue {background-position: 0px -120px;}
.pgcorange, .pgborange {background-position: 0px -240px;}
.pgcred, .pgbred {background-position: 0px -360px;}
.pgcyellow, .pgbyellow {background-position: 0px -480px;}
.pgcgreen, .pgbgreen {background-position: 0px -600px;}


div.pgcgrey:hover {background-position: 0px -20px;}
div.pgcblue:hover {background-position: 0px -140px;}
div.pgcorange:hover {background-position: 0px -260px;}
div.pgcred:hover {background-position: 0px -380px;}
div.pgcyellow:hover {background-position: 0px -500px;}
div.pgcgreen:hover {background-position: 0px -620px;}


.pgi {
	margin-right: 0px;
	width: 100%;
}

.comment {
	border-bottom: 1px solid #DDD;
	padding: 6px;
}

img.alignleft {
	float: left;
	padding-right: 10px;
}
.navigation {
	font-size: 0.9em;
	display:block;
}
.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: right;
}