/****************
 * BASIC COLORS *
 *
 * Main Color: #5C93D3
 * Text Color: #E0E0E0
 * Background: #0A0A0A
 *
 *    CAVEAT:  The color strings above are parsed by bin/ent/color_*.
 *    color: #E6D222; 
 *
 ****************/

* {
	margin: 0;
	padding: 0;
}

html {
	max-width: 940px;
	margin: auto;
}

body {
	margin-top: 0px;
	background-color: #0A0A0A;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #E0E0E0;
	min-width: 450px;
}

p, blockquote, ul, ol {
	margin-bottom: 0px;
	/*line-height: 2em;*/
}


p {
	margin-top: 1em;
	margin-bottom: 1em;
}

blockquote {
}

ul, ol {
	list-style: none;
}

li {
	padding-top: 0.5em;
}

#content ul, #epiceditor-preview ul {
	list-style-type: square;
}

#content li, #epiceditor-preview li {
	margin-left: 1.3em;
}

.minilist, .minilist li {
	list-style: none;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.minilist li {
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.minilist {
	margin-top: -0.8em;
}

.inverse {
	color: #0A0A0A;
	background-color: #5C93D3;
}

.inverse a,
.inverse a:link,
.inverse a:visited,
.inverse a:hover {
	color: #5C93D3;
}

.image {
	background-color:white;
	margin: 5px;
	padding: 5px;
}

/*********/
/* LINKS */
/*********/
a, div.auth input, .postlink {
	text-decoration: underline;
	color: #5C93D3;
	background-color: inherit;
	border: none;
}

a:hover, div.auth input:hover, .postlink:hover {
	text-decoration: none;
	color: #838383;
	cursor: pointer;
}

img {
	border: none;
}

.postlink {
	padding: 0;
	margin: 0;
	font-size: inherit;
}

/************/
/* HEADINGS */
/************/

h1, h2, h3, h4 {
	 color: #E6D222;/*color: #5C93D3;*/
	padding: 4px 2em 4px 0px;
	margin: 5px 0px 0em 0px;
	text-align: left;
}

h1 {
}

h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

h3 {
	padding-top: 1em;
	margin-bottom: 0px;
}

h4 {
	padding-top: 1em;
	padding-bottom: 0px;
}

/***************/
/* ERROR PAGES */
/***************/

/*Error pages headings*/
h1.pageError {
	padding: 4px 0px;
	color: red;
}
h2.pageError {
	padding: 0px 0px 20px 0px;
	color: red;
}

span.pageErrorCode {
	font-size: 75px;
	font-weight: bold;
	color: red;
}

/****************/
/* MATH CLASSES */
/****************/

.overline {
	text-decoration: overline;
}

.math {
	font-style: italic;
}

.nomath {
	font-style: normal;
}

div.math {
	text-align: center;
}

.math table {
	text-align: left;
}

.fraction {
	text-align: center;
	border-top: solid 1pt #E0E0E0;
}

/**********/
/* ALIGNS */
/**********/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.leftfloat {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rightfloat {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.clearfloat {
	clear: both;
}

hr {
	border: 0;
	border-top: 1px solid #252726;
	margin: 1.5em 0 1em 0;
}

#news p {
	margin-top: 0.1em;
	margin-left: 1.5em;
}

#news li {
	list-style-type: none;
	margin-left: 0;
}

pre {
	margin: 0.2em 1em 0.2em 1em;
	padding: 0.3em;
	background-color: #111111;
}

.leftlined {
	padding-left: 0.6ex;
	position: relative;
	left: -1ex;
	top: 0;
	border-left: 0.4ex solid #4a4e4c;
}

.boxed {
	padding-top: 3pt;
	padding-bottom: 3pt;
	border: 1px solid #4a4e4c;
}

/*****************/
/* TABLE CLASSES */
/*****************/

table {
	text-align: left;
}

.centertable {
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}
.centertable tr td { white-space: nowrap } 
.centertable th td { white-space: nowrap }

.borderedtable { border-collapse: collapse; }
.borderedtable td, .borderedtable th {
	border: 1px solid #252726;
	padding: 3px;
}

.formtable {
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}
.formtable tr td { padding: 0.3em; white-space: nowrap } 
.formtable th td { padding: 0.3em; white-space: nowrap }

.floattable {
	display: inline;
	vertical-align: middle;
	white-space: nowrap;
}
.floattable tr td { white-space: nowrap } 
.floattable th td { white-space: nowrap }

table.rightalign td { text-align: right; }
table.rightalign tr.header td { text-align: center; }
table.rightalign tr.header td.leftspace { padding: 0px 10px 0px 20px; }

/* Non-IE set inline correctly */
html>body .floattable {
	display: -moz-inline-box;
	display: inline-table;
}

.scoretable {
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	border: 1px solid #252726;
	border-collapse: collapse;
}
.scoretable td { border: 1px solid #252726; padding: 3px 3px 3px 3px}

.adresar {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.adresar td {
	padding: 0.25ex 0.5em 0.25ex 0.5em;
}

.adresar tr.x0 { background-color: #0A0A0A; }
.adresar tr.x1 { background-color: #4F4F4F; }

.organizerList {
	width: 100%;
	text-align:center;
	border: 1px solid #252726;
}

.organizerList td {
	padding: 0.5em;
	border: 1px solid #252726;
}

/*****************/
/* VARIOUS STUFF */
/*****************/

div.cleaner {
	visibility: hidden ! important;
	font-size: 0 ! important;
	line-height: 0 ! important;
	height: 0 ! important;
	padding: 0 ! important;
	margin: 0 ! important;
	border: 0 ! important;
	clear: both ! important;
	float: none ! important;
}

div.auth {
	margin: 1em 0;
}

div.auth, div.auth * {
	display: inline;
	padding: 0;
	line-height: 100%;
	font-size: 100%;
}

.story {
	margin-top: 2em;
	margin-bottom: 1em;
	font-style: italic;
}

.menuactive {
	font-weight: bold;
}

.author {
	text-align: right;
	font-style: italic;
}

.letaklink {
	font-size: small;
	text-align: right;
	font-style: italic;
}

.ent {
	vertical-align: middle;
}

.dang {
	float: left;
	padding-right: 10px;
}

.todo {
	color: red;
	font-size: x-large;
	background-color: #5C93D3;
}

.tt {
	font-family: monospace;
}

.song li {
	margin-bottom: 1ex;
}

.pline {
	width: 70%;
	clear: both;
	margin-left: 2em;
}
.nebylo {
	/*background-color: olive;    */
  background-color: black;   
  /*background-color: purple; */
	color: white;
}

.bylo {
	/*background-color: olive;    */
  background-color: gray;   
  /*background-color: purple; */
	color: black;
}
.konzultace {
	background-color: gold;
	color: black;
}

.matika {
	background-color: #080;        /*zelena*/
	color: black;
}

.zapg {
	/*background-color: olive;    */
  background-color: #3E74B3;   
  /*background-color: purple; */
	color: black;
}

/* SPOILER ALERT: the ".spoiler *" part is a hack to allow spoiler-ing text with
 * coloured bits (see e.g. sksp/2014/labyrint/otazky.html). */
.spoiler { color: black; background-color: black; }
.spoiler * { visibility: hidden; }

.spoiler:hover { color: inherit; background: inherit; }
.spoiler:hover * { visibility: visible; }

/* Definition list */
dl dt {
	font-weight: bold;
	margin-top: 1em;
}
dl dd {
	margin-left: 3em;
}

/***************/
/* POSITIONING */
/***************/

/* Wrapper */

#wrapper {
	width: 100%;
	margin: 0 auto;
}

/* Header */

#header {
	position: relative;
	height: 190px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: #dddddd;
	color: #444444;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
	box-shadow: 0px 7px 4px -5px rgba(200, 200, 200, 0.5);
	background-image: url(kopretiny.jpg);
}

/* Logo */

#header #logo {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0em 1.5em 0.5em 0.5em;
	background-color: #0A0A0A;
	box-shadow: 0px 3px 10px rgba(20, 20, 20, 0.5);
	border-bottom-right-radius: 20px;
}

#header #logo h1 {
	margin: 0;
	padding: 0;
	font: normal 3.2em Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#header #logo h2 {
	margin: 0px 0 5px 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.8em;
	font-weight: bold;
}

#header #logo a {
	text-decoration: none;
	color: white;
}

/* head_news - aktuality */
#headnews {
	position: absolute;
	top: 15px;
	right: 0px;
	padding: 15px;
	color: white;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0px 3px 10px rgba(20, 20, 20, 0.5);
	background-color: #0A0A0A; /* compatibility */
	background-color: rgba(10,10,10,0.8); 
}

