body         { font-family: Arial; background-color: #C1D1FF; color: black; text-align: center;
                                margin: 0px;padding-top: 50px; padding-bottom: 5px;}

A {text-decoration:underline; color: #CC0000;}
A:visited {text-decoration:underline; color:#CC0000;}
A:active {text-decoration:underline; color:#6F6F6F;}
A:hover {text-decoration:none;}

#mainframe   {width: 800px;
                text-align: left;
                margin-left: auto;
                margin-right: auto;}

.logo   {position: absolute; left: -50px; top: -40px;        padding: 0px 0px 0px 0px;}
.header {border-style: solid; background-color: #EBEBBD;width: 800px; border-color:blue;
        border-width: 0px; margin: 0px 0px 0px 0px; text-align: left;position: relative;
                min-width: 720px;background-image: url("img/header.gif");
                height: 35px; vertical-align: top;
                padding: 0px 0px 0px 0px;}
#chapter {font-size:24px; position: absolute; top: 1px; color: #314575; font-weight: bold;
         font-family: "Tahoma","Arial";letter-spacing: 2pt;
         left: 390px; width: 200px; text-align: center;}
#datum  {font-size:11px; position:relative; top: 17px; left: 3px; color: #494949; width: 390px;}
#user	{font-size:11px; position:absolute; top: 3px; right: 3px; text-align: right; color: #494949}
#user A {text-decoration: none; color: #494949;}
#user A:visited {text-decoration: none; color: #494949}
#user A:hover {text-decoration: underline; color: #494949}
#user A:action {text-decoration: none; color: #494949}

.main-block {position: relative; margin: 0px 0px 0px 0px; top: 0px; width: 800px; background-color: #C1D1FF; padding: 0px;
         border-style:solid; border-width: 0px;}

.menu  {left: 0px; top: 0px; border-style: solid; border-width: 0px; padding: 0px; margin: 20px 0px 0px 0px;
            width: 180px; float:left; }
.menu A {text-decoration: none; color: #FDDF77; display: block;}
.menu A:visited {text-decoration: none; color: #FDDF77}
.menu A:hover {text-decoration: none; color: #FDDF77}
.menu A:action {text-decoration: none; color: #FDDF77}
.menu-item {position: relative; margin: 0px 0px 20px 0px; width: 180px; left: 0px; top: 0px; background-color: #A3C1D0;
                        text-align: right; font-family: "Arial Narrow"; font-size: 22px; font-weight: bold; color: #FDDF77; vertical-align: middle;
                        border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px;
                        border-color: #FF0000; border-style: solid; -moz-user-select:none; padding: 0px}
.button {position: absolute; left: 2px; top: -8px; width: 48px; height: 41px; background-repeat: no-repeat; margin: 0px;}
.submenu {position: relative; width: 148px; left: 32px; text-align: right; font-family: "Arial Narrow"; letter-spacing: 0pt;
         font-size: 13px; vertical-align: middle; margin-top: 0px; margin-bottom: 20px;border-style: solid;border-width:0;
         display: block;}
.submenu A {display: block; width: 148px; text-decoration: none; color: #000000;
                        border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px;
                        border-color: #C1D1FF}
.submenu A:hover {border-color: green; background-color: #FDDF77;color: #000000;
                        background-image: url("img/subicon.gif"); background-repeat: no-repeat; background-position: 10px 3px;}
.submenu A:visited {text-decoration: none; color: #000000;}
.submenu A:action {text-decoration: none; color: #000000;}
.smaitem {display: block; width: 148px; text-decoration: none; color: #000000;
                        border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px;
                        border-color: green; background-color: #FDDF77;color: #000000;
                        background-image: url("img/subicon.gif"); background-repeat: no-repeat; background-position: 10px 3px;}
.maintext-out  {width: 600px;  background-color: #2D566C;left: 0px; top:0px;float: right; margin: 10px 0px 0px 15px; padding: 0px;}
#maintext {margin: 15px 10px 15px 10px;left: 0px; top: 0px;font-size:12px; text-align: justify;font-family: Arial;color:white}
#maintext H1 {font-variant: small-caps; color:#FDDF77; font-family: Arial;font-size:20px; font-weight: bold; letter-spacing: 1pt;}
#maintext H2 {font-variant: small-caps; font-family: Arial; color:#EBEBBD;font-size:16px; font-weight: bold; letter-spacing: 1pt;}
#maintext A {color: #FF9933}
#maintext p {line-height: 140%;margin-left:1em;}
#maintext .list_l {background-color: #fde4bd; width: 545px; padding: 0.4em 1em 0.7em 1em; color: #000000; margin-left:5px;margin-bottom: 2px;text-align:justify;}
#maintext .list_l A {color: #000CFF}
#maintext .list_l H1 {left: -0.4em; font-variant:small-caps;margin:0em 0em 0.3em 0em;
			 font-size:14px;font-weight:bold;padding:0em 0em 0em 0em;
			 color: #04049c; position:relative;}
#maintext .list_d  {background-color: #fad180; width: 545px; padding: 0.4em 1em 0.7em 1em; color: #000000; margin-left:5px;margin-bottom: 2px;text-align:justify;}
#maintext .list_d A {color: #000CFF}
#maintext .list_d H1 {left: -0.4em; font-variant:small-caps;margin:0em 0em 0.3em 0em;
			 font-size:14px;font-weight:bold;padding:0em 0em 0em 0em;
			 color: #04049c; position:relative;}

#maintext table {background-color: #BFCFFF;color: black;border-collapse: collapse;border:1px solid black;text-align: center; width:100%;}
#maintext table A {color: #D02020}
#maintext td {border-width:1px;border-style: dotted}
#maintext ul {list-style-type: none; line-height: 140%}
#maintext .prog_table table {background-color: transparent;color: white;border-collapse: collapse;border:0px none;text-align: left; width:100%;}
#maintext .prog_table table A {color: #FF9933}
#maintext .prog_table td {border-width:0px;border-style: none}
#maintext img {border-style: none}
#maintext .note {display: block; font-size: 10px; text-align: right; text-decoration: overline; margin: 30px 0px 0px 0px}
#maintext .stressed {color: #FF5050; font-weight: bold}
#table_header td {border:1px solid black; border-bottom: 3px double black; background-color: #D02020;
                  font-weight: bold; font-size:13px;}
#table_darker {background-color: #88A6FF;}

#prihlaska { font-family: Arial; background-color: #2D566C; color: white; text-align: center;
                                margin: 0px;padding-top: 10px; padding-bottom: 0px;}
#prihlaska H1 {font-variant: small-caps; color:#FDDF77; font-family: Arial;font-size:26px; font-weight: bold; letter-spacing: 1pt;}
#prihlaska .ohranic{background-color: #A3C1D0;color: #2D566C;border:1px solid #FF0000}
#prihlaska .note {display: block; font-size: 10px; text-align: right}
#prihlaska  .table {background-color: #BFCFFF;color: black;border-collapse: collapse;border:1px solid black;text-align: center; width:98%;}
#prihlaska  .table  td {border-width:1px;border-style: dotted}
#prihlaska  .table .hlavicka td {border:1px solid black; border-bottom: 3px double black; background-color: #D02020;
                  font-weight: bold; font-size:13px;}
.footer-block {text-align: left; clear: both; margin: 20px 0px 0px 0px; padding: 0px;width:800px}
.footer  {font-size:10px; font-family: Arial; color: #7F7F6C; position: relative;
                background-image: url("img/footer.gif"); height: 29px; width: 800px; padding: 0px; margin: 0px;}
.copyright {position: absolute; top: 14px; left: 560px}
.footer2 {font-size:10px; font-family: Arial; color: #7F7F6C; position: relative; text-align:center;
                margin-top: 10px; }
#visits {position: absolute; top: 14px; left: 3px}
#visits strong {font-weight: bold; color: #CC0000; }


#maintext .userform {font-size: 90%;margin: 0em 0em 0em 3em;padding: 0em 0em 0em 0em;}
#maintext .userform table {text-align:left;border: 0px;background-color:transparent;margin: 0 0 0 0;}
#maintext .userform input {font-size: 90%;}
#maintext .userform .labelcol {width:150px;
			  border:1px solid transparent;
			  text-align:right;
			  background-color: #fde4bd;
			  border-color:transparent;}
#maintext .userform .labelcolReq {width:150px;
			  border:1px solid transparent;
			  text-align:right;
			  background-color: #fde4bd;
			  border-color:transparent;
			  font-weight:bold;}
#maintext .userform .labelcolReq .ast {color: red; font-size: 130%;}
#maintext .userform .inputcol {border: 0px;background-color:transparent;padding-left:3px;}
#maintext .userform .inputcolNoWidth {border: 0px;background-color:transparent;padding-left:3px;}
#maintext .userform .inputcol input {width: 15em;}

#maintext .entry,#maintext .entryReaction {
	padding-left:0em;
	padding-right:0em;
	padding-bottom:1.3em;
	padding-top:0.1em;
	width: 567px;
	color: #000000;
	margin-left:5px;
	margin-bottom: 0em;
	text-align:justify;
	background-color: #fde4bd;
	}
#maintext .entryReaction {
    padding-left: 15px;
    width: 552px;
    }
#maintext .entry A,#maintext .entryReaction A {color: #000CFF;}
#maintext .entry p,#maintext .entryReaction p {margin: 0.3em 1em 0em 1em; text-align: left;}
#maintext .entry .head, #maintext .entryReaction .head {font-variant: normal;
		font-size:110%;
		text-align:left;
		margin: 0em 0em 0.5em 0em;
		padding: 0em 0.2em 0em 0.2em;
		background-color: #fad180;
		border: white thin none;
		}
#maintext .entry .head .subject,#maintext .entryReaction .head .subject {font-weight:bold;
		border-left: red thick solid;
		padding: 0em 0.6em 0 0.3em;}
#maintext .entryReaction .head .subject {
        border-left: #ff6464 thick solid;
        }
