* { color:#E8E8E8; font-family:Tahoma, Geneva, sans-serif; font-size:15px; margin:0px; clear:both; }

/* tags */
* {color: black;}
body { background-color:#000; display:block; height:100%; width:100%; position:absolute; overflow-x: hidden;}
#bodybg { width:100%; height:100%; position:fixed; left:0; top:0; margin:0; padding:0; background-size:cover; background-attachment:fixed; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }

a { text-decoration:none; border:none; cursor:pointer; }
h1 { font-size:30px; font-weight:bold; margin-bottom:15px; }
h2 { font-size:20px; margin-bottom:10px; }
option, optgroup { color:#CCC; }
td { vertical-align:top; }

#main { width:999px; min-height:100%; background:rgba(1,22,39,0.8); /*background-image:url(http://images.tv-revolution.com/loggedinbg2.png); */ background-position:center top; background-repeat:no-repeat; left:50%; margin-left:-500px; top:0px; position:absolute; }
#content { padding:10px; }
.titleheader, .programdatetextfield { text-align:center; color:#FFF; font-size:40px; font-weight:bold; margin:18px; padding-left:80px; max-height:50px; overflow:hidden; text-shadow:3px 3px 4px #000000; letter-spacing:4px; font-family:Garamond, 'Adobe Garamond Pro', 'Hoefler Text', Georgia, serif; }
.titleheader span { font-weight:normal; text-shadow:none; }
.homebigtext { text-align:center; width:33%; vertical-align:bottom; font-size:35px; letter-spacing:5px; text-shadow:3px 2px 3px #000; font-family:Garamond, 'Adobe Garamond Pro', 'Hoefler Text', Georgia, serif; }
input[type="checkbox"], input[type="radio"] { width:17px; height:17px; cursor:pointer; }
.blurred { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }
.left { text-align:left; }

/* feedback footer */
#feedbacks { margin-top:50px; margin-bottom:20px; padding:10px; }

/* menu 
#menubuttondouble { position:absolute; z-index:3; left:50%; top:0px; margin-left:-485px; width:80px; height:74px; background-position:0% 0px; background-image:url(http://images.tv-revolution.com/menubutton3.png); cursor:pointer; }
#menubuttondouble:hover { background-position:0% -74px; }
#menu { margin:15px; padding:25px; top:24px; position:absolute; left:50%; margin-left:-485px; z-index:3; background-color:#011627; border: 4px #7F899A solid; border-top:none; background-position-x: right; background-position-y: bottom; background-repeat: no-repeat; }
#menu .Table p { padding:7px; }
#menu .Table .Rownohover .Cell p a { text-decoration:none; }
#menu .Table .Cell { border:none; border-left: 1px #053558 solid; }
#menu .Table .Rownohover .Cell p a:hover { text-decoration:underline; }
*/
.bigmenuitem { border-top:5px #CCCCCC solid; width:40%; margin-right:15px; margin-bottom:5px; }
.bigmenuitem div { background:rgba(255,255,255,0.4); padding:5px; }
/* button divs */
.buttondiv, .buttondivactive { border-radius: 10px; clear:none; padding: 10px; max-width:300px; border: 2px solid #31546D; background-color: #031C2F; cursor:pointer; float:left; margin-right:10px; margin-bottom:10px; }
.buttondiv:hover, .buttondivactive { background-color: #0A3556; border: 2px solid #778C9A; }
.buttondivactive { background-color:#000; }

/* paging */
.paging { clear:both; width:100%; text-align:center; }
.paging .page, .paging .pageactive, .paging .pageclear { border:1px #053558 solid; cursor:pointer; float:left; clear:none; padding:5px; margin:5px; }
.paging .page:hover { border:1px #0066CC solid; cursor:pointer; }
.paging .pageactive { border:1px #0066CC solid; background-color:#012542; cursor:default; }
.paging .pageclear { border:none; background:none; } 

/* table */
table { width:100%; }
.Table { display:table; width:100%; }
.Heading { display:table-row; font-weight:bold; background:rgba(255,255,255,0.5); vertical-align:top; }
.Heading span { font-weight:normal; }
.Heading .Cell p { color:#000; font-weight:bold; }
.Heading .Cell p img { cursor:pointer; }

.Tabs { display:table-row; font-weight:bold; vertical-align:top; }
.Tabs span { font-weight:normal; }
.Tabs .Cell p { color:#FFF; font-weight:bold; text-decoration:none; }
.Tabs .Cell p img { cursor:pointer; }
.Tabs .Cell { background:rgba(255,255,255,0.3); cursor:pointer; }
.Tabs .active { background:rgba(255,255,255,0.5); }
.Tabs .active p { text-decoration:underline; }
.Tabs .Cell:hover p { text-decoration:underline; }

.Row, .Rownotdownloadable, .Rownohover { display:table-row; }
.Row:hover { background-color:#012542; cursor:pointer; }
.Rownotdownloadable .Cell p, .Rownotdownloadable .Cell h2 { color:#888; cursor:default; }
.Cell { display:table-cell; vertical-align:top; border-bottom:1px #053558 solid; }
.Cell p { padding:10px; }
.bluebordertds tr { border-bottom:1px #053558 solid; }
.bluebordertds th { background:rgba(255,255,255,0.4); }
.Cell select { background:none; color:#CCC; border:none; width:100%; }
.Cell option { color:#CCC; }
.Cell .genretext { position:relative; text-align:left; padding-left:10px; margin-top:-61px; font-style:italic; }

/* form */
.textfield { background-color:#AAC8E6; color:#000; padding:5px; border:1px #000000 solid; border-radius:5px; }
.button { border:1px #FFFFFF solid; background-color:#799DD9; cursor:pointer; padding:5px; border-radius:5px; }
.button:hover { border:2px #FFFFFF solid; padding:4px; }

/* download */
.playerimgplay { width:104px; height:101px; background-image:url(http://images.tv-revolution.com/playerimgplay.png); background-position:0% 0px; position:relative; left:366px; top:0px; cursor:pointer; }
.playerimgplay:hover { background-position:0% -101px; }
.playerimgdownload { width:104px; height:101px; background-image:url(http://images.tv-revolution.com/playimgdownload.png); background-position:0% 0px; position:relative; left:366px; top:61px; cursor:pointer; }
.playerimgdownload:hover { background-position:0% -101px; }

/* scrollbars */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-button { width:6px; height:5px; }
::-webkit-scrollbar-track { background:#eee; border:thin solid lightgray; box-shadow:0px 0px 3px #dfdfdf inset; border-radius:10px; }
::-webkit-scrollbar-thumb { background:#CCC; border:thin solid gray; border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:#7d7d7d; }

/* tooltip */
a.tooltip { outline:none; }
a.tooltip strong { line-height:30px; }
a.tooltip:hover { text-decoration:none; } 
a.tooltip span { z-index:10; display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; max-width:300px; line-height:16px; }
a.tooltip:hover span { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; }
.callout { z-index:20; position:absolute; top:30px; border:0; left:-12px; }
a.tooltip span { border-radius:4px; box-shadow:5px 5px 8px #CCC; }

/* ad video player */
.streamplayerdiv #mainContainer { position: relative; width: 999px; height: 560px; }
.streamplayerdiv #content, .streamplayerdiv #adContainer { position: absolute; top: 0px; left: 0px; width: 999px; height: 560px; }
.streamplayerdiv #contentElement { width: 999px; height: 560px; overflow: hidden; }
.streamplayerdiv #playButton { margin-top:10px; vertical-align: top; width: 999px; height: 60px; padding: 0; font-size: 22px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #2c3e50; border: 0; border-bottom: 2px solid #22303f; cursor: pointer; -webkit-box-shadow: inset 0 -2px #22303f; box-shadow: inset 0 -2px #22303f; }

/* message boxes */
.redbox { background-color:#F4C8BD; border-top:5px #CC0000 solid; padding:5px; color:#C00; }
.redbox * { color:#C00; }
.greenbox { background-color:#AFE47E; border-top:5px #33CC00 solid; padding:5px; color:#060; }
.greenbox * { color:#060; }

/* onoff switch */
.onoffswitch { position: relative; width: 68px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin-top: 6px;}
.onoffswitch-checkbox { display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer;border: 2px solid #000000; border-radius: 10px;}
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before { content: "Ja";padding-left: 10px;background-color: #3489C2; color: #FFFFFF;}
.onoffswitch-inner:after { content: "Nein";padding-right: 10px;background-color: #75819E; color: #FFFFFF;text-align: right;}
.onoffswitch-switch { display: block; width: 12px; margin: 4px;background: #FFFFFF;position: absolute; top: 0; bottom: 0;right: 44px;border: 2px solid #000000; border-radius: 10px;transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

/* mobile */
* { font-size:1rem; padding:0px; margin:0px; text-decoration:none; }
a {font-size:1rem; }
input { background-color:#FFF; }
/*.header { text-align:center; padding:20px; background-color:#353E53; color:#FFF; font-weight:bold; }*/
.title { padding:10px; background-color:#015C8A; color:#FFF; text-align:center; font-size: 1.1rem; }
.item { padding:20px; border-bottom:5px #CCCCCC solid; text-align:left; border-bottom-width:1px; }
.center { text-align:center; }
.1em { font-size:1em; }
.noborder { border:none; }
.justify { text-align:justify; }
.nopadding { padding:0px; }

.showbox { position:relative; width:100%; }
.showbox:before { content:""; display:block; padding-top:56.25%; }
.showcontent { position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0.5); height:22%; white-space:nowrap; padding:5px; }

.footer1{text-align:center; color:#adadad;}
.footer2 {text-align:center; color:#adadad; padding-left:0px; padding-right:0px; padding-bottom:0px;}
.width50 { width:50%; }
.width33 { width:33%; }
.width100 { width:100%; }
.cell1 {width:33%; font-size:0.45em; padding:40px; color:#CCC; text-align:center;border-bottom:1px #fff solid;border-top:1px #fff solid;}
.cell2{font-size:0.45em; padding:40px; color:#CCC; text-align:center;border-bottom:1px #999999 solid;}
.darkbluebg{background-color:#353E53}
.mydata{font-size:0.8em; color:#CCC; text-transform:uppercase;}
.headertext{font-size:1.2rem; text-shadow:3px 3px 5px #000000; letter-spacing:0.1em;background-color: #353E53; color:white;}
.celltext{font-size:0.9em; padding:10px; color:#CCC; text-align:right}
.rightalign{text-align:right;}
.errortitle{text-align:center; background-color:#B02F2F; color:#FFF;}


.smsVerifyButton {
	background-color: #8bb4e0; 
	color: white;
	padding-top: 40px;
	padding-bottom: 40px;
}

.smsVerifyMenuButton {
	background-color: #8bb4e0; 
	color: white;
}

:focus {
	outline: none;
}

.btn-default {
    background-color:#016DA1;
    border-color: #016DA1;
    color: white;
}

.btn-default:hover {
    color: gainsboro;
}

#smsVerifyForm, #smsVerify-valid-msg, #smsVerify-error-msg {
	color: white;
}

#smsVerifyTelephone, .iti__selected-flag div, .iti__country-name, #smsVerifyEnterCodeForm input, #loginForm input {
	color: black;
}

.hide {
  display: none;
}

.message { padding: 5px; background: linear-gradient(to bottom,#96f168,#77e040); border: 1px #76ca58 solid; color: black;}
.error { padding: 5px; background: linear-gradient(to bottom, #efa9a0, #d04c4c); border: 1px #da6a6a solid; color: #eee; }
.error a, .error a:hover, .error a:visited { color: #eee !important; }
.btn-default { color: white !important;}