@charset "utf-8";
/*_______Reset CSS*/
@import url('reset.css');

/*___________________________________________GLOBAL*/
body,input,textarea,select { font-family:Arial, Tahoma, Geneva, sans-serif; color:#111; font-size:12px;}
/*______link*/
a{text-decoration:none; color:#111;}
a:hover{text-decoration:none; color:#ca0000;/*blue*/}

a.red{ color:#d01d1d;}
a.red:hover{ color:#111;}
/*______wrap*/
#wrapper{
	margin:auto;
	width:950px;
}
.wrap-inner{padding:5px;}
/*______float*/
.left{float:left;}
.right{float:right;}
.auto{ margin:auto;}
/*______text align*/
.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}
.a-justify{text-align:justify}
/*______text bold*/
.text-em{font-weight: bold;}
.text14{font-size: 14px;}
.text16{font-size: 16px;}
.text18{font-size: 18px;}
.text24{font-size: 24px;}
/*______color*/
.clr-gray{ color:#393939;/*cu*/}
.clr-cu{ color:#d2a106;/*cu*/}
.clr-green{ color:#62aa08;/*green*/}
.clr-red{ color:#d01d1d;/*orange*/}

/*______break*/
.break5px{clear:both;height:5px;}
.break10px{clear:both;height:10px;}
.break20px{clear:both;height:20px;}

/*______fix width*/
.fix{float:left;width:100%;}
/*______clearer*/
.clearer,.clear-this{clear:both;}
* html ul{width:99.9%;}

ul.list2 li{float:left;width:49.9%;}
ul.list3 li{float:left;width:33.3%;}
ul.list4 li{float:left;width:25%;}
ul.list5 li{float:left;width:19.5%;}
/*______block */
.block{ float:left; padding:10px; width:930px;}
.block p{ padding:3px 0px 3px 0px;}
.block h3{ height:29px; font-size:18px; font-family:Arial; float:left; width:100%; margin-bottom:10px; background:url('../images/bg_title.gif') top right}
.block h3.sub{ background:url('../images/subbar.jpg') top right}
.block h3.sub p{ background:url('../images/subbar.jpg') top left}
.block .content{ overflow:auto; padding-left:20px;}
/*______.block */
.img{ float:left; padding-right:6px;}
.imgbig{ float:right; padding-left:6px;}
.lable{ float:left; width:180px; text-align:right; padding:2px 10px;}
.input-holder{ float:left;}
.txt,.list,.area,.combo{ float:left; padding:5px; margin-right:5px; border:1px #b5b5b5 solid; background:#FFF;}
.ipt-err{border:1px #f00 solid;}
.txt:hover,.list:hover,.area:hover,.combo:hover{border:1px #168dc3 solid; }
.combo{padding:3px;}
.btn{padding:3px 5px 3px 5px;}
.file{padding:3px; background:none; border:1px #b5b5b5 solid; margin-right:5px;}
.brline{border-bottom:1px #ccc dotted;}
.line{float:left;width:100%; border-bottom:1px #ccc dotted; margin-bottom:10px;}

.warning{ background:#fffbc9; border:1px #e3ce96 solid; padding:10px; text-align:left;}
.success{ border:1px #77ae1b solid; padding:10px; font-size:18px; line-height:48px; text-align:center;}

/*______page-nav */
.nav a{ margin:3px;}
/*______.page-nav */
/*___________________________________________MAIN */
body{ background:#000 url('../images/bg_main.jpg') no-repeat top center;}
/* ------------ header-------------*/
#header{}
#header #top{ width: 945px; height: 75px; float:left; padding:5px; padding-right:0px;}
/*______________________.Header */
#menu{ float:left; width:950px; height:39px; background:url('../images/bg_menu.jpg') repeat-x; border-bottom:1px #111 solid;}
#menu li{ display:inline; float:left; padding-top:10px;}
#menu a{float:left; height:20px;}

#menu li#btnHome a{ background:url('../images/btn_home.jpg'); width:116px; margin-left:5px; }
#menu li#btnHome a:hover,#menu li#btnHome a.atvd{ background-position:0px -20px;}

#menu li#btnService a{ background:url('../images/btn_service.jpg'); width:88px; }
#menu li#btnService a:hover,#menu li#btnService a.atvd{ background-position:0px -20px;}

#menu li#btnReseller a{ background:url('../images/btn_reseller.jpg'); width:78px; }
#menu li#btnReseller a:hover,#menu li#btnReseller a.atvd{ background-position:0px -20px;}

#menu li#btnSchedule a{ background:url('../images/btn_schedule.jpg'); width:144px; }
#menu li#btnSchedule a:hover,#menu li#btnSchedule a.atvd{ background-position:0px -20px;}

#menu li#btnClip a{ background:url('../images/btn_clip.jpg'); width:90px; }
#menu li#btnClip a:hover,#menu li#btnClip a.atvd{ background-position:0px -20px;}

#menu li#btnNews a{ background:url('../images/btn_news.jpg'); width:86px; }
#menu li#btnNews a:hover,#menu li#btnNews a.atvd{ background-position:0px -20px;}

#menu li#btnAbout a{ background:url('../images/btn_about.jpg'); width:110px; }
#menu li#btnAbout a:hover,#menu li#btnAbout a.atvd{ background-position:0px -20px;}

#menu li#btnCareers a{ background:url('../images/btn_careers.jpg'); width:126px; }
#menu li#btnCareers a:hover,#menu li#btnCareers a.atvd{ background-position:0px -20px;}

#menu li#btnContact a{ background:url('../images/btn_contact.jpg'); width:90px; }
#menu li#btnContact a:hover,#menu li#btnContact a.atvd{ background-position:0px -20px;}

#top .search{ float:right; margin-top:27px; margin-right:0px;}
#top .ipt{ border:1px #242424 solid; width:130px; height:23px; line-height:23px; color:#CCC; float:left; background:#5b5b5b; margin-right:2px;}

#package{ float:left; width:950px; height:68px; background:#fff url('../images/bg_package.jpg'); overflow:hidden;}
#package a{ float:left; margin-top:1px;height:67px;}
#package a span.cnt{ color:#CCC; float:left; margin:35px 0px 0px 10px;}
#package a.ac{width:132px; background:url('../images/chanel_access.jpg')}
#package a.pm{width:152px; background:url('../images/chanel_premium.jpg')}
#package a.pmh{width:162px; background:url('../images/chanel_premiumhd.jpg')}

#main{ background:#f1f1f1;}

.clips2{float:right; width:485px;}
.clips2 .clip-holder{ background:#FFF; border:1px #ddd solid; padding:3px 5px 5px 5px; width:224px; height:290px;}
.clip-holder{ background:#FFF; border:1px #ddd solid; padding:3px 5px 5px 5px; width:210px;}
.clip-holder-main{ background:#FFF; border:1px #ddd solid; padding:3px 5px 5px 5px; width:420px;}
.allclips .clip-holder{ background:#FFF; border:1px #ddd solid; padding:3px 5px 5px 5px; width:210px;}
.clip-holder .ctz{float:left; height:265px; width:100%;}
.clip-holder .ifz{float:left; width:100%; border-top:1px #eee dashed; padding-top:5px;}
.clips .nav{ float:right; width:200px; margin-top:5px;}
.clips .nav img{margin-top:3px;}
.clips .nav .btnPrev{ float:left; width:18px; height:19px;background:#fff url('../images/btn_clipnav.jpg'); }
.clips .nav .btnNext{ float:left; width:18px; height:19px;background:#fff url('../images/btn_clipnav.jpg'); background-position:-19px; }

.news{ float:left; width:610px;}
.news li{ width:49%;}
.news p{ padding:0px 0px 2px 0px;}
.news .news-holder{ width:98%; text-align:justify}
.news .date{ font-size:10px; color:#999; font-style:italic;}
.home .news-holder{ width:190px; text-align:justify}

.hlpro{ float:right; width:305px; padding-left:0px;}
.hlpro ul{ padding-left:3px; width:98%;}
.hlpro li{ float:left; width:99.9%; padding:3px 0px 3px 0px; border-bottom:1px #CCC dotted; }
.hlpro .chld{font-style:italic; font-size:11px; color:#333;}

.channel .chlm{background:url('../images/channel_mainbg.jpg') no-repeat; height:148px;}
.channel ul.pk li{display:inline; padding:0px 7px 0px 7px; float:left;}
.chlm .img{ padding-left:10px;}
.chlm .noc{ font-size:24px; float:left; width:528px; height:78px;}
.chlm .noc .no{ font-size:70px; font-weight:bold; font-family:Arial; padding-left:10px;}
.chlm .prc{ float:left; width:528px;}
.chlm .prc .prclist{float:left; width:172px; text-align:center; font-size:18px;}
.chlm .ntxt{font-size:10px; color:#666; font-style:italic; margin:4px auto auto 7px; float:left; width:500px;}

.listchl{float:left; width:220px; margin:2px 8px 15px 8px;}
.listchl h4{background:url('../images/listchlbg.jpg'); float:left; width:207px; height:24px; line-height:22px; padding-left:10px; color:#FFF; margin-bottom:5px;}
.listchl li{ text-align:center;}

.prmd{background:#FFF; padding:5px; border:1px #ddd solid; margin-top:20px;}
.prmd li{ border-bottom:1px #CCC dotted; margin:0px; padding:0px; padding:4px 3px 4px 3px;}

.contacts p{width:100%; float:left;}
.faq .listfaq ul{margin-left:20px;}

.hr table tr.header td{ background:url('../images/hrheaderbg.jpg') center no-repeat; height:24px;}
.hr table tr.header td.cnl{ background:url('../images/hrheaderbg.jpg') left no-repeat;}
.hr table tr.header td.cnr{ background:url('../images/hrheaderbg.jpg') right no-repeat;}
.hr table tr.header:hover{ background:url('../images/hrheaderbg.jpg');}

.hr table tr.header td{ padding-left:10px; color:#FFF; border-left:1px #ddd solid;}
.hr table td{ padding-left:10px; height:26px; border-left:1px #c2c2c2 solid;border-bottom:1px #c2c2c2 solid;}
.hr table tr.b1{ background:#fff;}
.hr table tr.b2{ background:#e2e2e2;}
.hr table tr:hover{ background:#ecf4db;}

.allnews li{ padding-bottom:10px; border-bottom:1px #CCC dashed; margin-bottom:10px;}

.agsearch{background:url('../images/bg_agsearch.jpg') no-repeat; height:40px; padding:10px; line-height:40px; float:left; width:910px; margin-bottom:10px;}
.agsearch .lb{ float:left; margin-right:10px; margin-left:10px;}
.agsearch .combo,.agsearch .txt{margin-top:5px;}

.listpr{ border-bottom:1px #ccc dotted; float:left; width:100%; padding-bottom:3px; padding-top:3px;}
.fs{font-size:11px; color:#666;}
.listpr .right{padding-top:5px;}

.prm .listp{margin:8px;}
.prm li.ll{border-left:1px #CCC dotted;}

ul.listnews li{padding:2px 2px 0px 5px;}

#popup {
	background:#FFF; position:absolute;	width:530px; z-index:1;	left: 105px; top: 150px; padding:10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
#popup p{padding:3px 0px 3px 0px;}
#popup p.detail{padding:20px 0px 3px 0px;}

#footer{ float:left; width:100%}
#footer #link{ height:143px; padding:14px 0px 10px 0px; background:url('../images/bg_quicklink.jpg');}
#footer #link a{ margin:10px auto 10px 9px;} 
#footer #bottom{ padding:7px 0px 3px 0px; font-size:11px; float:left; width:100%; height:46px; background:url('../images/bg_footer.jpg');color:#717171;}
#footer #bottom #cpr{ float:left; padding-left:10px;}
#footer #bottom #btl{ float:right; padding:15px 10px}
#footer #bottom #btl a{ color:#aaa}
#footer #bottom #btl a:hover{ color:#8ecc17}

