body {font-family: Segoe UI; font-size: 12px;  margin: 0px; padding: 0px;}

* {font-family: Segoe UI;}

a {color:grey; text-decoration:none;}
.right {text-align:right;}
.center {text-align:center;}
.red {color:#ff0000 !important;}

.bold {font-weight:bold;}

fieldset {border:none; margin:2px 0px; padding: 2px; width:180px; display:block; float:left;}
fieldset legend {font-weight:bold;}
fieldset input[type="text"], fieldset select {width:97%;}
fieldset textarea {width:96% !important;}

#taught, #canceled {width:90%; margin-right: 5px;}

Xfieldset {display:block; float:left; border:0px; padding:0px; margin:6px 0px;}

.fieldsetForm {margin:5px; padding:5px;}

input[type="text"], input[type="password"], input[type="submit"] {border:1px solid silver; font-size:13px; padding:2px 2px;}
input[type="submit"] {background-color:#c0c0c0; padding:1px 10px;}
input[type="submit"]:hover {background-color:#b0b0b0;}

.fullWidth {width:98%;}
.halfWidth {width:48%;}

/* colors */
.bg {background-color:#3484d2; color:white;}
.bgGrey {background-color:#e0e0e0; color:black;}

.ink {color:#3484d2;}

a {color:#4d4d4d;}
a:hover, .selected {color:#3484d2;}

#header {background-color:#77933C; color:white; padding:2px 20px; }
#header #login {float:right; width:300px; line-height:23px; text-align:right;}
#header #logo {float: left; width:200px; line-height:23px;}
#header h1 {display:inline; font-size:21px;}
#header a {color:white; text-decoration:none;}
#header a:hover {text-decoration:underline;}


#navigation {height: 60px; background-color:#e0e0e0; color:white; padding:2px 20px; }
#menu, #search {margin-top:10px;}
#menu a {color:grey; font-weight:bold; text-decoration:none; margin-right:15px;}
#menu a:hover {color:#77933C; }
#menu .selected {color:#77933C; border-bottom:3px solid #77933C;}

#subMenu {float:left; margin-top:18px;}
#subMenu a {color:grey; font-weight:bold; text-decoration:none; margin-right:15px;}
#subMenu a:hover {color:#77933C; }
#subMenu .selected {color:#77933C; Xborder-bottom:3px solid #77933C;}

#search {float:right; width:300px; text-align:right;}
#search a:hover {text-decoration:underline; color: red;}

#main {float:left; width:800px; margin-left:20px;}
#main h1 {font-size:18px; font-weight:normal;}

#right {float:left; width:170px; border-left:1px dotted silver; padding:0px 10px;}
#right h1, #right .h1 {font-size:18px; font-weight:normal; margin-top:10px;}
#right .h1 {text-decoration:none !important; color:black;}
#right a {text-decoration:none;}
#right a:hover {text-decoration:underline;}
#right .selected {font-size:15px; color:#77933C; font-weight:bold;}

#right ul {padding-left:20px;}

#right .hidden {display:none; float:left; width:150px;}

#feedback textarea {width:98%;}

/* tiles */
.tile.transparent, .tile2.transparent, .tile3.transparent {background-color:transparent;}
.tile.orange, .tile2.orange, .tile3.orange {background-color:#f84; color:white;}
.tile.green, .tile2.green {background-color:#77933C; color:white;}
.tile.blue, .tile2.blue, .tile3.blue {background-color:#3484D2; color:white;}
.tile {
	display:block;
	float: left;
	width: 115px;
	height:115px;
	margin: 5px;
	padding: 5px;
	background-color:silver;
	overflow:none;
}

.tile2 {
	display:block;
	float: left;
	width: 250px;
	height:115px;
	margin: 5px;
	padding: 5px;
	background-color:silver;
	overflow:none;
}

.tile3 {
	display:block;
	float: left;
	width: 130px;
	height:160px;
	margin: 2px;
	padding: 5px;
	background-color:grey;
	overflow:none;
}
.tile3 .tile-header {font-size:15px; font-weight:bold; text-align:right;}
.tile3.green {background-color:#77933C;}
.tile3 a {color:white;}
.tile3 a:hover {text-decoration:underline;}
.tile-body-timetable {font-size:13px; height:130px; overflow:auto; width:100%;}


.tile, .tile2 {color:gray; text-decoration:none;}
.tile-header {font-weight:bold; text-align:right;}
.tile-body {font-size:40px; height:85px;}
.tile-footer {color:#f0f0f0; text-align:right;}

.tile a {color:#f00 !important;}

#loginPage {width:820px; margin:100px auto;}
#loginPage h1 {font-size:32px; font-weight:normal;}
#loginPage input[type="text"], #loginPage input[type="password"], #loginPage input[type="submit"] {border:1px solid silver; font-size:13px; height:30px; padding:0px 10px;}
#loginPage #loginPagefooter {float:left; width:820px; margin-top:20px; border-top:1px dotted silver;}

#loginPageLeft {float:left; width:500px; padding-right:40px; border-right:1px dotted silver;}
#loginPageRight {float:left; Xwidth:280px; padding-left:40px;}

/*tables*/
.table {display: table; border-collapse: separate; border-spacing:2px 0px; margin-bottom:20px;}
.caption {display:table-caption; font-weight:bold;}

.tr {display: table-row; background-color:transparent;}
.register .tr:hover  .td {background-color:transparent;}
.tr:hover  .td {background-color:#e0e0e0;} /* #f0f0f0 */
.tr:nth-child(odd) .Xtd {background-color:#f5f5f5;}
.tr:nth-child(even) .Xtd {background-color:#e0e0e0;} /* dedede */

.tr.deactive .td{color:silver;}
.tr.deleted .td{text-decoration:line-through;}

.td, .th {display: table-cell; padding:2px; vertical-align:middle; color:black;}
.th  {text-align:center; Xbackground-color:#9e9e9e; font-weight:bold; color:black; border-bottom:2px solid black;}
.th a {color:black;}
.th a:hover {text-decoration:underline;}
.td  {border-bottom:1px solid silver;}

.tr.acert .td, .acert {color:#77933C !important;}

.table.register {border-spacing:0px 0px !important; Xwidth:100% !important; margin:20px 0px;}
.register .th, .register .td {border:1px solid black !important; height:30px; width:150px;}
.register .blank .td {border:1px solid white !important;}

.birthdate {width:300px;}


/* ad table */
.adTitle, .adActiveTableRow .adTitle 	{width:250px;}
.adUrl, .adActiveTableRow .adUrl 		{width:250px;}
.adFromTo, .adActiveTableRow .adFromTo 	{width:100px;}
.adState , .adActiveTableRow .adState 	{width:40px;}
.adOrder, .adActiveTableRow .adOrder 	{width:40px;}
.adAction, .adActiveTableRow .adAction 	{width:50px;}

html>body #adActiveTable .tr {height:20px;Xbackground-color:#ebffbf;}



/* lector table*/
.lectorName {width:200px;}
.lectorPhone {width:70px;}
.lectorEmail {width:180px;}
.lectorLang {width:100px;}
.lectorLocation {width:100px;}
.lectorCert {width:60px;}
.lectorDL {width:30px;}

.reportLectorTH {width:150px;}
.reportLectorTD {width:400px;}

/* report */
/* table */
.tableReport {display: table; border-collapse: separate; border-spacing:2px 0px; margin-bottom:20px;}
.tableReport .caption {display:table-caption; font-weight:bold;}

.tableReport .tr {display: table-row; background-color:transparent;}
.tableReport .tr:nth-child(odd) .td {background-color:#f5f5f5;}
.tableReport .tr:nth-child(even) .td {background-color:#e0e0e0;} /* dedede */
.tableReport .tr:last .td {border-bottom:2px solid black;}

.tableReport .td, .tableReport .th {display: table-cell; padding:2px; vertical-align:middle; color:black;}
.tableReport .th  {text-align:center; Xbackground-color:#9e9e9e; font-weight:bold; color:black; border-bottom:2px solid black;}
.tableReport .td  {border-bottom:1px solid silver;}

.tableReport .sum {background-color:#f80; border-bottom:1px solid black;}

/* oducene hodiny */
.reportDate {width:80px;}
.reportDate2 {width:140px;}
.reportCode {width:100px;}
.reportHours {width:50px;}


/* lector */
.reportName {width:250px;}
.reportDescription {width:450px;}
.reportSeason {width:50px;}
.reportAction {width:50px;}

#emailInTextarea {width:98%; height:600px;}

.overflow {overflow:auto; height:100%; width:100%;}
/*dialog*/
.dialog {
	display:none;
	width:600px;
	height:500px;
	position: absolute;
	z-index:1000;
	background-color:white;
	box-shadow: black 4px 6px 20px;
	-webkit-box-shadow: black 4px 6px 20px;
	-moz-box-shadow: black 4px 6px 20px;
}
.dialogHeader {float:left; width:580px; height:50px; padding:0px 10px; background-color:#77933C; color:white;}
.dialogHeader img {margin-top:15px;}
.dialogGreyPlace {float:left; padding:10px;}
.dialogBody {float:left; width:580px; padding:10px;}
.dialogBody textarea {width:100%;}
.dialogFooter {float:left; width:580px; height:30px; line-height:30px; padding:0px 10px; background-color:silver; text-align:right;}
.dialogFooter input[type="submit"] {}

#siteDialog {width:800px !important; height:720px !important;}
#companyDialog {height:780px !important;}

.tdinput {width:96%; text-align:center;}

#studentDialog {height:500px !important;}

#lectorDialog {height:760px !important;}

#newsletterDialog, #newsletterPreviewDialog  {width:770px !important; height:760px !important;}
#newsletterPreview {width:100%; height:100%;}

.genTest {
	display:block;
	float:left;
	height:40px;
	width:120px;
	line-height:40px;
	text-align:center;
	background-color:#77933C;
	font-weight:bold;
}
a.genTest {color:white !important;}

.testyOtazka {
	Xdisplay:block;
	Xfloat:left;
	Xwidth:100%;
	margin-bottom:40px;
	font-size:14pt !important;
}

.pageBreak {page-break-after:always;}

#modalBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 0;
}

/* graph */
#container {
	width : 300px;
	height: 150px;
}


@media print {
 #header,
 #navigation,
 #right,
 #search2,
 .noprint
 {
    display:none;
 }
  
}