/*-------------------------------------------

    Title :  NTDTV
    Usage :  IE Fix
    Edited:  2012-06-17

---------------------------------------------

    1. Common Styles
    2. Homepage
    3. News page
    4. Rank page
    5. Video page
    6. Schedule page
    7. Rank4 page
    8. China page
    9. Video List page
   10. Video Category page
   11. Micronews page
   12. Topic page
   13. Newsletter page
   14. Picnews pages

---------------------------------------------*/


/*  1. Common Styles
---------------------------------------------*/

/*  Default  */

.ie6 .header .more { background-position-y:   0 }
.ie7 .header .more { background-position-y: 2px }
.ie8 .header .more { background-position-y: 2px }

.ie6 .more-typ2 { background-position-y: -1px }
.ie7 .more-typ2 { background-position-y:    0 }
.ie8 .more-typ2 { background-position-y:  1px }

.ie6 .box h3 { padding: 5px 0   0 12px }
.ie7 .box h3 { padding: 2px 0   0 12px }
.ie8 .box h3 { padding: 2px 0   0 12px }
.ie9 .box h3 { padding: 2px 0 1px 12px }

.ie6 span.play {
	display: none;
	}


/*  Container  */

html.ie6 {
	border-width: 2px 0 0;
	background: url(null);
	}


/*  Branches and Language  */

.ie6 #header .selectmenu-wrapper {
	margin-right: -15px;
	}

.ie6 #header .selectmenu-wrapper a,
.ie7 #header .selectmenu-wrapper a,
.ie8 #header .selectmenu-wrapper a {
	line-height: 19px;
	}

.ie6 #header .selectmenu-wrapper #branches-button .ui-selectmenu-status {
	position: relative;
	top: 2px;
	}

.ie8 #header .selectmenu-wrapper #branches-button .ui-selectmenu-status,
.ie9 #header .selectmenu-wrapper #branches-button .ui-selectmenu-status {
	position: relative;
	top: 1px;
	}

.ie6 .ui-selectmenu-menu li a {
	padding: 5px 20px 1px;
	}


/*  Quick Navigation  */

.ie6 #qcknav,
.ie7 #qcknav,
.ie8 #qcknav {
	margin-top: 32px;
	}


/*  Site Navigation  */

.ie6 #sitenav ul li a {
	line-height: 1.4;
	}

.ie6 #sitenav ul li ul li a .sub-l {
	line-height: 1.45;
	}

.ie7 #sitenav ul li ul li a .sub-l {
	line-height: 1.3;
	}


/*  Ad  */

.ie6 .ad-type1-with-text ul {
	margin-top: -2px;
	}


/*  Subordinate Navigation  */

.ie6 #subnav {
	height: 30px;
	}

#subnav ul li {
	margin-top: 10px;
	_margin-top: 11px;
	}


/*  Instant News  */

.ie6 #instant ol {
	height: 17px;
	overflow: hidden;
	}

#instant h3,
#instant ol,
#instant ol li {
	*display: inline;
	}

.ie8 #instant ol li a {
	position: relative;
	top: -1px;
	}


/*  Supplementary Navigation  */

#suppnav ul li h4 {
	padding-top: 1px;
	height: 10px;
	}

.ie6 #suppnav ul li h4 {
	position: relative;
	left: 2px;
	float: left;
	clear: left;
	margin-bottom: 8px;
	overflow: hidden;
	}

.ie9 #suppnav ul li h4 {
	padding-top: 0;
	height: 12px;
	}

.ie6 #suppnav ul li ul {
	float: left;
	clear: left;
	}


/*  2. Homepage
---------------------------------------------*/

/*  Today  */

.ie6 #today .pager a {
	background-image: url(/cms2012/xtr/images/homepage/sprite_ie6_headlinepager_a.png);
}


/*  Rank  */

.ie6 #rank {
	height: 294px;
	}

#rank ol li ol li span {
	*position: relative;
	*top: -4px;
	}


/*  Tab Box  */

