* { margin: 0; padding: 0; border: 0; }
* html .visualIEFloatFix { height: 0.01%; }
body { text-align: center; background-color: #000; background-image: url(/images/bg.jpg); background-repeat: repeat-x; }
h3 { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 4px 0 4px 0; }
p { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }

#page { width: 950px; margin: 8px auto; text-align: left; }
#page #banner { position: relative; text-align: center; margin-bottom: 8px; height: 90px; }
#page #banner #inner { position: absolute; left: -14px; top: 0; width: 1000px; }
#page #banner #inner * { float: left; display: inline-block; }
#page #header { position: relative; clear: both; background-color: #860809; width: 950px; height: 99px; }
#page #header img.logo { margin: 27px 0 0 20px; }
#page #menu { clear: both; border-top: 1px solid #a8a8a8; background-color: #2b4566; width: 950px; height: 23px; line-height:23px;  }
#page #menu ul { list-style-type: none; width: 950px; height: 23px; }
#page #menu ul li { float: left; display: inline-block; padding: 0 15px 0 15px; border-right: 1px solid #fff; height:23px; }
#page #menu ul li a { color: #fff; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none;  }
#page #submenu { clear: both; border-top: 1px solid #a1a1a1; background-color: #c3cad4; width: 950px; height: 23px; }

#page #submenu ul {}
#page #submenu ul li { list-style:none; float:left; margin-left:14px;}
#page #submenu ul li a { text-decoration: none; color:#2c4466; }

#page #content { clear: both; background-color: #f7f7f7; width: 950px; padding: 20px 0; }
#page #content .inner { float: left; padding: 0 0 0 20px; width: 640px; font-size: 11px;  }
#page #content .inner h2 { font-family: Arial, Helvetica, Sans-Serif; color: #2c4466; font-size: 30px; }
#page #content .banner { width: 250px; float: right; padding: 0 20px 0 0; }
#page #footer { height: 20px; clear: both; background-color: #2b4566; color: #fff; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 1px 0 18px 0; }
#page #footer p { text-align: center; padding: 2px; }
#page #footer a { color: #fff; text-decoration: none; margin: 0 2px 0 2px; }
.tabs { position: relative; display: block; width: 640px; height: 22px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; padding: 0 0 0 10px; }
.tabs .tab { float: left; display: inline-block; background: #2b4566; height: 22px; width: 100px; margin: 0 5px 0 0; text-align: center; }
.tabs .tab p { padding: 5px 0 0 0; }
.tabs .tab p a { text-decoration: none; color: #fff; }
.tabs .tab p a:hover { text-decoration: underline; color: #fff; }
.dropdown { border: 0; font-size: 10px; width: 135px; margin-right: 15px; }
.clear { clear: both; }
.clearwithsmallmargin { clear: both; margin: 0 0 6px 0; }
.clearwithmargin { clear: both; margin: 0 0 20px 0; }
#page #header .searchbox { position: absolute; right: 26px; top: 26px; width: 340px; }
#page #header .searchbox p { clear: both; color: #fff; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 5px 0; }
#page #header .searchbox input.text { clear: both; float: left; height: 20px; width: 242px; margin-right: 10px; }
#page #header .searchbox input.image { float: left; }
.dayselect { position: relative; display: block; width: 640px; height: 28px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; background: #860809; }
.dayselect .skip { float: left; display: inline-block; width: 28px; height: 28px; background: #860809; }
.dayselect .skip a img { float: left; margin: 6px; }
.dayselect .day { float: left; display: inline-block; width: 83px; height: 28px; background: #860809; text-align: center; }
.dayselect .day p { padding: 8px 0 0 0; }
.dayselect .day p a { text-decoration: none; color: #fff; }
.dayselect .day p a:hover { text-decoration: underline; color: #fff; }

.gridframe { width: 640px; height:1400px; background-color: #f7f7f7; }

#grid { position: relative; display: block; width: 638px; font-family: Arial, Helvetica, Sans-Serif; font-size: 9px; border: 1px solid #c3c3c3; background-color: #f7f7f7; overflow: hidden; }
#grid #gridchannels { position:absolute; top:0; left:0; width:65px; border-right:1px dotted #c3c3c3; overflow:hidden; z-index: 1500;}
#grid #gridprogrammes { float:right; width:572px; overflow:hidden;}
#grid #gridprogrammes #arrowleft { position:absolute;top:4px;left:68px; z-index: 1500; }
#grid #gridprogrammes #arrowright { position:absolute;top:4px;right:2px; z-index: 1500; }
#grid #draggable { position: relative; width:6200px; cursor: pointer; cursor: hand;  z-index: 500;}
#grid .empty { position: relative; display: block; height: 28px; width: 6200px; border-bottom: 1px dotted #c3c3c3; background-color: #f7f7f7;}
#grid .horisontal { position: relative; display: block; height: 51px; width:6200px; border-bottom: 1px dotted #c3c3c3; }
#grid .horisontal .channel { z-index: 400; position: absolute; display: block; height: 51px; width: 66px; margin: 0; padding: 5px 0 0 0; border-right: 1px dotted #c3c3c3; background-color: #f7f7f7; text-align: center; }
#grid .horisontal .program { position: absolute; display: block; height: 51px; width: 252px; margin: 0; padding: 0; border-left: 1px dotted #c3c3c3; border-right: 1px solid #ececec; overflow: hidden; background-color: #f7f7f7; }
#grid .horisontal .title { margin: 4px; font-size: 11px; }
#grid .horisontal .title a { color: #000; text-decoration: none; font-size: 11px; }

#gridnav { position: relative; display: block; height: 28px; width: 640px; background: #2b4566; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; border: 0; }
#gridnav .nav { float: left; display: inline-block; position: relative; width: 66px; height: 28px; color: #ffffff; text-align: center; }
#gridnav .nav p { padding: 7px 0 0 0; }
#gridnav .nav p a { color: #ffffff; text-decoration: none; }
#gridnav .block { float: left; display: inline-block; position: relative; width: 127px; height: 28px; }
#gridnav .block p { padding: 7px 0 0 4px; color: #ffffff; }

#channels { position: relative; display: block; width: 638px; font-family: Arial, Helvetica, Sans-Serif; font-size: 9px; background-color: #f7f7f7; overflow: hidden; }
#channels .channel { float: left; display: inline-block; width: 202px; margin-right: 10px; }
#channels .channel h2 { font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; margin: 5px 0 5px 5px; }
#channels .channel h2 a { font-size: 11px; color: #000; text-decoration: none; padding: 0 0 0 5px; }
#channels .channel ul { list-style-type: none; }
#channels .channel ul li { height: auto; min-height: 15px; padding: 0 10px 0 10px; }
#channels .channel ul li a { color: #000; text-decoration: none; }
#channels .channel ul li.active { background-color: #2b4566; }
#channels .channel ul li.active a { color: #fff; }
#channels .channel ul li.inactive a { color: #bbb; }
.programmes { position: relative; display: block; width: 638px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; }
.programmes .program .channel { clear: both; height: 35px; padding: 2px 5px; }
.programmes .program .channel img { float: left; }
.programmes .program .channel p { float: left; margin: 5px; }
.programmes .program .text { clear: both; padding: 10px; background-color: #ffffff; margin: 0 0 1px 0; }
.programmes .program .text img { float: left; margin-right: 10px; }
.programmes .program .text p { font-size: 11px; }
.programmes .program .text h3 { font-size: 11px; }
.programmes .program .text h3 a { color: #000000; text-decoration: none; font-weight: bold; }
.programmes .program .buttons { margin: 0 0 8px 0; }
.programmes .program .inactive { color: #bbb; }
.programmes .program .inactive h2 a { color: #bbb; text-decoration: none; }
#toplists { float: right; width: 203px; float: left; font-family: Arial, Helvetica, Sans-Serif; color: #000000; }
#toplists .toplist { position: relative; width: 203px; }
#toplists .toplist h3 { clear: both; display: block; padding: 2px 0 0 2px; height: 20px; background-color: #860809; color: #fff; font-size: 11px; }
#toplists .toplist .text { clear: both; padding: 10px; background-color: #ffffff; margin: 0 0 1px 0; }
#toplists .toplist .text img { float: left; margin: 0 10px 0 0; }
#toplists .toplist b { font-size: 14px; font-weight: normal; }
#toplists .toplist p { font-size: 12px; }
#toplists .toplist a { text-decoration: none; color: #000000; }
#toplists .toplist .result .rating { float: right; background-color: #2b4566; width: 45px; height: 38px; margin: 10px; }
#toplists .toplist .result .rating p { text-align: center; font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; font-weight: bold; color: #fff; padding: 5px 0 4px 0; }
#bigToplists { float: left; width: 416px; margin-right: 10px; font-family: Arial, Helvetica, Sans-Serif; color: #000000; font-size: 12px; }
#bigToplists .toplist { position: relative; width: 100%; background-color: #ffffff; }
#bigToplists .toplist b { font-size: 18px; font-weight: normal; }
#bigToplists .toplist b a { font-size: 18px; font-weight: normal; color: #000000; }
#bigToplists .toplist .text { float: left; width: 70%; clear: both; padding: 10px; margin: 0 0 1px 0; }
#bigToplists .toplist .result { float: right; width: 20%; }
#bigToplists .toplist .result .rating { background-color: #2b4566; width: 45px; height: 38px; margin: 10px; }
#bigToplists .toplist .result .rating p { text-align: center; font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; font-weight: bold; color: #fff; padding: 5px 0 4px 0; }
#program { float: left; width: 416px; margin-right: 10px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; }
#program .text { padding: 10px; background-color: #fff; }

#program .channel { clear: both; position:relative; margin: 1px 0 0 0; background-color: #fff; height:50px; }
#program .channel .logo { position:absolute; top:10px; left:10px; width:68px; margin:0; padding:0; }
#program .channel .text { position:absolute; top:10px; left:68px; width:200px; margin:0; padding:0; }
#program .channel .text p { margin:0; padding:0; }

#program .vote { clear: both; padding: 5px 10px; margin: 1px 0 0 0; background-color: #fff; height: 46px; }
#program .vote p { width: 70%; float: left; }
#program .vote .rating { display: none; background-color: #2c4466; height: 38px; width: 45px; padding: 5px; float: right; color: #fff; font-size: 18px; }
#program .images { clear: both; padding: 5px 10px; margin: 1px 0 0 0; background-color: #fff; }
#program .images img { clear: both; margin: 0 0 2px 0; }
#program .buttons { clear: both; height:30px; margin: 1px 0 8px 0; }
#program .buttons a { float:left; display:block; margin:1px 1px 0 0; }
#program .buttons input { float:left; display:block; margin:1px 1px 0 0; }

.personal { position: relative; display: block; width: 638px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; margin: 10px 0 20px 0; }
.personal .channel { display: inline-block; float: left; width: 210px; height: 38px; margin: 0 0 10px 0; }
.personal .channel input { float: left; margin: 5px; }
.personal .channel img { float: left; }
.personal .channel p { float: left; margin: 5px; }
.button { clear: both; }
.ratingStar { font-size: 0; width: 17px; height: 17px; margin: 0; padding: 0; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(/images/blue_star.gif); }
.emptyRatingStar { background-image: url(/images/grey_star.gif); }
.savedRatingStar { background-image: url(/images/red_star.gif); }
.modalBackground { background-color: #121212; opacity:.70; filter:alpha(opacity=70); }
.modalPopup { background-color: #ffffff; border-width: 3px; border-style: solid; border-color: #121212; padding: 5px; width: 250px; }
.modalPopup h3 { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; margin: 4px; }
.modalPopup p { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 4px; }
.modalPopup input { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; border: 1px solid #cecece; }

#frmGridview {width:638px;height:700px;}

.white { margin-top:25px; padding:10px;background-color:#fff; }
.white p { clear:both; margin:7px 0 7px 0; padding:3px;}
.white p input { float:left; border:1px solid #2b4568; background:#f7f7f7; color:#000; height:20px; width:260px; margin-right:10px; line-height:18px; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }
.white p input.submit { height:22px; width:60px; font-weight: bold; }
.white ul { clear:both; margin:7px 0 7px 0; list-style-type: none; }

.notifications { clear:both; margin-top:20px;}
.notifications .row { position:relative; height:22px; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }
.notifications .row .text { position:absolute;top:3px; left:3px; width:250px; }
.notifications .row .button {position:absolute;top:3px; right:10px;}
.notifications .brown { background:#f7f7f7; }

#page #content .inner .links { font-size: 11px; }
#page #content .inner .links h1 { font-family: Arial, Helvetica, Sans-Serif; color: #2c4466; font-size: 30px; margin:0 0 10px 0; }
#page #content .inner .links h2 { font-family: Arial, Helvetica, Sans-Serif; color: #2c4466; font-size: 20px; margin:5px 0 10px 0;  }
#page #content .inner .links ul { margin:5px 0 40px 0;  }
#page #content .inner .links ul li { list-style:none; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }
#page #content .inner .links ul li a { color: #000; font-size: 11px; }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}