html {
	height: 101%;
}

	body,textarea{
	margin: 0;
	font-family: verdana;
	font-size: small;
}

	a{
	color: #B02023;
	text-decoration: none;
}

		
		h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h3, h5 {
	margin: 10px 0 5px 0;
	padding: 0;
}

	img{
	border-style: none;
}

	/* Secret debug link */
	.debugLink{
	width: 2px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	overflow: hidden;
}

	.debugLink:hover{
	border: 3px solid #FFCC00;
	width: auto;
	background: #FFCC00;
	height: auto;
}

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/
	#player{
	width: 980px;
	background: url(../images/compact_top_pacte.jpg) left top no-repeat;
	font-size: 11px; /*background:url(http://www.tsr.ch/images/interactif/video_2007/gray/compact_top.jpg) left top no-repeat; */
	overflow: hidden;
}

	#playerTitle em, #playerTitle span, #playerTitle strong{
	padding: 2px 5px;
	display: block;
}

	#playerTitle strong{
	font-size: 12px;
}

	#playerTitle em{
	padding: 3px 8px 8px 0;
	font-weight: normal;
	text-align: right;
}

	#player #playerTitle a.send2friend{
	margin-left: 3px;
	padding-bottom: 6px;
	color: #FFFFFF;
}

div#langNav {
	padding: 10px 0 0 10px;
	color: #000000;
	font-size: 80%;
	text-transform: uppercase;
}

.white {
	color: #FFFFFF;
}

div#langNav a {
	color: #FFFFFF; 
}

#introText{
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	height: 161px; /*padding:10px;*/
	vertical-align: middle;
}

div.pad10 {
	margin: 0;
	padding: 10px;
}

div.pad10tl {
	margin: 0;
	padding: 7px 0 0 10px;
}

input#srchField {
	padding: 0;
	/*line-height: 20px;*/
	width: 150px;
margin: 0;
}

#introText h1 {
	color: #E6382D;
}

div#fullscreen {
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: right;
	visibility: hidden;
}

/* Little forum under the title */
	#searchShortcut{
	background-color: #E6382D; /*	padding:10px;*/
	background-image: url(../images/bg_search_zone_gradient.gif);
	background-repeat: repeat-y;
	height: 45px; /*	margin-top:30px;*/
}

span.smallwhite {
}
 
	span.smallwhite a {
	color: #FFFFFF;
	font-size: 80%;
}

	
	
		
		
	#searchShortcut input{
	width: 170px;
	margin-left: 5px;
	border: 1px solid #6B7A7C;
	float: left;
	background: #FFFFFF;
	height: 18px;
}

	#searchShortcut input:hover{
	background: #FFFFFF;
}

	#searchShortcut  a.searchButton, a.searchButtonProgram{
	width: 29px;
	float: left;
	display: block;
	background-image: url(../images/search_button.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 19px;
}

	#linkSection{
	position: absolute;
	top: 100px;
	left: 12px;
}

	#video{
	padding-bottom: 4px; /*	padding-top:12px; */
}

	#playerDynamicContent{
	text-align: center; /*margin:0 auto;
		width:490px;*/
	height: auto !important;
	height: 268px;
	min-height: 268px;
	z-index: 10; /*visibility:hidden;*/
}

	#playerDynamicContentAudio {
	background-color: #FF0000;
	position: relative;
	top: -268px;
	z-index: 100;
	height: 238px;
}

	
		
  /***************************************/
 /******   CONFIG BUTTONS STYLES   ******/
