/* ##### UNSUPPORTED IN CSS2.1 - ROUND CORNERS ##### */
textarea, input, select,
#datalist, #advanced-filter, #reset-filter, #advertisment {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#icon-box {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#menu-main {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* ##### CSS2.1 - START ##### */
body, table, form, textarea, input, select, h1, h2, h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
body * {
  margin: 0;
  padding: 0;
}
/* ##### LAYOUT ##### */
#page {
  min-width: 1200px;
  background: #143A6B repeat-x url('/images/html/header_background.png') top left;
  text-align: center;
}
#header {
  position: relative;
  top: 0;
}
#wrapper, #footer {
  position: relative;
  width: 90%;
  padding: 0 40px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5em;
}
#left {
  float: left;
  background-color: #143A6B;
  border-right: 10px solid rgb(20,58,107);
  min-width: 250px;
  width: 250px;
  display: inline;
}
#content {
/*  padding-left: 260px; */
  position: relative;
  overflow: auto;
}
#wrapper-clear {
  clear: both;
}
#footer-wrapper {
  background-color: rgb(238,238,238);
  border-top: 10px solid rgb(20,58,107);
  padding: 15px 0;
}
/* ##### LAYOUT for PRINT ##### */
@media print {
  body, table {
    font-family: georgia, times, serif;
    font-size: 10px;
  }
  #page {
    background: none;
  }
  #header, #left, #footer {
    display: none;
  }
  #content {
    width: 595px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}
