/*** TAGS ***/
html
{
	height: 100%;
	margin: 0;
	color: #464646;
}

body {
	font-family: "Segoe UI", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

h1 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 22px;
	font-weight: normal;
	color: #168ef4;
	background-color: inherit;
}

h2 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 18px;
	font-weight: normal;
	color: #168ef4;
	background-color: inherit;
}

h3 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #168ef4;
	background-color: inherit;
}

h4 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	background-color: inherit;
}

h5 {
	margin: 0;
	padding: 40px 0px;
	font-size: 20px;
	font-weight: normal;
	background-color: inherit;
}

h6 {
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: normal;
	color: inherit;
	background-color: inherit;
}

.h7
{
	margin: 0;
	padding: 0 0 15px;
	font-size: 14px;
	font-weight: normal;
	color: #168ef4;
	background-color: inherit;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li {
	line-height: 18px;
}

img {
	border-style: none;
}

/*** LINKS ***/
a:hover {
	color: #0564c8;
	text-decoration: none;
	font-weight:normal;
}

a:visited {
	color: #0564c8;
	text-decoration: none;
	font-weight:normal;
}

a:active {
	color: #0564c8;
	text-decoration: none;
	font-weight:normal;
}

a:link {
	color: #0564c8;
	text-decoration: none;
	font-weight:normal;
}

/*** MISCS ***/

.spacer-td {
	width: 7px;
}

.spacer-td-2 {
	width: 10px;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 11px;
}

.green2 {
	color: #77b800;
	background-color: inherit;
}

.blue2 {
	color: #168ef4;
	background-color: inherit;
}

.tvLogo
{ 
	height:53px;
}

.tvQsLogo {
	max-width:270px;
	max-height:100px;
	}

.tvHostLogo {
	max-width:480px;
	max-height:100px;
	}

.backgroundTop
{
	background-color:#0064c8;
	width:100%;
	position: absolute;
	top: 0;
	padding: 16px 0 16px 0;
	z-index: 1000;
}

.mainBoxInner
{
	left:0;
	width:100%;
	height:405px;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	width: 920px;
}

.backgroundMiddle
{
	background: none;
    background-color: #e1f0ff;
	background-image:url(background_globe.jpg);
	background-position: center;
    background-repeat: no-repeat;
	width:100%;
}

.backgroundLineTop
{
	background-image:url(horizontal_background_headerline.png);
	background-repeat:repeat-x;
	width:100%;
	height:6px;
	z-index: 101;
}

.backgroundLineBottom
{
	background-image:url(horizontal_background_line.png);
	background-repeat:repeat-x;
	width:100%;
	height:6px;
	z-index: 100;
}

#meetingErrorText {
	padding-top:20px; 
	text-align:center; 
	width:100%;
}

.panelHeading {
	font-family: "Segoe UI Light", "Segoe UI", Sans-Serif;
	font-weight: 100;
	font-size: 24px;
}

.meetingHeader
{
	margin-top: 25px;
	font-size:14px;
}

.mainBox
{
	width:920px; 
	margin-left:auto; 
	margin-right:auto;
}

html, body, form, .fullHeight {
	height: 100%;
}

.centeredPanelContainer {
	display: table;
	position: relative;
	width: 100%;
}

.centeredPanelCell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.centeredPanel {
	background-color: white;
	color: #3b4855;
	text-align: left;
	border-top: #0064C8 6px solid;
	border-radius: 3px;
	padding: 25px;
	width: 100%;
	max-width: 290px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	
	font-family: "Segoe UI Semilight", "Segoe UI", sans-serif;
	font-size: 14px;
}

.noWrap {
	white-space: nowrap;
}

/** Background **/

.tvBackground
{
	background-image:url(background.png);
	background-color: #d7d7d7;
	background-repeat:repeat-x;
	background-position:top;
}

/** Footer **/
.footerArea {
	background-color: #414141;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10000;
}

