@charset "utf-8";
/*** Nouveau Design de Laposte.net
maquette : Nicolas Simon pour is&a bloom
CSS  : Richard Bodin pour Laposte.Net 
Décembre 2009 ***/


/*******************/
/***** CONTENT *****/
/*******************/

#ctn_mdl {
	position:relative;
	background:url(img/content_bg_tile.gif) left top repeat-y;
	margin:0;
	padding:0;
	width:970px;
	overflow:hidden;}
	
/**** CONTENU CENTRAL ****/
#ctn_mdl #ctn_ctt { float:left; background:none; /*width:754px;*/ display:inline;}
#ctn_mdl #ctn_ctt .F6_line {margin:0; padding:0;}
#ctn_mdl #ctn_ctt .F6_line .F6_size3on5 {margin:10px; padding:0; width:425px !important; float:left; display:inline;}
#ctn_mdl #ctn_ctt .F6_line .F6_size2on5 {margin:10px 0; padding:0; width:300px !important; float:left; display:inline;}
#ctn_mdl #ctn_ctt .F6_line .F6_size1on2 {margin:10px 8px; padding:0; width:361px !important; float:left; display:inline;}
iframe #ctn_ctt .F6_line .F6_size1on2 {margin:10px 8px; padding:0; width:361px !important; float:left; display:inline;}
#ctn_mdl #ctn_ctt .F6_line .F6_size2on3 {margin:10px; padding:0; width:640px !important; float:left; display:inline;}
#ctn_mdl #ctn_ctt .F6_line .F6_size1on3 {margin:10px 0; padding:0; width:300px !important; float:left; display:inline;}

/** module block simple (avec ou sans tetiere) **/
/* center area avec left nav*/
.F6_size3on5 .F6_block {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: url(img/slot_bg.gif) -243px bottom;
	overflow:hidden;}
.F6_size3on5 .F6_block .head,
.F6_size3on5 .cinema h3  {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -529px -199px no-repeat;
	height:31px;
	width:425px; }
.F6_size3on5 .F6_section_posteLigne .head,
.F6_size3on5 .F6_section_servPratiques .head,
.F6_size3on5 .F6_section_banquePostale .head {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -99px -199px no-repeat;
	height:31px;
	width:425px;}
	
/* center area sans left nav */
.F6_size2on3 .F6_block {
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	background: url(img/slot_bg.gif) -1084px bottom;
	overflow:hidden;}
.F6_size2on3 .F6_block .F6_blockInside{	background: url(img/slot_bg.gif) -1084px top; margin:0; padding:0;}
.F6_size2on3 .F6_block .head {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -99px -271px no-repeat;
	height:31px;
	width:640px; }
.F6_size2on3 .F6_section_posteLigne .head,
.F6_size2on3 .F6_section_servPratiques .head,
.F6_size2on3 .F6_section_banquePostale .head {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -99px -302px no-repeat;
	height:31px;
	width:640px;}
	
/* right area */
.F6_size2on5 .F6_section_servPratiques, 
.F6_size2on5 .F6_section_posteLigne,
.F6_size2on5 .F6_section_banquePostale, 
.F6_size2on5 .hpHoroscope {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: url(img/slot_bg.gif) right bottom;
	overflow:hidden;}
.F6_size2on5 .F6_section_servPratiques .head  {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -529px -161px no-repeat;
	height:31px;
	width:300px; }
	
.F6_size2on5 .F6_section_posteLigne .head,
 .head {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -99px -161px no-repeat;
	height:31px;
	width:300px;}


.F6_block .head h2.title,
.F6_size3on5 .cinema h3 {
	padding: 5px 0 0 13px;
	font-size:16px;
	margin:0;}
.F6_block .body {
	padding:5px;
	margin:0;}
	
.F6_size2on5 .F6_block .body{padding:0}
	
/* pages en deux colonnes égales : F6_size1on2 **/