/***************************************/
	#config{
	padding: 0;
	float: left;
	margin: 0 0 -26px 20px;
	list-style-type: none;
	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/cartridge_l.gif) top left no-repeat;
	height: 26px;
}

	#config li{
	float: left;
}

	#config li.last{
	padding-right: 10px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/cartridge_r.gif) top right no-repeat;
}

	#config a{
	padding: 0 5px;
	display: block;
	background: top right no-repeat;
	text-indent: -900px;
	height: 26px;
}

	#config a.contrast{
	width: 13px;
}

	#config a.resize{
	width: 21px;
}

	#config a.help{
	width: 20px;
}

	#config a.send{
	width: 19px;
}

	#config a.config{
	width: 16px;
}

	#config a.contrast{
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_contrast.gif);
}

	#config a.resize {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_resize.gif);
}

	#config a.help {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_help.gif);
}

	#config a.send {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_send.gif);
}

	#config a.config {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_config.gif);
}

	#config a.contrast:hover{
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_contrast_over.gif);
}

	#config a.resize:hover {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_resize_over.gif);
}

	#config a.help:hover {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_help_over.gif);
}

	#config a.send:hover {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_send_over.gif);
}

	#config a.config:hover {
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/gray/btn_config_over.gif);
}

	/* On firefox, the fullscreen is not displayed */
	#fsButton{
	display: none;
}

	/* The little cartridge with the number of videos */
	#videoCount{
	width: 200px;
}

	#videoCount div{
}

  /***********************************/
 /******   NAVIGATION STYLES   ******/
/***********************************/
	#navigation{
}

	#navigation li{
	float: left;
}

	#navigation a{
}

	/* Styles du menu �missions */
	#navigation .weekchoice a{
	width: 130px;
}

	#navigation .lastvideos a{
	width: 127px;
}

	#navigation .top50      a{
	width: 57px;
}

	#navigation .programs   a{
	width: 78px;
}

	#navigation .s_programs a{
	width: 78px;
}

	#navigation .search     a{
	width: 81px;
}

  /********************************/
 /******   NAVIGATION APP   ******/
/********************************/
	#navappContainer{
}

	.navPageTitle{
	margin: 0;
	padding-bottom: 6px; /*text-transform:uppercase;  */
	color: #455560;
	font-size: 11px;
}

  /***************************/
 /******   HELP PAGE   ******/
/***************************/
	#helpPanel{
	padding: 3px 8px;
}

	#helpPanel div{
	display: none;
}

	#helpPanel label{
	margin-left: 12px;
	padding: 3px;
	display: block;
	font-size: 10px;
}

	.helpBlock{
	width: 178px;
	margin: 10px;
	padding: 10px;
	float: left;
	border: 1px solid #808080;
	display: block;
	height: 100px;
}

	.helpBlock:hover{
	background: #FFFFFF;
}

	.helpBlock strong{
	margin: 8px 0;
	display: block;
	color: #0000FF;
	text-align: center;
	text-decoration: underline;
}

	.helpBlock span{
	color: #000000;
}

  /*****************************/
 /******   VIDEOS LIST   ******/
/*****************************/
	/* A standard list of videos */
ul#searchResults ,ul#searchResultstop10{
	color: #000000;
	font-size: 10px;
}

ul#searchResults a {
	color: #000000;
}

.mainData {
	font-size: 11px;
}

.mainData ul#searchResults, .mainData ul#searchResultstop10 {
	padding: 10px;
	background-color: #DADCDE;
}