#headnews h3 {
	margin: -2px 0px 4px;
	padding: 0px;
	font-variant: small-caps;
	color: white;
}

#headnews table th {
	padding-right: 5px;
}


/* Menu  v hlavicce*/

#header #menu {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
	background-color: #E6D222;/*#3E74B3;    /*svetlemodra*/
/*	background-image: url(logo_cvut.png);*/ /*tady se obr. nakopiruje do vsech krome 1. resp a*/
	box-shadow: -5px 0px 15px rgba(0, 0, 0, 0.75);
	z-index: 1;
}

#header #menu ul {
	list-style: none;
	margin: 0;
}

#header #menu li {
	display: inline;
	text-align: center;
}

#header #menu a {
	display: block;
	height: 14px;
	float: left;
	/*border-left: 1px solid #2C5280;*/
  border-left: 1px solid #B3A21A;
	padding: 13px 15px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #191919;
}
#header #menu li:last-of-type a {
	padding-right: 20px; /* default + 5px */
  background-color:  #E6D222;/*#3E74B3;*/
	/*color: white;*/
  color: transparent;
  background-image:  url(logo_cvut2.png);
  background-repeat: no-repeat;
	background-position: center;
}
#header #menu li:nth-of-type(1) a {
	border-left: 0px;
}

#header #menu a:hover, #header #menu .active a {
	/*background-color: #3E74B3;*/
  background-color: #D9C520;
	color: white;
}

