html, body {
height: 100%;
padding-top:10px;
margin:10px;
}
body {
background: #3F3F3F url("../images/tile.jpg");
background-position: top center;
font-family: "Arial";
font-size: 11px;
color:#FFFFFF;
padding:0px;
margin:0px;

}
a, a:link {
text-decoration: underline;
color:#FFF;
}
a:hover {
text-decoration: none;
color:#FFF;
}
a:active {
text-decoration: underline;
color:#FFF;
}

#container {
width: 774px;
height: auto !important;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom:0px;
}

#core_header {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/informacie.jpg");
}
#core_header1 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/fotogaleria.jpg");
}
#core_header2 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/historia.jpg");
}
#core_header3 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/sucasnost.jpg");
}
#core_header4 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/headernew.jpg");
}
#core_header5 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/kontakt.jpg");
}
#core_header6 {
	width: 761px;
	;
	height: 302px;
	background: url("../images/header.gif");
	margin:0px;
	padding:0px;
	position:relative;
	left:8px;
	background-image: url("../images/linky.jpg");
}



#header_text
{
 position:relative;
 right:20px;
 top:55px;
 font-size:16pt;
 float:right;
 font-weight:bold;
}

img
{
 margin:5px;
}

#core_left {
margin: 0;
width: 774px;
height:auto;
}
#core_right {
margin: 0;
float: left;
width: 750px;
min-height:250px;
background: #008347;
color:#000;
margin-left:10px;
border-left: 4px solid #FFF;
border-right: 4px solid #FFF;
}

.content-box
{

 padding:6px;
 height:auto !important;
 float:left;
 width: 720px;
 margin-bottom:10px;
 font-family: "Arial";
 font-size: 12px;
 color:#FFF;
 margin-left:10px;
<!--[if IE 6]>
margin-left:5px;
<![endif]-->

}
.tumb
{
 float: left;
 margin-right:5px;
 padding:0px;
}

.pagination
{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

#footer2
{
clear:both;
height:26px;
background: url("../images/footer1.gif");
width:758px;
margin-left:10px;
}


h2
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:18px;
height:25px;
}
h3
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:15px;
height:22px;
margin:0px;
padding:0px;
color:#FFF;
width:718px;
background: url("../images/content_header.jpg") bottom left repeat-x;
margin-bottom:5px;
font-weight:bold;
}
h4
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
}


#navcontainer li {
color:#FFF;
display:inline;

height:25px;
width:100px;
padding-left: 35px;
padding-top:20px;
top:19px;
}

#navcontainer ul {
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 774px;
list-style-type: none;
background: url("../images/menu_bg.gif");
height:60px;
}
#navcontainer a, #navcontainer a:visited {
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:12px;

}
#navcontainer a:hover {
margin:0px;
color:#FFF;
text-decoration: none;
border-bottom:2px solid #FFF;


}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
  
  
hh1 { text-align:left;
  color: red;
	font-size:20px;
	font-weight:bold;	}
	
hh2 { text-align:left;
  color: red;
	font-size:16px;
	font-weight:bold;	}

hh3 { text-align:left;
  color: red;
  color:red;
	font-size:16px;
	font-weight:bold;	}


hh5 { text-align:left;
  color: red;
	font-size:16px;
	font-weight:bold;	}
	
hh6 { text-align:left;
  color: yellow;
	font-size:14px;
	font-weight:bold;	
  cursor: pointer; cursor: hand; 
  }
  
hh6:hover { text-decoration: underline }

.orange { text-align:left;
  color: orange;
	font-size:14px;
	font-weight:bold;	}

.skryvany {display: none}

.esonet {
	color:white; 
	text-decoration:none;
	font-weight:bolder;}
.text { 
	font-family:Arial;
	font-style:normal;
	font-size:11px; }
	
.textred { 

	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: red; }

.textblue { 

	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: blue; }

.textred16 { 
	font-style:normal;
	font-size:16px;
	font-weight:bold;	
  color: red; }

.textblue16 { 
	font-style:normal;
	font-size:16px;
	font-weight:bold;	
  color: blue; }
  