/* ##### ELEMENTS ##### */
a:link, a:visited {
  color: #000;
}
a[href^="http:"], a[href^="reload.php"], a[href^="/reload.php"] {
  background: url(/images/html/external_link.png) no-repeat right top;
  padding-right: 10px;
}
a.noexternal, a[href^="http://www.vejska.cz"],
a[href^="http://translate.googleusercontent.com/translate_c"],
a[href^="http://www.google.com/translate"] {
  background: none;
  padding: 0;
}
a:hover, a:active {
  text-decoration: none;
  border-bottom: 1px dotted;
}
img, table, input.checkbox, input.radio, hr {
  border: 0;
}
table {
  border-spacing: 0;
}
table tr td {
  padding: 0;
  vertical-align: top;
  line-height: 1.5em;
}
hr {
  border-bottom: 3px dotted rgb(235,235,235);
  padding: 0;
}
textarea, input, select {
  border: 1px solid rgb(81,129,195);
  padding: 5px;
  margin: 2px 0;
}
textarea {
  line-height: 1.5em;
}
ul, ol {
  margin: 0;
  padding: 5px;
}
ol {
  margin-left: 20px;
}
ul li {
  list-style-type: none;
  background: no-repeat url('/images/html/li_square.png') 0 4px;
  padding-left: 16px;
}
ul li ol li {
  list-style-type: lower-latin;
  background: none;
  padding: 0;
}
input.submit {
  background: repeat-x url('/images/html/button.png');
  color: #fff;
  font-weight: 600;
  border: 1px outset rgb(81,129,195);
}
input.submit-image {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0;
  border: 0;
}
input.required, textarea.required, span.required {
  background: transparent no-repeat url('/images/html/required.png') top right;
}
span.required {
  padding-left: 10px;
}
textarea:active, input:active {
  background-color: rgb(127,184,255);
  border: 1px solid red;
}
textarea:hover, input:hover, select:hover {
  border-color: red;
}
input.submit:hover {
  border-color: rgb(81,129,195);
  background: repeat-x url('/images/html/active.png');
}
input.submit:hover {
  cursor: pointer;
}
span.at {
  background: no-repeat url('/images/html/at.png') bottom center;
  width: 12px;
  height: 10px;
  display: inline-block;
}
span.mdot {
  background: no-repeat url('/images/html/dot.png') bottom center;
  width: 3px;
  height: 2px;
  display: inline-block;
}
/* ##### HEADER ##### */
#header {
  height: 192px;
}
#menu-main {
  position: absolute;
  left: 0;
  bottom: 40px;
  background: repeat-x url('/images/html/header_main_background.png');
  min-height: 38px;
  height: 38px;
  padding: 0 8px;
}
#menu-main a {
  position: relative;
  bottom: 13px;
  padding: 5px;
  margin: 5px;
  color: #fff;
  font-size: 1.3em;
  text-decoration: none;
  border: 0;
  font-family: arial;
}
#menu-main a:hover, #menu-main .active {
  background-color: #B80404;
}
#menu-submain {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: repeat-x url('/images/html/header_submain_background.png');
  min-height: 40px;
  height: 40px;
  padding: 0 8px;
}
#menu-submain a {
  position: relative;
  top: 10px;
  padding: 5px;
  margin: 5px;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  border: 0;
  font-family: arial;
}
#menu-submain a:hover, #menu-submain .active {
  background-color: #143A6B;
}
#logo a {
  position: absolute;
  top: 40px;
  left: 35px;
  background: transparent no-repeat url('/images/vejska_logo.png');
  height: 38px;
  min-height: 38px;
  width: 157px;
  border: 0;
}
#logo-separator {
  position: absolute;
  top: 20px;
  left: 210px;
}
#slogan {
  position: absolute;
  top: 50px;
  left: 230px;
  color: #fff;
  font-size: 1.9em;
  font-weight: normal;
  height: 25px;
}
#icon-box {
  position: absolute;
  top: 0;
  right: 600px;
  background-color: rgb(6,34,71);
  padding: 0 10px;
}
#icon-box img {
  position: relative;
  bottom: 7px;
  margin: 0 5px;
}
#icon-box a {
  border: 0;
}
#icon-separator {
  padding: 0 8px;
}
#google-menu {
  position: absolute;
  top: 0px;
  right: 250px;
}
#google-menu2 {
  position: absolute;
  top: 0px;
  right: 400px;
}
#searchbox {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#q {
  color: #b4ceec;
}
#q.required {
  background: transparent no-repeat url('/images/html/required.png') 88% 0;
}
#menu-students a {
  position: absolute;
  bottom: 35px;
  right: 0;
  background: transparent no-repeat url('/images/html/header_students.png');
  height: 127px;
  min-height: 127px;
  width: 228px;
  border: 0;
}
/* ##### LEFT ##### */
#left div.left-box-title, #left div.left-box {
  background-color: rgb(4,28,62);
  color: #fff;
  padding: 15px;
}
#left div.left-box-title {
  margin-top: 10px;
  margin-bottom: 1px;
  font-size: 1.3em;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 7px;
}
#left h3 {
  padding-top: 5px;
  color: #fff;
}
#left ul {
  padding: 0;
}
#left ul li {
  list-style-type: none;
  background: no-repeat url('/images/html/li_arrow.png') 0 4px;
  padding-left: 18px;
  margin: 0;
}
#left textarea, #left input {
  background-color: rgb(12,49,101);
  color: #fff;
}
#left textarea:active, #left input:active {
  background-color: rgb(127,184,255);
}
#left noscript {
  color: #fff;
}
#left hr {
  color: rgb(20,58,107);
  margin: 6px 0;
  border-bottom: 1px dotted rgb(20,58,107);
}
#left a {
  color: rgb(127,184,255);
}
#news .title {
  color: rgb(127,184,255);
  font-weight: bold;
}
#news .time {
  color: rgb(44,86,136);
}
#left span.vote-percent, #content span.vote-percent {
  font-size: 0.8em;
}
#left div.survey-vote, #content div.survey-vote {
  height: 3px;
  margin: 5px 0 5px 0;
}
#left span.at {
  background: no-repeat url('/images/html/at_left.png') bottom center;
}
#left span.mdot {
  background: no-repeat url('/images/html/dot_left.png') bottom center;
}
#left .active, #content a.active {
  color: rgb(254,150,0);
  font-weight: bold;
}
#left div.icon-backlink {
  padding-left: 18px;
  padding-top: 10px;
}
#left div.icon-backlink a:hover {
  border: none;
}
#fb {
  background-color: #fff;
}
/* ##### CONTENT ##### */
#content .bgcolor {
  position: relative;
  border-top: 10px solid rgb(20,58,107);
  background-color: #fff;
  padding: 15px;
}
#content #first {
  border: 0;
  padding-top: 1px;
}
#navigation {
  position: relative;
  background-color: rgb(235,235,235);
  border: 4px solid #fff;
  padding: 10px;
  margin-top: 10px;
}
#content h1 {
  position: relative;
  background-color: rgb(245,253,232);
  color: rgb(68,99,19);
  padding: 14px;
  font-weight: normal;
}
#content h2 {
  font-size: 1.5em;
  padding-top: 15px;
  padding-bottom: 12px;
  color: #ab0000;
  font-weight: normal;
}
#content h2 a {
  border: 0;
}
#content h3 {
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 5px;
}
#content div.center {
  padding: 0 10px;
}
#info-box p {
  margin: 0;
  padding: 0;
}
#update {
  font-style: italic;
  padding-top: 10px;
}
#content div.paging a, div.paging {
  color: #ab0000;
  padding: 2px;
}
#content div.paging a:hover, .marknumber {
  font-size: 1.6em;
}
#datalist {
  border: 1px solid rgb(81,129,195);
  margin: 7px 0;
}
#datalist tr th, #datalist tr td {
  padding: 5px;
}
#datalist th {
  text-align: left;
  background-color: #96BEFF;
}
#datalist th a {
  color: rgb(20,58,107);
  text-decoration: none;
}
#datalist tr.even {
  background-color: rgb(235,235,235);
}
#advanced-filter, #reset-filter {
  height: 18px;
  display: inline-block;
  padding: 4px 8px;
  margin: 2px 0 2px 5px;
  font-weight: 600;
  background: repeat-x url('/images/html/button_white.png');
  border: 1px outset rgb(81,129,195);
}
#wrap {
  padding-right: 5px;
  color: rgb(20,58,107);
}
#advanced-filter a {
  text-decoration: none;
  color: rgb(20,58,107);
}
#reset-filter {
  border-color: rgb(133,15,91);
  color: rgb(166,0,72);
}
#reset a {
  font-size: 0.8em;
  font-weight: 200;
  color: rgb(254,150,0);
}
#filter-box {
  background-color: #D2D7DC;
  padding: 5px;
  margin-bottom: 4px;
}
#advertisment {
  padding: 7px 10px 7px 10px;
  margin: 10px 0 10px 0;
  border: 1px solid #D7D7D2;
}
#advertisment .title {
  font-size: 0.9em;
  color: #6E696E;
}
#advertisment p {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 1px;
}
#tip {
  background: no-repeat url('/images/html/tip.png') center left;
  padding-left: 25px;
  height: 24px;
}
#tip, #tip a {
  color: #ab0000;
  padding-top: 5px;
  margin-bottom: 10px;
}
/* -- home page -- */
#uni {
  padding-top: 15px;
}
#article, #discussion {
  margin: 6px 0;
}
#article tr td, #discussion tr td {
  line-height: 1.5em;
  padding: 10px;
  border-bottom: 3px dotted rgb(235,235,235);
}
#article tr td.middle-line {
  padding: 0;
  border-left: 3px dotted rgb(235,235,235);
}
#article tr td h2 {
  padding: 0;
}
#article tr td h2 a {
  font-size: 0.95em;
  font-weight: 500;
}
#article tr td h2 a:hover {
  border-bottom: 1px dotted;
}
#content img.main-pic {
  border: 3px solid rgb(235,235,235);
  padding: 3px;
  margin: 10px;
}
#article img.main-pic {
  margin-left: 0;
}
img.main-pic:hover {
  border-style: double;
}
#article tr td div.date,  #discussion tr td div.date {
  padding-top: 8px;
  padding-bottom: 5px;
}
#article tr td span.viewed-pic {
  background: transparent no-repeat url('/images/html/viewed.png') bottom left;
  height: 16px;
  margin-left: 15px;
}
#article tr td div span.viewed {
  padding-left: 20px;
}
#discussion tr td.category {
  font-size: 1.1em;
}
#discussion tr td h3 {
  padding-top: 2px;
  font-size: 1.1em;
}
#discussion tr td h3 a:hover {
  border-bottom: 1px dotted;
}
/* -- search --*/
#cse-search-results iframe {
  width: 800px;
  height: 1400px;
  overflow: hidden;
  border: none;
}
/* -- contact --*/
#contact-table {
  margin-top: 10px;
}
#contact-table tr td {
  padding: 3px 0;
  vertical-align: middle;
}
/* -- material -- */
#material tr td {
  padding: 2px 0;
}
/* -- school -- */
#img {
  padding: 20px 0 10px 0;
  vertical-align: middle;
}
#link {
  font-weight: bold;
  vertical-align: middle;
  font-size: 1.2em;
  padding: 20px;
  padding-left: 30px;
}
#content .detail {
  white-space: nowrap;
  position: relative;
  top: -16.5px;
  padding: 14.5px;
  background: #eeeeee no-repeat url('/images/html/school_right_border.png') center right;
}
/* -- team -- */
#content .team-img {
  padding: 5px 15px 5px 5px;
}
/* -- degrees -- */
#degree  {
  margin-top: 15px;
  border-spacing: 2px;
}
#degree tr td {
  border: 1px solid rgb(235,235,235);
  padding: 5px;
}
/* -- survey -- */
#content .surveybox {
  border: 1px solid gray;
  padding: 5px;
  margin: 10px 10px 10px 0;
  height: 250px;
  width: 190px;
}
/* -- advertisment -- */
#content table.paragraph {
  border: 1px solid;
  margin-bottom: 5px;
}
#content table.paragraph th {
  background-color: #96BEFF;
  padding: 5px;
  color: rgb(20,58,107);
}
#content table.paragraph td {
  padding: 5px;
}
/* -- article -- */
#topic_box {
  padding: 10px;
  border: 1px solid gray;
  background-color: rgb(235,235,235);
}
#topic-title {
  padding-bottom: 8px;
}
#topic_box div.text, #topic_box div.textedit {
  padding: 5px;
  background-color: #fff;
  display: block;
}
#topic_box div.textedit {
  background-color: #ffb9b9;
}
#react a {
  font-weight: bold;
  font-size: 1.2em;
  color: #ab0000;
}
#content ul.topic, #content ul.first {
  margin: 0;
  padding: 0;
  padding-left: 28px;
}
#content ul.first {
  padding-left: 8px;
}
#content ul.topic li {
  list-style-type: none;
  background: repeat-y url('/images/html/vertical_line.png') 5px 5px;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