.ie6 .tab-box,
.ie7 .tab-box {
	padding-bottom: 2px;
	}

.ie8 .tab-box,
.ie9 .tab-box {
	padding-bottom: 9px;
	}

.tab-box .left {
	*margin-bottom: -4px;
	}

.tab-box .right li {
	*margin-bottom: -1px;
	_margin-bottom: -2px;
	}


/*  Carousels  */

.ie6 .carousel .jcarousel-next {
	right: -1px;
	}

/*  Weather  */

.ie6 #weather ol {
	width: 320px;
	}

.ie6 #weather ol li {
	clear: expression(style.marginRight = $(this).is(':nth-child(4n)') ? "0" : "21px", style.clear = "none", 0);
	}

#weather ol li {
	*display: inline;
	}



/*  3. News page
---------------------------------------------*/

/*  Spot News  */

.ie6 #spot h1 { padding: 7px 0 6px }
.ie9 #spot h1 { padding: 8px 0 5px }

.ie8 #spot ol {
	line-height: 31.5px;
	}

.ie6 #spot ol li { top: 1px }
.ie9 #spot ol li { top: 2px }


/*  Weekend Recommendations  */

.ie6 #weekend h3 span,
.ie9 #weekend h3 span {
	margin-top: 1px;
	}

.ie6 #weekend ol li .figure .time sup { top: -16px }
.ie7 #weekend ol li .figure .time sup { top: -16px }
.ie8 #weekend ol li .figure .time sup { top:  -7px }
.ie9 #weekend ol li .figure .time sup { top:  -6px }


/*  Calendar  */

.ie6 #calendar,
.ie9 #calendar {
	margin-bottom: -3px;
	}


/*  Headline  */

.ie6 #headlinenext {
	position: static;
	top: 0;
	float: right;
	margin-top: -66px;
	}

.ie6 #headline ol li a span,
.ie9 #headline ol li a span {
	padding: 2px 5px 0;
	height: 22px;
	}


/*  Program Parades  */

.ie6 #parade ul li span,
.ie9 #parade ul li span {
	background-position-y: 1px;
	}

.ie7 #parade .footer a.inews span,
.ie8 #parade .footer a.inews span {
	top: -2px;
	}


/* Rank */

.ie6 #ranktabs span.first {
	border-left: 1px solid #afafaf;
	}

#rank .details {
	position: relative;
}

/*  Categories block  */

.ie6 .categ h3,
.ie9 .categ h3 {
	line-height: 33px;
	}

.ie6 .categ ol.top li .figure {
	margin-right: 11px;
	}

.ie6 .categ ol.top li a {
	line-height: 2;
	}

.ie6 .categ ol.top li .vid { top: 3px }
.ie7 .categ ol.top li .vid { top: 3px }
.ie9 .categ ol.top li .vid { top: 5px }

.categ ol.bottom {
	position: relative;
	}
	
.categ ol.bottom {
	position: relative;
	}

/*  Subscribe News  */

#subs form ul li {
	*display: inline;
	*margin-right: 14px;
	}

#subs form ul li label {
	*margin-left: 3px;
	}

.ie9 #subs form ul li label {
	position: relative;
	top: 2px;
	}

#subs form div button {
	line-height: 27px;
	}


/*  Our Programs  */

#our .tools .selectmenu-wrapper {
	*margin-left: 16px;
	}

.ie6 #our .tools #schedule-button .ui-selectmenu-status { top:  1px }
.ie7 #our .tools #schedule-button .ui-selectmenu-status { top: -1px }

.ie6 .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label,
.ie7 .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label,
.ie8 .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
	padding: 6px 6px 0;
	}

#our .tools .jcarousel-ctrl {
	*position: relative;
	*top: 2px;
	}


/*  4. Rank page
---------------------------------------------*/

/*  Check  */

.ie6 #check form .selectmenu-wrapper a { line-height: 20px }
.ie7 #check form .selectmenu-wrapper a { line-height: 19px }
.ie8 #check form .selectmenu-wrapper a { line-height: 19px }
.ie9 #check form .selectmenu-wrapper a { line-height: 17px }