#maintext .entry .head .info,#maintext .entryReaction .head .info {font-size:85%;
		vertical-align:middle;}
#maintext .entry .head .datetime,#maintext .entryReaction .head .datetime {font-size:80%;}
#maintext .entry .head .control,#maintext .entryReaction .head .control {
        text-align:right;
		float:right;
		width:150px;
		font-size:85%;}
#maintext .entry .head .newEntrySubject,#maintext .entryReaction .head .newEntrySubject {
        font-weight:bold;font-size:85%;border-style:none;}
#maintext .entry .newEntryText {margin: 0em 0em -0.5em 0.9em;border-style:none;}

#maintext .entry .smile {
                 height: 16px; width: 16px;
                 vertical-align: middle;}

#maintext .error {text-align: center;
		  font-family: monospace;
		  color: red;
		  background-color: #fde4bd;
	   	  font-weight:bold;
		  padding: 0.7em 0em 0.7em 0em;
		  margin: 0em 0em 0em 5px;
		  width: 567px;}
#maintext .error p {margin: 0.6em 1em 1.3em 1em;}
#maintext .warning {text-align: center;
		  color: #000000;
		  background-color: #fde4bd;
	   	  font-weight:normal;
		  padding: 0.7em 0em 0.7em 0em;
		  margin: 0em 0em 0em 5px;
		  width: 567px;}
