@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Francois+One&subset=latin,latin-ext);


body { margin:0; padding:0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background:#eee}

#newRecordingForm-wrapper { text-align:center; padding:30px 15px; background:#eee;  margin:-15px; box-shadow:0 0 20px #aaa; border:1px dotted #ccc }
#newRecordingForm-wrapper ul.error li { background:transparent; border:0; color:#CC4747; padding:0; font-weight:bold; font-size:1.3em;}
#newRecordingForm-wrapper p { font-size:1.5em; margin-bottom:25px }
.newRecordingForm-wrapper-error { border:1px solid #CC4747;}

h1.heading {text-align:left; margin:20px 0 30px;font-size:3em; font-family: 'Francois One','Open Sans',Arial,sans-serif; clear:both}
h1.heading a {color:#000; text-shadow: 1px 1px 0px #eee;text-decoration:none;}
h1.heading a:hover { color:#E13535; }
h1.heading .spokendata {color:#fff; background:#0088cc;padding:5px;border-radius:10px;margin:5px;white-space:nowrap;}

h2 {font-weight:normal;font-size:2.8em;letter-spacing:0px}

div.spokendata {float:left; margin-top:3px; white-space:nowrap; font-size:1.2em; font-weight:bold}
div.spokendata a { color:#fff; padding:5px; border-radius:10px;  display:block }
div.spokendata a:hover{ background:#0088cc; color:#fff; text-decoration:none}

h1 {font-size:2.2em; margin-top:20px; margin-bottom:25px}



.form-horizontal input + .help-block { margin-top:2px; }
.help-block { font-size:0.8em; margin-top:2px;}

.claim-box { text-align:center;  font-size:1.8em; color:#000; margin:25px auto; width:100%}
.claim-box strong {color:#C72427}
.claim-box ul {margin:0;padding:15px;}
.claim-box li {margin:15px 0; padding:0; list-style-type:none; border-bottom:1px dotted #ddd; padding-bottom:10px}

a img:hover {opacity:0.75}

.spokendata-box { margin:10px -15px; border-top:1px solid #ccc; background:#fff; text-align:left; padding:20px; font-size:1.4em; color:#000; }
.spokendata-box ul { margin-top:25px}
.spokendata-box li {margin:15px 0; list-style-type:square; padding-bottom:10px}

#i-want-to-know-more {}

.box1 {background:#fff; border:3px solid #fff; border-radius:10px 10px 0 0; padding:30px 10px 0; margin:20px 0; box-shadow:2px 2px 25px #888; }
#more-details {display:none; margin:20px 0 10px}
#more-details-link {font-weight:bold;cursor:pointer}

.section {margin:50px 0 }
.footer { background:#fff; padding:30px 0px 20px; margin:30px 0 0; color:#666; box-shadow:0 0 25px #aaa; font-size:1.3em}
.footer a {color:#444}
.footer a:hover {color:#E13535;}
.captionsmaker {font-family: 'Francois One','Open Sans',Arial,sans-serif; color:#444 }

.img-responsive {margin:0 auto;}


hr.cleaner { clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; }

#wrapper {background:#fff; border-left:1px dotted #ddd}


#add-recording-box {padding:20px 10px 10px; margin-bottom:15px; background:#eee;display:none}
#recording-list-menu {margin-bottom:15px;}

#sign-box {background:#fff; padding:5px 15px; border-radius:5px; width:260px; margin:25px auto; box-shadow:0 0 15px #aaa}
#sign-box h2 {font-size:1.6em; text-align:center; background:#eee}
#sign-box ul li {list-style-type:square}

#sign-box .btn {width:100%}


.thumbnail:hover {background:#eee;}
.thumbnail .caption {padding:2px}
.thumbnail h3 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.1em;margin:0;padding:5px 0;line-height:1.2em}
.thumbnail .datetime {font-size:0.8em;margin:0}
.thumbnail .language {color:#aaa}
.thumbnail a.block {display:block; width:100%; height:100%}

.thumbnail-processing {}
.thumbnail-failed {background:#FFC296;}

li label {font-weight:normal; padding: 0 20px;}

.row-video {margin:15px auto}



.icon-none {width: 14px;}
 
.dropdown-menu a.color-item {color:#fff; text-shadow:1px 1px 2px #888;font-weight:bold; margin-right:5px;}
.dropdown-menu a.color-item:hover {margin-right:0;}
.dropdown-menu a.color-item:focus {background:none}
input.green, .green, .dropdown-menu a.green:hover, .dropdown-menu a.green:focus {background:#34B27D}
input.yellow, .yellow, .dropdown-menu a.yellow:hover, .dropdown-menu a.yellow:focus {background:#DBDB57}
input.orange, .orange, .dropdown-menu a.orange:hover, .dropdown-menu a.orange:focus {background:#E09952}
input.red, .red, .dropdown-menu a.red:hover, .dropdown-menu a.red:focus {background:#CB4D4D}
input.purple, .purple, .dropdown-menu a.purple:hover, .dropdown-menu a.purple:focus {background:#9933CC}
input.blue, .blue, .dropdown-menu a.blue:hover, .dropdown-menu a.blue:focus {background:#4D77CB}

.color-bar-container {width:100%;height:15px;position:absolute;left:0;top:-10px;}
.color-bar {height:100%;width:16.666%;float:left;box-shadow:0px 2px 5px #444;border-radius:4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHElEQVQYV2P4//+/FBbMgI4ZhohCbBhD81BQCAD6ay/4Sj20ZAAAAABJRU5ErkJggg==);}
.no-display {display:none}

#changeTagTitlesModal {width:260px;margin-left:-130px}
#changeTagTitlesModal label {display:none}
#changeTagTitlesModal .control-group {margin-bottom:5px}
#changeTagTitlesModal input[type="text"] {color:#fff; font-weight:bold}


#frm-recordingForm-description {height:200px}

.disclaimer { font-size:0.7em}
.center { text-align:center }

.question {font-weight:bold; margin:25px 0 0}

.response-message {font-size:1.7em; line-height:1.5em; padding:20px; background:#eee; border:1px solid #eee; text-align:center; border-radius:4px; margin:10px 0; font-weight:bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.success-message { background:#dff0d8; border:1px solid #d6e9c6;color:#468847 }
.error-message { background:#f2dede; border:1px solid #eed3d7; color:#b94a48 }

#logo-box img { background:#fff; padding:0 5px; margin:0 5px 5px; margin-left:0; float:right }


#category-menu { margin:0 0 20px }
#category-menu li {list-style-type:none; position:relative }
#category-menu li a { padding:5px; display:block;  }
#category-menu li a:hover { }
#category-menu li i {margin-right:5px}
#category-menu li .category-list-item-menu {position:absolute;right:-30px; top:0; margin:0;padding:6px 4px;display:none;background:#fff;box-shadow:0 0 5px #555}
#category-menu li .category-list-item-menu a {display:inline; margin:0; opacity:0.6}
#category-menu li .category-list-item-menu a:hover {opacity:1}

#control-group-fileupload { dsisplay:none }
#filelist { line-height:20px; padding:4px }
#filelist .error{  background:#f2dede; border:1px solid #eed3d7; color:#b94a48; padding:0 4px; font-weight:bold }


#tbox { width:640px; margin:0 auto 0; box-shadow:0 0 25px #000; }
#tbox_overlay { width:100%; height:100%; background:#888 url(../images/tbox-overlay.png) repeat; opacity:0.5; position:fixed; left:0; top:0; }
#tbox_overlay.deleted { background:#870505 url(../images/tbox-overlay-deleted.png) repeat; }
#tbox_body { background:#fff; position:relative; z-index:10;}
#tbox_player { background:#000; height:320px }
#tbox_jwplayer {}
#tbox_timer { font-family:arial,serif; font-size:0.8em; font-weight:bold; text-align:center; padding:5px;  }
#tbox_menu { background:#eee; padding:6px; box-shadow:inset 0 -2px 3px #888}
#tbox_menu:after { clear:both; content:""; display:block; height:0; }
#tbox_add_menu { padding:5px; display:none }
#tbox_add_menu a { margin:0; padding:2px; display:block; text-align:center; text-decoration:none; font-weight:bold; }
#tbox_add_menu a:hover { background:#eee }
#tbox_video_subtitles {display:none;z-index:101;position:absolute;left:40px; top:200px; font-family:arial,serif; width:560px; text-align:center; }
#tbox_video_subtitles span {cursor:move;font-family:arial,serif; background:#000;  color:#fff; font-size:1.25em; line-height:1.6em; padding:5px 0}
#tbox_help {cursor:move;z-index:100;position:absolute;left:-270px; top:10px; font-family:arial,serif; width:250px; box-shadow:0 0 5px #000; background:#fff; font-size:0.8em; padding:5px;}
#tbox_help p {cursor:auto; text-align:center; margin:0 0 5px; font-weight:bold;}
#tbox_help table {cursor:auto; width:100%; }
#tbox_help th, #tbox_help td {padding:2px 5px; border-bottom:1px dotted #ddd}
#tbox_help th {text-align:right; background:#eee}
#tbox_help h4 {cursor:pointer; margin:0; border-bottom:1px solid #fff; text-align:center; font-size:1em; font-weight:bold; padding:1px; color:#fff; background:#444}
#tbox_help h4:hover {color:#fff; text-shadow:0 0 5px #aaa}
#tbox_information, #tbox_advanced_shortcuts, #tbox_annotation_shortcuts {display:none}
#tbox_save_message { font-size:0.8em}
#tbox_transcript {overflow:auto; width:660px; }
#tbox_transcript .tr { border-bottom:1px solid #ddd; margin:0; padding:0.5em 0; position:relative; width:640px; }
#tbox_transcript .tr:hover { background:#eee; }
#tbox_transcript .tr:after { clear:both; content:""; display:block; height:0; }
#tbox_transcript .tr_selected { background:#CFE6FF;color:#023266 }
#tbox_transcript .tr_selected:hover { background:#C2DFFF; }
#tbox_transcript .tr_highlighted { border-top:2px solid red; border-bottom:2px solid red; box-shadow:0 0 10px #888 }
#tbox_transcript .tr_merged {  background:#ddd }
#tbox_transcript .tr_merged:hover {  background:#ddd }
#tbox_transcript .tr_menu { background:#fff; padding:2px; box-shadow:0 0 5px #aaa;  display:none }
#tbox_transcript .tr_menu a { margin:0 5px; padding:2px;}
#tbox_transcript .tr_menu a:hover { background:#ddd }
#tbox_transcript .tr_slider { position:relative; width:400px; display:none; margin:2px 2px 6px 106px}
#tbox_transcript .t { background:#000; border-radius:0 5px 5px 0; float:left; text-align:center; width:95px; padding:2px 0;}
#tbox_transcript .t_start {font-weight:bold; color:#ddd; cursor:pointer}
#tbox_transcript .t_start:hover { color:#fff;}
#tbox_transcript .t_end {cursor:pointer; color:#999; }
#tbox_transcript .t_end:hover { color:#fff;}
#tbox_transcript .s { background: none repeat scroll 0 0 transparent !important; margin-left:100px; line-height:18px !important; outline:0 none; width:520px; word-wrap: break-word; font-size:1.2em; font-family:"courier new"; }
#tbox_transcript .new-caption-error, #tbox_transcript .split-caption-error {margin-left:100px; outline:0 none; width:520px; font-size:0.8em; color:#D91600; background:rgba(255,255,255,0.75); border-radius:5px; box-shadow:0 0 5px #ddd; padding:2px 5px; text-align:center}


#tbox_transcript .w { display:inline; }
#tbox_transcript .tbox_merge { position:absolute; background:#fff; border:1px solid #ddd; left:0px; top:-10px;}
#tbox_transcript .tbox_merge:hover { background:#ddd;}
#tbox_transcript .tr:first-child .tbox_merge { display:none }
#tbox_transcript .tbox_delete { position:absolute; right:1px; top:1px; opacity:0.2}
#tbox_transcript .tbox_delete:hover { opacity:1}      

.ui-tooltip { border: 0px solid #ccc; background:rgba(0,0,0,0.8); color:#fff; font-weight:bold; font-size:0.8em; box-shadow:0 0 0 #aaa}



#transcript {  padding:5px; margin:0 5px; overflow:auto; max-height:250px; background:#fff; height:100%; }
#transcript .tr { margin:2px 0; padding:0.5em 0; position:relative; }
#transcript .tr:hover {background:#ddd; cursor:pointer}
#transcript .tr:after { clear:both; content:""; display:block; height:0;}
#transcript .t { background:#555; color:#fff; border-radius:5px; float:left; font-size:85%; margin-right:9px; text-align:center; width:80px;}
#transcript .s { background: none repeat scroll 0 0 transparent !important; float:left; line-height:18px !important; outline: 0 none; width:600px;}
#transcript .w {background:#dff; display:inline; margin-right:5px;} 



.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #eee;
}

.navbar {box-shadow:0 10px 20px #bbb; opacity:0.9;}  


@media (min-width: 980px) and (max-width: 1200px) {
  h1 {font-size:2em; line-height:1.3em; margin-bottom:15px;}
 .offset1 { margin-left: 100px; }
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
   body { padding-top: 0; }
  .input-xxlarge {width:380px}
  input {width:160px}
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
  body { padding-top: 0; }
  h1 {font-size:2em; line-height:1.3em; margin-bottom:15px;}
  #changeTagTitlesModal {width:260px;margin-left:0px}
      
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  body { padding-top: 0; }
  h1.heading {font-size:2.2em; line-height:2.25em; margin-bottom:10px;}
  h2 {font-size:1.8em}
  .spokendata-box {font-size:1.2em}
  .claim-box {font-size:1.2em}
}


             
             
             
/*** Layout ***/

#header {
	background: #333;
	border-bottom: 5px solid #E4E2DA;
}

#header div.title {
	color: white;
	padding: 8px 0;
	font-size: 150%;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}

#header a {
	color: #FFF499;
}

#header div.user {
	padding: 12px 1em;
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
}

#header-inner {
	width: 900px;
	margin: 0 auto;
	position: relative;
}


#sidebar {
	float: left;
	width: 210px;
}

#content {
	margin-left: 220px;
	padding: 20px;
}




/*** Forms ***/
fieldset {
	border: none;
	margin: 1.5em 0;
	padding: 1ex 0;
}

legend {
	font-weight: bold;
	margin-left: 0;
}

label {
	font-weight: bold;
}

form ul.error {
	margin: 0;
	padding: 0;
	list-style: none;
}

form ul.error li {
	display: block;
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #FBC2C4;
	background: #FBE3E4;
	color: #8a1f11;
}


                    

/*** Flash messages ***/
div.flash {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

div.flash.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

div.flash.info {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

div.flash.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}


/*** Icons ***/
.icon {
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.icon.tick {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNpi/P//PwNdgVsnw38QJkuzYxvD/3c/JoIxiE2y5idfmv/P2sQAxk+/NoJdwkKs5sV5zQzbj9QyMLAyMDACxb7/f4eqyB1omjsWvzkBNd/+XPR/1h6G/zOBePZehv+XPsX/d4J4wRiu6MqnOCCGS0DEW4GKPyb8n30Q6OwDQM2HQJoTUDWDbD37we//7GNABUcZ/p967//foZkBjEFskPgsoPgcIH36gz+qZiBggfuHmYHhH1Dqwq2NDLVpNmBJEJuBCehnIFZTsWOomLaRYV8VgwlQ6izMAJB+Y5c2hjOlqboMj59cZvj3j4EBlrYYgbJMQM2yMroMXbMvM+xF0wwCQHsZnt/by7DlheCrNAd7WYYfPz4x/AfZCpRhBsaRiIQsw4Q5t7FqRgcgl/xf+Zz7/9wbDGAMYrug+ZkQMHYFalj9khuMXUnUDDfEExgznp3kaYYbQqxmRkqzM0CAAQBWbMG1YQFlxwAAAABJRU5ErkJggg==");
}

.icon.user {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfNJREFUeNqcU89rE0EYfZNsto1rbdUmofUgmoOWQIm/EOtB7aUIpfRWL148eVOwf0FO4g8oWIpHvRhPQvHeixSRWooptVVIrEnRpkk2+yM7s7PdzbpJKIaykeCD4YNv3nvzzcz3Edd1cQBCSDM+unk8TgQsRwfDMZO7kGVeDAXd60+XqtnGfrsmAB/sO1i8cmkwlkyexbmROELSQEyrYdGP62vQEyYJUZQQEE8gGIogQCRYNhJdG1jcxs8dDdQSMXI5gYnpMTi240eF4JekhokHC8/BC79RlVVIx4JwLIauK+CmlUapBKWiQJUVL8oQROdl1wYr9pnU8koeVNfADB1beQOvM/VUVwYTL7bTY6m1TRa9he8/dvFp7RsKQhL332m/bs9vv/3nG9x4/GXvzgUpcvV8P4YqFF9zDo6GOIZ6dzE13oePG3zGfJIZ96hRX4PhvkBk9FQY6XWGexcnce3uJEYpxUaR4U2GY/r0Eei6Gel4harKkC1zr/NqmFsqATZD3Vvp9ToqZR25sgXDoJ2vUFIoCvI+NI2h8e0zr4wWyTtGCBLkK71g1OxsUCiqWM1VcXJAQrPdD1qetObkc1YBY7yzAc19ePi+Rp85bivfpm/CK8J291Zngam/A3hoGvu9EG/THEaDnPU0qq/B/+CPAAMAQ2jaR3QERSQAAAAASUVORK5CYII=");
}

.icon.edit {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXxJREFUeNqU0s1LAkEYBvDHsK4FJXmQOmR1iaLyov9Ah4g+Dt3qVEJU9xCkIFAp6LAlBIYQ3oMIukhKSUaFH+mlukggRWuipeLX2jS7ZGDaMg3swszu79l93xngH+Nhy0eitjNSnRNC0MSK161W0jrUC9KlRnTb8xPCFGCy7JKVpWXsh53I81nEsxUEzUeEKeDaPEJMc33g7E6Mj03A/XmOcqYMIclLzxVy2G/WE/20CkjEEWtZgOuWYHBAC++VF9ymTUd7EFDI4hk1wL8BKXplXhFpW8VhSIEdy4aOvhIQm6iQx0mKU0D2na4W4AprML8XlPCfu1CPP2ihAg4i/TW44S40xmU47rRY5Hx1uCbgUgYbuYuGWBxK8eZb0xHDlOq7YWlmLAUkjidJx7AeeHQDSRqQy9H/EpiwVAIpVmhMJ0rds0BRoF8uMmMp4OS+HaeeJyhLeUBjgCPUw4ylEmJ8CS/PN9Cmm1EoKGG0+5lx9SiP/lpjxuJB+hJgAG9My8C+hsJpAAAAAElFTkSuQmCC");
}