#check form button {
	_position: relative;
	_top: -1px;
	*color: #3288da;
	}


/*  Rank List  */

.ie6 #ranklist ol li {
	padding-top: 14px;
	height: 76px;
	}

#ranklist ol li p {
	*margin-right: 6px;
	}


/*  Pager  */

#pager .first,
#pager .prev,
#pager .next,
#pager .last {
	_clear: expression(innerHTML = '', style.clear = "none", 0);
	}

.ie8 #pager .num {
	height: 11px;
	line-height: 15px;
	}

.ie8 #pager .num.curr {
	line-height: 14px;
	}


/*  5. Video page
---------------------------------------------*/

.categ-menu h3 a {
	*margin-top: 7px;
	}

.ie8 .categ-menu h3 a,
.ie9 .categ-menu h3 a {
	*margin-top: 5px;
	}

.ie6 .vid-list ol li {
	height: 186px;
	}

.categ-pager span {
	*margin-top: 5px;
	}

.ie6 #cmnts h3 {
	overflow: hidden;
	}

.ie6 #cmnts ol li {
	/*
	  One-Time Execution CSS Expression
	  http://vacskamati.blogspot.com/2008/10/one-time-execution-of-ie-css.html
	*/
	clear: expression(style.backgroundPositionY = $(this).is(':first-child') ? "-5000px" : 0, style.clear = "none", 0);
	}

.ie9 #cmnts-pager .prev { background-position:    0   5px }
.ie9 #cmnts-pager .next { background-position: 100% -36px }

#cmnts-pager .num {
	*padding-top: 2px;
	}

.ie9 #cmnts-pager .num {
	padding-bottom: 2px;
	}

.ie6 #rec-week .wrapper h4 {
	clear: expression(className += $(this).is(':first-child') ? " first" : "", style.clear = "none", 0);
	}

.ie6 #rec-week .wrapper h4.first {
	border-top: 1px solid #e5e4e9;
	}

#rec-week .wrapper h4 a {
	*margin-top: 7px;
	}

.ie8 #rec-week .wrapper h4 a,
.ie9 #rec-week .wrapper h4 a {
	*margin-top: 5px;
	}

.ie6 .relativeBox li  {
    height: 1%;
}
.ie6 .relativeBox li img {
    float: left;
}

/*  6. Schedule page
---------------------------------------------*/

/*  Week  */

.ie6 #week {
	height: 52px;
	}

.ie6 #week ol li a,
.ie7 #week ol li a,
.ie8 #week ol li a {
	padding-top: 2px;
	height: 44px;
	}

#week ol li a .date {
	margin-top: -1px;
	}

.ie6 #week ul {
	margin-top: 7px;
	}

.ie8 #week ul,
.ie9 #week ul {
	margin-top: 5px;
	}


/*  Channel  */

.ie6 #mix .channel {
	zoom: 1;
	}

.ie6 #mix .channel li {
	float: left;
	width: 145px;
	}

.ie6 #mix .channel li a { padding: 8px 0 2px }
.ie7 #mix .channel li a { padding: 7px 0 3px }

.ie6 #mix .channel li.curr .arrow {
	right: -27px;
	}


/*  Live  */

#live ul li {
	*margin-bottom: -1px;
	}


/*  Zone  */

.ie6 #zones-menu li a { padding: 5px 6px 1px }
.ie7 #zones-menu li a { padding: 4px 6px 2px }


/*  Schedule Content  */

.ie8 .schedule-content .section + .section {
	margin-bottom: -17px;
	padding-bottom: 17px;
	border-bottom: 1px solid #dedede;
	}


/*  Watch  */

.ie6 #watch h3 a {top: 10px }
.ie7 #watch h3 a {top:  9px }


/*  7. Rank4 page
---------------------------------------------*/

/*  Video  */

.ie6 body#rank4 #video .header h3 {
	padding-top: 2px;
	}