.textyellow16 { 
	font-style:normal;
	font-size:16px;
	font-weight:bold;	
  color: yellow; }
  
.textyellow { 
	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: yellow; }

.textyellink { 
	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: yellow; 
  cursor: pointer; cursor: hand;   
  }
.textyellink:link  { text-decoration: none;}  
.textyellink:hover { text-decoration: underline }

.textaqua { 
	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: aqua; }

.textaqualink { 
	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: aqua; 
  cursor: pointer; cursor: hand;   
  }
.textaqualink:link  { text-decoration: none;}  
.textaqualink:hover { text-decoration: underline }


.textblink { 
	font-style:normal;
	font-size:12px;
	font-weight:bold;	
  color: yellow; 
  text-decoration: blink; }


.small {
	color:white;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;}
	
.small1 {
	color:#4784b2;
	font-size:9px;
	font-weight:bold;
	}
.thh {background-color:#999999;
	color:white; text-shadow:Gray}
	
.th1 {background-color:rgb(135,31,67);
	color:white; text-shadow:Gray}	
	
.th3 { text-align:left;
  color:red;
	font-size:16px;
	font-weight:bold;	}

.th4 { text-align:left;
  color:blue;
	font-size:16px;
	font-weight:bold;	}	
	
.reg {
	color:rgb(135,31,67);
	font-weight:bold;
	font-size:11px;
	font-weight:bold;}	
	
.pdf {
	color:red;
	font-weight:bold;
	font-size:11px;
	font-weight:bold;}
	
.right {
	color:white;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}
th { text-align:left;
	color:white;
	font-weight:bold;
	font-size:12px;
	font-weight:bold;
	}
  #FrogJS{
  width: 760px;
  height: 600px;
  margin: 0 auto;
  }
  #FrogJSCredit{
  text-align: right;
  font-size: 80%;
  color: #999;
  padding: 1px;
  }
  #FrogJSCaption{
  text-align: left;
  line-height: 140%;
}

.kviz_otazka { text-align:left;
  vertical-align: middle;
  color: orange;
	font-size:16px;
	font-weight:bold;	}
	
.kviz_odpoved { text-align:left;
  vertical-align: middle;
  color: aqua;
	font-size:14px; }	

.kviz_odpoved_lime { text-align:left;
  vertical-align: middle;
  color: lime;
	font-size:14px; }
  
table.t1 {
    margin: 1em auto;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
  }
  .t1 th, .t1 td {
    padding: 4px 8px;
  }
  .t1 thead th {
    background: #008347;           // #008347
    text-transform: lowercase;
    text-align: left;
    font-size: 14px;
    color: yellow;
  }
  .t1 caption {
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 14px;  
    text-align: middle;
    color: yellow;
 }   
  .t1 tr {
    border-right: 1px solid #4dffaf;    
  }
  .t1 tbody tr {
    border-bottom: 1px solid #4dffaf;
  }
  .t1 tbody tr:nth-child(odd) {       
    background: #009954;              // #dbe5f0; bledozelena
  }
  .t1 tbody th, .t1 tbody tr:nth-child(even) td {
    border-right: 1px solid #4dffaf;                // tmoavo zelena
    background: #004d2a;                            //#004d2a
  }
  .t1 tfoot th {
    background: #008347;
    text-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #fff;
  }
//  .t1 tr *:nth-child(3), .t1 tr *:nth-child(4) {
//    text-align: right;    }
  
  table.t2 {
    width: 100%;
    border-collapse: collapse;
    font-family: Georgia;
  }
  .t2 caption {
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 16px;
  }
  .t2 th, .t2 td {
    padding: 4px 8px;
    border: 2px solid #fff;
    background: #fbd7b4;
  }
  .t2 thead th {
    padding: 2px 8px;
    background: #f69546;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
  }
  .t2 tbody tr:nth-child(odd) *:nth-child(even), .t2 tbody tr:nth-child(even) *:nth-child(odd) {
    background: #f3eddd;
  }
  .t2 tfoot th {
    padding: 2px 8px;
    background: #f69546;
    text-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #fff;
  }
  .t2 tr *:nth-child(3), .t2 tr *:nth-child(4) {
    text-align: right;
  }
  
  
