/* RouteME Own */
html {
	overflow-y: scroll;
/*
	background: #5f5f5f url('../images/html_bg.png') repeat-x scroll;
*/
}

body {
	margin: 0;
	padding: 0 0 20px;
/*
	background: transparent url('../img/html-bg.jpg') 0 0 repeat;
	min-height: 100%;
*/
	/* font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; */
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
	background:#eee;
}

header {clear:both;border-bottom:1px solid gray;width:100%;margin:0;padding:0;height:80px;background:#fff;}
header a.logo {float:left;margin:0 10px;height:80px;width:200px;display:block;background:transparent url(../img/routeme-logo.png) 0 0 no-repeat;}
header h1 {display:none}
header .info {float:right;display:block;color:#888;font-size:10px;margin:10px;}
footer  {clear:both;float:left;margin-top:5px;border-top:1px solid gray;width:100%;height:60px;background:#fff;}
.hidden {display:none}
.hbold{font-weight:bold;}
.hitalic{font-style:italic;font-size:smaller}
/*
footer  {position:absolute;bottom:0}
*/
footer div {width:1000px;display:block;margin:5px auto;text-align:center}
footer div img {margin:5px 2px;border:none;}
nav{border-bottom:1px solid gray;}
nav ul{list-style: none;padding: 0;margin: 0;} 
nav li{float: left;margin: 3px 3px 0px 3px;padding:5px;} 

.rightside{float:right}
.lclear{clear:left}
.rclear{clear:right}
#message{display:none;width:500px;float:left;margin:5px auto;padding:10px;}

#adsense {float:left;display:block;margin:10px auto;height:60px;width:200px;overflow:hidden;}

/*#main{height:500px;width:300px;float:left;overflow: none;}*/

#middle {width: 100%;height: 1%;position: relative;height:200px;overflow: none;}
/*#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}*/
#container {width: 100%;float: left;overflow: hidden;background:#E5E3DF}
#content {float:none;background:#E5E3DF}
#sideLeft {float: left;width: 300px;background: #B5E3FF;}

#events-controls{width:100%;float:left;overflow: none;}
#events-controls button {margin:5px;}
#events{height:500px;width:100%;float:left;overflow: auto;}

#events ul {list-style-type: none; margin: 2px; padding: 4px 0 0 0; width: 280px; border-bottom:1px dotted gray}
#events li { margin: 0 3px 3px 3px; padding: 2px; height:36px }
#events li:first-child { height:18px }
#events li span, #events li button {float:right}
#events li img {margin:2px 3px}
#events li span.ui-icon-arrowthick-2-n-s, #events li span.data, #events li img {float:left}
#events li span.data {width:160px;margin:2px 0px;overflow:hidden;font-size:11px;}
#events li span.item {width:190px}

#events li:first-child span.data {font-size:12px; }
#events li span.comment {clear:both;width:100%;font-size:10px;font-weight:normal;border-top:1px dotted gray;display:block;overflow:none}
#events li span.geo {display:none}

#regeo_message{display:none}

/*#mapholder {float:left;margin:10px;display:block;background:#E5E3DF}*/

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

div.ready, div.error{padding:4px;text-align:center;font-size:12px;margin:2px;border:1px solid gray}
div.ready {background:#d0f299}
div.error {background:#ffebeb}

#directionpanel{clear:both;float:left;margin:10px auto;width:500px;display:block;background:#F6FFCC;}
input, select { margin-bottom:12px; padding: .4em}
label { display:block}
fieldset { padding:0; border:0; margin-top:25px; }
#events-controls button, li button {height:20px;width:30px;}

#dlg_login {margin:50px auto;width:300px;padding:10px;}
#dlg_login fieldset input {width:95%}
#dlg_newevent {display:none}
#dlg_newevent h2 {margin:0;padding:0}

#todo {list-style-type: none; margin: 20px; padding: 4px 0 0 0; width:100%;border-bottom:1px dotted gray}
#todo li {clear:both}
#todo li span {float:left}
#todo li.dayheader {height:20px;line-height:30px;border-bottom:1px solid gray}

#goog-fixurl{	width:400px;margin:10px auto;padding:10px;}

#tabs {width:600px;margin:5px auto;padding:2px;}
#tabs input, #tabs select {width:95%;}
#tabs div.formcolor {float:left;width:77px;overflow:hidden;padding:1px;}
#tabs div.formcolor label, #tabs div.formcolor input{width:50px;}

/* Görgethető autocomplet listák */
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
/* Popup menü */
.ui-popup { position: absolute; z-index: 5000; }
.ui-menu { width: 200px; }

#events-filter-options {float:right!important;height:16px!important;}