.ie6 body#rank4 #video .header .more {
	top: 12px;
	background-position-y: -1px;
	}

.ie7 body#rank4 #video .header .more {
	background-position-y: 0;
	}

.ie8 body#rank4 #video .header .more {
	background-position-y: 1px;
	}

body#rank4 div#video ol li {
	*display: inline;
	}


/*  Image News  */

.ie6 #imgnews .header h3 {
	padding-top: 2px;
	}

.ie6 #imgnews .header .more {
	top: 12px;
	background-position-y: -1px;
	}

.ie7 #imgnews .header .more {
	background-position-y: 0;
	}

.ie8 #imgnews .header .more {
	background-position-y: 1px;
	}


/*  Newest  */

.ie6 #newest h3 {
	padding-top: 5px;
	}

.ie7 #newest h3 {
	padding-top: 2px;
	}

.ie6 #newest .more {
	background-position-y: -1px;
	}

.ie7 #newest .more {
	background-position-y: 0;
	}

.ie8 #newest .more {
	background-position-y: 1px;
	}

.ie6 #newest ol li .time {
	top: 4px;
	}


/*  Rand - North America  */

#rank-na .list li .num {
	*padding: 2px 5px 0;
	}


/*  8. China page
---------------------------------------------*/

.ie6 #china #main #title {
	padding: 3px 0 0;
	}

.ie7 #china #main #title {
	padding: 2px 0 0;
	}

#china .section-2 .more {
	*margin-bottom: -15px;
	}

.ie6 #china #hot .wrapper ol li {
	height: 63px;
	}

#china #hot .wrapper .header h3 {
	*clear: expression(jQuery(this).wrapInner('<span></span>'), style.clear = "none", 0);
	}

#china #hot .wrapper .header h3 span {
	*position: relative;
	*top: 1px;
	_top: 2px;
	}

#china #hot .wrapper .header .more {
	top: 7px;
	}


/*  9. Video List page
---------------------------------------------*/

.ie6 body#vid-list #list ul li .header h3,
.ie7 body#vid-list #list ul li .header h3 {
	padding-top: 1px;
	}

.ie6 body#vid-list #list ul li .jcarousel-container {
	zoom: 1;
	}

.ie6 body#vid-list #categ-menu h3 a {
	padding-top: 7px;
	padding-bottom: 3px;
	}

.ie7 body#vid-list #categ-menu h3 a {
	padding-top: 6px;
	padding-bottom: 4px;
	}


/* 10. Video Category page
---------------------------------------------*/

.ie6 body#vid-categ #crumbnav ol li span a { padding: 8px 20px 0; height: 25px }
.ie7 body#vid-categ #crumbnav ol li span a { padding: 7px 20px 0; height: 26px }

.ie6 body#vid-categ #crumbnav ol li ul li,
.ie7 body#vid-categ #crumbnav ol li ul li {
	list-style-position: outside;
	}


/* 11. Micronews page
---------------------------------------------*/

.ie6 #sheader .center {
	height: 56px;
	}

.ie6 #list ol li .details {
	height: 12px;
	background-position-y: 5px;
	}

.ie7 #list ol li .details {
	background-position-y: 6px;
	}

.ie9 #list ol li .details {
	background-position-y: 7px;
	}

.ie6 #list .pager a .l .r {
	padding-top: 7px;
	height: 18px;
	}

.ie7 #list .pager a .l .r {
	padding-top: 6px;
	height: 19px;
	}

.ie9 #list .pager a .l .r {
	padding-top: 4px;
	height: 21px;
	}

#micropic ol li {
	*display: inline;
	}


/* 12. Topic page
---------------------------------------------*/

.years-wrapper .slider ol li a {
	*padding-top: 2px;
	*height: 29px;
	}

.ie6 .topics-wrapper .slider ol li a {
	*padding-top: 7px;
	*height: 22px;
	}

.ie7 .topics-wrapper .slider ol li a {
	*padding-top: 6px;
	*height: 23px;
	}