#header #menu a.home {
	width: 28px;
	color: transparent;
	padding-left: 5px;
	position: relative;
}
#header #menu a.home:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 5px;
	   /* tady neni zadny efekt z obrazku?*/
  background-image: url(home-white.png);
	background-repeat: no-repeat;
	background-position: center;
}
#header #menu a.home:hover:after, #header #menu .active a.home:after {
    background-image: url(home-white.png);
}

/* Minimal header - for use on included pages as Putovní přednášky */

#minimalHeader {
	position: relative;
	height: 71px;
	margin-bottom: 10px;
}

#minimalHeader #logo {
	float: left;
	width: 30em;
	height: 4em;
	margin: 0px;
	padding: 1em 0px 0px 0px;
}

#minimalHeader #logo h1 {
	margin: 0;
	padding: 0;
	font: normal 2.9em Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#minimalHeader #logo h2 {
	margin: -2px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.7em;
	font-weight: bold;
	color: #444444;
}

#minimalHeader #logo a {
	text-decoration: none;
	color: #F0F0F0;
}

/* Menu */

#minimalHeader #menu {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 3.2em;
	margin-bottom: -18px;
}

#minimalHeader #menu ul {
	margin: 0;
	padding: 0.9em 0 0 0px;
	list-style: none;
	line-height: normal;
	margin-left: 0px;
}

#minimalHeader #menu li {
	display: inline;
	text-align: center;
}

#minimalHeader #menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #5C93D3;
}

#minimalHeader #menu a:hover, #minimalHeader #menu .active a {
	background: #5C93D3;
	color: #0A0A0A;
}

/* End minimal header */

/* Micro header - only menu in minimalistic form */

#microHeader {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #1b1b1b;
	margin-bottom: 10px;
	overflow: hidden;
}