/**
 * Style-sheet for dtpicker
 * https://github.com/mugifly/jquery-simple-datetimepicker
 */

.datepicker {
	position: relative;
	display: inline-block;
	font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-weight: 300;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	box-shadow: 0.5px 0.5px 0px #c8c8c8;
		-webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;
		-moz-box-shadow: 0.5px 0.5px 3px #eeeeee;
}

/*
 * datepicker_header
*/

.datepicker > .datepicker_header {
	padding-top:	2px;
	padding-bottom: 2px;
	padding-left:	5px;
	padding-right: 5px;
	background-color:	#eeeeee;
	color: #3f3f3f;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	min-height: 30px;
	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
}

.datepicker > .datepicker_header > span {
	display: inline-block;
	margin-top: -2px;
}

.datepicker > .datepicker_header > a {
	color: #3b7796;
	cursor: pointer;
	font-size: 20px;
	padding: 3px 16px;
	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
	vertical-align: middle;
}

.datepicker > .datepicker_header > a:hover {
	color: #303030;
	background-color:	#c8c8c8;
}

.datepicker > .datepicker_header > a:active {
	color: #ffffff;
	background-color:	#808080;
}

.datepicker > .datepicker_header > span {
	margin-left: 20px;
	margin-right: 20px;
	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
}

.datepicker > .datepicker_header > .icon-home {
	position:	absolute;
	display:		block;
	width:		16px;
	height:		16px;
	vertical-align: middle;
	padding: 8px;
	top: 0;
	left: 0;
}

.datepicker > .datepicker_header > .icon-close {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	padding: 8px;
	top: 0;
	right: 0;
}
.datepicker > .datepicker_header > .icon-home > div {
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAepJREFUSEudk71Kw2AUhnVxVnCyN1EcCjXUujmKF1AoRRCcNU4OIg5dtXF36tAb6B107qjg0iC4STt0EdTnTU8+v5rGNh54aM7Pe/J+abLmR3AZ7QeXD0+WZkI9zViaiXq9vg+5evU0Y+ksgjCqsrgPA2jBOzQs91FNPc0o70vLQtGHAbTgHRqW+6imnmaUS1PVqWL4SgijJr8juHK1H1Qb2Uxai1kivowmjODKq6Wopp5m0losA95Noh43ONXi+XpCPOsx49W9ZaIHp+CbSlFNPc24+i8DxfGX/YeZgTDqQrsgXc9AF9oFkcY9gQN7J3MjuOhs2WUS0ngGluqZmdNLs7IBTltmZsrvsZUKGaBfhik4vTSw3EBwfrdBfwhvwcX9tpVXNkBvA4bwBk4vDSw2UD27WbdLnf42mQmjIysl8ZeBWq3m9PRubWZOL43qGQOccpf8lc9tj5tWuP7g+tHaLqSR1pY7Pde78Ap7UIEPyOip5RgIOzvkzzCGF4gxtWltF9LAIgM78AxjeAF9/xk9tfy/gBuWOLVMfPIUDq08F3kGFOQlkIlPWKiXBvJfQl6+EjdvWJqJvwwoqMlErl4aabVowmmvbWEBEs2EJeLaFhZBmone8hMtAj2JIkykZYmQifRprAqa+sk3UgBXF8VWaxMAAAAASUVORK5CYII=);
}
.datepicker > .datepicker_header > .icon-close> div {
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAfhJREFUSEvNVEtKA0EUHHBhsvZ7D0HF4PRMnERxI+hCQ4xuBE/g5yLRA+il/CCIXkDElRGt6qkZO91j1JUW1KJf1XvVn2Gif4XGUX986aRf0zIANXq0DBBv7Iwvb+192U+NHi2H0Tg+O2ycnN2DV+CcyiVQW5B2T6/KJUxr7dAkySN4bVbaiyqXMM1s3mr0wKtyDgytgQ/gu/gKbkumvgsOpJH0lieNN3s1O9iYd/EN657kyJikZ2uFDi97JDOgX8fAWyeg2MQO6IeT8Pbrao+Wtw/qJklvywBnE5ZuOAkve9SeA0PnQT+Ia7/2BoZXnK0uBkH5Oqxl4RNZYHAH9ANdMnxP9gA42X5FoMuhp6kEAnjlDPpVeIERm0B4+m0/N9AFq26Bta5sX0JvPvDCycFPTs+PbtQTUOvIHgAhu+DoJ4BH9mFgcAzyy3cDee3+c9ATq60ErjfDcP/kDPQ3hJtIM7XlwMAJ8FoBBe2bi/4m6J1QO34yrWlc740XxDffr/wm6EWP2u0GJsEnDS/DJVPvge7T0DspmT+aGQx+cUKGPriKTcCbzEhGwOn5GAZegM/gHdiSVAK1VBo9F+yRFJn2+hgGXtrBSXpn0mbQb5orbavl4ZfskZRDm5gGp1QKQM16nPACdhNpczZur3+ezAM1eoLwv0MUfQBkquZISGUUwgAAAABJRU5ErkJggg==);
}
.datepicker > .datepicker_header > a:hover > div, .datepicker > .datepicker_header > a:hover > div  {
	background-position: -16px 0px;
}

