@font-face {
  font-family: 'effra-webfont';
  src: url('../fonts/effra-webfont.eot');
  src: url('../fonts/effra-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/effra-webfont.woff') format('woff'),
    url('../fonts/effra-webfont.ttf') format('truetype'),
    url('../fonts/effra-webfont.svg#effra-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'effraLight-webfont';
  src: url('../fonts/effra_std_lt-webfont.eot');
  src: url('../fonts/effra_std_lt-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/effra_std_lt-webfont.woff') format('woff'),
    url('../fonts/eeffra_std_lt-webfont.ttf') format('truetype'),
    url('../fonts/effra_std_lt-webfont.svg#effraLight-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background-color:#ffffff;
	margin:0;
	padding: 0 3%;
}
body, html {
	height:100%;
}
body, div, td, tr {
	font-family: 'effraLight-webfont';
	font-size: 16px;
	color: #333333;
}
input, select, textarea{font-family: 'effraLight-webfont'; font-size:1em;}
.addplatformregion input, .addplatformregion select{ font-size:0.8em;}

.opperdiv{
	width:100%;
	max-width: 1128px;
	margin:auto;
	position:relative;
	padding-top:20px;
}
.opperdivwide{ max-width:none;}
.logo{ margin-right:20px; float:left;}
.divider{ height:2px; background-color:#ff5000; margin-bottom:1em; margin-top:20px;}
.dividergreen{ height:2px; background-color:#c6d023; margin-bottom:1em; margin-top:20px;}
span.clear{ clear:both; display:block;}
.clear{ clear:both;}
.bottom{
	text-align:center;
	height:26px;
	padding-top:20px;
}

/*p {
	line-height: 20px;
	padding:0px;
	margin:0px;
}*/
h1 {
	font-family: 'effraLight-webfont',Helvetica, Arial, Sans-Serif;
	font-weight:normal;
	font-size:18px;
	margin:0px;
	padding:0px;
}

h2 {
	font-family: 'effra-webfont';
	font-size:16px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	font-weight:normal;
}
a h2:hover { text-decoration:underline; color:#836b5f;}
h3 {
	color:#ff5000;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
a:link, a:active, a:visited, .link {
	color:#ff4300;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.link{ cursor:pointer;}

.btn, a.btn, input[type="submit"], input[type="button"]{ background-color:#c6d023; color:#FFFFFF; font-family:'effra-webfont'; padding:0.4em 1.5em; border-radius:4px; text-decoration:none; font-size:1em; display:inline-block; border:none;}
.btn:hover, a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover{ background-color:#ff5000; cursor:pointer;}
.logooffbtn{ float:right;}

input, option, select {
	margin-bottom:2px;
	margin-right:3px;
}
.displaynone{ display:none;}
img { border:none;}
.floatright{ float:right;}

.celltopline{border-top:1px solid #eee6e4; padding-top:4px; border-bottom:none !important;}
.cellbottomline td{border-bottom:1px solid #eee6e4}
.celltop{ background:#f6f1ef;}
.celltop th{border-bottom: 1px solid #EEE6E4; border-top: 1px solid #EEE6E4; border-left: 1px solid #EEE6E4; }
.celltop th, .celltop td {  border-bottom:1px solid #eee6e4; border-top:1px solid #eee6e4;}
.celltop th h2, .celltop td h2 { margin-bottom:0; padding-bottom:0;}
.colnameadmin{ white-space: nowrap;}

.celltopgrey {  background:#ededed;}
.celltopgrey th:hover {  background:#dbdbdb;}
.celltopgrey th {	border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.celltopgrey th, .celltopgrey td {  border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.celltopgrey th h2, .celltopgrey td h2 { margin-bottom:0; padding-bottom:0;}

.layovertrigger { cursor:pointer; min-width:60px;}
.layovertrigger img { vertical-align:middle; margin-right:6px; float:left}
th.headerSortUp { background-image: url(/images/sort/small_asc.gif) !important; } 
th.headerSortDown { background-image: url(/images/sort/small_desc.gif)!important; } 
th.header { 
    background-image: url(/images/sort/small.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
	padding-left:5px;
	padding-right:20px;
	background-color: #F6F1EF;
	border-bottom: 1px solid #EEE6E4;
	border-top: 1px solid #EEE6E4;
	border-left: 1px solid #EEE6E4;
} 
h2 { margin:auto !important}
.tablesorter tr td { padding:14px 5px; border-bottom: 1px solid #f6f2f1;}
.cellbottomlinepadding td {padding:14px 5px; border-bottom: 1px solid #f6f2f1;}
.closebutton { cursor:pointer}
.layover {	background-color:#FFFFFF; position:absolute; display:none; padding:15px 15px 20px 20px; border: 6px solid #4b4b4b; min-width:220px; left:80px;}
.layover table td { min-width:70px; padding:7px 10px 7px 0 !important; vertical-align:top; font-size:12px; border-bottom:none !important;}/*.layover table td { border-bottom: 1px solid #f0f0f0}*/
.nopaddingnolines td { border-bottom:none !important; padding:5px 5px !important;}
.dashboard .nopaddingnolines td {border-right: none; border-left: none;}
.dashboard table{ border:1px solid gray}
.dashboard .celltop th{border-bottom:1px solid #EEE6E4;; border-right:none;}
th.widen { 
    background-image: url(/images/sort/widen.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
	padding-left:5px;
	padding-right:20px;
	background-color: #F6F1EF;
	border-bottom: 1px solid #EEE6E4;
	border-top: 1px solid #EEE6E4;
	border-left: 1px solid #EEE6E4;
} 

/* IPTV boxjes */
	.boxje {width: 208px; text-align:center; float:left; margin-right:10px; margin-bottom:10px; }
	.boxje h2, .boxje_unit h2 {margin:10px 0;padding:4px;}
	.boxje h2.green { background-color:green; color: white; border-top:1px solid #8dc287; border-bottom:1px solid #8dc287;}
	.boxje h2.red { background-color:red; color: white; border-top:1px solid #eee6e4; border-bottom:1px solid #eee6e4;}
	.boxje_unit { width:20px; float:left;}
	.boxje_unit a { font-size:32px}
	.boxje_txt { float:right; color:#FFFFFF;}
	.boxje_image{position:relative; width:208px; height:137px; overflow:hidden}
	.boxje_info{position:absolute; bottom:0; background-image:url(/images/blackback.png); background-repeat:repeat; color:#FFFFFF; width:192px; text-align:left; font-size:11px; padding:6px 8px;}

/*auto_ingest_overview.php*/
	.emphasize_item{ color:#ff5000;}
	.depreciate_item { color:#CCCCCC;}

/*FU playlists editor*/
	.vl .list_item_container{ background:url(/images/FU/films_lists_itemcontainer.png) 1px top no-repeat; width: 70px; overflow:hidden;}
	.vl .list_item_container a { width:70px; height:5px; overflow:hidden; background-repeat:no-repeat; padding-top:64px; background-position:0 0; text-align:center; display:block; color:#ababab !important; cursor: default;}
	.vl .list_item_container a:hover { background-position:-90px 0;}

	.rx .list_item_container{ background:url(/images/FU/films_lists_itemcontainer.png) 1px top no-repeat; width: 70px; overflow:hidden;}
	.rx .list_item_container a { width:70px; height:5px; overflow:hidden; background-repeat:no-repeat; padding-top:64px; background-size:163px; background-position:0 0; text-align:center; display:block; color:#ababab !important; cursor: default;}
	.rx .list_item_container a:hover { background-position:-90px 0;}

	.kt .list_item_container{ width: 100px; overflow:hidden; background-color: #333333; height:73px;}
	.kt .list_item_container a { width:100px; height:5px; overflow:hidden; background-repeat:no-repeat; padding-top:64px; background-position:12px 0; text-align:center; display:block; color:#ababab !important; cursor: default;}
	.kt .list_item_container a:hover { background-position:-98px 0;}
	.list_item_container{float:left; margin-top:2px;}

	.selectedmovies{ background-color: #f8f5f4; border-top: 1px solid #eee6e4; border-bottom: 1px solid #eee6e4;}
	.celldivider{ width:30px;}
	.dragdropable { padding: 6px 5px !important;}
	.dragdropable div{ cursor:move;border:1px dashed #cbcbcb; padding:8px;}
	#playlistresults td{ padding-left:10px; vertical-align:middle;}
	#playlistresults tr:nth-child(even) td{ cursor:move; border:1px dashed #cbcbcb;}
	#playlistresults tr:nth-child(even) td:first-of-type{ border-right:none;}
	#playlistresults tr:nth-child(even) td:last-of-type{ border-left:none;}
	#playlist h2{ margin-top: 4px !important;}
	#playlistresults .btn{ float:right;}
	/*#createplaylist{border-bottom: 1px solid #EEE6E4;}*/
	#create{ width:50%;}
	.movielisticon{width:170px; float: left;margin-right:11px;}
	.movielisticon2{width:170px; margin-right:11px; float:left; margin-top:24px;}
	.dropdiv {height:20px; margin-right:10px;}
	.highlight{ background-color:#e8e8e8;}
	/*#playlistresults a { color:#FF4300; cursor:pointer;}*/
	.movieselection{position:fixed; height:100%; width:25%; min-width:281px; right:0; top:0; overflow-x:hidden; overflow-y:auto; background-color: #f5f5f5; z-index:4; border-left:1px solid #e5e5e5; padding:6px;}
	
	.infobullet {
		width: 20px;
		height: 20px;
		text-align: center;
		font-size: 15px;
		line-height: 20px;
		color: #fff;
		margin-left: 5px;
		display: inline-block;
		border-radius: 10px;
		background-color: #333333;
		vertical-align: 2px;
		cursor:pointer;
	}
	.movieinfohdr { font-size:15px;	width:320px; padding:22px 25px 0; font-weight:bold; position:relative; z-index:340; overflow:hidden; background-color:#FFFFFF; border:3px solid #333; border-radius:10px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom:none;}
	.movieinfobdy {	font-size:15px; width:320px; padding:6px 25px 12px; position:relative; z-index:330;background-color:#FFFFFF; border:3px solid #333; border-radius:10px;border-top-right-radius:0; border-top-left-radius:0; border-top:none;}
	

/*movieform*/
	.platformregion, .producttitle, .tabtitle, #filmlist tr { cursor:pointer; }
	.producttitle.active, .tabtitle.active { background-color:#dbdbdb; }
	
	.pagelink { padding: 2px 3px; }
	.pagelink.active { border: 1px solid #EEE6E4; background-color: #f8f5f4; padding:2px; color:#836b5f}
	
	.alert {color: #FF0000; }
	.highlighted { /*color:#ff4300;*/ }
	
	.platformregion.highlighted, .hover td { color:#ff4300;}
	.platformregion td { /*padding: 0 18px 0 9px;*/ white-space:nowrap; font-size:0.8em; }
	.periodinput { width: 20px; text-align: center;	}
	.producttypes{ margin-top:5px; margin-left:1%;  }	
	.tabheader td {	padding: 5px 25px 0px 0px; }
	.addnewbutton{float:right; height:96px;}
	.movieform_celltop{ padding-top:20px;}
	.tabcontent{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 8px 15px; width:100%;}
	#products.tabcontent{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding:0 0 ; width:100%; position:relative;}
	
	.tabcontent.standalone{ border:none;}
	.tabcontent h3{ margin-top:7px;}
	.tabcontent img { vertical-align:-3px; margin-left:3px; margin-right:5px;}
	.tabcontent tr{ line-height:1.6em;}
	.tabcontent .producttypes tr, .tabcontent .platformlicense tr{ line-height:normal;}
	.platformlicense .celltop th h2{ font-weight:normal; font-size:0.9em; text-align:left;}
	.visuals{float:left; margin-top: 5px; margin-right: 3px; margin-bottom:10px}
	.websites{float:left; width:162px; height:36px;}
	.thinline {border-top: 1px solid #dbdbdb; height:1px;}
	.thinlinesub {border-top: 1px solid #dbdbdb; height:1px; width:98%; margin-left:1%; }
	.tabsubcontent{padding:10px; width:98%; margin-left:1%; margin-bottom:20px; background-color:#fcfcfc; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
	.tabsubcontent table.topinfo tr{ line-height:2em;}
	.producttypes .celltopgrey th, .topmenu .celltopgrey th { border-bottom:none!important; padding:4px 15px;}
	.topmenu .celltopgrey th, .producttypes .celltopgrey th {border-top-left-radius:5px; border-top-right-radius:7px;}
	.block { display:block; margin-bottom:15px;}
	.vidadmin{ width:100%; margin-bottom:10px;}
	.vidadmin td{ vertical-align:top;}
	.userratingsselect{ margin:10px 0 16px;}
	.delvisuals{ margin-top:10px; display:block;}
	input[type="submit"].addplatform, input[type="button"].addplatform{ font-size:0.8em;}
	.cursor{ cursor:pointer}
	.addproduct{ float:right; margin-top:5px; margin-right:1%;}
	.results{padding-top:8px; display:inline-block; padding-right:20px;}
	#backtolist{ padding-top:8px;}
	.mediafiles{ font-size:0.9em; line-height:1.4em;}

	#uploadtable td { white-space:nowrap;} /*font-size:0.8em;*/
	#uploadtable .header th h2{ font-weight:normal; text-align:left;} /*font-size:0.9em; */
	.wsnr{ white-space: nowrap;}
	#tiptable tr th a{ text-decoration:none; color:#333333;}
	#tiptable tr th a:hover, #tiptable tr th a:hover h2{ text-decoration:none; color:#333333;}
	.genresform{ float:right; display:inline-block; margin-top:4px;}
	.searchform{display:inline-block}

/* webmasterstast */
	.today{background-color: #d0d0d0;padding:2px;}
	.rowminimum{color: #FF0000;	}
	.rowmaximum{color: #9dd023;	}
	.colminimum{color: #ecaa38;	}
	.colmaximum{color: #ecaa38;	}
	#stats td{text-align:center; white-space:nowrap	}
	#stats td.alignleft{text-align:left;}
	.statslegenda{border:1px solid #999999; padding:4px 4px 1px 4px; width:179px;}
	.statslegenda div{ margin-bottom:3px;}

/* stats*/
.copytxt{ width:0px; height:0px; overflow:hidden; background-image:url(/img/copytoclipboard.gif); padding-left:99px; padding-top:14px;}

/*faq*/
.clearboth {clear: both; height:10px;}
.categoriesadminfaq{ width:760px; float:left; margin-right:10px;}
.categoriesadminfaq div {width:369px; float:left; font-size:0.8em}
.sectionsadminfaq{ width:760px; float:left; margin-right:10px;}
.sectionsadminfaq div {width:182px; float:left; font-size:0.8em}
.websitesadminfaq{ width:186px; float:left}
.websitesadminfaq div {width:150px; float:left; font-size:0.8em}
.sectionsadminfaq fieldset {margin-right: 0; margin-bottom:7px; border:1px solid #999999}
.categoriesadminfaq fieldset {margin-right: 0; margin-bottom:7px; border:1px solid #999999}
.websitesadminfaq fieldset {border:1px solid #999999}
.activelang{ font-weight:bold;}
.languages { cursor:pointer}
a.languages { margin-right:6px; }
.antwoordadminfaq{ display:none; padding:10px; padding-right:0;background-color:#f8f5f4; border-top:1px solid #eee6e4; border-bottom:1px solid #eee6e4; margin:10px 0;}
.itemadminfaq { cursor:pointer;}
.itemadminfaq:hover { text-decoration:underline;}
.typesadminfaq{ float:right;}
.cellrightborder, #hours .nopaddingnolines td{border-right: 1px solid #eee6e4; height:25px;}
.cellrightborder img { width:15px !important;}

.green{ background-color:#9dd023; color:#FFFFFF; text-align:center;}
.red{ background-color:#db1c1c; color:#FFFFFF; text-align:center;}
.devicestable{border-top: 1px solid gray;border-left: 1px solid gray; margin:0; padding:0;}
.devicestable td{border-right: 1px solid gray;border-bottom: 1px solid gray;}