/*
	KM Online
	By Jörgen Overgaard and Johan Wilhelmsson
	Copyright (c) 2008-2018 Global Media Transfer Europe AB

*/

.main {
	border-collapse: collapse;
}

.main td video {
	text-align: left;
	vertical-align: text-top;
}

.tc_outerall {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.translate_outerall {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.translate_outerall_left {
	width: 1000px;
	margin-left: 0;
	margin-right: auto;
}

.translate_outerall_right {
	width: 1000px;
	margin-left: auto;
	margin-right: 0;
}

.project_browser {
	font-family: Verdana, Arial;
}

.project_browser td {
	padding: 6px 12px 6px 12px;
}

#userToolbar, #userToolbar  button {
	color: #15428B;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.current_user_button {
	color: #FF0000 !important;
	font-weight: bold !important;
}

/* Icons */

.icon_mainmenu {
	background-image: url(./images/menu-show.gif) !important;
}

.icon_projectbrowser {
	background-image: url(./images/list-items.gif) !important;
}

.icon_confirm {
	background-image: url(./images/yes.png) !important;
}

.icon_reject {
	background-image: url(./images/no.png) !important;
}

.icon_warning {
	background-image: url(./images/exclamation.png) !important;
}

.icon_vocal {
	background-image: url(./images/note.gif) !important;
	background-repeat: no-repeat;
}

.icon_rhyme {
	background-image: url(./images/quill_outline.png) !important;
	background-repeat: no-repeat;
}

.icon_lipsync_special {
	background-image: url(./images/mouth.png) !important;
	background-repeat: no-repeat;
}

.icon_neutral {
	background-image: url(./images/backline.gif) !important;
	background-repeat: no-repeat;
}

.icon_insert {
	background-image: url(./images/sign.gif) !important;
	background-repeat: no-repeat;
}

.icon_title {
	background-image: url(./images/title.gif) !important;
	background-repeat: no-repeat;
}

.icon_insert_add {
	background-image: url(./images/bullet_add.png),
	url(./images/sign.gif) !important;
	background-repeat: no-repeat;
}

.icon_title_add {
	background-image: url(./images/bullet_add.png),
	url(./images/title.gif) !important;
	background-repeat: no-repeat;
}

.icon_copy_all {
	background-image: url(./images/copy.png) !important;
}

.icon_no_translate {
	background-image: url(./images/backline_blue.gif) !important;
	background-repeat: no-repeat;
}

.icon_clone {
	background: url(./images/small_add_overlay.png) no-repeat center top,
	url(./images/drop-add.png) no-repeat center top;
}

.icon_add {
	background-image: url(./images/drop-add.png) !important;
}

.icon_help {
	background-image: url(./images/help.png) !important;
}

.icon_keyboard {
	background-image: url(./images/keyboard.png) !important;
}

.icon_information {
	background-image: url(./images/information.png) !important;
}

.icon_pdf {
	background-image: url(./images/acrobat.png) !important;
}

.icon_character {
	background-image: url(./images/character.png) !important;
}

.icon_character_delete {
	background-image: url(./images/bullet_delete.png),
	url(./images/character.png) !important;
}

.icon_updates {
	background-image: url(./images/update.png) !important;
}

.icon_settings {
	background-image: url(./images/settings.png) !important;
}

.icon_video_window {
	background-image: url(./images/video_window.gif) !important;
}

.icon_extras_window {
	background-image: url(./images/extras_window.gif) !important;
}

.icon_reset_video_window {
	background: url(./images/arrow_in.png) no-repeat,
	url(./images/video_window.gif) no-repeat !important;
}

.icon_reset_extras_window {
	background: url(./images/arrow_in.png) no-repeat,
	url(./images/extras_window.gif) no-repeat !important;
}

.icon_download_script {
	background-image: url(./images/download.png) !important;
}

.icon_logout {
	background-image: url(./images/exit.png) !important;
}

.icon_search {
	background-image: url(./images/search.png) !important;
}

.icon_clear {
	background-image: url(./images/erase.png) !important;
}

.icon_manual {
	background-image: url(./images/manual.png) !important;
}

.icon_schedule {
	background-image: url(./images/calendar.png) !important;
}

.icon_calendar {
	background-image: url(./images/calendar.png) !important;
}

.icon_planner {
	background-image: url(./images/planner.png) !important;
}

.icon_email {
	background-image: url(./images/email.png) !important;
}

.icon_refresh {
	background-image: url(./images/refresh.png) !important;
}

.icon_filter {
	background-image: url(./images/filter.png) !important;
}

.icon_save {
	background-image: url(./images/save.png) !important;
}

.icon_arrow_up {
	background-image: url(./images/arrow_up.png) !important;
}

.icon_arrow_down {
	background-image: url(./images/arrow_down.png) !important;
}

.icon_arrow_updown {
	background-image: url(./images/arrow_updown_orange.png) !important;
}

.icon_arrow_undo {
	background-image: url(./images/arrow_undo.png) !important;
}

.icon_join {
	background-image: url(./images/join.png) !important;
}

.icon_text {
	background-image: url(./images/text.png) !important;
}

.icon_text_delete {
	background-image: url(./images/bullet_delete.png),
	url(./images/text.png) !important;
}

.icon_split_translated {
	background-image: url(./images/split_translated.png) !important;
}

.icon_translated_delete {
	background-image: url(./images/bullet_delete.png),
	url(./images/split_translated.png) !important;
}

.icon_split_intermediate {
	background-image: url(./images/split_intermediate.png) !important;
}

.icon_intermediate_delete {
	background-image: url(./images/bullet_delete.png),
	url(./images/split_intermediate.png) !important;
}

.icon_audio {
	background-image: url(./images/audio.png) !important;
}

.icon_film {
	background-image: url(./images/movies.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_film_approved {
	background: url(./images/grid-yes.png) no-repeat,
	url(./images/movies.png) no-repeat !important;
}

.icon_film_rejected {
	background: url(./images/grid-no.png) no-repeat,
	url(./images/movies.png) no-repeat !important;
}

.icon_film_green {
	background-image: url(./images/film.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_loading {
	background-image: url(./images/loading.gif) !important;
}

.icon_load_script {
	background-image: url(./images/book_open.png) !important;
}

.icon_load_script_previous {
	background: url(./images/arrow_left.png) no-repeat !important;
}

.icon_load_script_next {
	background: url(./images/arrow_right.png) no-repeat !important;
}

.icon_cue_properties {
	background-image: url(./images/table.png) !important;
}

.icon_validate {
	background-image: url(./images/page_white_magnify.png) !important;
	background-repeat: no-repeat;
}

.icon_finish {
	background-image: url(./images/grid-yes.png) !important;
}

.icon_finish_language {
	background-image: url(./images/world_check.png) !important;
}

.icon_finish_transfer_only {
	background: url(./images/arrow_right.png) !important;
}

.icon_waveform {
	background-image: url(./images/waveform.png) !important;
}

.icon_image {
	background-image: url(./images/image.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_images {
	background-image: url(./images/images.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_error_add {
	background-image: url(./images/error_add.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_error_delete {
	background-image: url(./images/error_delete.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_error_go {
	background-image: url(./images/error_go.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_subtitle_alignment {
	background-image: url(./images/subtitle_alignments.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_subtitle_halign_left {
	background-image: url(./images/subtitle_align_side.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_subtitle_halign_center {
	background-image: url(./images/subtitle_align_center.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_subtitle_halign_right {
	background-image: url(./images/subtitle_align_side.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
	transform: rotate(180deg);
}

.icon_subtitle_valign_top {
	background-image: url(./images/subtitle_align_side.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
	transform: rotate(90deg);
}

.icon_subtitle_valign_middle {
	background-image: url(./images/subtitle_align_center.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
	transform: rotate(90deg);
}

.icon_subtitle_valign_bottom {
	background-image: url(./images/subtitle_align_side.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
	transform: rotate(-90deg);
}

.icon_check_selected {
	background-image: url(./images/grid-yes.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

/* Har inte fått det här att funka än. */
video::cue(v) {
	color: #FF0000 !important;
	font-style: italic !important;
}

/* icons for review assignment window */

.folder .x-tree-node-expanded  {
	background:transparent url(./lib/ext/resources/images/default/tree/folder-open.gif);
}

.folder .x-tree-node-collapsed {
	background:transparent url(./lib/ext/resources/images/default/tree/folder.gif);
}

.globe .x-tree-node-icon {
	background:transparent url(./images/world.png) no-repeat;
}

.globe .x-tree-node-expanded {
	background:transparent url(./images/world.png) no-repeat;
}

.user .x-tree-node-icon {
	background:transparent url(./images/user.png) no-repeat;
}

.icon_trash {
	background-image: url(./images/trash.png) !important;
}

.icon_user {
	background-image: url(./images/user.png) !important;
}

.icon_expandall {
	background-image: url(./images/expand-all.gif) !important;
}

.icon_collapseall {
	background-image: url(./images/collapse-all.gif) !important;
}

.icon_transferscript {
	background-image: url(./images/copy.png) !important;
}

.icon_copy_dialogue {
	background-image: url(./images/page_copy.png) !important;
}

.icon_nuclear {
	background-image: url(./images/nuclear.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_lightning {
	background-image: url(./images/weather_lightning.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_time_add {
	background-image: url(./images/clock_add.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_time_delete {
	background-image: url(./images/clock_delete.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_note_delete {
	background-image: url(./images/note_delete.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_tc_admin {
	background-image: url(./images/cog.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_tc_finished_by {
	background-image: url(./images/grid-yes.png),
	url(./images/user.png) !important;
}

.icon_sort {
	background-image: url(./images/sort_amount_down_icon.png) !important;
	background-repeat: no-repeat;
	background-position: center top;	
}

.icon_translate {
	background-image: url(./images/translate.png) !important;
	background-repeat: no-repeat;
	background-position: center top;	
}

.icon_presets {
	background-image: url(./images/magic-wand_flipped.png) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_add_copy_preset {
	/* background: url(./images/magic-wand_flipped.png) no-repeat center top, */
	/* url(./images/drop-add.png) no-repeat center top; */

	background: url(./images/small_add_overlay.png) no-repeat center top,
	url(./images/magic-wand_flipped.png) no-repeat center top;
	
	/* background-image: url(./images/drop-add.png) !important; */
	/* background-repeat: no-repeat; */
	/* background-position: center top; */
}

.icon_manage_copy_presets {
	background: url(./images/small_edit_overlay.png) no-repeat center top,
	url(./images/magic-wand_flipped.png) no-repeat center top;
}

.icon_warning_2 {
	background-image: url(./images/messagebox_warning.png) !important;
}

/* other */

.login_error {
	color: #ff0000;
	font-weight: bold;
	font-family: Verdana, Arial;
}

#loginlogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#projectbrowserlogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#translatelogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#tclogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#castinglogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#voicetestlogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

#videoreviewlogo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 485px;
	z-index: -1;
	background-image: url(./images/banner.png);
}

/* Grid styles */

.project_browser_script_not_available {
	font-style: italic !important;
	color: #555555 !important;
}

/* Enable selection of text in a grid */
.x-grid-enable-select td {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	-moz-user-select: text;
}

.tc-grid-extra-size {
	
}

.tc-grid-extra-size .x-grid3-cell-inner {
	/*font-size: 14px;
	line-height: 18px;*/
}

.x-grid3-song-cell {
	background: url(./images/note.gif) no-repeat top right;
}

.x-grid3-duplicate-song-cell {
	background: url(./images/note.gif) no-repeat top right,
	repeating-linear-gradient(135deg, 
		hsl(120, 100%, 83%), hsl(120, 100%, 83%) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-duplicate-song-cell-no-icon {
	background: repeating-linear-gradient(135deg, 
		hsl(120, 100%, 83%), hsl(120, 100%, 83%) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-neutral-song-cell {
	background: url(./images/note.gif) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-grid3-no-translate-song-cell {
	background: url(./images/note.gif) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-grid3-rhyme-cell {
	background: url(./images/quill_outline.png) no-repeat top right;
}

.x-grid3-duplicate-rhyme-cell {
	background: url(./images/quill_outline.png) no-repeat top right,
	repeating-linear-gradient(135deg, 
		hsl(120, 100%, 83%), hsl(120, 100%, 83%) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-duplicate-rhyme-cell-no-icon {
	background: repeating-linear-gradient(135deg, 
		hsl(120, 100%, 83%), hsl(120, 100%, 83%) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-neutral-rhyme-cell {
	background: url(./images/quill_outline.png) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-grid3-no-translate-rhyme-cell {
	background: url(./images/quill_outline.png) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-grid3-copy-cell {
	background: repeating-linear-gradient(
			-135deg, 
			rgba(255,208,208,1) 0 3.5px,
			rgba(255,255,255,0) 3.5px 9px,
			rgba(194,229,255,1) 9px 12.5px,
			rgba(255,255,255,0) 12.5px 18px
		)
	;
}

.x-grid3-copy-error-cell {
	background: url(./images/error.png) no-repeat top right,
	repeating-linear-gradient(
		-135deg, 
		rgba(255,208,208,1) 0 3.5px,
		rgba(255,255,255,0) 3.5px 9px,
		rgba(194,229,255,1) 9px 12.5px,
		rgba(255,255,255,0) 12.5px 18px
	);
}

.x-grid3-copy-recorded-cell {
	background: url(./images/microphone_purple.png) no-repeat top right,
	repeating-linear-gradient(
		-135deg, 
		rgba(255,208,208,1) 0 3.5px,
		rgba(255,255,255,0) 3.5px 9px,
		rgba(194,229,255,1) 9px 12.5px,
		rgba(255,255,255,0) 12.5px 18px
	);
}

.x-grid3-recorded-cell {
	background: url(./images/microphone_purple.png) no-repeat top right;
}

.x-grid3-neutral-recorded-cell {
	background: url(./images/microphone_purple.png) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-grid3-no-translate-recorded-cell {
	background: url(./images/microphone_purple.png) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-text-length-error {
	color: #FF0000 !important;
}

.x-text-length-error  .x-grid3-cell-inner {
	color: #FF0000 !important;
}

.x-text-length-warning {
	color: #FF00FF !important;
}

.x-text-length-warning  .x-grid3-cell-inner {
	color: #FF00FF !important;
}

.x-text-length-notice {
	color: #088F8F !important;
}

.x-text-length-notice  .x-grid3-cell-inner {
	color: #088F8F !important;
}

.x-reading-speed-high {
	background: url(./images/arrow_up_blue.png) no-repeat right center;
}

.x-reading-speed-very-high {
	background: url(./images/arrow_up_red.png) no-repeat right center;
}

.x-reading-speed-low {
	background: url(./images/arrow_down_blue.png) no-repeat right center;
}

.x-reading-speed-very-low {
	background: url(./images/arrow_down_red.png) no-repeat right center;
}

.x-tcgrid-subtitle-text:not(.x-grid3-cell-selected) {
	/*color: #000000;
	font-weight: bold !important;*/
	/*background-color: #555555;*/
	background-image: linear-gradient(
      to bottom,
	  rgba(136, 136, 136, 0.8),
	  rgba(136, 136, 136, 0.0) 10%,
	  rgba(136, 136, 136, 0.0) 90%,
	  rgba(136, 136, 136, 0.8)
    ), linear-gradient(
      to right,
	  rgba(136, 136, 136, 0.8),
	  rgba(136, 136, 136, 0.0) 2%,
	  rgba(136, 136, 136, 0.0) 98%,
	  rgba(136, 136, 136, 0.8)
    );
}


.x-tcgrid-song-flag-cell {
    background: url(./images/note.gif) no-repeat top center;
}

.x-tcgrid-neutral-song-cell{
	background: url(./images/note.gif) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-tcgrid-no-translate-song-cell{
	background: url(./images/note.gif) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-tcgrid-rhyme-flag-cell {
    background: url(./images/quill_outline.png) no-repeat top center;
}

.x-tcgrid-neutral-rhyme-cell{
	background: url(./images/quill_outline.png) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-tcgrid-no-translate-rhyme-cell{
	background: url(./images/quill_outline.png) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-grid3-insert-cell {
	background: url(./images/sign.gif) no-repeat top right;
}

.x-grid3-insert-cell-empty {
	background: #FF0000 url(./images/sign.gif) no-repeat top right;
}

.x-grid3-episode-title-cell {
	background: url(./images/title.gif) no-repeat top right;
}

.x-grid3-episode-title-cell-empty {
	background: #FF0000 url(./images/title.gif) no-repeat top right;
}

.x-tcgrid-episode-title-flag-cell {
    background: url(./images/title.gif) no-repeat top center;
}

.x-grid3-no-translate-cell {
	background: url(./images/backline_blue.gif) top left;
}

.x-tcgrid-character-not-in-project-cell .x-grid3-cell-inner {
	color: #FF0000;
}

.x-tcgrid-tc-error-cell{
	background: #FF0000;
}

.x-grid3-cell-inner, .x-grid3-hd-inner {
	white-space:normal !important;
}

.x-grid3-finished-cell {
	background: url(./images/grid-yes.png) no-repeat top left;
}

.x-grid3-neutral-cell {
	background: url(./images/backline.gif) top left;
}

.x-grid3-empty-cell {
	background: #FF0000;
}

.x-tcgrid-empty-cell {
	background: #FFE3E3;
}

.x-grid-clickable-cell {
	cursor: pointer;
}

.x-grid3-original-newer-cell {
	background: url(./images/neweroriginal.png) no-repeat top right;
}

.x-grid3-voice-test-ok {
	background-color: #fff952;
}

.x-grid3-voice-test-nok {
	background-color: #878787;
}

.x-npgrid-locked {
	background: url(./images/lock.gif) no-repeat center left;
}

.x-tc-npgrid-character {
	background: url(./images/character.png) no-repeat center top !important;
}

.x-tc-npgrid-character-multi {
	background: url(./images/characterm.png) no-repeat center top !important;
}

.x-tc-npgrid-noncharacter {
	background: url(./images/pencil.png) no-repeat center top !important;
}

.x-tc-npgrid-new-character {
	background: url(./images/new.png) no-repeat center top !important;
}

.x-npgrid-main-character {
	background-color: #CFADFF !important;
}

.x-tc-npgrid-walla {
	background-color: #FFCC99 !important;
}

.x-tcgrid-cue-proximity-previous {
	background: url(./images/arrow_up_blue.png) no-repeat right center;
}

.x-tcgrid-cue-proximity-next {
	background: url(./images/arrow_down_blue.png) no-repeat right center;
}

.x-tcgrid-cue-overlaps_previous {
	background: url(./images/arrow_up_red.png) no-repeat right center;
}

.x-tcgrid-cue-overlaps_next {
	background: url(./images/arrow_down_red.png) no-repeat right center;
}

.x-tcgrid-cue-not-close-enough-to-previous {
	background: url(./images/arrow_up_purple.png) no-repeat right center;
}

.x-tcgrid-cue-not-close-enough-to-next {
	background: url(./images/arrow_down_purple.png) no-repeat right center;
}

.x-tcgrid-no-translate-cell {
	/*background: url(./images/backline_blue.gif) top left;*/
	background: repeating-linear-gradient(135deg, 
		rgb(194,229,255), rgb(194,229,255) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-tcgrid-neutral-cell {
	/* background: url(./images/backline.gif) top left; */
	background: repeating-linear-gradient(135deg, 
		rgb(255,208,208), rgb(255,208,208) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

/* ================================================ */
/*             TC Grid lipsync styles               */

.x-tcgrid-lipsync-cell {
	background: hsl(54, 100%, 75%) url(./images/mouth.png) no-repeat top right;
}

.x-tcgrid-neutral-lipsync-cell {
	background: url(./images/mouth.png) no-repeat top right, repeating-linear-gradient(135deg, 
		rgb(255,208,208), rgb(255,208,208) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-tcgrid-no-translate-lipsync-cell {
	background: url(./images/mouth.png) no-repeat top right, repeating-linear-gradient(135deg, 
		rgb(194,229,255), rgb(194,229,255) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-tcgrid-lipsync-song-cell{
	background: hsl(54, 100%, 75%) url(./images/note.gif) no-repeat top right;
}

.x-tcgrid-lipsync-rhyme-cell{
	background: hsl(54, 100%, 75%) url(./images/quill_outline.png) no-repeat top right;
}

/* ================================================ */
/*         Translation grid lipsync styles          */

.x-grid3-lipsync-cell {
	background: url(./images/mouth.png) no-repeat top right;
}

.x-grid3-neutral-lipsync-cell {
	background: url(./images/mouth.png) no-repeat top right, repeating-linear-gradient(135deg, 
		rgb(255,208,208), rgb(255,208,208) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-no-translate-lipsync-cell {
	background: url(./images/mouth.png) no-repeat top right, repeating-linear-gradient(135deg, 
		rgb(194,229,255), rgb(194,229,255) 3.5px,
		rgba(255,255,255,0) 0, rgba(255,255,255,0) 9px
	);
}

.x-grid3-lipsync-song-cell{
	background: url(./images/mouth+note.png) no-repeat top right;
}

.x-grid3-lipsync-rhyme-cell{
	background: url(./images/mouth+quill.png) no-repeat top right;
}

/* ================================================ */


.x-tcgrid-episode-title-cell {
    background: #E1CFFA url(./images/title.gif) no-repeat top right;
}

.x-tcgrid-insert-cell {
    background: #FFF1B9 url(./images/sign.gif) no-repeat top right;
}

.x-tcgrid-song-cell {
	background: #DDFFDD url(./images/note.gif) no-repeat top right;
}

.x-tcgrid-rhyme-cell {
	background: #D9FFB3 url(./images/quill_outline.png) no-repeat top right;
}

.x-tcgrid-copy-cell {
	/* hsl(0, 100%, 91%) röd */
	/* hsl(200, 90%, 93%) blå = rgb(207, 237, 252) */
	/* hsl(2, 52%, 53%) brun*/
	/* background: hsl(200, 90%, 90%) url(./images/page_copy.png) no-repeat top right; */
	
	/* Note: The length values (px) all count from the start of the entire gradient, and not from the end of the last color. */
	
	background: url(./images/page_copy.png) no-repeat top right, 
		repeating-linear-gradient(
			-135deg, 
			rgba(255,208,208,1) 0 3.5px,
			rgba(255,255,255,0) 3.5px 9px,
			rgba(194,229,255,1) 9px 12.5px,
			rgba(255,255,255,0) 12.5px 18px
		)
	;
	
	/* background: url(./images/page_copy.png) no-repeat top right,  */
		/* repeating-linear-gradient( */
			/* -135deg,  */
			/* hsl(200, 90%, 93%) 0 3.5px, */
			/* hsla(0, 100%, 91%,0.8) 3.5px 9px */
		/* ) */
	/* ; */
}

.x-tcgrid-loop-cell {
	background: rgb(242, 255, 242) url(./images/arrow_refresh_small.png) no-repeat top right;
}

.x-grid3-row-selected {
	background-color: #b8cfee !important;
	background-image: none;
	border-style: solid;
	border-color: #607694 !important;
}

.x-grid3-cell-selected {
	background-color: #b8cfee !important;
	color:#fff;
	outline: #607694 solid 1px !important;
}

.x-grid3-cue-error-cell {
	background: url(./images/error.png) no-repeat top right;
}

.x-grid3-neutral-cue-error-cell {
	background: url(./images/error.png) no-repeat top right,
	url(./images/backline.gif) top left;
}

.x-grid3-no-translate-cue-error-cell {
	background: url(./images/error.png) no-repeat top right,
	url(./images/backline_blue.gif) top left;
}

.x-tcgrid-length-text-normal {
	color: #888;
	text-align: right;
}

.x-tcgrid-length-text-over {
	color: #F33;
}

.x-grid3-check-col-on-disabled,
.x-grid3-check-col-disabled {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-check-col-on-disabled {
	background-image:url(./images/checked_disabled.gif);
}

.x-grid3-check-col-disabled {
	background-image:url(./images/unchecked_disabled.gif);
}

/* Row styles for schedule view grid */

.x-schedulegrid-trans-dark {
	background-color: #d4e3f7 !important;
}

.x-schedulegrid-trans-light {
	background-color: #e7f1fe;
}

.x-schedulegrid-review-dark {
	background-color: #f8d3d3;
}

.x-schedulegrid-review-light {
	background-color: #fce9e9;
}

.x-schedulegrid-rec-dark {
	background-color: #f9deb9;
}

.x-schedulegrid-rec-light {
	background-color: #fbe8d0;
}

.x-schedulegrid-mix-dark {
	background-color: #c8f1c0;
}

.x-schedulegrid-mix-light {
	background-color: #ebfee7;
}

.x-schedulegrid-manual-date {
	font-weight: normal;
}

.x-schedulegrid-auto-date {
	font-weight: bold !important;
}

#schedulegrid .x-grid3-cell-selected{
	outline: #5566aa dashed thin !important;
}

/* Other */

#videopanel-content {
	background: #000000;
}

#video-div {
	background: #000000;
	height: 100%;
}

.video-surround-black {
	background: #000000;
}

.div_center {
	margin: auto;
}

.video_center {
	margin: auto;
	text-align: center;
}

.project_browser_toolbar {
	width: 800px;
}

.project_browser_panel {
	width: 730px;
}

.project_browser_translation_panel {
	width: 730px;
}

.project_browser_sat_panel {
	width: 900px;
}

.video_review_toolbar {
	width: 800px;
}

.video_review_panel {
	width: 900px;
}

.powered_by {
	position:fixed;
	bottom:0px;
	vertical-align:middle;
	-x-system-font:none;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	white-space:nowrap;
}

.licensed_by {
	position:fixed;
	top:145px;
	left:22px;
	vertical-align:middle;
	-x-system-font:none;
	font-family:tahoma,arial,helvetica,sans-serif;
	color: #4D66A1;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	white-space:nowrap;
	z-index: -1
}

.licensed_by_private {
	color: hsl(114 25% 47%) !important;
}

.news {
	background: url(./images/exclamation_big.png) no-repeat top center;
	position: fixed;
	top: 300px;
	left: 20px;
	width: 150px;
	vertical-align: middle;
	-x-system-font: none;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.warning {
	width: 600px;
	-x-system-font:none;
	text-align: center;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

.safari_warning {
	color: #E00;
}

.form-big-title-text {
	-x-system-font:none;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	color: #15428B;
}

.form-title-text {
	-x-system-font:none;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
}

.form-warning-text {
	-x-system-font:none;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	color: #FF0000;
}

.form-tiny-text {
	-x-system-font:none;
	font-family: arial narrow,tahoma,helvetica,sans-serif;
	font-size: 11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

.form-footnote-text {
	font-style: italic;
}

.form-info-text {
	-x-system-font:none;
	text-align: left;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.capture-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bg-development {
	background-image: url(./images/bg_development.png);
	background-repeat: repeat;
	background-position: left;	
}

.bg-test {
	background-image: url(./images/bg_test.png);
	background-repeat: repeat;
	background-position: left;	
}

.frog-cursor:hover {
	cursor: url(./images/cute_frog_pointer.png), auto !important;
}

.frog-cursor:active {
	cursor: url(./images/cute_frog_cursor.png), auto !important;
}

.translate-tbar-imitate-title, .translate-tbar-imitate-title button {
	color: #15428b !important;
	font-weight: bold !important;
	font-size: 11px !important;
	font-family: tahoma,arial,verdana,sans-serif !important;
}

/* Override Ext styles to make labels next to checkboxes and radio buttons on toolbars show slightly higher up */

.x-form-check-wrap {
    line-height:18px;
    height: auto;
	padding: 0 0 4px 0;
}

.x-toolbar-cell .x-form-cb-label {
    top: -1px;
}

/* Gallery styles */

select{
	font-size:11px;
}
.image-tip{
	padding:4px;
	height:98px;
	white-space:nowrap;
}
.image-tip img {
	margin-right:10px;
	border:2px solid #083772;
}
.image-tip b{
	color: #083772;
	display: block;
	margin-bottom: 4px;
}
.image-tip span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
#images {
	background: #fff url( ./images/center-bg.gif ) repeat-x top left;
	font: 11px Arial, Helvetica, sans-serif;
}
#images .thumb{
	background: #dddddd;
	padding:3px;
}
#images .thumb img{
	border:1px solid white;
	width: 160px;
	height: 120px;
}
#images .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
#images .x-view-selected .thumb{
	background:#8db2e3;
}
#images .loading-indicator {
	font-size:8pt;
	background-image:url(../../resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.ownvideo {
	position:relative;
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
}

.ownvideo * {
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	text-decoration:inherit;
	font-size:100%;
	padding:0;
	border:0;
	margin:0;
	list-style-type:none
}
.ownvideo a:focus {
	outline:0
}

.ownvideo video {
	width: 100%;
	height: 100%;
}

video::cue{
	font-family: 'Arial', sans-serif;
	font-size: 1em;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	transition: opacity 0s;
	background-color: rgba(51,51,51,0.9);
	z-index: 10;
	white-space: pre-wrap;
}

/*
From https://stackoverflow.com/questions/19000022/ext-js-grid-body-width-issue-on-google-chrome
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { 
    .x-grid3-cell, /* Normal grid cell */
    .x-grid3-gcell { /* Grouped grid cell (esp. in head)*/
        box-sizing: border-box;
    }
}