.footerAreaNew {
	background-color: #FFFFFF;
	position: sticky;
	bottom: 0;
	width: 100%;
	z-index: 10000;
}

.footer {
	font-size: 13px;
	margin:0;
	padding:0;
	width: 920px;
	padding: 8px 0;
	display: table;
}

.footer a, .footer span, .footer p {
	color: #a0a0a0;
	margin: 0 2px;
}

.footer select {
	font-family: "Segoe UI Semilight", "Segoe UI", Sans-Serif;
	font-size: 16px;
	color: #3b4855;
	padding: 1px;
	border-radius: 3px;
	height: 31px;
}

.footerMenu {
	width: 69%;
	display: table-cell;
	vertical-align: middle;
}

.footerLanguage {
	text-align:right;
	width: 29%;
	display: table-cell;
	vertical-align: middle;
}

.furtherInfoBlue
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.furtherInfoBlue a 
{
	background-image:url(arrow_blue.png);
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 15px;
}

.tbCaption 
{
	font-size: 14px;
	font-family: "Segoe UI", sans-serif;
	padding: 15px 0 5px;
}

.tbText, .errorBox
{
	font-family: "Segoe UI", sans-serif;
	padding: 0 2%;
	color: #3b4855;
	width: 96%;
	font-size: 18px;
	height: 35px;
	border: 1px solid lightgrey;
	border-radius: 3px;
	margin-bottom: 10px;
	box-shadow: none;
}

#joinOptions, #joinOptions a {
	margin-top: 30px;
	color: black;
	font-size: 13px;
}
#joinOptions a {
	text-decoration: underline;
}
#joinOptions div {
	margin-top: 5px;
}