.ie9 .topics-wrapper .slider ol li a {
	line-height: 17px;
	}

body#topic #main {
	*padding-top: 6px;
	}

body#topic #list h1 {
	*padding-right: 35px;
	}

.ie6 body#topic #list h1 {
	padding-right: 35px;
	height: 20px;
	}

.ie7 body#topic #list h1 {
	padding-top: 5px;
	height: 21px;
	}

.ie6 body#topic #list #view {
	clear: expression($(this).prev().andSelf().wrapAll('<div style="height: 1%"></div>'), style.clear = "right", 0);
	}

.ie7 body#topic #list .wrapper {
	float: left;
	}

.ie6 body#topic #list .wrapper {
	clear: none;
	}

.ie6 #list .wrapper ol li .header .fig {
	margin-right: 10px;
	}

.ie6 #list .wrapper ol li .header .txt {
	zoom: 1;
	}

#list #view h2 {
	*margin-top: 6px;
	}

.ie6 #list .wrapper #bydate {
	padding-top: 3px;
	height: 19px;
	}

.ie6 #list .wrapper .pager .page,
.ie7 #list .wrapper .pager .page,
.ie9 #list .wrapper .pager .page {
	padding: 3px 5px 2px;
	}

#list .wrapper .pager span {
	*top: 8px;
	}

body#topic #programs h1 {
	*padding-right: 35px;
	}

body#topic #programs h1 {
	*clear: expression($(this).wrap('<div style="clear: both; height: 1%"></div>'), style.clear = "right", 0);
	}

.ie6 body#topic #programs h1 {
	padding-right: 35px;
	height: 20px;
	}

.ie7 body#topic #programs h1 {
	padding-top: 5px;
	height: 21px;
	}

.ie7 #programs .wrapper ol li .txt {
	position: static;
	}

.ie6 #programs .wrapper .pager a {
	padding-top: 4px;
	height: 16px;
	}

.ie9 #programs .wrapper .pager a {
	padding-top: 1px;
	height: 19px;
	}

body#topic #rank ol li .num {
	*line-height: 1.3;
	}

.ie9 #rank h3 {
	padding-top: 4px;
	height: 23px;
	}

.ie9 body#topic #rank ol li .num {
	line-height: 1.2;
	}

/* 13. Newsletter page
---------------------------------------------*/

body#newsletter #main form .email label {
	*top: -1px;
	}

.ie6 body#newsletter #main form .categ h3 strong {
	*top: -4px;
	}

body#newsletter #main form .categ h4 {
	padding-top: 2px;
	height: 18px;
	}

body#newsletter #main form .categ ul li {
	*display: inline;
	}

body#newsletter #main form .mode ul li {
	*display: inline;
	}

body#newsletter #main form .mode ul li {
	margin-right: 52px;
	}

.ie6 body#newsletter #main input {
	clear: expression($(this).filter('[type="radio"]').addClass('radio'), style.clear = "none", 0);
	}

.ie6 body#newsletter #main input.radio {
	position: relative;
	top: -1px;
	}

.ie7 body#newsletter #main input[type="radio"] {
	position: relative;
	top: -1px;
	}


/* 14. Picnews page
---------------------------------------------*/

body#picnews #featured,
body#picnews #wonderful {
	*margin-bottom: 0;
	}

.ie6 #wonderful {
	height: 398px;
	}

#wonderful .header h2 {
	*padding-top: 2px;
	}

#wonderful ol li {
	*display: inline;
	}

.picsection .header h2 {
	*padding-top: 2px;
	*margin-top: 7px;
	}

.picsection ol li {
	*display: inline;
	}

.ie6 body#picnews #comp .box {
	height: 178px;
	}

.ie6 body#picnews #comp {
	margin-bottom: -70px;
	}

.ie6 #spopular {
	margin-right: 12px !important;
	}

#spopular ul {
	*padding-top: 9px;
	}

#spopular ul li {
	*display: inline;
	}