.F6_size1on2 .F6_block {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: url(img/slot_bg.gif) -702px bottom;
	overflow:hidden;}
.F6_size1on2 .F6_section_servPratiques .head,
.F6_size1on2 .F6_section_banquePostale .head,
.F6_size1on2 .F6_block .head {	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -529px -237px no-repeat;
	height:31px;
	width:425px; }
.F6_size1on2 .F6_section_posteLigne .head {
	margin:0;
	padding:0;
	background: url(img/header_sprite.gif) -99px -237px no-repeat;
	height:31px;
	width:425px;}
	


/* items sur deux colonnes dans les blocks */
.F6_size3on5 .F6_block .body .F6_separ {  display:none;}
.F6_size3on5 .F6_block .body .F6_unit { float:left; margin:3px 3px 0 3px; padding:0;}
#ctn_mdl #ctn_ctt .F6_size3on5 .F6_block .body .F6_size1on2 { width: 204px !important;}
.F6_size3on5 .F6_block .body .F6_lastunit { margin:3px 0 0 3px; padding:0}
.F6_size3on5 .F6_block .body .F6_line { clear:both;}
.F6_size3on5 .F6_block .body .F6_noScroll .F6_mea .media { margin: 0 5px 0 0;}

/* mise en forme des contenu MEA */

.F6_mea { padding:10px 0;}

/*** CENTER AREA ***/

/** slideshow **/
.F6_size3on5 .ModuleActualite {
	margin:0 0 10px 0; 
	padding:0 0 5px 0; 
	width:425px;
	background:url(img/slot_bg.gif) -243px bottom no-repeat;
	overflow:hidden;
	}
#MainHPslideShow {
	width:425px;
	margin:0 0 0 0;
	padding:0;
	height:250px;
	position:relative;
	background: url(img/slot_bg.gif) -243px top no-repeat;
	/*border:1px solid #ddd;*/
	}
/* main part */
#MainHPslideShow .main_part {
	margin:10px;
	padding:0;
	height:135px;
	/*overflow:hidden;*/
	position:absolute;
	background:#FFF;
	overflow:hidden;}
#MainHPslideShow .front {z-index:3;}
#MainHPslideShow .back {z-index:2;}
#MainHPslideShow .main_part .imgBgSlideShowMain {
	background: url(img/nopic.gif) 50% 50% no-repeat;
	margin:0 5px 0 0;
	padding:0;
	width:200px;
	height:130px;
	text-indent:-9999px;
	display:block;
	float:left;}
#MainHPslideShow .main_part .infos {
	float:left;
	width:195px;
	margin:0 0 0 5px;
	padding:0;
	overflow:hidden;}
#MainHPslideShow .main_part .infos h3 {
	color:#073d8a;
	margin:0;
	font-size:14px;}
#MainHPslideShow .main_part .infos h3 a {color:#073d8a; text-decoration:none}
#MainHPslideShow .main_part .infos h5 {
	color:#353535;
	margin:0;
	font-size:12px;
	text-align:left;}
#MainHPslideShow .main_part .infos h5 a {color:#353535; text-decoration:none}
#MainHPslideShow .main_part .infos .date { font-size:10px; color:#666666; margin:0 0 5px 0;}
#MainHPslideShow .main_part .infos p {font-size:11px; text-align:justify; color:#353535; margin:5px 0 0 0}
span.bigimage {display:none;}
a.more { position:absolute; right:5px; bottom:5px; color:#073d8a; font-weight:bold; font-size:12px;}

/* carousel nav */
#MainHPslideShow .carrousel {
	width:423px;
	margin:0;
	padding:0;
	height:100px;
	/*overflow:hidden;*/
	position:absolute;
	bottom:0;
	left:1px;
	z-index:9;}
#MainHPslideShow .carrousel p.btn {
	width:22px;
	height:99px;
	margin:0;
	padding:0;
	font-size:10px;
	float:left;
	text-indent:-999px;
	overflow:hidden;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9 ;}