/** Buttons **/
.btnJoin {
	font-family: "Segoe UI Semibold", "Segoe UI", Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-align: center;
	padding: 7px 7px;
	height: 35px;
	border-radius: 2px;
	border: #2b73e8 1px solid;
	width: 100%;
	background: rgba(43,115,232,1);
	background: -moz-linear-gradient(top, rgba(43,115,232,1) 0%, rgba(41,113,221,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,115,232,1)), color-stop(100%, rgba(41,113,221,1)));
	background: -webkit-linear-gradient(top, rgba(43,115,232,1) 0%, rgba(41,113,221,1) 100%);
	background: -o-linear-gradient(top, rgba(43,115,232,1) 0%, rgba(41,113,221,1) 100%);
	background: -ms-linear-gradient(top, rgba(43,115,232,1) 0%, rgba(41,113,221,1) 100%);
	background: linear-gradient(to bottom, rgba(43,115,232,1) 0%, rgba(41,113,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b73e8', endColorstr='#2971dd', GradientType=0 );
	cursor: pointer;
}

.btnJoin:hover {
	background: #235ebe;
	background: -moz-linear-gradient(top, rgba(35, 94, 190, 1) 0%, rgba(32, 86, 174, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35, 94, 190, 1)), color-stop(100%, rgba(32, 86, 174, 1)));
	background: -webkit-linear-gradient(top, rgba(35, 94, 190, 1) 0%, rgba(32, 86, 174, 1) 100%);
	background: -o-linear-gradient(top, rgba(35, 94, 190, 1) 0%, rgba(32, 86, 174, 1) 100%);
	background: -ms-linear-gradient(top, rgba(35, 94, 190, 1) 0%, rgba(32, 86, 174, 1) 100%);
	background: linear-gradient(to bottom, rgba(35, 94, 190, 1) 0%, rgba(32, 86, 174, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235ebe', endColorstr='#2056ae', GradientType=0 );
}

a.btnDownload:hover, a.btnDownload:visited, a.btnDownload:active, a.btnDownload:link 
{
	display: inline-block;
	color: white;
	height: 19px;
	width: 95%;
	font-family: "Segoe UI Semibold", "Segoe UI", sans-serif;
	font-weight: bold;
}

.btnDownload input
{
	color: #fefefe;
	font-size: 18px;
	font-weight:bold;
	background-color:transparent;
	border-style:none;
	height: 46px;
	margin: 0;
	float: left;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.btnDownloadLeft 
{
	background-image:url(DownloadButton-left.png);
	background-repeat:no-repeat;
	width:49px;
	padding:0;
}

.btnDownloadMiddle 
{
	background-image:url(DownloadButton-stretch.png);
	background-repeat:repeat-x;
	padding: 0 12px 0 12px;
	line-height: 42px;
	font-size: 18px;
	font-weight:bold;
	border-style:none;
	height: 46px;
	margin: 0;
	float: left;
}

.btnDownloadRight
{
	background-image:url(DownloadButton-right.png);
	background-repeat:no-repeat;
	width:2px;
	padding:0;
}


.btnDownload2 a:hover, .btnDownload a:visited, .btnDownload a:active, .btnDownload a:link 
{
	color: #fefefe;
	font-size: 18px;
	font-weight:bold;
	background-color:transparent;
	border-style:none;
	height: 46px;
}

.btnDownload2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../styles/download-closed-empty.png', sizingMethod='image');
	background: url(download-closed-empty.png) no-repeat;
	color: #fefefe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.2px;
	border-style: none;
	height: 80px;
	width: 271px;
	margin: 0;
	text-align: left;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.btnDownload2 input
{
	background:url(downloadButtonInvisible.png) no-repeat;
	border-style:none;
	position: absolute;
	top:0;
	left:0;
	height: 80px;
	width: 271px;
	margin: 0;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.download-text {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 46px;
	padding: 16px 29px 16px 70px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.2px;
}

.btnBlue
{
	 height: 31px;
}

.btnBlue input
{
	color: #fefefe;
	font-size: 14px;
	font-weight:bold;
	background-color:transparent;
	border-style:none;
	height: 31px;
	margin: 0;
	float: left;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.btnBlueLeft 
{
	background-image:url(Button-blue-left.png);
	background-repeat:no-repeat;
	width:2px;
	padding: 0;
}

.btnBlueMiddle 
{
	background-image:url(Button-blue-stretch.png);
	background-repeat:repeat-x;
	padding: 0 12px 0 12px;
	line-height: 31px;
}

.btnBlueRight
{
	background-image:url(Button-blue-right.png);
	background-repeat:no-repeat;
	width:2px;
	padding: 0;
}

/** Captions **/

.instructionsCaption
{
	font-family: "Segoe UI Light", "Segoe UI", sans-serif;
	font-weight: 100;
	font-size: 24px;
}

.textContainer {
	margin-top: 20px;
	text-align: center;
	color: black;
	background-color: yellow;
	padding: 20px;
	width: 100%;
	max-width: 400px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.titleHeader {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 14px;
	color: #323236;
}

.subtitleHeader{
	font-weight: 400;
	font-size: 14px;
	color: #4E4F56;
	margin-bottom: 32px;
}

.shutdownCaption
{
	color: #0564c8;
	font-size: 16px;
	font-weight:bold;
}

.shutdownCaption2
{
	color: #168ef4;
	font-size: 20px;
	font-weight:bold;
}

.shutdownCaptionDark
{
	font-size: 16px;
	font-weight:bold;
}

.textColumnMessage
{
	width:100%;
	text-align: left;
}

.shutdownColumnLeft
{
	margin: 0 80px 0 50px;
	float:left;
	width:260px;
	height:405px;
	text-align:center;
}

.textColumnLeft
{
	float:left;
	width:260px;
}

.boldText 
{
	font-size: 14px;
	font-weight:bold;
}

.advantagesList
{
	list-style-image:url(arrow_black.png);
	list-style-position:inside;
	width:800px;
}

.advantagesList li {
	padding-top:10px;
}

.advantagesList2 
{
	padding:0;
	list-style-type:none;
}
		
.advantagesList2 li 
{
	background: url(arrow_small.png) no-repeat 0 5px;
	display:block;
	padding:0 0 5px 20px;
	line-height:22px;
	list-style:none;
}

.error 
{
	color: #cd0000;
	font-weight: bold;
}

.errorBox 
{
	border: 2px solid #cd0000;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
	border: 0;
	padding: 0;
}

input[type=submit] { /*Remove rounded button corners in safari*/
  -webkit-appearance: none;
}

/* drop down menue style */
.select
{
	position: absolute;
	width: 148px; /* With the padding included, the width is 180 pixels: the actual width of the image. */
	height: 30px;
	line-height: 30px;
	padding: 0 24px 0 8px;
	color: #fefefe;
	background-image:url(countrySelector.png);
	background-repeat:no-repeat;
	overflow: hidden;
	font-weight: bold;
}

#dnCaption
{
	padding-top:20px;
}

#dnAdvantages
{
	margin-top:20px;
}

#dnDownloadButton
{
	position:relative; 
	top:0;
}

#dnLinks
{
	margin-top:10px;
}

#tnLinks
{
	width:271px;
	padding:0;
	margin:0
}

#dmThankYou
{
	margin-top:50px;
	font-size:18px;
}

#dmCaption
{
	padding-top:20px;
}

#dmDiscover
{
	margin-top:20px;
	font-size:18px;
}

#dmLinks
{
	margin-top:20px;
}

#tmLinks
{
	width:350px;
	padding:0;
	margin:0
}

#dmNewsletter
{
	position:absolute; 
	top:250px;
}

#dmConfirmation
{
	padding-top:20px;
}

.linkIcon {
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin: 0 2px;
}

.errorCaption
{
	font-size: 14px;
}

/*** screen 920px  ................................................................................................... ***/

@media only screen and (max-width: 920px) {

	.backgroundTop
	{
		min-width: 98%;
		width:100%;
	}

	.inner {
		width: 98%;
	}

	.mainBox
	{
		width:98%; 
		margin-left:auto; 
		margin-right:auto;
	}

	.footer {
		width: 98%;
	}

	.footerMenu {
		float: none;
		text-align: center;
		width: auto;
	}

	.footerLanguage span {
		display: none;
	}
}

/*** screen 720px  ................................................................................................... ***/

@media only screen and (max-width: 720px) {
	
	.btnDownload2 a:hover, .btnDownload a:visited, .btnDownload a:active, .btnDownload a:link 
	{
		font-size: 14px;
		height: 30px;
	}

}

/*** screen 440px  ................................................................................................... ***/

@media only screen and (max-width: 440px) {
	
	.inner {
		width: 100%;
	}

	html, body, form, .fullHeight {
		height: auto;
	}

	.tvLogo {
		margin: 0 0 0 10px;
	}

	.centeredPanelContainer, .centeredPanelCell, .centeredPanel {
		display: block;
		width: 100%;
	}

	.centeredPanel {
		margin-top: 100px;
		max-width: 100%;
		padding: 0;
		box-shadow: none;
		border-top: none;
	}

	.panelContent {
		margin: 20px;
	}

	.backgroundWorldMap
	{ 
		background-image: none; 
		background-color: #DFF2FF; 
	}

	.footerMenu {
		width: 100%;
		float:left;
		text-align:center;
		padding: 20px 0 10px;
	}

	.footerMenuNew {
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px 0 10px;
		font-weight: 400;
		font-size: 12px;
		color: #4E4F56;
	}

	.footerLanguage {
		width: 100%;
		text-align:center;
		padding-top: 10px;
		float:left;
		padding: 10px 0 20px;
	}
	
	.textColumnMessage
	{
		padding-top: 10px;
	}

	.errorCaption
	{
		font-size: 12px;
		padding-top: 20px;
	}

	.shutdownColumnRight
	{
		padding-bottom: 20px;
		margin-left:10px;
		width: 90%;
	}

}