#maintext .warning A {color: #000CFF;}
#maintext .warning A:visited {color:#000CFF;}
#maintext .warning p {margin: 0.6em 1em 1.3em 1em;}

#maintext .mList {font-size: 90%;margin: 0em 0em 0em 0em;padding: 0em 0em 0em 0em;}
#maintext .mList table {text-align:center;border: 0px;margin: 0 0 0 0;}
#maintext .mList input {font-size: 90%;}

#TEdimmer {
          visibility: hidden;
          position:absolute;
          position: fixed;

          left:0px;
          top:0px;
          font-family:verdana;
          font-weight:bold;
          padding:0px;
          background-image:url("/img/floating/dimm.png");
          /* IE hack */
          _background-image:none;
          _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/floating/dimm.png');
        }

#TEfloating {
            visibility: hidden;
            position:absolute;
            position: fixed;
            width: 600px;
            height: 330px;
            left:0px;
            top:0px;
            font-size:12px;
            }
#TEfloating #TEheaderBgr {
            position: relative;
            left:0px;top:0px;
            height: 32px;
            z-index: 6;
            }
#TEfloating #TEheaderBgr .TEheaderBgrLeft {
            position: absolute; width: 7px; height: 32px; left: 0px;
            background-image: url("/img/floating/header-left.png");}
#TEfloating #TEheaderBgr .TEheaderBgrMiddle {
            position: absolute; left: 7px; width: 587px; height: 32px;
            background-repeat: repeat; background-image: url("/img/floating/header-middle.png");}
#TEfloating #TEheaderBgr .TEheaderBgrRight {
            position: absolute; right: 0px; width: 6px; height: 32px;
            background-image: url("/img/floating/header-right.png");}
#TEfloating #TEheader {
            position: absolute;
            left: 0px; top: 0px;
            height: 32px; width: 100%;
            cursor: Move;
            }
#TEfloating #TEheader #TEheaderClose {
            position: absolute; right: 10px; width: 18px; height: 18px; top: 7px;
            background-image: url("/img/floating/header-close.png");
            background-position: 0px 0px;
            cursor: Pointer;}
