html {
font-size: 16px; }

body {
padding: 0px;
margin: 0px;
background-color: #FFF;
background: url('../img/background.png') 50% 0% repeat-y;
font-family: arial, helvetica, sans-serif;
text-align:center;
font-size: 70%;
font-weight: normal;
color: #000;
scrollbar-base-color: #EEE;
scrollbar-3dlight-color: #000;
scrollbar-arrow-color: #F90;
scrollbar-darkshadow-color: #F90;
scrollbar-face-color: #EEE;
scrollbar-highlight-color: #FFF;
scrollbar-shadow-color: #EEE
scrollbar-track-color: #EEE; }

a {
color: #000;
border-bottom: 1px dotted #999;
text-decoration: none;
outline-width: 0px; }

a:hover {
color: #F90;
border-bottom: 1px dotted #999;
text-decoration: none;
outline-width: 0px; }

div {
position: relative;
text-align: left; }

p {
margin: 0px;
padding: 0px;
text-align: justify;
font-size: 100%;
line-height: 150%; }

td, th {
font-family: arial, helvetica, sans-serif;
color: #000;
background-color: #FFF;
vertical-align: top;
line-height: 150%; }

ul {
margin: 0px;
padding: 0px; }

li {
margin: 0px;
padding: 0px;
margin-left: 14px;
vertical-align: middle;
line-height: 150%; }

h1 {
font-family: arial, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color:#E00;
margin: 0px;
padding: 0px;
margin-bottom: 6px; }

h1 a {
color:#E00;
text-decoration: none;
border: none; }

h1 a:hover {
color:#E00;
text-decoration: none;
border: none; }

h2 {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color:#F90;
margin: 0px 0px 8px 0px;
padding: 0px; }

h2 a {
color: #F90;
text-decoration: none;
border: none; }

h2 a:hover {
color: #F90;
text-decoration: none;
border: none; }

h3 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#9C0;
margin: 0px;
padding: 0px;
margin-bottom: 4px; }

h3 a {
color: #9C0;
text-decoration: none;
border: none; }

h3 a:hover {
color: #9C0;
text-decoration: none;
border: none; }

h4 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#9C0;
margin: 0px;
padding: 0px; }

h4 a {
color: #9C0;
text-decoration: none;
border: none; }

h4 a:hover {
color: #9C0;
text-decoration: none;
border: none; }

h5 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#000;
margin: 0px;
padding: 0px; }

h5 a {
color: #000;
text-decoration: none;
border: none; }

h5 a:hover {
color: #000;
text-decoration: none;
border: none; }

h6 {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
margin: 0px;
padding: 0px; }

h6 a {
color:#000;
text-decoration: none;
border: none; }

h6 a:hover {
color:#000;
text-decoration: none;
border: none; }

img {
border: 0px;
margin-top: 2px;
margin-bottom: 6px;
vertical-align:middle; }

form {
margin: 0px;
padding: 0px; }

input, textarea, select, option {
font-size: 11px;
color: #666;
font-family: Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }

button	{
background-color: #666;
color: #FFF;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
border: 2px outset #999;
cursor: pointer;
font-family: Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }

.legend {
font-size:10px;
color: #F60;
font-style: italic;
text-align: center;
padding-top: 5px; }