li.line1, li.line2 {
	padding: 3px 0 5px 1px; /*background-color:#FF0000;*/
	margin-bottom: 3px;
	clear: both;
}

	.videoList{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.count, div.title, div.station{
	padding: 3px;
	border: 1px solid #BABBBB;
	margin-right: 5px;
	background-color: #FFFFFF;
}

div.title:hover {
	background-color: #92C2E2;
}

span.blue {
	color: #136EB0;
	font-weight: bold;
}

div.count {
	width: 22px;
	float: left;
	color: #136EB0;
	font-weight: bold;
}

div.title {
	width: 370px;
	float: left;
	color: #000000;
}

div.station {
	width: 160px;
	float: left;
	color: #000000;
}

span.lang {
	text-transform: uppercase;
}

ul.extlinks {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 80%;
}

  /**********************************/
 /******   PAGINATION LINKS   ******/
/**********************************/
	.paging{
	float: right; /*padding:3px 3px 3px 0;*/
	height: 20px; /*	margin:5px 0 4px 0;*/
}

	.paging span, .paging a{
	padding: 0;
	margin: 0; /*	display:block;*/
	float: left;
	padding-right: 3px;
	color: #000000;
	line-height: 20px;
	overflow: hidden;
}

	.paging a{
	background: #C71A00;
	color: #FFFFFF; /*	border:1px solid #C71A00;*/
}

	.paging a:hover, .paging a.sel{
	color: #000000; /*border:1px solid #000000;*/
}

	.paging a.prev{
	border: 0; /*background: url(http://www.tsr.ch/images/interactif/video_2007/gray/icon-page-prev.gif) center 4px no-repeat;*/
	width: 10px;
	background-image: url(../images/nav_arrow_red_left.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-color: #D6E3EF;
	text-align: left; /*text-indent: -9999px;*/
}

	.paging a.next{
	background-image: url(../images/nav_arrow_red.gif);
	background-repeat: no-repeat;
	background-color: #D6E3EF;
	background-position: 0 5px;
	text-align: right;
}

	.paging a.prev:hover{
	background-image: url(../images/nav_arrow_red_left.png);
	background-repeat: no-repeat;
}

	.paging a.next:hover{
	background-image: url(../images/nav_arrow_red.gif);
	background-repeat: no-repeat;
}

  /**********************************/
 /******   WEEK CHOICE LIST   ******/
/**********************************/
	.weekChoiceList{
	margin: 0;
	padding: 0; /*	height:300px;*/
	list-style: none;
}

	
	.weekChoiceList img{
	float: left; /*	margin:0 5px 25px 0;*/
}

		
	div.homeentry {
	border-top: 5px #006EBA solid;
	margin: 0 10px 10px 0;
	padding: 5px;
	float: left;
	width: 310px;
	background-image: url(../images/bg_homebox_grey.png);
	background-repeat: no-repeat;
	background: #D4D5D6;
	height: 120px;
	overflow: hidden;
}

	
	div.homeentry:hover {
	background-image: url(../images/bg_homebox_blue.png);
	cursor: pointer;
}

	
div.homeentry img.homeImage {
	width: 183px;
	margin-right: 5px;
	height: 122px;
}

div.winner {
	height: 148px;
}

div.winner .hometext {
	padding-left: 187px;
}
 
	
	h2.homeh2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #0083C7;
	font-size: 110%;
}

	p.homep {
	margin: 0 0 5px 0;
	padding: 0;
}

  /***********************************/
 /******   INFO CONTINU LIST   ******/
/***********************************/
	#infoContinuList{
	margin: 0 0 0 9px;
	padding: 0;
	width: 900px;
	list-style: none;
}

	#infoContinuList li{
	float: left;
	display: block;
}

	#infoContinuList a{
	width: 283px;
	margin: 4px 4px 0 0 !important;
	margin: 4px 2px 0 0;
	float: left;
	padding: 4px;
	display: block;
	background: #B3B7BD;
	color: #000000;
	height: 75px;
	overflow: hidden;
}

	#infoContinuList a:hover{
	background: #737B8F;
}

	#infoContinuList img{
	width: 100px;
	float: left;
	margin-right: 4px;
	height: 75px;
}

	#infoContinuList strong{
	padding-bottom: 5px;
	display: block;
	font-size: 12px;
}

	#infoContinuList span{
	font-size: 10px;
	font-weight: normal;
}

	#infoContinuList em{
	color: #FF0000;
	font-style: normal;
}

  /**********************************************/
 /******   FIXED LEFT BLOCK AND CONTENT   ******/
/**********************************************/
	.mainData{
	float: right;
	width: 697px;
	margin-top: 10px;
	margin-right: 0;
	height: 380px;
	overflow: auto;
}

.mainDataSearch {
	height: 350px;
}

			.mainDataHome{
	width: 705px; /*float: right; */
	margin-top: 0px;
	padding-top: 10px;
	margin-right: 0;
	/*border-top: 40px solid #D6E3EF;*/
	height: 350px;
	overflow: auto; /*	background-color:#f00;*/
}

:root .mainDataHome{
border-top: 40px solid #D6E3EF;
}

div.homepad {
	margin-left: 5px; /*padding-top:50px;*/
}