#microHeader #menu {
	margin-right: -3px;
}

#microHeader #menu ul {
	list-style: none;
	display: table;
	width: 100%;
}

#microHeader #menu li {
	display: table-cell;
	text-align: center;
	padding-top: 0px;
}

#microHeader #menu a {
	display: block;
	margin-right: 3px;
	padding: 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #5C93D3;
}

#microHeader #menu a:hover, #microHeader #menu .active a {
	background: #5C93D3;
	color: #0A0A0A;
}


/* End micor header */

#splash {
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
}

#slider {
	width: 100%;
	height: 170px;
	overflow: hidden;
}

#shade {
	background: url(/img/gradient-blue.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 40px;
}

/* Page */

#page {
	width: 100%;
	margin: 0 auto;
}

#page-bgtop {
}

/* Content */

#content {
	line-height: 1.5;
	float: right;
	width: 75%;
	padding-right: 1em;
}
#content.wide {
	width: 98%;
}

/* Epiceditor content */
#epiceditor-preview {
	border: 1px #444444 solid;
	padding: 10px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 20%;
	padding: 0px 2px 2px 0;
}

#sidebar ul {
	padding-left: 0em;
	list-style: none;
	line-height: normal;
}

#sidebar ul li ul {
	margin-left: 1em;
	padding-left: 0em;
}

#sidebar > ul > li {
	margin-bottom: 1px;
	border-bottom: 1px solid #252726;
	padding: 9px 0px;
	padding-left: 0.5em;
	text-align: left;
}

#sidebar .active > a {
	 color: #E6D222;/*color: #5C93D3; */     
	font-weight: bold;
}

/*
#sidebar li li {
	margin: 0;
	padding: 9px 0px;
	border: none;
	border-bottom: 1px solid #252726;
}
*/

#sidebar h2 {
	margin: 0px;
	padding: 15px 0px 20px 0px;
	font-size: 160%;
	font-weight: normal;
	 color: #E6D222;/*color: #5C93D3;*/
}

#sidebar h3 {
	font-size: 77%;
	/*color: #5C93D3;*/
   color: #E6D222;
}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #D4C792;
}

#sidebar a {
	border: none;
	text-decoration: none;
	color: #E0E0E0;
}

#sidebar a:hover {
	text-decoration: underline;
}


/* Footer */

#footer {
	width: 940px;
	margin: 20px auto;
	padding: 20px 0px;
	border-top: 1px solid #252726;
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
	font-style: italic;
	padding-right: 1em;
}

#footer a {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}


/*** Forms ***/

form div.form_error {
	color: red;
	margin-top: -1px;
	margin-bottom: 3px;
	white-space: normal;
}

form .wrong {
	border: 1px red dashed !important;
	background-color: pink;
}

/*** Login form ***/

.login {
	width: 23em;
	text-align: center;
	color: #E0E0E0;
	background-color: #0A0A0A;
	padding: 0.5em;
	border: solid 1px #5C93D3;
	border-right: solid 2px #5C93D3;
	border-bottom: solid 2px #5C93D3;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4ex;
  border-color: #E6D222;
}

.login h2 {
	text-align: center;
}

.login td.right {
	width: 10em;
}

.error {
	font-weight: bolder;
	font-size: larger;
	color: red;
}

.okay {
	font-weight: bolder;
	font-size: larger;
	color: yellow;
}

.footnote {
	font-size: 80%;
	font-style: italic;
}

/*** Schedule ***/

.schedule {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: center;
}

.schedule td {
	padding: 0.25ex 0.5em 0.25ex 0.5em;
	border: 1px solid #252726;
}

.schedule th {
	padding: 0.25ex 0.5em 0.25ex 0.5em;
	border: 1px solid #252726;
}

/*** Questionnaire ***/

.questres {
	margin-left: 0;
	margin-right: auto;
	border: 1px solid #252726;
	border-collapse: collapse;
}

.questres th {
	padding: 3px 3px 3px 3px;
}