.WhiteGray {
color: #EEE; }

.White {
color: #FFF; }

.PaleGray {
color: #DDD; }

.LightGray {
color: #CCC; }

.Gray {
color: #999; }

.DeepGray {
color: #333; }

.DarkGray {
color: #666; }

.Black {
color: #000; }

.LightPink {
color: #FCC; }

.LightOrange {
color: #FCF5D8; }

.DarkOrange {
color: #F60; }

.DeepBlue {
color: #376481; }

.LightBlue {
color: #DEE; }

.ImageOnRight {
margin: 0px 0px 10px 15px;
float: right; }

.ImageOnLeft {
margin: 0px 15px 10px 0px;
float: left; }

/*
DENTAKTIV 

// GLOBAL PROJECT COLORS 
$color['orange'] = 'F90';
$color['lightorange'] = 'FEC';
$color['green'] = 'AD0'; (světlejší - na web trochu tmavší = '9C0';
$color['lightgreen'] = 'DF9';
$color['red'] = 'E00';
$color['lightred'] = 'FCC';
$color['yellow'] = 'FD0';
$color['lightyellow'] = 'FFB';
$color['blue'] = '19C';
$color['lightblue'] = 'DFF';
$color['gray'] = '999';
$color['lightgray'] = 'DDD';
*/
.dent_yellow {
color: #FD0; }

.dent_red {
color: #E00; }

.dent_orange {
color: #F90; }

.dent_green {
color: #9C0; }

.dent_gray {
color: #999; }

.dent_dark_orange {
color: #F60; }

.dent_blue {
color: #19C; }

.more {
color: #9C0;
font-weight: bold;
vertical-align:middle;
border-bottom: 1px dotted #999; }

.more img {
vertical-align:middle; }

.moreno {
color: #999;
font-weight: bold;
vertical-align:middle; }

.moreno img {
vertical-align:middle; }


#allContent
	{ position:relative; top:0px; width:780px; margin: 0px auto 0px auto; background-color:#FFF; text-align:center; z-index:1; }
#flags
	{ position:relative; width:671px; height:35px; margin: 0px auto 0px auto; padding:0px; text-align:right; }
/* rest of FLAGS is direct in document */
#logoTop
	{ position:relative; width:671px; height:95px; margin: 0px auto 0px auto; text-align:left; }
#logoTopHref
	{ border:none; }
#userTop
	{ position:absolute; top:0px; right:0px; height:20px; font-size:11px; text-align:right; }
#userTop a
	{ display:block; float:left; padding:0px 1px; margin-left:20px; }
#userTop span
	{ display:block; float:left; padding:0px 1px; margin-left:20px; }


.buttonGreen	{ background-color:#AD0; color:#FFF; font-size:11px; font-weight:bold; text-align:center; 
		padding:0px 0px 2px 0px; width:80px; height:22px; cursor:pointer;
		border: 2px solid #D9D9D9; border-right: 2px solid #5E5E5E; border-bottom: 2px solid #5E5E5E; }
.buttonOrange	{ background-color:#F90; color:#FFF; font-size:11px; font-weight:bold; text-align:center;
		padding:0px 0px 2px 0px; width:80px; height:22px; cursor:pointer;
		border: 2px solid #D9D9D9; border-right: 2px solid #5E5E5E; border-bottom: 2px solid #5E5E5E; }
.butgreen { background-color:#AD0; }
.butorange { background-color:#F90; }

.mandatory { color:#AD0; width:15px; text-align:center; font-size:13px; }

#registerDiv
	{ position:relative; width:671px; height:auto; margin: 0px auto 20px auto; text-align:right; display:none; }/*  border:1px solid red; */
#registerDiv table
	{ width:500px; margin:auto 0px auto auto; }
#loginDiv
	{ position:relative; width:671px; height:auto; margin: 0px auto 20px auto; display:none; text-align:right; }
#loginDiv table
	{ width:220px; margin:auto 0px auto auto; }

#messagesDiv
	{ position:relative; width:671px; margin: 0px auto 20px auto; background:#FF0; font-size:14px; font-weight:bold; text-align:center; display:none; border: 1px solid red; }
.msgOk { color:#888; text-align:center; margin:5px; }
.msgNo { color:#F00; text-align:center; margin:5px; }

#navigation
	{ position:relative; width:671px; height:55px; margin: 0px auto 0px auto; text-align:left; }

#newsLeft
	{ margin:1px 1px 10px 1px; text-align:left; line-height:140%; }
#newsLeft p
	{ text-align:left; line-height:140%; }
#newsRight
	{ margin:1px 1px 10px 1px; text-align:left; line-height:140%; }
#newsRight p
	{ text-align:left; line-height:140%; }

#photoGallery
	{ position:relative; width:671px; margin: 0px auto 30px auto; text-align:left; }
#photoGallery a, #photoGallery a:hover
	{ border:none; }
#gallery
	{ position:relative; width:671px; height:125px; overflow:hidden; margin:0px auto 0px auto; padding:0px; }/*  border:1px solid red; */

#orderMain
	{ position:relative; width:671px; height:auto; margin: 0px auto 30px auto; text-align:left; }

#orderSys
	{ position:relative; width:671px; height:30px; margin: 0px auto 0px auto; text-align:left; }
#allWeeks
	{ position:relative; width:671px; height:100px; margin: 0px auto 0px auto; }
.daysWeek
	{	position:absolute; width:91px; background-color:#FFF; margin:0px; padding:0px; }
.daysWeek div
	{	width:91px; height:13px; font-size:1px; margin:0px; padding:0px; }
.daysWeek a, .daysWeek a:hover
	{ border:none; }

.daysDays div
	{	position:absolute; width:13px; height:13px; font-size:1px; background-position:left top; background-repeat:no-repeat; margin:0px; padding:0px; }
.daysDays a
	{	position:absolute; width:13px; height:13px; font-size:1px; background-position:left top; background-repeat:no-repeat; margin:0px; padding:0px; }
.daysDays a:hover
	{ background-color:#000; }

/* ORDER TABLE */
.orderTable { color:#000; table-layout:fixed; }
.orderTable th { font-size:9px; padding-bottom:6px; text-align:left; font-family:verdana,tahoma; }
.orderTable td { font-size:10px; height:17px; font-weight:bold; text-align:left; margin:0px; padding:0px; overflow:hidden; }
.orderTable a { width:100%; height:100%; text-decoration:none; }
.orderTable a:hover { text-decoration:none; }
.bgPoint { width:auto; background-image:url(../img/bg_orderOut.png); background-repeat:repeat-x; font-size:9px; }
.docName { width:91px; }
.ordTdHour { position:relative; width:40px; font-size:14px; text-align:right; }
.ordHour { position:absolute; top:-2px; right:22px; }
.ordMin { position:absolute; font-size:11px; top:-2px; right:7px; }

.orderGreen { width:100%; height:14px; background:#AD0; padding-left:2px; }
.orderTdGreen a { color:#AD0; border:none; }
.orderTdGreen a:hover { color:#000; border:none; cursor:pointer; }

.orderOrange { width:100%; height:14px; background:#F90; padding-left:2px; }
.orderTdOrange a { color:#000; border:none; }
.orderTdOrange a:hover { color:#000; border:none; cursor:pointer; }

.orderRed { width:100%; height:14px; background:#E00; padding-left:2px; }
.orderTdRed a { color:#E00; border:none; }
.orderTdRed a:hover { color:#000; border:none; cursor:default; }

.orderWhite { width:100%; height:14px; font-size:11px; background:#FFF; padding-left:2px; }
.orderTdWhite a { color:#000; border:none; font-weight:bold; }
.orderTdWhite a:hover { color:#000; border:none; font-weight:bold; }

.orderGray { width:100%; height:14px; background:#999; padding-left:2px; }
.orderTdGray a { color:#999; border:none; }
.orderTdGray a:hover { color:#FFF; border:none; cursor:default; }

/* popup */
#orderPopup { position:relative; width:270px; _width:310px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:20px; }
#orderPopup a { text-decoration:none; }
#orderPopup a:hover { text-decoration:none; }
#orderPopup table { width:270px; }
#orderPopup th { text-align:left; height:16px; }

/* popup */
#forgetPassword { position:relative; width:300px; _width:340px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:20px; }
#forgetPassword a { text-decoration:none; }
#forgetPassword a:hover { text-decoration:none; }
#forgetPassword table { width:220px; }
#forgetPassword th { text-align:left; height:16px; }

/* content */
#content
	{ position:relative; width:671px; margin: 0px auto 0px auto; text-align:left; }

#assessmentTable
	{	border-spacing:3px; }
#assessmentTable th
	{	background:#DDD; text-align:center; vertical-align:middle; width:20%; }
#assessmentTable td
	{	background:#DDD; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; }
#qualityTableClient
	{	border-spacing:3px; }
#qualityTableClient th
	{	width:130px; }
#qualityTableClient td
	{	color:#5B0; font-size:12px; font-weight:bold; }
#qualityTableAssessment
	{	width:100%; table-layout:fixed; border-spacing:3px; }
#qualityTableAssessment .firstTd
	{	width:50px; text-align:right; vertical-align:middle; font-size:14px; font-weight:bold; color:#E00;}
#qualityTableAssessment .secondTd
	{	text-align:left; vertical-align:middle; font-weight:bold; border-bottom:1px dotted #999; }
#qualityTableAssessment .thirdTd
	{	width:170px; text-align:center; border-bottom:1px dotted #999; }
#qualityTableAssessment div
	{	width:30px; float:left; text-align:center; border:1px solid #FFF; cursor:pointer; margin-right:2px; }


/* pay cards */
#payCards
	{ position:relative; width:671px; margin: 20px auto 0px auto; text-align:center; }

/* foot */
#foot
	{ position:relative; width:671px; margin: 20px auto 0px auto; font-weight:bold; font-size:11px; text-align:left; }
#foot img
	{ vertical-align:middle; float:right; }
#foot div
	{ padding-top:13px; height:31px; }

/* banner */
#banner
	{ position:relative; width:671px; height:70px; margin: 20px auto 0px auto; font-weight:bold; font-size:11px; text-align:center; }
#banner div
	{ position:relative; width:140px; float:left; margin-top: 5px; text-align:center; }

/* bottom */
#bottom
	{ position:absolute; width:780px; height:100%; bottom:0px; left:50%; margin-left: -390px; background-color:#FFF; z-index:0; }
	
	
/* ADMIN TEST BLOCK with paths, variables etc. */
#showTest { margin:10px auto; padding:10px; border:1px solid #999; background:#EEF; }
#showTest h1 { padding:0px; margin-bottom:20px; }
#showTest div { padding:3px 0px; border-bottom:1px dotted #999; }
#showTest span { color:#00F; font-weight:bold; }