#MainHPslideShow .carrousel p.prev {background:url(img/prev-on.gif) 50% 50% no-repeat #f2f2f2; border-right:1px solid #d9d9d9;}
#MainHPslideShow .carrousel p.next {background:url(img/next-on.gif) 50% 50% no-repeat #f2f2f2; border-left:1px solid #d9d9d9;}
#MainHPslideShow .carrousel p.prev.inactive {background:url(img/prev-off.gif) 50% 50% no-repeat #f2f2f2;}
#MainHPslideShow .carrousel p.next.inactive {background:url(img/next-off.gif) 50% 50% no-repeat #f2f2f2;}
#MainHPslideShow .carrousel .carrouselwrap {
	width: 377px;
	margin:0;
	padding:0;
	list-style:none;
	height:100px;
	float:left;
	overflow:hidden;
	position:relative;
	border-bottom: 1px solid #d9d9d9;	}
#MainHPslideShow .carrousel ul {
	margin:0;
	padding:0;
	list-style:none;
	height:100px;
	position:absolute;
	left:0;
	top:0;}
#MainHPslideShow .carrousel ul li {
	width: 114px;
	height:100px;
	padding:6px;
	margin:0px;
	text-align:center;
	position:relative;
	background:#f2f2f2;
	border-left:1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	overflow:hidden;
	float:left;}
#MainHPslideShow .carrousel ul li.active {background:#fff;border-top:1px solid #fff;}
#MainHPslideShow .carrousel ul li .imgBgSlideShowThumb {
	background: url(img/nopic.gif) 50% 50% no-repeat;
	margin:0 0 5px 0;
	padding:0;
	width:114px;
	height:50px;
	text-indent:-9999px;
	display:block;}
#MainHPslideShow .carrousel ul li div.block {padding:0;margin:0;text-align:center;}
#MainHPslideShow .carrousel ul li div.block p,
#MainHPslideShow .carrousel ul li div.block span.date,
#MainHPslideShow .carrousel ul li div.block span.bigimage {display:none;}
#MainHPslideShow .carrousel ul li div.block h3 {margin:0;padding:0;font-size:10px;}
#MainHPslideShow .carrousel ul li div.block h5 {display:none;}