* html div..mainDataHome {
	border-top: 0;
}

		
		.mainDataHome #searchResultsTitle {
	margin-top: 5px;
}

		
		.mainData #searchResultsTitle {
	width: 250px;
	float: left;
}

		.mainData #searchResultsSorter {
	float: right;
	width: 250px;
}

		
		.mainData #searchResultsSorter a {
	color: #FFFFFF;
}

		
	.mainData h1 {
	margin: 0;
	padding: 0;
}

	.contextData{
}

	.contextData h2{
	margin: 0 0 10px 0;
	padding-bottom: 2px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/line-1px.gif) bottom repeat-x;
	color: #455560;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

  /***********************************/
 /******   OPEN PROGRAM PAGE   ******/
/***********************************/
	/* cartridge with the link to the website. The logo is displayed in background */
	#programDetail{
	width: 300px;
	padding-top: 45px;
	margin-bottom: 4px;
	display: block;
	background: #000000 no-repeat bottom right;
	height: 15px;
}

	#programDetail span{
	display: block;
	background: no-repeat top right url(http://www.tsr.ch/images/interactif/video_2007/gray/link-program-site.gif);
	text-indent: -999px;
	height: 15px;
}

	#programDetail:hover span{
	background-position: bottom right;
}

	#backToProgram{
	padding: 4px;
	margin: 3px 0;
	display: none;
	background: #B1C7C8;
	color: #455560;
	font-weight: bold;
}

	#backToProgram:hover{
	background: #D0E3E5;
}

	/* The box with the first result of a program, and a thumbnail */
	
		#currentVideoInfo{
	margin: 10px 0 0 15px; /*	padding:2px;*/
	border-top: 5px solid #0083C7;
	width: 190px; /*position:relative;
		top:350px;
		left:-50px;*/
	background-color: #D5E8F4;
	color: #000000; /*padding-bottom:8px;*/
	font-size: 10px;
	z-index: 1000;
	visibility: hidden;
	height: 175px;
	overflow: hidden; /*	scrollbar-arrow-color: #000000;
	scrollbar-base-color: D5E8F4;
	scrollbar-track-color: D5E8F4;*/
}

	#videoDetail{
	width: 260px; /*	border-top: 5px solid #0083C7;*/
	display: none;
	background-color: #DADCDE; /* background-color:#f00;   */
	color: #000000;
	font-size: 10px;
	overflow: hidden; /*padding-bottom:8px;*/
	height: 290px;
	overflow: auto;
	position: relative;
	top: -385px;
	left: 665px;
	z-index: 1000;
}

* html #videoDetail {
	top: -410px;
}

 
	#videoDetail div,#currentVideoInfo div {
	margin: 0; /*	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/corner-round-bottom.gif) bottom no-repeat;*/
	padding: 5px 15px;
	display: block;
}

	#videoDetail img.homeImage, #currentVideoInfo img.homeImage{
	margin-bottom: 4px; /*float:left;  */
	width: 160px;
	height: 94px;
}

		#videoDetail a,#currentVideoInfo a{
	color: #0083C7; /*font-size:100%;
		padding:0;
		margin:0 0 5px 0;*/
}

a.extlinks {
	color: #0083C7;
}

		
		#videoDetail h3,#currentVideoInfo h3{
	padding: 0;
	margin: 0 0 5px 0;
	color: #0083C7;
	font-size: 100%;
}

		#videoDetail p.description, #currentVideoInfo p.description{
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 90%;
}

		
		#currentVideoInfo p#previewdescription {
	font-weight: normal; /*	display:none;-*/
}

		
		#currentVideoInfo p.links {
	display: none;
}

		
		#videoDetail p.duration, #currentVideoInfo p.duration,  #currentVideoInfo p.tellafriend {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 90%;
}

		#videoDetail p.links, #currentVideoInfo p.links{
	padding: 0;
	margin: 0 0 0 0;
	font-size: 100%;
}

	#currentVideoInfo p.links {
	display: none;
}

		
	/*
	Rollover zoom on image: disabled !*/
	#videoDetail img:active{
	width: 292px;
	height: auto;
	position: absolute;
}

	#videoDetail span{
	padding: 4px; /*	background:#9db1b2;  */
	min-height: 200px; /*display:block;  */
	height: auto !important;
	height: 200px; /*margin-left:124px; */
}

	#videoDetail em{
	padding: 4px 0;
	display: block;
	color: #FFFFFF;
	font-style: normal;
}

	#videoDetail strong{
	display: block;
}

	#videoDetail a{
	color: #000000;
}

	#videoDetail a:hover span{
	background: #D1E4E6;
}

	#videoDetail a.send2friend, #playerTitle a.send2friend{
	display: block; /*clear:both;*/
	background: url(http://www.tsr.ch/images/interactif/video_2007/mail-icon.gif) 3px 3px no-repeat; /*	padding:2px 2px 2px 22px;
		margin:4px 0 0 124px;*/
	color: #000000;
}

	#videoDetail a.send2friend:hover, #playerTitle a.send2friend:hover{
	text-decoration: underline;
}

	/* The search mini-form */
	#searchInProgram{
	border: none;
	padding: 0;
	margin-bottom: -12px;
	color: #455560;
	text-align: right;
}

	#searchInProgram input.field, #searchPanel input.field{
	border: 1px solid #455560;
	width: 120px;
	background: #B2C8C9;
	height: 15px;
}

	#searchInProgram input.field:hover, #searchPanel input.field:hover{
	background: #D1E4E6;
}

	#searchInProgram a.searchButtonProgram{
	width: 17px;
	float: right;
	border: none;
	display: block;
	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/submit-small.gif) #455560 4px no-repeat;
	text-indent: -9999px;
	height: 19px;
}

  /********************************/
 /******   PROGRAMS PANEL   ******/