/*
 * datepicker_inner_container
*/

.datepicker > .datepicker_inner_container {
	margin: -2px 0px -2px 0px;
	background-color: #d2d2d2;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;

	box-shadow: 0.5px 0px 3px #c8c8c8;
		-webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
		-moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}

.datepicker > .datepicker_inner_container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
 * datepicker_inner_container > datepicker_calendar
*/

.datepicker > .datepicker_inner_container > .datepicker_calendar {
	float: left;
	width: 18.3em;

	margin-top: -0.5px;
	margin-left: -1px;
	margin-bottom: -2px;

	background-color:	#ffffff;
	border: 1px solid #c8c8c8;

	border-top:none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius:	3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft:		3px;
		-moz-border-radius-bottomleft:	3px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
	padding: 10px;
}

/*
 * datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)
*/

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
	color:	#646464;
	width: 18px;
	font-size: small;
	font-weight: normal;
	text-align:center;
}

/*
 * datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)
*/

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
	color:	#000000;
	font-size: small;
	text-align:center;

	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
	cursor: pointer;
	padding: 10px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
	border-bottom: #bfbfbf solid 2px;
	margin-bottom: -2px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
	color:	#0044aa;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
	color:	#e13b00;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
	color:	#cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
	cursor: default;
	color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {
	cursor: default;
	color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
	cursor: default;
	color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
	color: #ffffff;
	background-color:	#808080;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
	color: #000000;
	background-color:	#c8c8c8;
}

/*
 * datepicker_inner_container > datepicker_timelist
*/

.datepicker > .datepicker_inner_container > .datepicker_timelist {
	float: left;

	margin-top: -0.5px;
	padding: 5px 0px;

	overflow: auto;
	overflow-x: hidden;

	background-color:	#ffffff;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius:	3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright:		3px;
	-moz-border-radius-bottomright:	3px;
	text-align: right;
	width: 4.9em;
}

/*
.datepicker > .datepicker_inner_container > .datepicker_timelist::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*/

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
	overflow: hidden;
	width: 6px;
	background: #fafafa;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius:	3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright:		3px;
	-moz-border-radius-bottomright:	3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
	height: 1px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
	display: none;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
	background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
	background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
	background: #aaaaaa;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
	background: #333;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
	padding-top:   5px;
	padding-bottom:5px;
	padding-left:  7px;
	padding-right: 7px;
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: small;

	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
	cursor: pointer;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
	cursor: default;
	color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
	cursor: default;
	color: #cccccc;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
	color: #ffffff;
	background-color:	#808080;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
	color: #000000;
	background-color:	#c8c8c8;
}