/* link list sous slideshow */
.ModuleActualite .ActuLinkList, 
.ModuleActualite .ActuLinkList ul {margin:0; padding:0;}
.ModuleActualite .ActuLinkList li {margin:0;
	padding:0 0 0 10px;
	line-height:18px; 
	border-top: 1px solid #d9d9d9;}
.ModuleActualite .ActuLinkList li a { font-size:11px; text-decoration:none; font-weight:normal;}
.ModuleActualite .ActuLinkList li a:hover {color:#073d8a;}
.ModuleActualite .ActuLinkList li a .theme {font-size:12px; font-weight:bold;}
.ModuleActualite .ActuLinkList li a:hover .theme { color:#000000}

/** la poste et vous**/
.F6_size3on5 .F6_section_posteLigne .body h4.title {color:#073D8A} 

/** Module avec onglets **/
.F6_size3on5 .F6_blockTabsType2 {
	background:none !important;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	overflow:hidden;}
.F6_blockTabsType2 .head {display:none}
.F6_blockTabsType2 ul.F6_tabs{
	background: url(img/tabs_bottom_line.gif) left bottom no-repeat;
	margin:0;
	padding:0 0 3px 0;}
.F6_blockTabsType2 ul.F6_tabs li, .F6_blockTabsType2 ul.F6_tabs li.F6_current {
	margin:0 -1px 0 0; 
	padding:0 0 0 13px;
	display:inline;
	height:28px;
	float: left;
	background: url(img/tabs.gif) left -32px no-repeat;
	}
.F6_blockTabsType2 ul.F6_tabs li h3.title {margin:0; padding:0;}
.F6_blockTabsType2 ul.F6_tabs li h3.title a {
	height:28px;
	margin:0; 
	padding:4px 13px 0 0;
	background: url(img/tabs.gif) right -32px no-repeat;
	color:#353535;
	font-size:16px;
	text-transform: none;
	}
.F6_blockTabsType2 ul.F6_tabs li h3.title a:hover {text-decoration:none}

.F6_blockTabsType2 ul.F6_tabs li.F6_current {background: url(img/tabs.gif) left 0 no-repeat;}
.F6_blockTabsType2 ul.F6_tabs li.F6_current h3.title a {background: url(img/tabs.gif) right 0 no-repeat; color:#353535;}
.F6_blockTabsType2 .body {
	background:url(img/slot_bg.gif) -243px bottom;	
	padding:0 0 10px 0;
	margin:0;
	overflow:hidden;}
	
/* contenu onglets */
.tabCtn .imgBg50 {
	padding:0;
	width:50px;
	height:50px;
	float:left;
	text-indent:-9999px;
	margin: 0 5px 0 0;}

.tabCtn .imgBg160 {
	padding:0;
	width:160px;
	height:110px;
	float:left;
	margin: 0 5px 0 0;
	text-indent:-9999px;}

.tabCtn .media {padding:0;	float:left;	margin: 0 5px 0 0;	}

.tabCtn .bourse .imgBg50 {background: url(img/bourse50.jpg) 50% 50% no-repeat;}
.tabCtn .bourse .imgBg160 {background: url(img/bourse160.jpg) 50% 50% no-repeat;}

.tabCtn .MainMEA {margin:0 0 0 0; padding:9px; overflow:hidden; position:relative; height:auto; display:inline-block }
.tabCtn .MainMEA .text {
	width: 240px;
	overflow:hidden;
	margin:0;
	float:left;
	padding:0;
	font-size:12px;}
.tabCtn .MainMEA .text a:hover { text-decoration:none; color:#000;}

.tabCtn .MainMEA .text h4, .tabCtn .smallMEA div h5  {margin:0; padding:0;}
.tabCtn .MainMEA .text h4 a, .tabCtn .smallMEA h5 a {
	color:#073d8a;
	font-size:14px;
	font-weight:bold;
	text-decoration:none}
.tabCtn .MainMEA .text h4 a:hover, .tabCtn .itemMEA h5 a:hover {color:#1457b6;}
.tabCtn .MainMEA .text span.th_date {display:block; text-align:right; font-size:10px; color:#808080; margin:15px 0 0 0}
.tabCtn .smallMEA {margin:0 0 10px 0; padding:0 6px; overflow:hidden; clear:both; position:relative; height:auto;}
.tabCtn .smallMEA .itemMEA {width:200px; margin:3px; padding:0; overflow:hidden; float:left;}
.tabCtn .itemMEA div {width:140px;	margin:0; padding:0; overflow:hidden; float:left;}
.tabCtn .itemMEA h5 a {font-size:12px;}
.tabCtn .itemMEA span.th_date {font-size:10px; color:#808080; margin:15px 0 0 0}
.tabCtn span.th_date strong { font-weight:normal; color:#073d8a;}
.tabCtn .tv span.chaine { margin:0; padding:0; font-size:10px; color:#808080;}
.tabCtn .tv span.chaine img { height:20px;} 

.tabCtn .TabLinkList {margin:0; padding:0; clear:both; overflow:hidden; }
.tabCtn .TabLinkList ul {border-top: 1px solid #d9d9d9; padding:1px; list-style:none; margin:0;}
.tabCtn .TabLinkList li {
	margin:0;
	padding:1px 3px 0px 10px;
	line-height:23px; 
	overflow:hidden}
.tabCtn .TabLinkList li:hover { background:#f2f2f2;}
.tabCtn .TabLinkList a { font-size:11px; text-decoration:none; font-weight:normal;}
.tabCtn .TabLinkList a:hover {color:#073d8a;}

.tabCtn .TabLinkList li span.date {width:70px; float:left; margin:0 8px 0 0; color:#808080; font-size:10px; line-height:18px}
.tabCtn .TabLinkList li a {
	display:block;
	width:330px; 
	float:left; 
	margin:0;
	padding:0;
	line-height:18px;
	font-size:12px;	}
.tabCtn .TabLinkList a span.partner {font-size:10px; color:#808080;}
.tabCtn .TabLinkList a span.partner strong {color:#073d8a; font-weight:normal;}
.tabCtn .TabLinkList a:hover {color:#073d8a; text-decoration:none;}
.tabCtn .TabLinkList a:hover span.partner {font-size:10px; color:#808080;}
.tabCtn .TabLinkList a:hover span.partner strong {color:#073d8a; font-weight:normal;}






/** cinema **/
.F6_size3on5 .cinema {
	margin:0 0 10px 0;
	padding:0 0 10px 0; 
	width:425px;
	position:relative;
	overflow:hidden;
	background:url(img/slot_bg_darkgrey.gif) left bottom no-repeat;
	}
.F6_size3on5 .cinema .cinemabranch {
overflow:hidden;
	margin:0 0 10px 0;
	padding:0 0 10px 0}

.F6_size3on5 .cinema ul.sorties {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}
.F6_size3on5 .cinema ul.sorties li.film {
	margin:8px;
	padding:0;
	overflow:hidden;
	float:left;
	width:66px;
	height:98px;
	}
.F6_size3on5 .cinema ul.sorties li.film img {border:3px solid #fff;}
.F6_size3on5 .cinema a.more {color:#fff; background-image:url(img/pucewhite.gif);}
	

/**** RIGHT AREA ****/

/** bloc la poste **/
.F6_size2on5 .F6_section_posteLigne {
	width:300px;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	background: url(img/slot_bg.gif) right bottom no-repeat;}
.F6_size2on5 .F6_section_posteLigne .F6_blockInside {
	margin:0;
	padding: 0;
	background: url(img/slot_bg.gif) right top no-repeat;}
.F6_size2on5 .F6_section_posteLigne .F6_blockInside .head {display:none}
.F6_size2on5 .F6_section_posteLigne .F6_blockInside ul.LaPosteFR  {
	margin:0; padding:5px;
	overflow:hidden;
	list-style:none;}
	
.F6_size2on5 .F6_section_posteLigne .F6_blockInside .LaPosteFR li {
	/*width:97px;*/
	height:53px;
	margin:0; 
	padding:0;
	background: url(img/header_sprite.gif) 0 -177px no-repeat;
	float:left;}
.F6_size2on5 .F6_section_posteLigne .F6_blockInside .LaPosteFR li a {
	margin:5px 0 0 5px; 
	padding:0;
	width:90px;
	height:47px;
	display:block;
	text-decoration:none;
	position:relative;}
.F6_size2on5 .F6_section_posteLigne .F6_blockInside .LaPosteFR li a span {
	position:absolute;
	top:50%;
	width:90px;
	text-align:center;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:12px;
	cursor:pointer}
	
/** publicité 300x250 */
.F6_pub_300_300 {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background: url(img/pub300-250.gif) 50% bottom no-repeat;
	overflow:hidden;}

/** widget kelkoo **/
#kk-widget {
	margin:0 0 10px 0 !important;
	padding:0;}
#kk-widget-5454674 .container ul.tabs {border-color:#616264 !important}
#kk-widget-5454674 .container .tabs li.active { background:#616264 !important; border-color:#616264 !important}
#kk-widget-5454674 .container .dsf ul.dsf-body { padding: 0 5px !important;}
#kk-widget-5454674 .container .dsf ul.dsf-body .fieldset select {padding: 0px; margin:1px; border:1px solid #CCCCCC; background: url(http://r6.kelkoo.com/ux/common/input-bck.png) left top no-repeat transparent;}
#kk-widget-5454674 .container .dsf ul.dsf-body .fieldset select option { background:#FFF;}
#kk-widget-5454674 .container .dsf .wrap {color:#353535 !important;}
#kk-widget-5454674 .trvform .powered {display:none !important;}

/** Horoscope **/
.F6_size2on5 .hpHoroscope h2 {
	background: url(img/header_sprite.gif) -529px -161px no-repeat;
	height:26px;
	width:287px; 
	padding: 5px 0 0 13px;
	font-size:16px;
	margin:0;}
.F6_size2on5 .hpHoroscope .body {padding:7px 5px 9px 7px;}
.F6_size2on5 .hpHoroscope {position:relative;}
.F6_size2on5 .hpHoroscope .body h3 {font-size:14px; margin:0 0 5px 0}
.F6_size2on5 .hpHoroscope .body img {float:left; margin:0 5px 0 0}
.F6_size2on5 .hpHoroscope .body p {margin:5px 0 5px 0; text-align:justify;}


/** iframe (apec) **/
.F6_size2on5 .F6_block .body  iframe {width:300px !important; margin:0; padding:0;}

/** google adsense horizontal - offre emploi **/

#ctn_ctt .F6_line #adsense { margin:0 8px;}

/** formulaire - page  disconnected **/
.F6_size2on3 .F6_block .body p.text { margin:5px 0; padding:0;}
.F6_size2on3 .F6_block .body #login { margin:5px 0; padding:0;}
.F6_size2on3 .F6_block .body #login .formLoginChamps, .F6_size2on3 .F6_block .body #login .formLoginSubmit {margin:0 0 5px 0; padding:0;}
.F6_size2on3 .F6_block .body #login .formLoginChamps  label {display:block; width:100px; margin:0; padding:0; float:left}

.F6_btn { background: url(img/btnsubmit.gif) left top no-repeat; padding: 0 0 0 10px;}
.F6_btn input[type=submit] {background: url(img/btnsubmit.gif) right top no-repeat; padding: 0 10px 4px 0; color:#353535; font-size:13px; vertical-align: middle; border:0; height:24px; font-weight:bold}

/** programme TV **/

#ctn_ctt .F6_size1on3 .F6_section_servPratiques .F6_blockInside .body {margin:0; padding:0;}
.F6_section_servPratiques .head h2 span.telerama {
	display:inline-block;
	width:80px;
	height:18px;
	background:url(img/telerama.gif) left top no-repeat;
	text-indent:-9999px;
	line-height:15px;
	margin:0;
	padding:0
	}

.programmeTV, .programmeTV dl  {	
	display:inline-block;
	width:298px;
	height:300px;
	overflow:hidden;
	margin:0;
	padding:0;}	

.programmeTV dl {
	overflow:auto;
}
.programmeTV dd {
	margin:3px;
	padding:0px;
	width:270px;
	clear:both;
	border-bottom:1px solid #d5d5d5;
	/*position:relative;*/
}
.programmeTV dd img {
	margin:5px 5px 0 0;
	float:left;}
	
/*.programmeTV dd p.more {
	margin:0;
	padding:0;
	float:left;
	width:12px;
	height:27px;
	background:url(img/more.gif) right top no-repeat;}
	
.programmeTV dd p.less {
	margin:0;
	padding:0;
	float:left;
	width:12px;
	height:27px;
	background:url(img/less.gif) right top no-repeat;}*/
	
.programmeTV dd div {
	float:right;
	width:210px;
	margin:0;
	padding:0;	
}
.programmeTV dd .horaire {
	width:46px;
	float:left;
	}
.programmeTV dd h4,
.programmeTV dd p{
	float:right;
	width:160px}

.programmeTV dd h4, .programmeTV dd h4 a { font-size:12px}
	
.shopping_kk { padding: 5px;}


.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    height: 120px;
    width: 230px;
    padding: 20px 20px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 120px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* OVERRIDE */
#th_top_article{display:none;}