/********************************/
/* ou bien �missions en fran�ais, non de bleu ! */
	#programLists{
	margin: 0 -10px;
}

	.programList{
	margin: 0 0 0 5px;
	padding: 0;
	width: 300px;
	float: left;
	list-style-type: none;
	font-size: 12px;
}

	#programPlayList li{
	margin: 5px 0;
}

	#programPlayList li.title{
	margin-top: 6px;
}

	.programList a{
	padding: 4px;
	display: block;
	color: #000000;
}

	.programList a img{
}

	.programList a:hover{
	background: #D1E4E6;
}

  /*********************************/
 /******   LASTVIDEOS LIST   ******/
/*********************************/
	#lastVideosList{
	padding: 0;
	margin: 0 auto;
	width: 860px;
	list-style-type: none;
}

	#lastVideosList li{
	float: left;
}

  /******************************/
 /******   SEARCH PANEL   ******/
/******************************/
form {
	margin: 0;
}

	#searchForm{
	border-style: none;
	border-bottom: 1px solid #455560;
	margin-bottom: 5px;
	padding: 0 0 0 3px;
}

	#searchForm label{
	width: 52px;
	padding: 5px 5px 0 5px;
	float: left;
	text-align: right;
}

	#searchForm br{
	clear: both;
}

	#searchForm select, #searchForm input{
	float: left;
	margin-bottom: 5px;
}

	#searchForm input.szMid{
	width: 233px;
}

	#searchForm select.szMid{
	width: 236px;
}

  /***************************************/
 /******   CONFIG AND HELP PANEL   ******/
/***************************************/
	#videoConfigPanel label b, #videoConfigPanel label em{
	color: #000000;
	font-size: 11px;
	font-style: normal;
}

	#videoConfigPanel p{
	margin-left: 12px;
}

	#videoConfigPanel h3, #videoConfigPanel h4{
	margin-bottom: 0;
}

	#videoConfigPanel h2{
	font-size: 14px;
}

	#videoConfigPanel h3{
	font-size: 12px;
}

	#videoConfigPanel h4{
	font-size: 10px;
}

	#videoConfigPanel p{
	margin-top: 3px;
}

	/* The alert for the windows Media 80K */
	.message-popup{
	border: 1px solid #455660;
	width: 250px;
	padding: 12px;
	display: none;
	color: #455660;
	background: #C9CED1;
	font-weight: bold;
	position: absolute;
	top: 400px;
	left: 200px; /*	opacity: 0.95;
	-moz-border-radius: 12px;*/
}

	.message-popup.error{
	border-color: #FF0000;
	color: #FF0000;
	background: #FFDFDF;
}

	#contextHelpZone{
	width: 180px;
	border: 1px solid #455660; /*border-left:5px solid #455660;*/
	padding: 7px;
	display: none;
	background: #C9CED1;
	font-size: 10px;
	position: absolute;
}

	#contextHelpZone img.arrow{
	position: absolute; /*float:left;
		margin-left:-27px;*/
	left: -30px;
	top: 15px;
}

	/* by defaule, the solitions to the user's problems are hidden. Will be showed by JS when he selects a problem. */
	#debugUserMessages p{
	display: none;
}

  /*****************************/
 /******   OTHER STUFF   ******/