.questres td {
	border: 1px solid #252726;
	padding: 3px 3px 3px 3px;
	text-align: right;
}

.questres td.questrlab {
	text-align: left;
}

/*** Contestant profile ***/

div.profile_contestant_info {
	width: 50%;
}

div.profile_contestant_info div.box {
	margin: 1em;
	border: 1px solid #222;
	background-color: #101010;
	padding: 1.5em;
}

div.profile_contestant_info div.box hr {
	margin: .5em 0;
}

div.profile_contestant_info div.box_image {
	text-align: center;
}

div.profile_contestant_info img {
	border: 1px solid #222;
}

div.profile_contestant_info span.name {
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	color: #5C93D3;
}

div.profile_contestant_info.org span.name {
	color: #D19832;
}

div.profile_contestant_info span.total_points,
div.profile_contestant_info span.total_adjusted_points,
div.profile_contestant_info span.total_series,
div.profile_contestant_info span.homepage,
div.profile_contestant_info span.occupation,
div.profile_contestant_info span.hobbies,
div.profile_contestant_info span.location,
div.profile_contestant_info span.email,
div.profile_contestant_info span.im
{
	clear: both;
	display: block;
	text-align: right;
}

div.profile_contestant_info span.total_points em,
div.profile_contestant_info span.total_adjusted_points em,
div.profile_contestant_info span.total_series em,
div.profile_contestant_info span.homepage em,
div.profile_contestant_info span.occupation em,
div.profile_contestant_info span.hobbies em,
div.profile_contestant_info span.location em,
div.profile_contestant_info span.email em,
div.profile_contestant_info span.im em
{
	float: left;
	font-weight: bold;
	font-style: normal;
}

div.profile_solved_tasks {
	width: 705px;
}

/*inside div.profile_solved_tasks*/
div.profile_year {
	clear: both;
	margin-bottom: 5px;
}

div.profile_year_menu {
	float: left;
	width: 105px;
}
div.profile_year_menu a,div.profile_year_menu span {
	display: block;
	margin-bottom: 5px;
	padding: 5px 10px;
	width: 100%;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
	color: #444444;
}
div.profile_year_menu a:hover,div.profile_year_menu span {
	color: white;
}
div.profile_year_menu span {
	background-color: #101010;
}

div.profile_year_tasks {
	float: right;
	width: 580px;
	background-color: #101010;
	padding: 0px 5px;
}

div.profile_year_tasks table {
	margin: 5px 0px;
	width: 100%;
	border-spacing: 0px 4px;
}

div.profile_year_tasks table th {
	text-align: left;
}

div.profile_year_tasks table td {
	width: 11em;
}

div.profile_year_tasks table th,
div.profile_year_tasks table td {
	padding: 3px 5px;
}

div.profile_year_tasks table tr {
	background-color: #202020;
}

div.profile_year_tasks table tr.series_header th {
	text-align: center;
}
/*end inside div.profile_solved_tasks*/

/*Orglist*/
table.orglist {
	width: 100%;
	border-spacing: 5px;
	table-layout: fixed;
}

td.org {
	border: 1px solid #222;
	background-color: #101010;
	width: 50%;
	padding: 8px;
	font-size: 80%;
	vertical-align: top;
	overflow: hidden;
}
td.org h3 {
	text-align: center;
	margin: 0px 0px 5px;
	padding: 0px;
	color: #D19832;
	font-size: 18px;
}
td.org h3 a {
	text-decoration: none;
	color: inherit;
}
td.org h3 a:hover {
	text-decoration: underline;
}
td.org h4.function {
	text-align: center;
	margin: -5px 0px 5px;
	padding: 0px;
	color: white;
	font-size: 13px;
}
td.org img {
	border: 1px #777 solid;
	padding: 3px;
	margin-right: 5px;
	max-width: 100px;
}
td.org a:hover img {
	border: 1px white solid;
}
td.org table.details {
	width: 100%;
}
td.org hr {
	margin: 0.5em 0em;
}
/*end Orglist*/

