/*main*/
* { border: 0 none; margin: 0; padding: 0; text-align: left; vertical-align: top; }
html, body { height: 100%; }
::selection { color: #EE1A3B; background: #999999; }
body { background: #111111; font-family: "Open Sans Grabien", Helvetica, sans-serif; font-size: 15px;
  -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
button, select, input, textarea { font-family: "Open Sans Grabien", Helvetica, sans-serif; font-size: 15px; border-radius: 4px; }
select, input, textarea { width: 346px; background-color: #FFFFFF; border: 1px solid #CECECE; box-sizing: border-box; }
textarea { height: 94px; padding: 6px 10px; }
input, select { height: 41px; padding: 0px 10px 1px; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
option { background: #FFFFFF; color: #222222; padding: 4px 6px; }
select.multiselect option { padding-top: 9px; }
button { min-width: 100px; padding: 10px 6px 11px; text-align: center; color: #FFFFFF; background: #EE1A3B; cursor: pointer; }
input[type='checkbox'], input[type='radio'] { width: auto; height: auto; margin: 14px 0px 14px; padding: 0px; border: 0px; box-sizing: inherit; }
label { display: inline-block; min-width: 250px; padding-top: 10px; }
a { outline: none; text-decoration: none; color: #3C89CA; }
a.disabled:hover, a.noclick:hover, a.activelink:hover { text-decoration: none !important; color: #3C89CA; }
a.activelink { color: #EE1A3B !important; cursor: pointer; }
a.fa { text-decoration: none !important; }
a:hover { text-decoration: underline; color: #EE1A3B; }
ul, ol { padding-left: 20px; }
ul.triangles { list-style-type: none; }
ul.triangles li:before { font-family: "Font Awesome\ 5 Pro"; font-weight: 900; content: "\f0da"; margin: 0px 12px 0px -18px; }
li { list-style-position: outside; }
p, li { margin-bottom: 8px; }
*:disabled, .disabled { opacity: .35; cursor: default !important; }
button:disabled, a.disabled { cursor: default; }
hr { display: block; width: 100px; height: 3px; background: #EE1A3B; border: 0px; margin: 6px 0px 22px; }
h1, h2, h3, h4, h5, h6 { font-family: "TisaOT-Medium Grabien"; font-weight: bold; }
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
img, a img, :link img, :visited img { border: 0 none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
:focus { outline: none; -moz-outline-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td, table th { padding: 5px 4px 6px; vertical-align: top; border: 1px solid #AAAAAA; }
table th { font-weight: normal; font-size: 11px; text-align: center; }
pre, code { font-family: monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

/*blocks*/
#wrapper { width: 980px; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto; padding-top: 60px; color: #222222; background: #FFFFFF; box-sizing: border-box; }
#headfixed { position: fixed; width: 100%; top: 0px; left: 0px; background: #111111; z-index: 11000; }
#headbox { width: 980px; height: 60px; margin: 0px auto; background: #F2F2F2; }
#headbox a { color: #000000; }
#headbox .linkbox { float: right; height: 41px; padding: 19px 20px 0px; }
#headbox .linkbox a { text-transform: uppercase; }
#footer { margin: -374px auto 0px; width: 980px; height: 374px; color: #B0B0B0; background: #000000; overflow: hidden; }
#footer a { color: #B0B0B0; }
#footer .linksbox { float: left; width: 110px; padding: 20px; }
#footer .linksbox div { padding: 8px; }
#footer .linksbox a { font-size: 13px; }
#footer .sociallinks { margin-top: 20px; padding-left: 40px; }
#footer .sociallinks img { width: 24px; height: 24px; }
#footerspacer { height: 360px; }
#content { padding: 20px 20px 30px; overflow: hidden; }
.headentline { width: 980px; height: 2px; margin: 0px auto; background: #EE1A3B; }
.headerlogo { position: absolute; width: 180px; margin: 0px 400px; font-size: 42px; text-align: center; cursor: pointer; }
.footerlogo { font-size: 114px; padding-left: 40px; line-height: 122px; cursor: pointer; }
.mainscrolllogo { float: left; font-size: 48px; padding-left: 12px; }
.maingletter { position: relative; top: -25px; text-align: center; font-size: 160px; z-index: 1; }
.mainglabel { position: relative; top: -105px; text-align: center; font-size: 32px; color: #222222; z-index: 2; }
.clipsgletter { position: absolute; top: -80px; left: 0px; width: 940px; text-align: center; font-size: 200px; z-index: 1; }
.clipsglabel { position: absolute; top: -56px; left: -13px; width: 940px; padding-top: 100px; font-size: 70px; color: #222222; text-align: center; z-index: 2; }
html.ismac .headerlogo { font-size: 38px; }
html.ismsie .headerlogo { padding-top: 9px; }
html.ismsie .footerlogo { padding-top: 30px; }
html.ismac .maingletter { top: -36px; }
html.ismsie .mainscrolllogo { padding-top: 12px; }
html.ismsie .maingletter { top: 4px; }
html.ismac .clipsgletter { top: -90px; }
html.ismsie .clipsgletter { top: -36px; }
html.ismsie .clipsglabel { top: -40px; }

/*menus*/
#indexmenu { position: absolute; background: #FFFFFF; border: 1px solid #CECECE; border-bottom: 0px; z-index: 1199; opacity: 0.95; }
#indexmenu div { padding: 12px 30px 0px 20px; text-transform: uppercase; }
#indexmenu a { color: #000000; }
#indexmenu .indexmenugroup { color: #EE1A3B; font-weight: bold; }
#indexmenu .indexmenulastitem { padding-bottom: 12px; border-bottom: 1px solid #CECECE; }
#loginmenu, #loggedmenu { position: absolute; margin-top: 17px; margin-left: -20px; padding: 6px 0px; background: #FFFFFF; border: 1px solid #CECECE; z-index: 1199; opacity: 0.95; }
#loginmenu div, #loggedmenu div { padding: 6px 16px; text-transform: uppercase; }
#servicesmenu li { float: left; width: 326px; padding: 10px 0px; background: #000000; border-right: 1px solid #D9D9D9; }
#servicesmenu li:last-child { border-right: 0px; }
#servicesmenu li a { font-weight: bold; text-align: center; }
#servicesmenu li a:hover { text-decoration: none; }
#servicesmenu li:hover { padding-bottom: 7px; border-bottom: 3px solid #EE1A3B; cursor: pointer; }
#servicesmenu li:hover a { color: #EE1A3B; }
#servicesmenu li ul { margin-top: 21px; width: 324px; border: 1px solid #D9D9D9; border-top: 0px; z-index: 1199; opacity: 0.95; }
#servicesmenu li ul li { width: 324px; border: 0px; padding: 3px 0px; }
#servicesmenu li ul li:hover { border-bottom: 0px; padding-bottom: 3px; background: #D5D5D5 !important; cursor: pointer; }
#servicesmenu .gservicelogo { width: 32px; margin-left: 4px; padding: 11px 0px 8px; font-size: 16px; }
#servicesmenu .gservicetitle { padding-left: 4px; }
#servicesmenu .gservicetitle span, #servicesmenu .gservicetitle strong { display: inline-block; margin-top: 9px; font-size: 16px; }
html.ismsie #servicesmenu .gservicelogo { padding-top: 18px; line-height: 6px; }
#mainmenu { width: 980px; padding-top: 20px; font-size: 14px; font-weight: bold; }
#usermenu { padding-top: 9px; font-size: 14px; font-weight: bold; }
#mainmenu li, #usermenu li { padding: 0px 4px; }
#mainmenu li a, #usermenu li a { color: #222222; text-transform: uppercase; }
#mainmenu li span.fa, #usermenu li span.fa { color: #222222; }
#mainmenu li a:hover, #usermenu li a:hover { color: #EE1A3B !important; text-decoration: none; }
#mainmenu li a:hover span.fa, #usermenu li a:hover span.fa { color: #EE1A3B !important; }
html.issafari #mainmenu, html.issafari #usermenu { font-weight: normal; }
button.mainsearchtype { width: 100px; color: #FFFFFF !important; background: #EE1A3B !important; border: 1px solid #EE1A3B !important;
  border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

/*froms and tables*/
#content .fa { color: #3C89CA; cursor: pointer; }
#content .fa:hover { color: #EE1A3B; text-decoration: none !important; }
form { width: 600px; }
.formcontrols { margin-bottom: 8px; }
.formfield { margin-bottom: 8px; }
.formfield label { padding-bottom: 12px; }
.formfield label.checkbox { width: auto; min-width: inherit; }
.formfield label.dialoglbl { min-width: 170px; }
.formfield .fa { margin-top: 11px; }
.formprogress { height: 41px; text-align: center; }
.formupload { height: 31px; padding-top: 10px; text-align: center; }
.formprogress label, .formupload label { width: 100%; margin: 2px auto; padding: 0px; text-align: center; font-size: 13px;
  white-space: nowrap; overflow: hidden; }
.formbuttons { height: 41px; text-align: right; }
.formpreloader { position: relative; width: 156px; height: 19px; margin: auto; }
.formuploadbar { width: 400px; height: 18px; margin: -21px auto 0px; font-size: 12px; text-align: center; }
.formuploadbar .ui-progressbar-value { height: 20px !important; }
.savedmarker { float: left; width: 150px; padding-top: 8px; color: green; font-weight: bold; }
.datatable { width: 100%; }
.datatable .fa { margin-top: 2px; margin-bottom: 2px; font-size: 17px; }
.emptytable td, .emptytable th { border: 0px; }
.sortheader { white-space: nowrap; padding-right: 0px; padding-bottom: 3px !important; }
.sortheader .sorthint:after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 13px; content: "\f0dc"; }
.sortheader .sorttitle { margin-right: 14px; text-align: center; }
.sortheader .sorthint { float: right; width: 14px; cursor: pointer; }
.sortheader.sortup .sorthint:after { content: "\f0de"; vertical-align: bottom; margin-top: 3px; }
.sortheader.sortdown .sorthint:after { content: "\f0dd";  vertical-align: top; margin-top: -3px; }
.tablecontrols { padding-top: 4px; line-height: 10px; text-align: center; white-space: nowrap; }
.tablecontrols .fa { margin: 3px 2px 0px; }
.iconreorder, .iconmove { width: 15px; margin-top: 2px !important; margin-left: 6px; cursor: move !important; }
.iconmove { width: 15px; margin: 1px 4px 0px 1px !important; cursor: move !important; }
.iconexpand { width: 15px; margin-top: 1px !important; }
.fileinfolabel { display: inline-block; width: 130px; font-weight: bold; padding-top: 10px; padding-bottom: 12px; }
.fileinfodata { display: inline-block; width: 310px; padding-top: 10px; padding-bottom: 12px; }
.correctedinfo { width: 310px; margin-left: 135px; margin-top: -10px; color: #666666; font-size: 11px; }
.formhint { display: inline-block; width: 24px; height: 20px; vertical-align: text-top; overflow: hidden; cursor: default; }
.formhint:before { display: inline-block; width: 32px; height: 32px; margin-left: 6px; margin-top: 1px; color: #222222;
  font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; content: "\f059"; }
.profimagebox { float: left; width: 124px; margin-bottom: 6px; }
.profimagebox .formfield { margin-bottom: 0px; }
.profimagebox img { max-width: 118px; max-height: 68px; }
.profimagebox label { width: auto; min-width: inherit; padding-bottom: 0px; }
.profimagebox input { margin-bottom: 0px; }
.requestselect { display: inline-block; width: 64px; height: 56px; margin-right: 10px; margin-bottom: 10px; text-align: center;
  background: #F3F3F3; border-radius: 8px; cursor: pointer; }
.requestselect .requesticon { font-size: 60px; color: #222222 !important; }
.requestselect:hover { color: #FFFFFF; background: #EE1A3B; }
.requestselect:hover .requesticon { color: #FFFFFF; }
.requestselect input[type='checkbox'], .requestselect input[type='radio'] { display: none; }
.requestselect label { width: 100% !important; min-width: inherit; padding-top: 18px; padding-bottom: 18px; text-align: center; cursor: pointer; }
.requestselectactive { color: #FFFFFF !important; background: #3C89CA !important; cursor: default; }
.requestselectactive .requesticon { color: #FFFFFF !important; cursor: default; }
.requestselectdisabled { color: #EEEEEE !important; background: #DDDDDD !important; cursor: default; }
.requestselectdisabled label { cursor: default; }
.playlistitem { display: inline-block; margin-bottom: 8px; border: 0px !important; cursor: pointer; }
.playlistselected { font-weight: bold; cursor: default; }
.subplaylistbuttons { margin-left: 8px; }
.subplaylistbuttons .fa { margin-top: 2px; margin-left: 3px; }
.sharebutton { min-width: 20px; padding: 6px; color: #FFFFFF !important; background: #CBCBCB; border-radius: 4px; font-size: 18px; text-align: center; }
.transcriptscrollbox br { display: block; margin-bottom: 8px; line-height: 8px; content: " "; }
.subheadline { margin-top: 4px; margin-bottom: 10px; font-size: 13px; font-style: italic; }
.deleteditem { color: gray; }

/*search*/
.searchheader { font-size: 13px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #F3F3F3; }
.searchheader .fa { margin-top: 2px; margin-right: 6px; font-size: 15px; }
.searchheader .modebutton { display: inline-block; padding: 6px 10px 7px; background: #F3F3F3; cursor: pointer; }
.searchheader .modebutton .fa { color: #222222 !important; }
.searchheader .selectedmode { color: #FFFFFF; background: #252525; cursor: default; }
.searchheader .selectedmode .fa { color: #FFFFFF !important; }
.searchheader select, .searchheader .ui-multiselect { height: 31px; padding: 1px 4px 0px; font-size: 13px; background: #F3F3F3;
  border: 0px; border-radius: 0px; }
.searchheader label { min-width: inherit; padding: 6px 2px 0px; }
.extrafilters { float: left; margin-left: 65px; font-size: 15px; }
.extrafilters a { display: inline-block; padding: 5px 12px; }
.extrafilters .fa { display: inline-block; padding-top: 2px; }
.extradropdown { display: inline-block; }
.extradropmenu { position: absolute; min-width: 100px; margin-top: 2px; margin-left: 10px; padding-bottom: 6px; background: #FFFFFF;
  border: 1px solid #CECECE; z-index: 99; }
.extradropmenu div { padding: 0px 10px; }
.extradropmenu input { margin-top: 10px; margin-bottom: 0px; }
.extradropmenu .itemsnumber { color: #888888; }
.searchfilescontainer { position: relative; font-size: 0px; }
.searchfilebox { display: inline-block; width: 234px; margin-bottom: 10px; text-align: center; cursor: pointer; }
.searchfileimage { position: relative; width: 220px; height: 124px; margin: 0px auto; text-align: center; }
.searchfileimage img { max-width: 220px; max-height: 124px; }
.searchfilemain { width: 220px; padding: 8px; font-size: 12px; }
.searchfiledescription { width: 220px; max-height: 45px; margin-bottom: 2px; line-height: 15px; overflow: hidden; }
.searchfiledate { font-weight: bold; }
.searchfileviews span, .searchfilepurchases span, .searchfileduration span, .searchfilesource span { font-weight: bold; }
.searchfileviews { display: inline-block; width: 85px; }
.searchfilepurchases { display: inline-block; width: 85px; }
.searchfileduration { display: inline-block; width: 50px; text-align: right; }
.searchfilesource { display: inline-block; width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchfilerow { display: block; margin-bottom: 10px; font-size: 15px; cursor: pointer; }
.searchfilerowimage { display: inline-block; width: 50px; margin-top: 4px; }
.searchfilerowimage img { max-width: 40px; max-height: 24px; }
.searchfilerowtext { display: inline-block; width: 890px; }
.searchgifimage { position: absolute; top: 0px; left: 0px; left: 50% !important; transform: translate(-50%, 0); }
.searchstorybox { display: inline-block; width: 234px; margin-bottom: 10px; text-align: center; cursor: pointer; color: #FFFFFF; }
.searchstorybox:hover, .searchstorybox:hover .searchstorytitle { color: #EE1A3B; }
.searchstoryimage { position: relative; width: 220px; height: 124px; margin: 0px auto; text-align: center; overflow: hidden; }
.searchstoryimage img { max-width: 220px; max-height: 124px; }
.searchstoryfiles { position: absolute; top: 0px; left: 0px; width: 204px; padding: 5px 8px; font-size: 15px; text-align: right; z-index: 1; }
.searchstorytitle { width: 210px; padding: 5px 5px 5px; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; color: #222222; }
.searchstorygifimage { position: absolute; top: 0px; left: 0px; left: 50% !important; transform: translate(-50%, 0); }
.profilefr { display: block; margin-bottom: 10px; cursor: pointer; }
.profilefrimage { position: relative; display: inline-block; width: 220px; height: 124px; text-align: center; }
.profilefrimage img { max-width: 220px; max-height: 124px; }
.profilefrmain { display: inline-block; width: 234px; padding: 0px 8px; font-size: 13px; }
.profilefrdescription { min-height: 106px; font-size: 15px; }
.profilefrviews, .profilefrpurchases, .profilefrduration, .profilefrtime { display: inline-block; }
.profilefrviews span, .profilefrpurchases span, .profilefrduration span, .profilefrtime span { font-weight: bold; }
.profilefrviews, .profilefrpurchases { width: 90px; }
.profilefrtime { width: 180px; }
.profilefrduration { width: 54px; text-align: right; }
.profilefreditlink { position: absolute; top: 8px; left: 194px; width: 20px; height: 20px; font-size: 20px; z-index: 101; }

/*paginator*/
.paginator_pagebox { margin: 12px auto 0px; font-size: 15px; text-align: center; }
.paginator_pageinput { width: 60px; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.paginator_pagebutton { width: 60px; min-width: inherit; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.paginator_pagelabel { display: inline-block; margin: 10px 20px; }
.paginator_pagelink, .paginator_dots, .paginator_activepage, .paginator_navbutton { display: inline-block; min-width: 18px;
  margin: 6px 0px; padding: 4px; padding-bottom: 5px; text-align: center; }
.paginator_dots { padding: 4px 10px; cursor: default; }
.paginator_activepage { color: #FFFFFF; background: #3C89CA; border-radius: 4px; }
.paginator_navbuttonright { margin: -1px 0px 0px 10px; padding-left: 0px; padding-bottom: 0px; }
.paginator_navbuttonleft { margin: -1px 7px 0px 3px; padding-right: 0px; padding-bottom: 0px; }
.paginator_pagelink:hover, .paginator_navbutton:hover { color: #FFFFFF !important; background: #EE1A3B; border-radius: 4px; text-decoration: none !important; }

/*preloaders*/
.floatbarsg { position: absolute; top: 0; background-color: rgb(68, 68, 68); width: 19px; height: 19px;
  animation-name: bounce_floatbarsg; -o-animation-name: bounce_floatbarsg; -ms-animation-name: bounce_floatbarsg; -webkit-animation-name: bounce_floatbarsg; -moz-animation-name: bounce_floatbarsg;
  animation-duration: 1.5s; -o-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
  animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal;
  transform: scale(.3); -o-transform: scale(.3); -ms-transform: scale(.3); -webkit-transform: scale(.3); -moz-transform: scale(.3); }
.floatbarsg_1 { left: 0; animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; }
.floatbarsg_2 { left: 19px; animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; }
.floatbarsg_3 { left: 39px; animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }
.floatbarsg_4 { left: 58px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; }
.floatbarsg_5 { left: 78px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; }
.floatbarsg_6 { left: 97px; animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; }
.floatbarsg_7 { left: 117px; animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; }
.floatbarsg_8 { left: 136px; animation-delay: 1.64s; -o-animation-delay: 1.64s; -ms-animation-delay: 1.64s; -webkit-animation-delay: 1.64s; -moz-animation-delay: 1.64s; }
@keyframes bounce_floatbarsg { 0% { transform: scale(1); background-color: rgb(68, 68, 68); } 100% { transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-o-keyframes bounce_floatbarsg { 0% { -o-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -o-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-ms-keyframes bounce_floatbarsg { 0% { -ms-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -ms-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-webkit-keyframes bounce_floatbarsg { 0% { -webkit-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -webkit-transform: scale(.3); background-color: rgb(255, 255, 255); }}
@-moz-keyframes bounce_floatbarsg { 0% { -moz-transform: scale(1); background-color: rgb(68, 68, 68); } 100% { -moz-transform: scale(.3); background-color: rgb(255, 255, 255); }}
.cssload-whirlpool, .cssload-whirlpool::before, .cssload-whirlpool::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(238, 26, 58, 0.1);
  border-left-color: rgb(238, 26, 58); border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; moz-border-radius: 974px; }
.cssload-whirlpool { margin: -24px 0 0 -24px; height: 49px; width: 49px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; }
.cssload-whirlpool::before { content: ""; margin: -22px 0 0 -22px; height: 43px; width: 43px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; }
.cssload-whirlpool::after { content: ""; margin: -28px 0 0 -28px; height: 55px; width: 55px; animation: cssload-rotate 2300ms linear infinite; -o-animation: cssload-rotate 2300ms linear infinite;
  -ms-animation: cssload-rotate 2300ms linear infinite; -webkit-animation: cssload-rotate 2300ms linear infinite; -moz-animation: cssload-rotate 2300ms linear infinite; }
@keyframes cssload-rotate { 100% { transform: rotate(360deg); }}
@-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); }}
@-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); }}
@-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); }}
.searchloader { padding-top: 40px; padding-bottom: 40px; }
.searchcircles { position: relative !important; margin-top: 24px; margin-bottom: 12px; }
.searchcircleshint { text-align: center; margin-top: 6px; font-size: 12px; }

/*grabien style*/
.defaultcolor { color: #222222; }
.defaultfontsize { font-size: 15px; }
.gcolor { color: #EE1A3B; }
.gbackground { background: #EE1A3B; }
.gfont { font-family: "TisaOT-Medium Grabien"; }
.gservicelogo { display: inline-block; color: #FFFFFF; font-size: 20px; width: 36px; text-align: center; padding: 5px 0px 1px; border-radius: 6px; }
html.ismac .gservicelogo { padding: 2px 0px 2px; }
html.ismsie .gservicelogo { padding: 14px 0px 1px; line-height: 20px; }
.gservicetitle { font-size: 20px; padding-left: 12px; }
.gservicetitle span, .gservicetitle strong { display: inline-block; margin-top: 3px; }
.gserviceheader h1 { display: inline-block; }
.gserviceheader sup { display: inline-block; color: #FFFFFF; font-size: 28px; min-width: 50px; padding: 7px 0px 0px; border-radius: 6px;
  text-align: center; vertical-align: inherit; }
.gserviceheader sup .fa { color: #FFFFFF !important; cursor: default; }
.gserviceheader sub { display: inline-block; font-size: 38px; padding-left: 12px; vertical-align: inherit; }
.gserviceheadernote { width: 650px; float: right; padding-top: 4px; text-align: center; font-size: 14px; font-style: italic; }
.gservicelogobig .fa { margin-top: 3px; }
html.ismac .gserviceheader { padding-top: 2px; margin-bottom: 16px; }
html.ismac .gserviceheader sup { padding: 3px 0px; }
html.ismac .gserviceheader sub { line-height: 46px; }
html.ismsie .gserviceheader sup { padding: 16px 0px 0px; line-height: 30px; }
html.ismsie .gserviceheader sub { padding-top: 11px; }
html.ismac .gservicelogobig .fa { margin-top: 6px; }
.gservice_nb_color { color: rgb(35, 35, 35); }
.gservice_nb_background { background: rgb(35, 35, 35); }
.gservice_nb_button { background: rgba(35, 35, 35, 0.8); color: #FFFFFF; }
.gservice_cb_color { color: rgb(50, 50, 50); }
.gservice_cb_background { background: rgb(50, 50, 50); }
.gservice_cb_button { background: rgba(50, 50, 50, 0.8); color: #FFFFFF; }
.gservice_rb_color { color: rgb(65, 65, 65); }
.gservice_rb_background { background: rgb(65, 65, 65); }
.gservice_rb_button { background: rgba(65, 65, 65, 0.8); color: #FFFFFF; }
.gservice_pb_color { color: rgb(80, 80, 80); }
.gservice_pb_background { background: rgb(80, 80, 80); }
.gservice_pb_button { background: rgba(80, 80, 80, 0.8); color: #FFFFFF; }
.gservice_fb_color { color: rgb(95, 95, 95); }
.gservice_fb_background { background: rgb(95, 95, 95); }
.gservice_fb_button { background: rgba(95, 95, 95, 0.8); color: #FFFFFF; }
.gservice_tb_color { color: rgb(110, 110, 110); }
.gservice_tb_background { background: rgb(110, 110, 110); }
.gservice_tb_button { background: rgba(110, 110, 110, 0.8); color: #FFFFFF; }
.gservice_lc_color { color: rgb(210, 10, 50); }
.gservice_lc_background { background: rgb(210, 10, 50); }
.requestselectactive.gservice_lc { background: #DC143C !important; }
.gservice_lc_button { background: rgba(210, 10, 50, 0.8); color: #FFFFFF; }
.gservice_nc_color { color: rgb(220, 20, 60); }
.gservice_nc_background { background: rgb(220, 20, 60); }
.requestselectactive.gservice_nc { background: rgb(220, 20, 60) !important; }
.gservice_nc_button { background: rgba(220, 20, 60, 0.8); color: #FFFFFF; }
.gservice_tc_color { color: rgb(230, 30, 70); }
.gservice_tc_background { background: rgb(230, 30, 70); }
.requestselectactive.gservice_tc { background: rgb(230, 30, 70) !important; }
.gservice_tc_button { background: rgba(230, 30, 70, 0.8); color: #FFFFFF; }
.gservice_rc_color { color: rgb(240, 40, 80); }
.gservice_rc_background { background: rgb(240, 40, 80); }
.gservice_rc_button { background: rgba(240, 40, 80, 0.8); color: #FFFFFF; }
.gservice_pc_color { color: rgb(250, 50, 90); }
.gservice_pc_background { background: rgb(250, 50, 90); }
.gservice_pc_button { background: rgba(250, 50, 90, 0.8); color: #FFFFFF; }
.gservice_nm_color { color: rgb(255, 60, 100); }
.gservice_nm_background { background: rgb(255, 60, 100); }
.gservice_nm_button { background: rgba(255, 60, 100, 0.8); color: #FFFFFF; }
.gservice_gc_color { color: rgb(15, 85, 185); }
.gservice_gc_background { background: rgb(15, 85, 185); }
.gservice_gc_button { background: rgba(15, 85, 185, 0.8); color: #FFFFFF; }
.gservice_ls_color { color: rgb(30, 100, 200); }
.gservice_ls_background { background: rgb(30, 100, 200); }
.gservice_ls_button { background: rgba(30, 100, 200, 0.8); color: #FFFFFF; }
.gservice_sc_color { color: rgb(45, 115, 215); }
.gservice_sc_background { background: rgb(45, 115, 215); }
.gservice_sc_button { background: rgba(45, 115, 215, 0.8); color: #FFFFFF; }
.mainaccordion .ui-accordion-header-icon { display: none; }
.mainaccordion .ui-accordion-header { padding: 3px; border: 0px; }
.mainaccordion .ui-accordion-header span { display: inline-block; vertical-align: baseline; }
.mainaccordion .ui-accordion-header strong, .mainaccordion .ui-accordion-header i { display: inline-block; vertical-align: baseline;
  font-style: normal; font-size: 17px; }
.mainaccordion .ui-accordion-content { padding: 10px; }
.mainaccordion ul { margin: 6px 0px; }
.mainaccordion li { margin-bottom: 4px; font-size: 13px; }
.bigbutton { display: inline-block; padding: 6px 10px 6px 17px; margin: 0px 4px; color: #FFFFFF !important; background: #3C89CA; border-radius: 4px; font-size: 32px !important; }
.bigbutton:hover { background: #EE1A3B; }
.bigbuttonleft { display: inline-block; width: 40px; margin-left: 8px; padding: 9px 0px 10px; color: #FFFFFF !important; background: #3C89CA; border-radius: 4px; font-size: 22px; text-align: center; }
.bigbuttonleft:hover { background: #EE1A3B; }
.clipperbutton { width: 40px; height: 41px; min-width: inherit; margin: 0px; padding-top: 0px; }
.clipperbutton span { margin-top: 10px !important; font-size: 22px; }
.clipperbutton span, .clipperbutton span:hover { color: #FFFFFF !important; }
.clipcontrolbutton { min-width: 20px; margin-left: 4px; margin-top: 9px; font-size: 22px; text-align: center; }
.staticicon, .staticicon:hover { color: #222222 !important; cursor: default !important; }
.clipstopcontainer { display: inline-block; width: 218px; margin-top: 20px; margin-right: 20px; border-right: 1px solid #F2F2F2; }
.clipstopitems { padding-top: 16px; padding-right: 16px; }
.cliptranscriptmode { float: right; display: inline-block; width: 150px; margin-top: 2px; padding: 10px 0px; background: #F3F3F3; text-align: center; cursor: pointer; }
.cliptranscriptmodeactive { color: #FFFFFF; background: #DC143C; cursor: default; }

/*misc*/
.comingsoon { color: red; font-size: 50%; font-weight: bold; }
.backenderror { color: red; }
.centered { margin: 0px auto; text-align: center; }
.staffstatsloader { color: #AAAAAA; font-size: 0.85em; }
.staffstatsvcal { display: inline-block; margin: 0px 8px 8px; }
.staffstatsvcalactive { cursor: pointer; }
.staffstatsdata { text-align: center; }
.staffstatsgraph { position: relative; width: 930px; height: 200px; margin: 3px auto; background: #CDECDE; }
.staffstatspreloader { margin: 77px auto 78px; text-align: center; }
.staffstatsmoredata { float: left; width: 740px; height: 200px; margin-top: 3px; margin-bottom: 3px; }
.staffstatsmoreperiod { float: right; width: 180px; margin-top: 10px; }
.staffstatsmoreperiod .staffstatsmoreselector { display: inline-block; width: 90px; }
.staffstatsmoreperiod input { margin-top: 4px; margin-bottom: 0px; }
.staffstatsmoreperiod label { padding-top: 0px; padding-bottom: 0px; }
.staffheader { background-image: url('../images/header_staff.png') !important; background-repeat: repeat-x !important; }
.enterpriseheader { background-image: url('../images/header_enterprise.png') !important; background-repeat: repeat-x !important; }
.isgold { color: #FFD700 !important; }
.issilver { color: #868686 !important; }
.isenterprise { color: #EE1A3B !important; }
.nofiles { padding-top: 40px; padding-bottom: 40px; font-size: 15px; text-align: center; }
.notitledlg .ui-dialog-titlebar { display: none; }
.noselection { user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
.noborder { border: 0px; }
.profileimage { position: relative; text-align: center; overflow: hidden; }
.profiletitleline { width: 100%; height: 1px; margin-top: 2px; margin-bottom: 4px; background: #F2F2F2; }

/*transcript*/
.metatranscript br { margin-bottom: 4px; }
.metatranscript span { cursor: pointer; }
.metatranscript span.selfragment { background: #D6D6D6; }
.metatranscript span.foundfragment { background: #EADBDB; }
.metatranscript span.currentfragment { background: #BCFFBC; }
.metatranscript span:hover { text-decoration: underline; }

/*widgets*/
.rotatorslidesbox { float: left; width: 440px; height: 450px; background: #FFFFFF; border-bottom: 24px solid #EE1A3B; overflow: hidden; }
.rotatorslides { position: relative; width: 440px; height: 450px; overflow: hidden; }
.rotatorslide { position: absolute; display: none; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; overflow: hidden; }
.rotatorslideimage { top: 0px; left: 0px; width: 440px; height: 248px; object-fit: contain; object-position: center; }
.rotatorslideheadline { top: 248px; left: 0px; width: 100%; height: 116px; padding: 4px 8px; font-size: 28px; font-weight: bold;
  line-height: 36px; color: #EE1A3B; background: #E7E7E7; vertical-align: top; box-sizing: border-box; overflow: hidden; }
.rotatorslidesubheadline { top: 364px; left: 0px; width: 100%; height: 82px; padding: 4px 8px; font-size: 18px; line-height: 25px;
  color: #000000; background: #FAFAFA; vertical-align: middle; box-sizing: border-box; overflow: hidden; }
.rotatorslidescontrols { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 24px; padding: 0px 8px; box-sizing: border-box; }
.rotatorsetslide, .rotatornextprev, .rotatortoggle { display: inline-block; color: #FFFFFF; margin-top: 2px; padding: 0px 4px; cursor: pointer; }
.rotatoractiveslide { color: #222222; background: #FFFFFF; }
.rotatorslidesboxbig { width: 640px; height: 558px; }
.rotatorslidesbig { width: 640px; height: 558px; }
.rotatorslideimagebig { width: 640px; height: 360px; }
.rotatorslideheadlinebig { width: 640px; }
.rotatorslidesubheadlinebig { width: 640px; }
.rotatorslidesboxsmall { width: 324px; height: 338px; }
.rotatorslidessmall { width: 324px; height: 338px; }
.rotatorslideimagesmall { width: 324px; height: 182px; }
.rotatorslideheadlinesmall { top: 182px; width: 324px; height: 92px; font-size: 20px; line-height: 28px; }
.rotatorslidesubheadlinesmall { width: 324px; height: 64px; font-size: 14px; line-height: 19px; }
.storieswidget { background: #FAFAFA; padding: 5px; }
.storieswidgetitem { margin-top: 6px; }
.storieswidgetimage { float: left; margin-top: 6px; text-align: center; }
.storieswidgetimagebig { width: 140px; }
.storieswidgetimagesmall { width: 70px; }
.storieswidgettext { float: left; }
.storieswidgetheadline { font-weight: bold; }
.storieswidgetheadline a { color: #EE1A3B !important; }
.storieswidgetsubheadline { font-size: 0.9em; font-weight: bold; font-style: italic; color: #000000; }

/*player*/
.embeddedplayer { position: relative; max-width: 640px; overflow: hidden; }
.playeroutbox { width: 100%; height: 100%; overflow: hidden; }
.playererror { top: 50%; position: absolute; left: 50%; color: #FFFFFF; background-color: #000000; border-radius: 2px; display: flex; padding: 20px;
  transform: translate(-50%, -50%); opacity: 0.7; z-index: 1; }
.playererrorback { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.playerslides { position: relative; width: 100%; height: 100%; }
.playerslides img { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center; overflow: hidden; }
.sharedplayerholder { width: 100%; height: 100%; }
.newsmonitorholder { position: relative; display: inline-block; cursor: pointer; }
.newsmonitorplayer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px solid transparent; cursor: pointer; overflow: hidden; }
.newsmonitorplayer .embeddedplayer, .newsmonitorplayer video { cursor: pointer; }
.newsmonitorbuttons { position: absolute; top: 6px; right: 6px; z-index: 103; }
.newsmonitorcaption { position: absolute; bottom: 0px; width: 100%; height: 30px; padding: 5px 8px; box-sizing: border-box; color: #3C89CA;
  background-color: rgba(0, 0, 0, 0.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 99; cursor: pointer; }
.newsmonitorborder { position: absolute; display: none; border: 4px solid rgb(255, 60, 100); cursor: pointer; z-index: 102; }
.newsmonitor_vertical .newsmonitorholder { width: 470px; height: 264px; }
.newsmonitor_horizontal .newsmonitorholder { width: 312px; height: 175px; }
.newsmonitor_vertical .newsmonitorborder { width: 468px; height: 262px; }
.newsmonitor_horizontal .newsmonitorborder { width: 310px; height: 173px; }