/*****************************/
	#msgZone{
	border: 1px solid #455660;
	width: 250px;
	padding: 12px;
	color: #455660;
	background: #C9CED1;
	font-weight: bold;
	position: absolute;
	top: 400px;
	left: 200px; /*opacity: 0.95;
	-moz-border-radius: 12px;*/
}

	.ajaxLoading{
	padding-left: 40px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/gray/ajax-loader.gif) left no-repeat;
	height: auto !important;
	height: 32px;
	min-height: 32px;
}

	.errMsg{
	padding: 8px; /*background:#FFDDDD;*/
	margin-top: 8px;
	font-weight: bold;
}

  /*****************************/
 /******   THEMES MENU   ******/
/*****************************/
	#themeMenu{
	margin: 0;
	padding: 0;
	border: 1px solid #536C7B;
	margin-top: 24px;
	list-style-type: none;
	display: none;
	background: #AFBFC9;
	position: absolute;
	left: 25px;
}

	#themeMenu a{
	padding: 4px;
	display: block;
	color: #536C7B;
}

	#themeMenu a:hover{
	background: #CCD7DD;
}

 
  /*********************************/
 /******   CALENDAR STYLES   ******/
/*********************************/
	#calendar{
	width: 300px;
	padding: 0px;
	display: none;
	background: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/corner-sm-topleft.gif) #B3B7BD top left no-repeat;
}

	#calendar.active{
	display: block;
}

		
	/* Header of calendar */
	#calendar .nav{
	padding: 4px 10px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/corner-sm-topright.gif) top right no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 15px;
}

	#calendar .nav strong{
	position: absolute;
}

	#calendar a.prevMonth, #calendar a.nextMonth{
	width: 12px;
	margin: 2px;
	margin-left: 250px;
	display: block;
	background: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/arrow-prev.gif) no-repeat;
	text-indent: -9999cm;
	height: 12px;
	position: absolute;
	outline: 0;
}

	#calendar a.nextMonth{
	margin-left: 270px;
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/arrow-next.gif);
}

	
	#calendar a.prevMonth:hover{
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/arrow-prev-over.gif);
}

	#calendar a.nextMonth:hover{
	background-image: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/arrow-next-over.gif);
}

		
		
	#calendar table{
	margin: 1px;
	width: 298px;
	border: 5px solid #FFFFFF;
	background: #FFFFFF;
}

	#calendar thead td{
	text-align: center;
}

	#calendar tbody{
	border: 1px solid #FFCC00;
}

	#calendar tbody td{
	border-top: 5px solid #FFFFFF;
	padding: 0 1px;
	width: 40px;
	background: #D9DBDE;
	height: 18px;
	overflow: hidden;
}

		
	/* Days links */
	#calendar tbody a{
	padding: 1px 2px;
	display: block;
	text-align: center;
	cursor: default;
	height: 16px;
	overflow: hidden;
	outline: 0;
}

	
	#calendar tbody td.first{
	padding-left: 8px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/line-start.gif) #D9DBDE top left no-repeat;
}

	
	#calendar tbody td.last{
	padding-right: 8px;
	background: url(http://www.tsr.ch/images/interactif/video_2007/info/cal/line-end.gif) #D9DBDE top right no-repeat;
}

	
	
	#calendar tbody a{
	color: #666666;
}

	#calendar tbody a.highlighted{
	color: #FFFFFF;
	background: #FF0000;
	cursor: pointer;
}

	#calendar tbody a.highlighted:hover{
	background: #EEEEEE;
	color: #000000;
}

			
	#calendar tbody a.tj-1,
	#calendar tbody a.tj-2,
	#calendar tbody a.tj-3{
	background: #CCCCCC;
}

	#calendar tbody a.tj-4{
	background: #BBBBBB;
}

	#calendar tbody a.tj-5{
	background: #AAAAAA;
}

	#calendar tbody a.tj-6{
	background: #999999;
}

	#calendar tbody a.tj-7{
	background: #888888;
}

	#calendar tbody a.tj-8{
	background: #777777;
}

	#calendar tbody a.tj-9{
	background: #666666;
}

	
	#calendar tbody a.today{
	border: 1px solid #FF0000;
	margin: -1px;
}

	
	