/*CodeGroup*/
div.codegroup {
	position: relative;
	padding-top: 30px;
}
div.codegroup ul.switcher {
	position: absolute;
	top: 0px;
	border-bottom: 1px #444444 solid;
	padding: 0px;
	margin-left: 10px;
	padding: 0px 20px;
	width: 644px;
}
div.codegroup ul.switcher li {
	position: relative;
	display: block;
	height: 20px;
	float: left;
	list-style: none outside none;
	padding: 5px 10px;
	border: 1px #444444 solid;
	margin: 0px 5px -1px !important;
	background-color: #111111;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 5;
}
div.codegroup ul.switcher li.active {
	border-bottom: 1px #111111 solid;
}
/*end CodeGroup*/

#content img.taskTypeIcon {
	position: relative;
	top: 10px;
	margin-right: 10px;
	margin-top: -20px;
}

/*************/
/* SUBMITTER */
/*************/

.zs-tasklist {
	border-collapse: collapse;
}

.zs-tasklist tr th,
.zs-tasklist tr td {
	border: solid 1px #252627;
	padding: 0.2em 0.5em;
}

.zs-expired a, .zs-submitted a, .zs-unsubmitted a, .zs-partial a {
	color: #0A0A0A;
}

.zs-expired {
	background-color: #FC616C;
	color: #0A0A0A;
}

.zs-submitted {
	background-color: #6DE95A;
	color: #0A0A0A;
}

.zs-partial {
	background-color: #96E989;
	color: #0A0A0A;
}

.zs-unsubmitted {
	background-color: #FFC362;
	color: #0A0A0A;
}

.zs-subtable {
	border-collapse: collapse;
}

.zs-subtable tr td {
	padding: 0.2em 0.5em;
	border: solid 1px #252627;
}

.zs-subdiv {
}

/**************************/
/* KAROLINKA (MELOLONTHA) */
/**************************/

/*** Switcher ***/

.melolontha ul.switcher {
	padding: 0px;
	padding-left: 20px;
	width: 100%;
}
.melolontha ul.switcher li {
	position: relative;
	display: block;
	height: 100%;
	float: left;
	list-style: none outside none;
	padding: 5px 10px;
	border: 1px #444444 solid;
	margin: 0px 5px -1px !important;
	background-color: #111111;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 5;
	cursor: pointer;
	color: #bbbbbb;
	text-align: center;
}
.melolontha ul.switcher li.active {
	border-bottom: 1px #0D0D0D solid;
	background-color: #0D0D0D;
	color: white;
}
.melolontha div.category_tab {
	border: 1px #444444 solid;
	border-radius: 10px;
	width: 100%;
	padding: 5px;
	background-color: #0D0D0D;
}
.melolontha div.chosen_tab {
	border: 1px #444444 solid;
	border-radius: 10px;
	padding: 5px;
	background-color: #C77D1E;
}
.melolontha div.chosen_tab h2 { color: white; }

.melolontha ul.switcher li span.points {
	font-size: 10px;
	color: #bbbbbb;
}

/*** Lecture ***/

.melolontha div.lecture {
	border-top: solid transparent 5px;
	border-bottom: solid transparent 5px;
	background-color: #252726;
	border: 1px solid #252726;
	padding: 0.5em;
}
.melolontha div.lecture.odd {
	background-color: #0A0A0A;
}
.melolontha div.chosen_tab div.lecture {
	border: 1px solid #0A0A0A;
}

