@media screen,projection {

	
	/************************************************************************************
	   SIMPLE (FAST) CLASS
	*************************************************************************************/
	.l{display:inline; float:left; margin: 0;}
	.r{display:inline; float:right; margin: 0;}
	.l a, .r a {font-size: 12px;}
	.out{position:absolute; left:-5000px; top:-5000px;}
	.bold{font-weight:bold;}
	.thin{font-weight:normal;}
	small, .small{font-size:11px;}
	.big{font-size:14px}
	.center{text-align:center;}
	.left{text-align:left;}
	.right{text-align:right;}
	.error{color:#fa7a7a;}
	.hidden, .js .jsHide{display:none !important}
	.importantHidden{display:none !important}
	.sprite{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
	a .sprite{cursor:pointer;}
	.break{height:1px; font-size:1px; line-height:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
	.clearfix{zoom:1;}
	.clearfix:after{visibility:hidden; display:block; font-size:0px; content:" "; clear:both; height:0;}
	.clear {display: block; clear: both; }
	.reset{border:none; margin:0; padding:0; background:none;}
	ul.reset{list-style:none;}
	.reset li{margin:0; padding:0; background:none;}
	.mt-reset{margin-top:0;}
	.mr-10{margin-right:10px;}
	del[title]{cursor:help;}
	/************************************************************************************
	   RESETS and TYPOGRAPHY
	*************************************************************************************/
	html{margin:0; padding:0; overflow-y:scroll;}
	body{
		font-size:14px;
		background:#fff;
		font-family:Arial, sans-serif /*ds*/;
		color:#858585;
		margin:0;
		line-height: 20px;
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0; padding:0; display:block;}
	
	/* HEADING */
	caption, h1, h2, h3, h4, h5, h6{font-weight: normal;}
	h1{margin:0 0 .4em; padding:0; font-size:26px;}
	caption, h2{margin:1.3em 0 .4em; padding:0; font-size:20px;}
	h3{margin:1.4em 0 .4em; padding:0; font-size:14px;}
	h4, h5, h6{margin:1.6em 0 .3em; font-size:13px;}
	
	
	/* PARAGRAPH */
	p{margin:0.7em 0 0/*ds*/;}
	p.indent{text-indent: 1.5em;}
	hr{margin:20px 0px; padding:0; border:1px solid #DDDDDD; border-width:1px 0 0; color:#fff; background:#fff; height:1px; overflow:hidden; line-height:1px; font-size:1px; margin:10px 0;}
	pre{text-align:left;}
	object{vertical-align:middle; margin:0; padding:0;}
	strong{font-weight:normal;}
	
	/* CITE */
	cite{font-style:normal; }
	blockquote{margin:0 0 1.5em;}
	blockquote p{margin:0; font-style:italic;}
	
	/* ANCHOR */
	a{color:#5E8ACA; outline:none;}
	a:hover{color:#333;}
	.more a{text-decoration:none; font-size:15px;}
	.more span{text-decoration:underline; font-size:13px;}
	
	::-moz-selection{background:#3399cc; color:#fff; text-shadow: none;}
	::selection{background:#3399cc; color:#fff; text-shadow: none;}
	
	/* LIST */
	ul{margin:.2em 0 2em; padding:0;}
	ul li{margin:0; padding:0; list-style:none; }
	ol { counter-reset: item; margin:.2em 0 2em 20px; padding:0; }
	ol li { padding:3px 0 4px 0; background:none; position:relative; margin:0 0 .5em; }
	
	/* IMAGES */
	img{border:0px; vertical-align:middle;}
	img.left{float:left; margin:.3em 15px 10px 0; clear:left;}
	img.right{float:right; margin:.3em 0 10px 15px; clear:right;}
	
	/* TABLE */
	table{border:none; margin:0; font-size:13px; border-collapse:collapse; padding:0; width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	caption{margin-top:.5em; text-align:left; font-weight:bold;}
	thead th, tfoot th{border:none; background:#697288; color:#fff;}
	td, th{padding:7px 10px; border:none; vertical-align:middle; text-align:left;}
	
	
	/* FORM */
	form, fieldset{margin:0; padding:0; border:none;
		font-family: Arial, Helvetica, sans-serif; font-style:normal
	}
	input, select, textarea{vertical-align:middle; font-family: Arial, Helvetica, sans-serif; outline:none; text-align:left; margin:0;}
	textarea{resize:vertical; overflow:auto;}
	label input{position:relative; top:0; margin:0;}
	
	input[type="checkbox"] + label, input[type="radio"] + label{
		position: relative;
		top: 4px;
		margin-left: 2px;
		margin-right: 10px;
		line-height: 22px;
	}
	form table textarea{
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	form table select{
		padding: 4px 0;
		width: 270px;
	}
	select#frmcontentForm-instructions {
		width:620px;
	}
	input[required]{
		border-color: #666;
	}
	form .note, form .error{
		font-style: italic;
		font-size: 11px;
		color: #666;
	}
	form .colLabel{
		width: 180px;
	}
	form .colInput{}
	
	form.formType2{}
	form.formType2 > div{
	  margin-bottom: 10px;
	}
	form.formType2 > div:last-child,
	form.formType2 > div.actions{
	  margin-bottom: 0;
	}
	form.formType2 label{
	  display:block;
	  font-weight: bold;
	  font-size: 120%;
	  line-height: 1.5;
	}
	form.formType2 input,
	form.formType2 textarea,
	form.formType2 .tag-container{
	  display:block;
	  width:100%;
	  max-width: none;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	}
	
	form.formType2 input[type="radio"],
	form.formType2 input[type="checkbox"]{
	  display: inline;
	  width: auto;
	}
	form.formType2 input[type="radio"] + label,
	form.formType2 input[type="checkbox"] + label{
	  display: inline;
	  width: auto;
	  font-weight: normal;
	  font-size: 100%;
	}
	
	form.formType2 .desc{
	  margin-top: -5px;
	}
	
	.desc{
	  font-style: italic;
	  color: #999;
	  font-size: 0.875em;
	}
	
	p.emptylist {
		margin: 0;
		font-size: 0.875em;
		color: #999;
	}
	
	form.formType2 .group-long{
	  max-height:200px;
	  overflow:auto;
	}
	/*mezera v gapfillu
	.box-content input {
		border-style: solid;
		border-color: #9CF;
		border-width: 0 0 1px;
		background: #ffffff;
		padding: 2px;
		margin:2px;
		font-size: 13px;
		color: #034580;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}*/
	
	
	.fix-int{margin:2px 0 0; padding:0 0 0 0; display:block; background:#f7f7f7;}
	.fix-40{display:inline-block; width:40px;}
	.fix-80{display:inline-block; width:80px;}
	.fix-int .w-full{margin-right:-10px;}
	
	.int-text{padding:5px 5px; font-size:11px; background:none; border:none;}
	select.int-text{margin-top:2px; padding:4px 5px; background:#fff; border:1px solid #ffcc67;}
	
	.int-row{display:inline-block; white-space:nowrap; margin:0 15px 5px 0;}
	
	input[type=submit]::-moz-focus-inner{padding:0 !important; border:none !important;}
	
		
	/*HOME*/
	.redFrame {
		background: #Fee;
		border: solid 3px #F99;
		padding: 15px;
		width: 480px;
		margin-bottom:20px;
	}
	
	/* WIDTH */
	.w-full{
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	#lean_overlay, #lean_overlay2 {
	    position: fixed;
	    z-index:100;
	    top: 0px;
	    left: 0px;
	    height:100%;
	    width:100%;
	    background: #000;
	    display: none;
	}
	
	/* Background answer with bubble */
	
	
	/* Correct answer */
	.gapfill_correct_answer {
		color: #57A957;
		padding: 0px 5px 1px;
		border: thin solid #E3F4D6;
		background-color: #E3F4D6;
		border-radius: 3px;
	
	}
	
	/* Partially correct answer */
	.gapfill_partially_answer {
		padding: 1px 26px 2px 6px;
		border-radius: 3px;
		background:  #feb;
		color: #C99316;
	}
	
	/* Wrong answer */
	.gapfill_wrong_answer {
	    color: #c00;
		padding: 1px 6px 2px 6px;
		border-radius: 3px;
		background:  #fdd;
	}
	
	
	/* topic popup search form */
	.topicSearchForm
	{
		display: block;
		position: fixed;
		z-index: 11000;
		left: 50%;
		margin-left: -200px;
		top: 50px;
		opacity: 1;
		float: left;
		background: #EAEAEA
	}
	
	/*TinyMCE - presentation*/
	/*DS*/.mceContentBody    {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;/*ds*/
	}
	.mceContentBody h1, .box-content h1 {
		font-size: 1.8em;
		margin-bottom:1em;
		margin-top:1.5em;
		text-transform:uppercase;
		color:#334466;
	}
	
	/*ds*/.mceContentBody h2, .box-content h2 {
		font-size: 1em;
		margin-bottom:1em;
		margin-top:1.5em;
		text-transform:uppercase;
		color:#334466;
	}
	
	/*ds*/.mceContentBody h3, .box-content h3 {
		font-size: 1.2em;
		margin-bottom:0.5em;
		margin-top:1.7em;
		text-transform:uppercase;
		color:#334466;
	}
	
	.mceContentBody h4, .box-content h4/*ds*/ {
		font-size: 1.2em;
		margin-bottom:0;
		margin-top:1.2em;
		color:#334466;
	}
	
	.mceContentBody h5, .box-content h5 {font-size: 1em; margin-bottom:-0.7em; margin-top:1em; color:#334466;;}
	
	.mceContentBody h6, .box-content h6 {font-size: .92em; font-weight: 700; margin-bottom:-1em; margin-top:.5em; color:#334466;}/*ds*/
	
	/* TinMCE */
	.mceContentBody.ExampleCz, .box-content .ExampleCz {
		display:block;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color: #336699;
		font-size: 120%;
		margin: 0 20px;
	}
	.mceContentBody.ExampleEn, .box-content .ExampleEn {
		display:block;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:normal;
		color: #336699;
		font-weight:normal;
		font-size: 120%;
		margin: 0 20px;
	}
	.mceContentBody.Note, .box-content .Note {
		font-weight:400;
		font-size:0.95em;
		color:#999;
		text-align: right;
	}
	
	.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
	
	.contentdiv .collapseTrigger {
	  padding-left: 20px;
	  background-image: url('../img/ico/arrow-down.ico.png');
	  background-repeat: no-repeat;
	  background-position: left center;
	  cursor: pointer;
	}
	.contentdiv .collapseTrigger.closed {
	  background-image: url('../img/ico/arrow-right.ico.png');
	}
	
	.contentdiv .self-study-a, .contentdiv .self-study-b {
		cursor: pointer;
		background: #FFE;
		border: solid 1px #EED;
		padding: 3px 5px;
		padding-right: 30px;
	}
	.contentdiv .self-study-a {
		background: #FFE url('../img/ico/self-study-help-icon.png') no-repeat top right;
		border: solid 1px #EED;
	}
	.contentdiv .self-study-b {
		background: #EED;
		border-color: #DDC;
	
	}
	#layout-course .box-inner:after {
		content: '.';
		display: block;
		clear: both;
		font-size: .1px;
		height: 0px;
		overflow: hidden;
		visibility: hidden;
	}
	#frm-addStudentsForm-form .content {
		max-height: 400px;
		overflow-y: auto;
	}
	
	.advanced-positioning {
		display: block;
		font-size: 11px;
		line-height: 12px;
		padding: 0 4px;
	}
	
	.formType2 {
		margin-bottom: 20px;
	}
} /* End @media screen DO NOT PUT ANYTHING BELLOW UNLESS YOU KNOW WHAT U ARE DOING ! */

@media screen and (max-height: 700px) {
#popup {
	position: absolute !important;
	top: 10px !important;
}
}

/* Moduls result */
.img-correct {
	background-image: url('../img/ico/correct.png');
	display: inline-block;
	width: 36px;
	height: 35px;
}
.img-correct-inverse {
	background-image: url('../img/ico/correct-inverse.png');
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 36px;
	height: 35px;
}
.img-incorrect-inverse {
	background-image: url('../img/ico/incorrect-inverse.png');
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 36px;
	height: 35px;
}
.img-incorrect{
	background-image: url('../img/ico/incorrect.png');
	display: inline-block;
	width: 36px;
	height: 35px;
}
.img-delete-x {
	background-image: url('../img/ico/delete-x.png');
	display: inline-block;
	width: 13px;
	height: 13px;
}

/* answer submit */
.button-submit-right {
	display: inline-block;
	width: 100%;
}
.button-submit-right span {
	float: right;
}


/* ico "Edit" */
/*
.ico-people.ico-people-edit { background-position: 0px 0; width: 20px; height: 20px; }
.afbox:hover .ico-people.ico-people-edit,
.ico-people.ico-people-edit:hover { background-position: 0px -30px; }
.ico-people.ico-people-edit:active{ background-position: 0px -60px; }
.afbox:hover .ico-people.ico-people-edit.active,
.ico-people.ico-people-edit.active{ background-position: 0px -90px; }

/* ico "Add" */
/*
.ico-people.ico-people-add { background-position: -90px 0; }
.ico-people.ico-people-add:hover { background-position: -90px -30px; }
.ico-people.ico-people-add:active{ background-position: -90px -60px; }
.ico-people.ico-people-add.active{ background-position: -90px -90px; }

/* ico "Help" */
/*
.ico-people.ico-people-help { background-position: -30px 0;  width: 18px; height: 18px; }
.ico-people.ico-people-help:hover { background-position: -30px -30px; }
.ico-people.ico-people-help:active { background-position: -30px -60px; }
.ico-people.ico-people-help.active { background-position: -30px -90px; }

/* ico "Close" */
/*
.ico-people.ico-people-close { background-position: -60px 0; width: 22px; height: 22px; }
.ico-people.ico-people-close:hover { background-position: -60px -30px; }
.ico-people.ico-people-close:active { background-position: -60px -60px; }
.ico-people.ico-people-close.active { background-position: -60px -90px;}

/* ico unread/read */
/*
.ico-people.ico-people-unread { display: inline-block; background: url('../img/ico/ikonky_karta.png') no-repeat; background-position: -120px 0; width: 24px; height: 22px;  }
.ico-people.ico-people-unread:hover { background-position: -120px -30px; }
.ico-people.ico-people-unread.active, .ico-people.ico-people-unread:active { background-position: -150px -30px;}
.ico-people.ico-people-read { background-position: -150px -30px; width: 24px; height: 22px; }
.ico-people.ico-people-read:hover { background-position: -150px -30px; }
.ico-people.ico-people-read:active { background-position: -150px -60px; }
.ico-people.ico-people-read.active { background-position: -150px -90px;}

/* ico "Replay" */
/*
.ico-people.ico-people-reply { background-position: -180px 0; width: 29px; height: 24px;}
.ico-people.ico-people-reply:hover { background-position: -180px -30px; }
.ico-people.ico-people-reply:active { background-position: -180px -60px; }
.ico-people.ico-people-reply.active { background-position: -180px -90px;}

/* ico "Replay all" */
/*
.ico-people.ico-people-replyall { background-position: -210px 0; width: 29px; height: 24px;}
.ico-people.ico-people-replyall:hover { background-position: -210px -30px; }
.ico-people.ico-people-replyall:active { background-position: -210px -60px; }
.ico-people.ico-people-replyall.active { background-position: -210px -90px;}

/* ico nějaká */
/*
.ico-people.ico-people-left { background-position: -240px 0; width: 20px; height: 20px;}
.ico-people.ico-people-left-l2,
.ico-people.ico-people-left:hover { background-position: -240px -30px; }
.ico-people.ico-people-left:active { background-position: -240px -60px; }
.ico-people.ico-people-left.active { background-position: -240px -90px;}

/* ico "Delete" */
/*
.ico-people.ico-people-delete { background-position: -308px 0; width: 20px; height: 20px; }
.ico-people.ico-people-delete:hover { background-position: -308px -30px; }
.ico-people.ico-people-delete:active { background-position: -308px -90px; }

/* ico "Close all messages" */ 
/*
.ico-people.ico-people-closesmall { background-position: -338px 0; width: 22px; height: 22px; }
.ico-people.ico-people-closesmall:hover { background-position: -338px -30px; }
.ico-people.ico-people-closesmall:active { background-position: -338px -60px; }
.ico-people.ico-people-closesmall.active { background-position: -338px -90px;}

/*ico "Search" */
/*
.ico-people.ico-people-search { background-position: -420px 0; width: 29px; height: 24px;}
.ico-people.ico-people-search:hover { background-position: -420px -30px; }
.ico-people.ico-people-search:active { background-position: -420px -60px; }
.ico-people.ico-people-search.active { background-position: -420px -90px;}



/* staticke ikonky */
.ico-static { display: inline-block; background: url('../img/ico/statickeIkonky.png') no-repeat; text-indent:5000px; overflow: hidden; width: 30px; height: 30px; }
.ico-static.ico-static-more { background-position: 0 0;  width: 9px; height: 9px; }
.ico-static.ico-static-inbox { background-position: -30px 0;  width: 16px; height: 16px; vertical-align:middle}
.ico-static.ico-static-self-learning,
.ico-static.ico-static-presentation,
.ico-static.ico-static-multiple-choice,
.ico-static.ico-static-gapfill,
.ico-static.ico-static-open-task,
.ico-static.ico-static-matching,
.ico-static.ico-static-sorting,
.ico-static.ico-static-ordering,
.ico-static.ico-static-multiple-select-type-1,
.ico-static.ico-static-outbox { background-position: -60px 0;  width: 16px; height: 16px; vertical-align:middle}
.ico-static.ico-static-alert { background-position: -90px 0;  width: 20px; height: 16px; }
.ico-static.ico-static-select { background-position: -120px 0;  width: 10px; height: 6px; margin-left: 5px; vertical-align: middle}
.ico-static.ico-static-like {
	background-position: 0 -30px;
	width: 16px;
	height: 18px;
}


/* pozice radio tlačítek v modalu "Výběr nadřazené složky" - vpravo */
.modal-dialog-parentnodechoose .css-radio input[type=radio] + label {
	padding-left: 0;
	cursor:pointer;
	overflow: hidden;
	line-height: 22px;
	display: inline-block;
	width: 96%;
	position: relative;
}
.modal-dialog-parentnodechoose .css-radio input[type=radio] + label:after {
	position: absolute; top: 5px; right: 0;
	content: "";
	vertical-align:middle;
	float:right;
}

/**
 * afbox-fake - just styled afbox, no js functionality
 */ 
 /*
.afbox-fake { position: relative; border: 1px solid transparent; border-radius: 4px;}
.afbox-fake:hover { border-color: #ddd; }
*/

/* obal editace */
/*
.afbox { position: relative; border: 1px solid transparent;border-radius: 4px;}
.afbox.edit-hover { border-color: #ddd; background:  #FDFFEA;}
.afbox.active {  border-color: #7ba3cf; background:  #FDFFEA; color:#333; }
*/
/* ikonka editace textu */
/*
.ico-people.afedit { display: block; position: absolute; top: 2px; right: 4px; }
.afbox.afbox-edit { min-height: 15px; }
.afbox.afbox-edit .afedit { width: 15px; height: 15px; }
.afbox textarea,
.afbox input { border: none;  outline: none;  box-shadow: none;  background: transparent; min-height: 1em;}*/

body .ui-tooltip.ui-corner-all {
    background: white;
    border: 2px solid #6489D1;
    box-shadow: 3px 3px 3px #555;
    border-radius: 4px;
    border:2px solid #5e8aca;
    color: #5e8aca;
    font-size: 10px;
	min-height: 1em; min-width: 2em;
    padding: 2px 5px;
}
.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
}
.ui-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
	background: transparent;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}
.ui-tooltip .arrow.left {
    left: 20%;
}
.ui-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -29px;
    width: 25px;
    height: 25px;
    border: 2px solid #6489D1;
    box-shadow: 5px 5px 5px #555;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: skew(-20deg,-50deg);
    -webkit-transform: skew(-20deg,-50deg);
    -o-transform: skew(-20deg,-50deg);
    -moz-transform: skew(-20deg,-50deg);
    transform: skew(-20deg,-50deg);
}
.ui-tooltip .arrow.top:after {
    bottom: -29px;
    top: auto;
}

ul.ui-autocomplete { padding-left: 0; padding-right: 0; z-index: 1000; }
ul.ui-autocomplete li.ui-menu-item,
ul.ui-autocomplete li.ui-menu-item a,
ul.ui-autocomplete li.ui-menu-item a.ui-corner-all,
ul.ui-autocomplete li.ui-menu-item a.ui-corner-all.ui-state-focus,
ul.ui-autocomplete li.ui-menu-item a.ui-corner-all.ui-state-hover,
ul.ui-autocomplete li.ui-menu-item a.ui-corner-all.ui-state-active{
    background: white none no-repeat;
    box-sizing: border-box;
    line-height: 20px;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 0;
    background-clip: border-box;
}
ul.ui-autocomplete a {
    padding: 2px 10px;
}
ul.ui-autocomplete a.ui-state-focus {
    background: rgb(223, 232, 244) none no-repeat !important;
}

form#frm-searchForm-contentSearchForm ~ .col-right {
			height:80%;
		}