#content ul.topic li.last {
  background: no-repeat url('/images/html/vertical_line.png') 5px 0px;
}
#content ul.topic li div.boxarrow {
  background: no-repeat url('/images/html/arrow.png') 5px 8px;
  padding-left: 20px;
}
#content ul.topic li div.topicanswer, #content ul.topic li div.topicanswernew {
  background-color: #fff;
  padding: 2px;
}
#content ul.topic li div.topicanswernew {
  background-color: #ffb9b9;
}
#content ul.topic li div.highlighttopic {
  background-color: #FFCD6E;
}
/* ##### FOOTER ##### */
#footer p {
  padding: 7px;
  margin: 0;
}
#links a.active {
  font-weight: 600;
}
#backlinks, #backlinks a {
  font-size: 0.9em;
  color: rgb(162,162,162);
  text-decoration: none;
}
#backlinks a:hover {
  border-bottom: 1px dotted;
}
#footer span.at {
  background: no-repeat url('/images/html/at_footer.png') bottom center;
}
#footer span.mdot {
  background: no-repeat url('/images/html/dot_footer.png') bottom center;
}
/* ##### MSG WINDOW ##### */
#msg-window {
  position: absolute;
  left: 50%;
  top: 360px;
  width: 350px;
  margin: -150px 0 0 -150px;
  border: 1px solid rgb(4,28,62);
  background-color: rgb(235,235,235);
}
#msg-header {
  color: #fff;
  padding: 9px 22px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: rgb(4,28,62);
}
#msg-content {
  padding: 15px 20px;
}
#msg-window p {
  padding: 3px;
  margin: 0;
}
#msg-button {
  text-align: right;
  padding-top: 15px;
}
/* ##### COMMON ##### */
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-clear {
  clear: both;
}
.right {
  text-align: right;
}
.red, a.red, .red a {
  color: #ab0000;
}
.gray, a.gray, .gray a {
  color: rgb(162,162,162);
}
.unvisible {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
td.center {
  text-align: center;
}
.underline {
  text-decoration: underline;
}
.smallfont {
  font-size: 0.8em;
}
.dot {
  font-size: 1.2em;
}
.leftbanner {
  margin-top: 10px;
}