#TEfloating #TEbody {
            position: relative;
            left: 1px;
            width: 597px; height: 298px;
            background-image: url("/img/floating/tebody_bgr.png"); background-repeat: repeat;
            border-right: 1px solid #545454;
            border-left: 1px solid #545454;
            border-bottom: 1px solid #545454;
            }
#TEfloating #TEbody #TEinner {
            margin: 2px 3px 5px 3px;
            height: 206px;
            }
#TEfloating #TEbody #TEbuttons {
            position: relative; margin: 12px 3px 5px 3px;
            }
.TEbutton  {
            position: absolute; top: 0px;
            height: 33px; cursor: pointer;
            }
.TEbutton img {height: 16px; width: 16px; position: absolute; top: 8px; left: 10px;}
.TEbutton.hover .buttonMiddle {background-position: 0% 100%;}
.TEbutton .buttonMiddle, .TEbutton .buttonLeft, .TEbutton .buttonRight {
            display:block; float:left; position:relative;}
.TEbutton .buttonMiddle {
            width: 80px; height: 100%; padding: 0px 10px 0px 0px; text-align: right; line-height: 33px;
            background-image: url("/img/floating/button_middle.png"); background-repeat: repeat;
            }
.TEbutton .buttonLeft {
            width: 4px; height: 100%;
            background-image: url("/img/floating/button_left.png"); background-repeat: no-repeat;
            }
.TEbutton .buttonRight {
            width: 4px; height: 100%;
            background-image: url("/img/floating/button_right.png"); background-repeat: no-repeat;
            }
            
#TEfloating #TEbody #toolbaroutter {
            height: 32px;
            background-image: url("/img/toolbar/background.png");
            position:relative;
            margin: 0px 3px 0px 3px;
            }
#TEfloating #TEbody #toolbaroutter #toolbar {
            height: 100%;
            margin: 0px 0px 0px 2px;
            border-left: #2D566C thick solid;
				}
#TEfloating #TEbody #toolbaroutter #toolbar .btn {	position: relative;
					top:1px;
					left:2px;
					width:28px;
					height:28px;
					cursor:pointer;
					display: block;
					float:left;
					background-repeat: no-repeat;}
#TEfloating #TEbody #toolbaroutter #toolbar .btn img {position:absolute; top: 6px; left: 6px; width: 16px; height: 16px;}
#TEfloating #TEbody #toolbaroutter #toolbar .btn:hover {background-image: url("/img/toolbar/toolbar_button.png");}
#TEfloating #TEbody #toolbaroutter #toolbar .separator {
					position: relative;
					top:5px;
					left:2px;
					width:5px;
					height:22px;
					display: block;
					float:left;
					background-repeat: no-repeat;
					background-image: url("/img/toolbar/separator.png");
					}
#TEfloating #TEbody #TEinner .entry {
	padding-left:0em;
	padding-right:0em;
    padding-bottom:0em;
	padding-top:0.1em;
	width: 100%; height: 100%;
	color: #000000;
	text-align:justify;
	background-color: #fde4bd;
	}
#TEfloating #TEbody #TEinner .entry A {color: #000CFF;}
#TEfloating #TEbody #TEinner .entry p {margin: 0.3em 1em 0em 1em; text-align: left;}
#TEfloating #TEbody #TEinner .entry .head {
        font-variant: normal;
		font-size:110%;
		text-align:left;
		vertical-align: middle;
		margin: 0px 0px 4px 0px;
		padding: 0px 2px 0px 2px;
		background-color: #fad180;
		border: white thin none;
		height: 17px;
		}
#TEfloating #TEbody #TEinner .entry .head .subject {font-weight:bold;
		border-left: red thick solid;
		padding: 0px 10px 0px 4px;}
#TEfloating #TEbody #TEinner .entry .head .info {font-size:85%;
		vertical-align:middle;}
#TEfloating #TEbody #TEinner .entry .head .datetime {font-size:80%;}
#TEfloating #TEbody #TEinner .entry .head .control {text-align:right;
		float:right;
		width:150px;
		font-size:85%;}
#TEfloating #TEbody #TEinner .entry .head .newEntrySubject {
            font-weight:bold; font-size:85%; border-style:none;
            width: 200px;}
#TEfloating #TEbody #TEinner .entry .newEntryText {
            margin: 0px 11px 0px 11px; border-style:none; width: 568px;}
#TEfloating #TEbody #TEinner .entry .smile {
                 height: 16px; width: 16px;
                 vertical-align: middle;}