#top {
}

	
	
#wrapper {
	width: 938px;
	margin: auto; /*background-color: #0083C7;*/
	height: 700px;
}

#header {
	padding-left: 10px;
	background-color: #4EA4D5;
	height: 10px;
}

#topleft {
	float: left;
	width: 230px;
	background-color: #6F9EC8;
	background-image: url(../images/bg_left_top_zone.gif);
	background-repeat: repeat-y;
	height: 300px; /*background-image: url(../images/topleft.gif);
	background-repeat: no-repeat;*/
}

#topleft2 {
	width: 230px; /*float: left;*/
	background-color: #6F9EC8;
	background-image: url(../images/bg_left_top_zone.gif);
	background-repeat: repeat-y;
	height: 300px; /*background-image: url(../images/topleft.gif);
	background-repeat: no-repeat;*/
}

#topright {
	float: right;
	width: 228px;
	background-image: url(../images/topright.gif);
	background-repeat: no-repeat;
	background-color: #0066AB;
	height: 300px;
}

#topright2 {
	width: 228px;
	background-image: url(../images/topright.gif);
	background-repeat: no-repeat;
	background-color: #0066AB;
	height: 300px;
}

#topcenter {
	margin-right: 228px;
	margin-left: 230px;
	background-image: url(../images/topcenter.gif);
	background-repeat: no-repeat;
	background-color: #0066AB;
	height: 300px;
}

#topcenter2 {
	background-image: url(../images/topcenter.gif);
	background-repeat: no-repeat;
	background-color: #0066AB;
	height: 300px; /*	margin-right: 228px;
	margin-left: 230px;*/
}

#bottomright {
	background-color: #FFFFFF; /*background-image:url(../images/bottomright.gif);
	background-repeat:no-repeat;     */
	height: 400px; /*min-height:300px;*/
}

#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#dynamivNavigation {
	padding: 10px 20px;
	background-color: #6F9EC8;
	height: 300px;
}

.searchResultsPaging {
	float: right;
	width: 350px;
	text-align: right;
}

 
h3.navPageTitle {
}

#dynNavContainer {
	float: left;
	width: 230px;
	background-color: #6EA8D3; /*height:auto !important;*/
	background-image: url(../images/bg_left_nav_gradient.gif);
	background-repeat: no-repeat;
	height: 424px; /*min-height:300px;*/
	overflow: auto;
	
}

#dynNavContainer h3, h3.partner {
	margin-bottom: 0;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
}

.uppercase {
}

h3.partner {
	padding: 5px 5px 5px 15px;
	background-image: url(../images/bg_left_nav_revers.gif);
	background-repeat: repeat-y;
}

#dynNavContainer .noitem {
	color: #043F79;
}

#dynNavContainer a, h3.partner a{
	color: #FFFFFF;
}

div#dynNavFilter {
}

ul.dynNav {
	margin: 0;
	padding: 0; /*margin-top:20px;*/
	list-style-type: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
}

ul.dynNav li {
	margin-top: 5px;
	background-image: url(../images/bg_left_nav.gif);
	background-repeat: repeat-y;
}

ul.navDemo {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding: 5px;
	list-style-type: none;
	color: #FFFFFF;
	background-color: #1A71B1;
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
}

ul.navConcours {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding: 5px;
	margin-left: -10px;
	list-style-type: none;
	color: #FFFFFF;
	background-color: #1A71B1;
	background-image: url(../images/bg_left_nav.gif);
	background-repeat: repeat-y;
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
}

li.concours {
	margin-top: 5px;
	margin-left: -10px;
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
}

h3.home {
	padding: 5px 5px 5px 0; /*background-image: url(../images/bg_left_nav.gif);
	background-repeat: repeat-y;*/
}