.melolontha div.lecture .code, .k-code { font-weight: bold; color: #E0E0E0; font-size: smaller; }
.melolontha div.lecture .name, .k-name { font-weight: bold; color: #5C93D3; cursor: pointer; }
.melolontha div.lecture .difficulty, .k-diff { font-weight: bold; color: red; }
.melolontha div.lecture .motto, .k-motto { font-family: sans-serif; font-size: small; }
.melolontha div.lecture .speaker, .k-who { font-style: italic; }
.melolontha div.lecture p.annot { margin: 0px; }
.melolontha div.lecture .prereq, .k-prereq { font-style: italic }
.melolontha div.lecture .ref, .k-ref { font-size: smaller }

/* Compatibility with old lectures lists */
.k-x0 { background-color: #252726; border: 1px solid #252726; padding: 0.5em; }
.k-x1 { background-color: #0A0A0A; border: 1px solid #252726; padding: 0.5em; }


/*** Voting form ***/

.melolontha div.lecture .voteform {
	float: right;
	font-size: 80%;
	padding: 3px 5px;
	margin: -8px -8px 0px 10px;
	border-left: 1px #0A0A0A solid;
	border-bottom: 1px #0A0A0A solid;
}
.melolontha div.lecture.odd .voteform { border-color: #252726; }

.melolontha div.lecture .voteform p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.melolontha div.lecture .voteform span.status {
	position: relative;
	top: -7px;
}

.melolontha div.lecture .voteform input.amount {
	width: 3em;
	font-size: 12px;
	padding: 0px;
	border: 1px #444444 solid;
	height: 20px;
	font-weight: bold;
	color: white;
	background-color: #555555;
}
.melolontha div.lecture .voteform input.changed { background-color: #C77D1E ; border-color: orange; }
.melolontha div.lecture .voteform input.error { background-color: #CF2C2C; border-color: red; }

.melolontha div.error, .melolontha div.success {
	font-weight: normal;
	font-size: small;
	color: white;
	border: 1px red solid;
	background-color: #CF2C2C;
	padding: 10px;
	margin: 10px 0px;
}
.melolontha div.success {
	border: green;
	background-color: #32A838;
}

.melolontha div.statusbar {
	position: fixed;
	display: none;
	bottom: 0px;
	padding: 5px;
	margin-left: -15px;
	width: 735px;
	border: 1px #dddddd solid;
	background-color: #202221;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 0px;
	color: white;
	z-index: 10;
	text-align: center;
}
.melolontha div.statusbar span.toggle { float: left; cursor: pointer; border-bottom: 1px #dddddd dashed; }
.melolontha div.statusbar span.points { float: right; }

/*end KAROLINKA*/

/*** Courses ***/

ol.course { list-style-type: decimal; }
ol.course { font-size: larger; font-weight: bold; }
ol.course span { font-size: smaller; font-weight: normal; }

.course-heading h1 { float: left; }
.course-heading p.course-panel { float: right; }

p.course-panel span { margin-right: 0.5em; }
table.courses-results td, table.courses-results th
	{ padding: 0.4em; }

/*** end Courses ***/

/*tabswitcher*/
div.tabswitcher div.tab {
	clear: both;
	border: 1px #444444 solid;
	padding: 10px;
}
div.tabswitcher ul.switcher li {
	display: block;
	height: 20px;
	float: left;
	list-style: none outside none;
	padding: 5px 10px;
	border: 1px #444444 solid;
	margin: 0px 0px -1px 10px !important;
	background-color: #111111;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.tabswitcher ul.switcher li.active {
	border-bottom: 1px #0A0A0A solid;
	background-color: #0A0A0A;
}
div.tabswitcher hr.switcher_bottom {
	clear: both;
	border-color: #444444;
}
/*end tabswitcher*/

/*Videos*/
div.video_player video {
	margin-bottom: -6px;
}

div.video_player ul.quality_switcher {
	list-style-type: none !important;
	float: left;
	background-color: #151515;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
}

div.video_player ul.quality_switcher li {
	display: block;
	float: left;
	margin: 0px !important;
	padding: 0px;
	text-align: center;
	border-left: 1px black solid;
}
div.video_player ul.quality_switcher li:first-child { border-left: 0px; }

div.video_player ul.quality_switcher li a {
	font-size: 12px;
	display: block;
	padding: 10px 9px;
	color: #777777;
	text-decoration: none;
}

div.video_player ul.quality_switcher li.active { background-color: #444444; }
div.video_player ul.quality_switcher li.active a { color: white; }
/*end videos*/