html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}:focus{ outline:0}body{ line-height:1; color:black; background:white}
ol,ul{list-style:none}table{ border-collapse:separate; border-spacing:0}caption,th,td{ text-align:left; font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}
blockquote,q{ quotes:""""}
h1,h2,h3,h4,h5,h6,p,span,form,pre,a,img,body,input,ul,li,div{
	/*font-family:Tahoma;*/
	font-family:"Trebuchet MS";
}
textarea, select{  color: #494949;}
h1{  font-size: 170%;}
h2 {  font-size: 160%;line-height: 130%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
ul, quote, code, fieldset {  margin: .5em 0;}
p {  margin: 0.6em 0 1.2em;padding: 0;}


body {
	-x-system-font:none;
	background:#FFFFFF url(none) repeat-x scroll 0 0;
	color:#494949;
	font-family:Trebuchet MS; /*Verdana,sans-serif;*/
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:170%;
	margin:0;
	padding:0;
	height:100% ;
	background:#FFFFFF url(../images/bg_gradient_slice_vert.jpg) repeat-x;
}
.specialDate
{
	background-color:#9AC339;
}
#header-region {
	background:#9AC339 url(../images/top_slice.jpg) repeat-x;
	height:22px;
	min-height:22px;
	/*border-bottom:#FFF medium solid;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

#wrapper{
	min-height:1000px;
	position:relative;
	height:100% ;
}
#wrapper #container {
	margin:0 auto;
	max-width:1048px;
	padding:0 20px;
	top:-5px;;
	/*top:-17px;*/
	position:relative;
}
#citiesSelect{
	position:absolute;
	width:186px;
	height:19px;
	right:50px;
	top:58px;
	color:#808285;
	font-size:12px;
	z-index:60;
}
#mainLinks{
	position:absolute;
	height:19px;
	left:250px;
	top:50px;
	color:#808285;
	/*font-size:12px;
	*/z-index:60;
	font-weight:bold;
}
#mainLinks a{
	color:#808285;
	text-decoration:none;
}
#mainLinks a:hover{
	text-decoration:underline;
}
#citiesSelect a{
	color:#808285;
	text-decoration:none;
	}
#citiesSelect a:hover{
	text-decoration:underline;
	}
.greyLink{}
#navigationLinks{
	position:absolute;
	width:440px;
	height:18px;
	right:40px;
	top:20px;
	color:#808285;
	font-size:12px;
	z-index:60;
}
#wrapper #container #upperContainer {
	/*background: url(../images/kapou_web_template_body_top.png) no-repeat top center;*/
	/*height:434px;*/
	/*height:422px;*/
	height:500px;
	position:relative;
	width:1048px;
	overflow:visible;
	margin-top:12px;
}
#wrapper #container #upperContainer #upperContainerTop {
	float:left;
	top:0;
	left:0;
	/*height:382px;*/
	height:370px;
	width:1048px;
	/*background: url(../images/upperBodyTop.png);*/
	/*upperBodyTop1.png*/
	background: url(../images/upperBodyTop1.png);
	position:absolute;
}
#wrapper #container #upperContainer #upperContainerFiller {
	float:left;
	left:0;
	/*margin-top:382px;*/
	margin-top:370px;
	width:1048px;
	height:79px;
	background: url(../images/upperBodyFiller.png) repeat-y ;
	position:absolute;
}
#wrapper #container #upperContainer #upperContainerBottom {
	float:left;
	bottom:0;
	left:0;
	height:51px;
	width:1048px;
	background: url(../images/upperBodyFooter.png);
	position:absolute;
}
#wrapper #container #upperContainer #logo-floater {
	position:absolute;
	top:-12px;
	left:0px;
	z-index:55;
}
#wrapper #container #upperContainer #logo-floater img{
	padding-top:2px;
	padding-left:30px;
	z-index:20;
}
#wrapper #container #lowerContainer {
	/*position:relative;*/
	background: url(../images/kapou_web_body_h_slice2.png) repeat-y top center;
	/*height:auto;; /*420px;*/
	/*top:420px;*/
	top:408px;
	height:100%;
	width:1048px;
	/*bottom:0px;*/
}
#wrapper #container #lowerContainer #content {
	position:relative;
	margin-left: 35px;
	margin-right: 35px;
	/*overflow:auto;*/
	height:100% ;
	width:978px;
}
#wrapper #container #lowerContainer #content #sidebar-left {
	float:left;
	width:202px;
	padding-right:8px;
	margin-right:15px;
}
#wrapper #container #lowerContainer #content #center{
	position:relative;
	float:left;
	width: 503px;   /*768px;*/
	text-align:left; /* IE 6 isostathmisma*/
}
#wrapper #container #footer-fill {
	background: url(../images/kapou_web_template_body_footer.png) no-repeat top center;
	height:36px;
}
#lowerContainer a:link, #lowerContainer a:visited {
  color: #027AC6;
  text-decoration: none;
}

#lowerContainer a:hover {
  color: #0062A0;
  text-decoration: underline;
}

#lowerContainer a:active, #lowerContainer a.active {
  color: #5895be;
}

#header-region a{
	color:#fff;
	text-decoration:none;
	margin-left:1px;
	margin-right:1px;
}
#header-region a:hover{
	/*color:#F17A1C ;*/
	color: #F1F1F1;
}
#sidebar-right{
color:#333333;
float:right;
padding:1px 0;
width:233px;
display:block;
position:relative;
top:-15px;
}



/*  CLASSES */

.HeaderLink {
	color:#FFFFFF;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
}
.clear-block {
	display:block;
	text-align:left; /* IE 6 isostathmisma*/
}

.poiList{
	list-style-image:url(../images/poi_bullet.png);
	list-style-type:disc;
	list-style-position: inside;
}
.poiOptions{
	list-style-image:url(../images/poi_bullet.png);
	list-style-type:disc;
	display:inline;
}

.menuIcon {
	float:right;
	margin-right:10px;
	width:80px;
	height:38px;
}

ul.menu {
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(../images/menu-expanded.gif);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(../images/menu-collapsed.gif); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.expanded ul{
	display:block;
}
li.collapsed ul{
	display:none;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(../images/menu-leaf.gif);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
	border-left:1px solid #FFFFFF;
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
ul.links li.first {
border:medium none;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}
.block {
border-bottom:1px solid #BBBBBB;
margin-bottom:1.5em;
padding-bottom:0.75em;
text-align:left; /* IE 6 isostathmisma*/
}
.block.last {
border:medium none;
}
.breadcrumb {
padding-bottom:0.5em;
position:relative;
top:-15px;
}

.block1{border:0;height:386px;font-family:Verdana;margin:0;padding:0;width:226px; margin-left:7px;}
.block1 .block1T{background:url(../images/placeholder_top.jpg);background-color:#2084a1;float:left;height:12px;width:228px;font-size:1px;}
.block1 .block1wrap{background:url(../images/placeholder_vert_slice.jpg) repeat-x top left #e3f4ff;clear:both;height:363px;margin:0;padding:0 5px;width:216px; border-right:#73ABDA 1px solid; border-left:#73ABDA 1px solid;}
.block1 .block1B{background:url(../images/placeholder_bottom.jpg);background-color:#e3f4ff;float:left;height:12px;width:228px;font-size:1px;}
.block1 .block1B p{display:none;}
/*7bc90d*/

.block3{height:63px;font-family:Verdana; margin-top:20px;padding:0;width:228px; margin-bottom:30px; border-top:1px solid #BBBBBB;}
.block4 {margin-bottom:1.5em;padding-bottom:0.75em;text-align:left; margin-top:20px;}
.block2{border:0;height:63px;font-family:Trebuchet; margin-top:30px;padding:0;width:228px;padding-bottom:10px;border-bottom:1px solid #BBBBBB; border-top:1px solid #BBBBBB; padding-top:16px; } 
/*.block2{border:0;float:left;height:63px;font-family:Trebuchet; margin-top:20px;padding:0;width:228px; margin-bottom:30px; background: url(../images/kapou_site_placeholder2.jpg); } /**/
.block2T { float:left; background: #eafed5; width:216px; height:5px;font-size:1px;}
.block2B { float:left; background: #a8d688; width:216px; height:5px;font-size:1px;}
.block2wrap { padding-top: 10px; width:226px; height:88px; background:url(../images/block2.gif) repeat-x; font-family:Arial,Helvetica,sans-serif; text-align:center; }

/*  Calendar  */

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#appWrapper {
float:left;
/*height:288px;*/
height:366px;
position:relative;
/*top:98px;*/
top:86px;
overflow:hidden;
padding-left:35px;
width:980px;
}
#mapsWrapper{
	/*width:250px;*/
	width:440px;
	background-color:#fff;
	/*height:288px;*/
height:366px;
	float:left;
	margin-left:6px;
	overflow:hidden;
	position:relative;
}
#flWrapper{
	/*width:720px; /*720px*/
	width:530px;
	background-color:#222;
	/*height:288px;*/
	height:366px;
	float:left;
	position:relative;
}
#appWrapperHorizDragbar{
	width:4px;
	/*height:290px;*/
	height:368px;
	background-color:#FFFFFF;
	background:url(../images/grip.jpg) no-repeat center;
	float:left;
	top:0;
	right:-5px;
	cursor:e-resize;
	z-index:50;
	margin-top:auto;
	margin-bottom:auto;
}
#appWrapperVertDragbar{
	width:978px;
	margin-left:34px;
	height:10px;
	background-color:#FFFFFF;
	background:url(../images/grip4_h.jpg) no-repeat center;
	float:left;
	bottom:40px;
	left:0;
	cursor:s-resize;
	z-index:50;
}
#googleWrapper{
	/*height:288px;*/
	height:366px;
	/*width:250px;*/
	width:440px;
	/*width:100%;*/
	z-index:11;
	float:left;	
	position:absolute;
	top:0;
	left:0;
}#msWrapper{
	visibility:hidden;
	/*height:288px;*/
	height:366px;
	/*width:250px;*/
	width:440px;
	position: absolute;
	top:0px;
	left:0px;
	float:left;
	z-index:10;
}#mapChangeTools{
	position:absolute;
	float:left;
	height:15px;
	/*width:250px;*/
	width:440px;
	z-index:40;
	text-align:right;
	clear: both;
	top:5px;
	right:5px;
	display:inline;
}#poiTools{
	z-index:40;
	width:180px;
	height:84px;
	position:absolute;
	float:left;
	/*background-image:url(../images/interface/tools_bg_trans.png);*/
	/*background-image:url(../images/interface/tools_bg_trans_close.png);*/
	background-image:url(../images/interface/slider.png);
	background-repeat:no-repeat;
	/*margin-top:225px;*/
	/*right:-215px;*/
	right:-155px;
	bottom:0;
}
#mapZoomBtn{
	position:absolute;
	width:14px;
	height:40px;
	z-index:41;
	left:8px;
	top:8px;
	float:left;
}
#dvMsBeamHack
{
	position:relative;
	top:-25px;
	left:-10px ;
}

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider*/

.poiToolsIcons{	text-align:right;	margin: 14px 5px 0px 35px; width:140px; height:30px;}
.toggleArrow { margin-top:35px; margin-left:5px; float:left; width:17px; height:17px; background: url(../images/interface/slider_arrow_collapsed.png);}
.toggleArrow:hover{background-image:url(../images/interface/slider_arrow_collapsed_over.png)}
.toggleArrowExp { margin-top:35px; margin-left:5px; float:left; width:17px; height:17px; background: url(../images/interface/slider_arrow_expanded.png);}
.toggleArrowExp:hover{background-image:url(../images/interface/slider_arrow_expanded_over.png)}

.mapFog {  float:right;width:35px; height:24px; background: url(../images/interface/fogofwar_button.png);}
.mapFog:hover{width:37px; height:26px;background-image:url(../images/interface/fogofwar_button_over.png)}
.mapStreet {  float:right;width:35px; height:24px; background: url(../images/interface/street_button.png);}
.mapStreet:hover{width:37px; height:26px;background-image:url(../images/interface/street_button_over.png)}

.mapFun {  float:right;width:25px; height:25px; background: url(../images/interface/fun_button.png);}
.mapFun:hover{width:27px; height:27px;background-image:url(../images/interface/fun_button_over.png)}
.mapFood {  float:right;width:26px; height:25px; background: url(../images/interface/food_button.png);}
.mapFood:hover{width:28px; height:27px;background-image:url(../images/interface/food_button_over.png)}
.mapShop {  float:right;width:26px; height:26px; background: url(../images/interface/shops_button.png);}
.mapShop:hover{width:28px; height:27px;background-image:url(../images/interface/shops_button_over.png)}
.mapHotels {  float:right;width:28px; height:25px; background: url(../images/interface/hotel_button.png);}
.mapHotels:hover{width:28px; height:27px;background-image:url(../images/interface/hotel_button_over.png)}
.mapSights{  float:right;width:25px; height:25px; background: url(../images/interface/sights_button.png);}
.mapSights:hover{width:27px; height:27px;background-image:url(../images/interface/sights_button_over.png)}