h3.beitraegenach {
	padding: 5px 5px 5px 0;
	background-image: url(../images/bg_left_nav.gif);
	background-repeat: repeat-y;
}

h3.weiterfunktionen {
	margin-left: 10px;
}

h3.home a {
	display: block;
}

#dynNavContent {
}

div#dynNav {
	padding: 0 15px; /*margin-top:10px;*/
}

#dynBreadcrumb {
	float: right;
	width: 708px;
	background-color: #D6E3EF;
	font-size: 80%;
	line-height: 20px;
	text-indent: 10px; /*height: auto !important;
	height: 20px;
	min-height: 20px;*/
	height: 40px;
}

#dynFilterlist {
	float: left;
	width: 450px;
	margin-left: 10px; /*padding-left:10px;*/
}

input.resetall {
	margin-left: -5px;
}

div.filterlist {
	padding-left: 20px;
	display: none;
}

div.concours {
	padding-left: 20px;
}

div.open {
	display: block;
}

ul#nav_more {
	display: none;
}

input.filter {
	vertical-align: middle;
}

div.navlanguage {
}

div#redBorder {
	border-top: 0; /*border:4px solid #E6382D;*/
	margin: 0;
	padding: 10px 0 0 15px;
	margin-top: -5px;
}

h1.h1home {
}

div.filterlist a:hover {
	color: #CCDDEC;
}

div.filterlist  ul.filterlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
}

a.filter:hover {
	color: #043F79;
}

div#footerNav {
	margin-left: 230px; /*background-color:#3F81BA;*/
	padding: 2px;
	padding-left: 25px;
	color: #FFFFFF;
	background-image: url(../images/bg_contact_zone.gif);
	background-repeat: repeat-y;
	font-size: 80%;
	line-height: 20px;
}

div#footerNav  a {
	color: #FFFFFF;
}

h1.blue {
	padding: 3px 10px;
	margin: 0;
	margin-right: 300px;
	background-color: #2971A3;
	color: #FFFFFF;
	background-image: url(../images/bg_h1_blue.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}

h1.blueblog {
	padding: 3px 10px;
	margin: 0;
	margin-right: 300px; /*background-image:url(../images/bg_h1_blue.gif);
background-repeat:repeat-y;*/
	color: #FFFFFF;
	font-weight: bold;
}

h1.bluetop10 {
	margin: 0; /*width: 360px;*/
	padding: 0;
	margin-bottom: 1px;
	color: #FFFFFF; /*	background-color: #2971A3;*/
	font-weight: bold;
}

h1.bluetop10 a {
	padding: 4px 10px 3px 10px; /*display:block;
float:left;
width:90px;*/
	margin: 0;
	background-image: url(../images/bg_contenttitle.png); /*height:23px;*/
	background-repeat: repeat-x;
	line-height: 15px;
	text-indent: 5px;
}

a.langtitle {
	width: 90px;
	float: left;
	padding: 3px 0 0 3px;
	display: block;
	background-image: url(../images/bg_contenttitle.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 16px;
}

h3.blue {
	padding: 3px 10px;
	margin: 0; /*margin-right:300px;*/
	background-color: #0086C7;
	color: #FFFFFF;
	background-image: url(../images/bg_h1_blue.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}

h1.blue a ,h1.blueblog a ,h1.bluetop10 a{
	color: #FFFFFF;
}

div.greycontent {
	padding: 5px 10px;
	margin: 0;
	margin-right: 20px;
	background-image: url(../images/bg_grey.png);
	background-repeat: repeat-y;
	background-color: #E2E4E4;
	height: auto !important;
	height: 350px;
	min-height: 350px;
}

div.greycontent p {
	margin: 0 0 10px 0;
	padding: 0;
}

div.greycontentWinner {
	margin: 0;
	padding: 10px 0 0 10px;
}

div#content_fr,div#content_de,div#content_it,div#content_rm {
	display: none;
}

h1.bluetop10 a.active {
	color: #044792;
}

h3.item a{
	margin-left: 10px;
	color: #043F79;
}

#filterbox {
	width: 350px;
	padding: 5px 0px; /*top:-20px;*/
	margin-left: -10px;
	display: none;
	background-color: #D6E3EF;
	z-index: 1000;
	position: relative;
}