html, 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, fieldset, label, legend, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-family: verdana;
	font-size: 11px;
}
:focus
{
	outline: 0;
}
body
{
	color: black;
	background: white;
}
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: "“" "”" "‘" "’";
}
a
{
	color: #06C;
}
a:visited
{
	color: #06C;
}
a:active
{
	color: #06C;
}
html, body
{
	overflow: hidden;
}
textarea
{
	font-size: 12px;
	width: 100%;
}
hr
{
	border: 0;
	height: 2px;
	color: #DFE8C0;
	background-color: #DFE8C0;
}
th
{
	font-weight: bold;
	font-size: 120%;
	padding-right: 5px;
}
.myh1
{
	color: #058;
	text-align: center;
	font: bold 18px calibri,tahoma,arial,helvetica,sans-serif;
}
.myh3
{
	color: black;
	text-align: justify;
	font: normal 14px calibri,tahoma,arial,helvetica,sans-serif;
}
.mynotice1
{
	position: relative;
	margin: auto;
	text-align: center;
	color: red;
	font: normal 18px calibri,tahoma,arial,helvetica,sans-serif;
}
.mynotice2
{
	position: relative;
	margin: auto;
	text-align: center;
	color: #058;
	font: normal 14px calibri,tahoma,arial,helvetica,sans-serif;
}
#logo
{
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 190px;
	height: 88px;
	z-index: 9200;
}
#leftpane
{
	position: absolute;
	width: 400px;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.rightBorder
{
	border-right: 1px solid #B5B8C8;
}

.my_div_coll_style
{
    
    padding:5px;
    height:50px;
    width:100%;
    
}

#map_menu
{
	position: absolute;
	left: 490px;
	top: 100px;
	z-index: 8;
}

#toolbar
{
	position: absolute;
	left: 401px;
	top: 0;
	height: 90px;
	background-color: #FFF;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
}

#toolbar_buttons
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 29px;
	background-color: #F8DD71;
	border-top: 1px solid #BBB;
}

/* Start custom button CSS here
---------------------------------------- */
.btn
{
	display: inline-block;
	background: none;
	margin: 0;
	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	font: 100%/1.2 Arial,Sans-serif;
	text-decoration: none;
	color: #333;
}
* html button.btn
{
	padding-bottom: 1px;
}

/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn
{
	margin: 0 -3px;
}
.btn span
{
	background: #f9f9f9;
	z-index: 1;
	margin: 0;
	padding: 3px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
}
* html .btn span
{
	padding-top: 0;
}
.btn span span
{
	background: none;
	position: relative;
	padding: 3px .4em;
	border-width: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
}
.btn b
{
	background: #e3e3e3;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 40%;
	border-top: 3px solid #eee;
}
* html .btn b
{
	top: 1px;
}
.btn u
{
	text-decoration: none;
	position: relative;
	z-index: 3;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span
{
	border-right-width: 0;
}
button.pill-l span span
{
	border-right: 1px solid #ccc;
}
button.pill-c span
{
	border-right-style: none;
	border-left-color: #fff;
}
button.pill-c span span
{
	border-right: 1px solid #ccc;
}
button.pill-r span
{
	border-left-color: #fff;
}

/* only needed if implementing separate hover state for buttons */
.btn:hover span, .btn:hover span span
{
	cursor: pointer;
	border-color: #9cf !important;
	color: #000;
}

/* use if one button should be the 'primary' button */
.primary
{
	font-weight: bold;
	color: #000;
}


#map_canvas
{
	position: absolute;
	left: 401px;
	top: 91px;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}


#logom
{
	position: absolute;
	right: 10px;
	bottom: 40px;
	background-color: transparent;
	z-index: 9200;
}
#slider
{
	position: absolute;
	left: 401px;
	top: 91px;
	width: 17px;
	height: 27px;
	z-index: 5;
	cursor: pointer;
}
#footer
{
	position: absolute;
	height: 30px;
	bottom: 0;
	width: 100%;
}
#poiSelected
{
	position: absolute;
	left: 480px;
	bottom: 0;
	z-index: 9999;
	background-color: white;
	display: none;
	padding: 4px;
	opacity: .7;
	filter: alpha(opacity=70);
}
#poiSelectedContent
{
	float: left;
	filter: alpha(opacity=70);
}
#addressResultsDIV
{
	overflow-x: hidden;
	overflow-y: auto;
}
#routeDIV
{
	overflow-x: hidden;
	overflow-y: auto;
}
#poiKeywordResults
{
	overflow-x: hidden;
	overflow-y: auto;
}
#poiCategoryResults
{
	overflow-x: hidden;
	overflow-y: auto;
}
.toggler
{
	background: transparent url('/pictures/toggler.png') no-repeat;
	width: 17px;
	height: 27px;
}
.toggle_close
{
	background: transparent url('/pictures/toggler_open.png') no-repeat;
}
.toolbarPadding
{
	padding-left: 4px;
}
.headerLink
{
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #708491;
}
.headerLink:hover
{
	color: black;
	text-decoration: underline;
}
.tbarImage
{
	cursor: pointer;
	padding-right: 2px;
}
#btnTogglePharmacies
{
	padding-left: 0 !important;
}
#btnShareThis
{
	padding-left: 0 !important;
}
.btnSep
{
	line-height: 28px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px;
	color: yellow;
}
.explain
{
	font-size: 10px;
	color: gray;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-top: 10px;
}
.poisDiv
{
	padding: 6px;
	border: 1px solid #808080;
	background-color: #E8EEF7;
}
#poiFindSelect
{
	width: 360px !important;
}
#poiCatSel
{
	width: 360px !important;
}
#poiKeywordSearch
{
	width: 360px !important;
}
.tabContent
{
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}
.tabContainer
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 19px;
	padding-top: 10px;
	background: #F8DD71;
}
#navPyra
{
	margin: 0;
	padding: 0 0 18px 0;
	border-bottom: 1px solid #9FB1BC;
}
#navPyra li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navPyra a:link, #navPyra a:visited
{
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	padding: 0 18px 6px 18px;
	text-decoration: none;
	color: #708491;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover
{
	color: #000;
	background: transparent url('/pictures/pyramid.gif') no-repeat bottom center;
}
.popupHtml
{
	width: 300px;
}
#routeDIV
{
	width: 100%;
	background-color: #FFF;
	padding-right: 4px;
}
.routeSE
{
	border: 2px solid #D9E4C4;
	background-color: #F3F6EB;
	padding: 6px;
}
#routeResultDIV
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: #C0C0C0;
	background-color: #FFF;
}
.btnRouteContainer
{
	text-align: right;
}
.routeSmallHelp
{
	font-size: 11px;
	margin-top: 6px;
	color: #808080;
}
.routeHeader
{
	margin: 9px;
	color: #09532d;
}
.routeStep
{
	padding: 3px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eee;
	white-space: normal;
	color: #555;
}
.routeStep:hover
{
	background: #F3F6EB none repeat scroll 0 0;
	border: 1px dotted #A3BAE9;
	cursor: pointer;
}
.routeVusedTitle
{
	text-align: center;
	color: #008000;
}
.routeVusedImage
{
	height: 18px;
	width: 25px;
	padding-right: 3px;
}
.routeActions
{
	float: left;
}
.routeTerms
{
	font-size: 9px;
	text-align: justify;
	color: gray;
	padding-bottom: 15px;
}
.printLink
{
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	color: blue;
}
#routeOptions
{
	padding: 6px;
}
#extraOptionsToggleHeader
{
	padding-bottom: 6px;
}
#extraOptionsTable
{
	padding-bottom: 6px;
}
#extraOptionsTable th
{
	font-size: 110%;
	font-weight: bold;
}
.searchStartStopResultItem
{
	font: normal 11px tahoma,arial,helvetica,sans-serif;
	white-space: normal;
	text-decoration: underline;
}
.searchResultItem
{
	font: normal 11px tahoma,arial,helvetica,sans-serif;
	white-space: normal;
	text-decoration: underline;
	cursor: pointer;
	color: #06C;
}
.routeSetLink
{
	padding: 2px;
	font-size: 11px;
}
.routeSetStart
{
	padding: 2px;
	font-size: 11px;
}
.routeSetStop
{
	padding: 2px;
	font-size: 11px;
}
.btnDoIt
{
	font-weight: bold;
}
.example
{
	font-size: 10px;
}
.popupLabel
{
	font-weight: bold;
}
#ydShowPage
{
	position: absolute;
	height: 480px;
	width: 650px;
	display: none;
	z-index: 10002 !important;
}
#ydNotice
{
	position: absolute;
	height: 53px;
	width: 400px;
	display: none;
	z-index: 10002 !important;
}
#ydShowPage
{
	position: absolute;
	height: 480px;
	width: 760px;
	display: none;
	z-index: 10002 !important;
}
#ydThankYou
{
	position: absolute;
	height: 83px;
	width: 400px;
	display: none;
	z-index: 10002 !important;
}
#ydContact
{
	position: absolute;
	height: 280px;
	width: 660px;
	display: none;
	z-index: 10002 !important;
}
#ydShowLinks
{
	position: absolute;
	height: 189px;
	width: 600px;
	display: none;
	z-index: 10002 !important;
}
#ydSendLink
{
	position: absolute;
	height: 287px;
	width: 500px;
	display: none;
	z-index: 10002 !important;
}
.modalPopup
{
	background-color: #FFF;
	border: 6px solid #F8DD71;
	padding: 20px;
}
.modalPopup td
{
	padding: 2px;
}
.modalPopup_Caption
{
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
#txtContactMessage
{
	width: 100%;
	height: 100px;
}
.sModeSelection
{
	border: 1px solid #d9e4c4;
	background-color: #f3f6eb;
	font-size: 11px;
	width: 200px;
	text-align: left;
}
#moreFunctionsPopup
{
	position: absolute;
	top: 26px;
	left: 883px;
	display: none;
	z-index: 10002 !important;
}
#moreFunctionsPopupShadow
{
	position: absolute;
	top: 31px;
	left: 899px;
	height: 300px;
	width: 250px;
	display: none;
	z-index: 10001 !important;
	background-color: gray;
	opacity: .3;
}
.moreFunctionsPopupitem
{
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 5px;
}
.moreFunctionsPopupitem li
{
	list-style: none;
	padding-left: 23px;
	height: 16px;
	line-height: 16px;
	background-repeat: no-repeat;
}
.moreFunctionsPopupitemSeperator
{
	line-height: 8px;
}
.popup
{
	position: absolute;
	display: none;
	z-index: 10002;
	border-collapse: collapse;
}
.popup td.corner
{
	height: 15px;
	width: 19px;
}
.popup td#topleft
{
	background-image: url(/pictures/infopopup/bubble-1.png);
}
.popup td.top
{
	background-image: url(/pictures/infopopup/bubble-2.png);
}
.popup td#topright
{
	background-image: url(/pictures/infopopup/bubble-3.png);
}
.popup td.left
{
	background-image: url(/pictures/infopopup/bubble-4.png);
}
.popup td.right
{
	background-image: url(/pictures/infopopup/bubble-5.png);
}
.popup td#bottomleft
{
	background-image: url(/pictures/infopopup/bubble-6.png);
	height: 29px;
}
.popup td.bottom
{
	background-image: url(/pictures/infopopup/bubble-7.png);
	text-align: center;
	height: 29px;
}
.popup td#bottomright
{
	background-image: url(/pictures/infopopup/bubble-8.png);
	height: 29px;
}
.popup table.popup-contents
{
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" ,sans-serif;
}
table.popup-contents th
{
	text-align: left;
}
table.popup-contents td
{
	text-align: left;
}
.ui-slider
{
	width: 300px;
	height: 23px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
}
.ui-slider-handle
{
	position: absolute;
	z-index: 1;
	height: 23px;
	width: 12px;
	top: 0;
	left: 0;
	background-image: url(/pictures/slider-handle.gif);
}
.ui-slider-handle-active
{
	border: 1px dotted black;
}
.ui-slider-disabled .ui-slider-handle
{
	opacity: .5;
	filter: alpha(opacity=50);
}
.ui-slider-range
{
	position: absolute;
	background: #50A029;
	opacity: .3;
	filter: alpha(opacity=30);
	width: 100%;
	height: 100%;
}
.ui-slider, .ui-slider-1
{
	background-image: url(/pictures/slider-bg.png);
}
#zoomHandler
{
	font-size: 20px;
}
#zoomControl
{
	text-align: right;
}
.selectStation
{
	font-size: 11px;
}
.selectStationVehicle
{
	font-size: 11px;
}
#btn_setStationAsStart, #btn_setStationAsStop
{
	font-size: 11px;
}
/*
 * YouDrive.gr UI
 * Copyright(c) 2007-2008, YouDrive.gr Team
 * info@youdrive.gr
 * 
 */
/*-- MULTIPLE ROUTES --*/
ul.tabs2
{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 22px; /*--Set height of tabs--*/
	border-bottom: 2px solid #D9E4C4;
	border-left: 2px solid #D9E4C4;
	width: 361px;
}
ul.tabs2 li
{
	float: left;
	margin: 0;
	padding: 0;
	height: 20px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 21px; /*--Vertically aligns the text within the tab--*/
	border: 2px solid #D9E4C4;
	border-left: none;
	margin-bottom: 0px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	background: #F3F6EB;
}
ul.tabs2 li a
{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 2px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs2 li a:hover
{
	background: #D9E4C4;
}
html ul.tabs2 li.active, html ul.tabs2 li.active a:hover
{
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 2px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab2_container
{
	border: 2px solid #D9E4C4;
	border-top: none;
	overflow: hidden;
	clear: both;
	width: 360px;
	background: #fff;
}
.tab2_content
{
	padding: 20px;
	font-size: 1.2em;
}



    #gallery {
		background-color: #fff;
		padding: 0px;
		width: 370px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #3e3e3e;
		border-width: 1px 1px 1px;
	}
	#gallery ul a:hover img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }