/* table of contents:

	GENERAL 
	LAYOUT
	HEADER
		login form /  userinfo box
	
	





/* _GENERAL STYLES */

/* reset styles */
html, body, ul, li, a, span, div, h1, fieldset, legend, label, form, input, img, h1, h2, h3, h4, h5, h6, button{
	margin:0;
	padding:0;
}

/* font properties */
body {
	font-size: 62.5%; /*  that will make 1 em ~10px */
	font-family: verdana, tahoma ,sans-serif;
}
h1 { font-size: 2em; } /* 20px */
h2, h3, h4, h5, h6 { font-size: 1.2em; } /* 12px */
a { font-size: 1.2em; } /* 12px */

li {
	list-style-type: none;
}

a img {
	border: none;
}

select {
	height: 18px;
}

.left {
	float: left;
}

.right {
	float: right;
}

select.hidden {
	display: none;
}

.invisible {
	display: none;
	/* needs to be changed */
}

.clear {
	clear: both;
}

a.button {
	text-decoration: none;
}

/*
 *  button styles for the site 
 * http://hribar.info/en/archive/81/entrie.html
 */

button {
	position: relative;
	padding: 3px 6px 3px 6px; /* center text */
	border: none;
	background: #8ed716 url(../css/../img/button.gif) repeat-x top left;
	height: 22px;
	color: #fff;
	font-family: verdana;
	font-size: 11px;
	width:auto; /* for ie button width fix */
    overflow:visible; /* for ie button width fix */
	cursor: pointer;
}

.js button {
	background: url(../css/../img/buttonLeft.gif) no-repeat top left;
	padding-left: 11px;
	
}
	
.js div.buttonEnd {
	background: url(../css/../img/buttonRight.gif) no-repeat top right;
	height: 22px;
	position: absolute;
    display: inline;
    width: 5px;
}

.error {
	color: red;
}

/* end of GENERAL STYLES */






/* _LAYOUT STYLES */
#nonIE #container {
	min-width: 98em;
	max-width: 117.4em;
	margin:0 auto;
}
/* min and max width for ie6 and ie7*/
#IE6 #container, #IE7 #container,{
	width: expression(document.body.clientWidth < 982? "980px" : document.body.clientWidth > 1172? "1170px" : "auto");
	margin:0 auto;
}
#innerContainer {
	margin:0 10px;
}
#contentWrapper {
	float:left;
	width: 100%;
}

#IE6 #contentWrapper , #IE7 #contentWrapper  {
	width:98.2%;
}

#contentWrapperOuter {
	margin-top: 5px;
	margin-bottom: 30px;
}

#content {
	margin-right: 325px;
	margin-left: 20px;
}
#sideBar {
	float:left;
	width:249px;
	margin-left:-304px;
	text-align: center;
}
#sideBar  table {
	display: inline;
}
#sideBar  table {
	display: inline;
}
#footer {
	clear:left;
}
/* -------------------- */
#contentWrapper, #sideBar  {
	margin-top: 10px;
	margin-bottom: 30px;
}






/* end of LAYOUT STYLES */

/* _HEADER STYLES */

#container {
	background: url(../css/../img/header.jpg) no-repeat 10px 0px;
}

/* login form */

div.login-userInfo {
	background-color: #fff;
	float: right;
	width: 300px;
	position: relative;
	left: 10px;
}

div.login-userInfo  form {
	width: 250px;
	height: 176px;
	padding: 20px;
	text-align: right;
	float: left;
	background: #fff url(../css/../img/login-userInfoBg.gif) repeat-x bottom left;
}

div.login-userInfo  form  h4.headline1 {
	margin-bottom: 20px;
	background: url(../css/../img/h4Bg.gif) repeat-x top left;
	height: 19px;
	padding-top: 2px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}


.js div.login-userInfo  form  div.headlineWrapper {
	background: url(../css/../img/h4Left.gif) no-repeat top left;
}

.js div.login-userInfo  form  h4.headline1 {
	background: url(../css/../img/h4Right.gif) no-repeat top right;
}


div.login-userInfo  form  label {
	display: block;
	color: #549d06;
	height: 16px;
	padding-top:5px;
	margin-bottom: 3px;
	text-align: right;
	width: 90px;
}
#IE6 div.login-userInfo  form  label , #IE7 div.login-userInfo  form  label {
	margin-bottom: 7px;
	margin-top: 1px;
}

div.login-userInfo  form  input {
	display: block;
	width: 145px;
	height: 19px;
	margin-bottom: 3px;
}

div.login-userInfo #password {
	margin-bottom: 10px;
}

div.login-userInfo  form  a {
	display: block;
	clear: both;
	color: #549d06;
}

div.login-userInfo  a#forgot_password {
	padding-top: 10px;
}

#IE6 div.login-userInfo  form  div.login_links, #IE7 div.login-userInfo  form  div.login_links {
	margin-top: -20px;
}

div.login-userInfo .userinfo {
	text-align: center;
}

div.login-userInfo .userinfo a {
	margin-bottom: 5px;
}




/* end of _HEADER STYLES
*/

/* _NAVIGATION STYLES
*/
#navigation  {
	margin-left: 230px;
	clear: both;
}

#navigation li {
	float: left;
	margin-right: 3px;
	background: url(../css/../img/navRightBg.gif) no-repeat top right;
}

#navigation li a {
	float: left;
	display: block;
	height: 26px;
	padding: 4px 8px 0 8px;
	background: url(../css/../img/navLeftBg.gif) no-repeat top left;
	color: #fff;
}


/* end of _NAVIGATION STYLES */

/* _content styles */

#contentWrapperOuter {
	background: url(../css/../img/contentBg.gif) repeat-x top left;
	float: left;
	width: 100%;
}

#c2 {
	background: url(../css/../img/contentLeft.gif) no-repeat top left;
	//float: left;
	width: 100%;
}

#c3{
	background: url(../css/../img/contentRight.gif) no-repeat top right;
	//float: left;
	width: 100%;
}

#c4 {
	background: url(../css/../img/contentLeftBottom.gif) no-repeat bottom left;
	//float: left;
	width: 100%;
}

#c5 {
	background: url(../css/../img/contentRightBottom.gif) no-repeat bottom right;
	//float: left;
	width: 100%;
}




#content {
	min-height: 300px;
}
#IE6 #content {
	height: 300px; /* teated as min-height */
}
#content a {
	font-size: 11px;
}


/* _search form styles */
form#search {
	padding: 20px 0 0 200px;
	height: 140px;
	background: url(../css/../img/searchBarBg.gif) no-repeat 50px -8px;
}

form#search div {
	margin-top: 10px;
	clear: left;
	float: left;
	width: 100%;
}
form#search div.line1 {
	margin-top: 0;
}

form#search div select {
	display: block;
	width: 140px;
	font-size: 1.2em;
}

#IE7 form#search div select, #IE6 form#search div select {
	height: 21px;
}

form#search div label {
	display: block;
	float: left;
	margin-right: 10px;
}
form#search div.line1 label{
	float: none;
	display: inline;
}

form#search div.line3 select, form#search input#departure_date {
	display: block;
	width: 110px;
}

form#search div.local label#travelling_from_country, 
form#search div.local label#travelling_to_country {
	display: none;
}

form#search div.international label#travelling_from_city, 
form#search div.international label#travelling_to_city {
	display: none;
}

form#search  div select#num_of_seets {
	width: 85px;
}

form#search input.button {
	margin-top: 11px;
	background: url(../css/../img/searchButton.gif);
}

/* ARTIMIAUSIOS KELIONES header */
h2 {
	clear: left;
	padding: 30px 0 0 0px;
	background: url(../css/../img/searchBarBottom.gif) repeat-x top left;
	margin: 0 20px 3px 20px;
	font-size: 1.8em;
	font-family: arial;
	color: #676767;
	font-weight: normal;
}

/* _routs table styles */
table#routes {
	width: 100%;
	border-collapse: collapse;
}

table#routes td a{
	color: #111;
	font-size: 1em;
	cursor: pointer;
}

table#routes td {
	border: #d4d4d4 1px solid;
}
table#routes td {
	border-bottom: #fff 1px solid;
	text-align: center;
	padding: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}


table#routes th {
	background: url(../css/../img/tableHeaderBg.gif) repeat-x top left;
	height: 27px;
	border: #fff 1px solid;
	border-top: #6caad3 1px solid;
}

table#routes th.first {
	border-left: #6caad3 1px solid;
}

table#routes .date {
	float:left;
}

table#routes .time {
	float:right;
}

table#routes .col1 {
	width: 20em;
}
.user_ads_list table#routes .col1 {
	width: 33em;
}

table#routes .col2 {
	width: 65em;
}

table#routes  ul li {
	float: left;
	margin-right: 10px;
}

table#routes .col3  {
	width: 15em;
}

table#routes .col4  {
	width: 6em;
}

table#routes .col5  {
	width: 14em;
}

table#routes th.last {
	border-right: #6caad3 1px solid;
}

table#routes tr td {
	background-color: #b7cad9;
}

table#routes tr td a{
	text-decoration: none;
}

table#routes tr.altColor td {
	background-color: #f3f3f3;
}

table#routes tr.last td {
	border-bottom:  #d4d4d4 1px solid;
}
tr.highlight{ 
	cursor: pointer;
}

/* SideBar styles */
#sideBar {
	padding-left: 28px;
	padding-top: 19px;
}

#sideBar ul li {
	margin-bottom: 8px;
	text-align: right;
}

#sideBar ul li a {
	display: block;
	color: #fff;
	font-style: italic;
	text-decoration: none;
	padding-right: 30px;
}
#sideBar ul li a:hover {
	text-decoration: underline;
}

/* add new Add button */
#sideBar ul li#newAdd_button a {
	background: url(../css/../img/newAddBg.gif) no-repeat;
	height: 37px;
	padding-top: 35px;
}

/* local trips button */
#sideBar ul li#localTrips_button a {
	background: url(../css/../img/localTripsBg.gif) no-repeat;
	height: 37px;
	padding-top: 26px;
}

/* international trips button */
#sideBar ul li#internationalTrips_button a {
	background: url(../css/../img/internationalTripsBg.gif) no-repeat;
	height: 37px;
	padding-top: 26px;
}

#sideBar h4.headline2 {
	background: url(../css/../img/headline2LeftBg.gif) no-repeat 0% 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sideBar h4.headline2 div {
	background: url(../css/../img/headline2RightBg.gif) no-repeat 100% 0px;
	height: 23px;
	padding-top: 9px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* adds */
#sideBar .extra_ads img {
	margin-bottom: 10px;
	margin-right: 2px;
}
#sideBar .extra_ads img.even {
	margin-right: 0;
}
/* end of Sidebar styles */



/* _FOOTER STYLES 
*/
#footer {
	background: #287ebc url(../css/../img/footerLeft.gif) no-repeat top left;
	color: #fff;
}

#footer a {
	color: #fff;
	font-size: 11px;
}

#footer div {
	background: url(../css/../img/footerRight.gif) no-repeat top right;
	padding-top: 10px;
	padding-left: 20px;
	height: 24px;
}

	

/* end of _FOOTER STYLES 
*/



/* register */


.innerPage #content {
	padding: 40px;
}

.innerPage h1 {
	margin-bottom: 20px;
}

.innerPage label {
	display: block;
}

.innerPage input {
	margin-bottom: 10px;
}

/* new_ad */

.new_ad form *{
	/* display: block; */
}

.new_ad form input{
	 display: block;
}

.new_ad form input, .new_ad form select{
	width: 160px;
}

.new_ad form select {
	display: inline;
}

#IE7 .new_ad form select {
	height: 20px;
}

.new_ad form #num_of_seets, .new_ad form #price, .new_ad form #departure_time {
	width: 60px;
}


.new_ad form textarea{
	width: 400px;
	height: 150px;
}

#IE6 .new_ad  #route_point2, #IE7 .new_ad  #route_point2 {
	margin-bottom: 0px;
}

#nonIE .new_ad  #route_point2 {
	margin-bottom: 2px;
}

/* ad page */
.ad ul, .ad p {
	margin: 4px;
	margin-bottom: 10px;
}

.user_ads_list h2 {
	background-image: none;
	padding-top: 0px;
	font-size: 1.2em;
}

.user_ads_list a {
	line-height: 180%;
}

/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #E0F4D7;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #85c3f0; /* FF9900; */
	z-index: 10;
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #a8d0ec !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #E0F4D7;
	color: #000;
}
*html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	background: #85c3f0; /* FF9900; */
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #E0F4D7;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 30%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 40%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #a8d0ec;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #a8d0ec;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #7fb6dd;
	color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #7fb6dd;
}
.ui-datepicker-days-row {
	background: #FFF;
	color: #666;
}
.ui-datepicker-week-col {
	background: #7fb6dd;
	color: #000;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #DDD;
}
.ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #E0F4D7;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #7fb6dd !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #FFF !important;
	border: 1px solid #777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #7fb6dd !important;
}
* html .ui-datepicker-week-end-cell {
	background: #E0F4D7 !important;
	border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #a8d0ec !important;
}
.ui-datepicker-today {
	background: #7fb6dd !important;
}
.ui-datepicker-current-day {
	background: #a8d0ec !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.ui-datepicker-title-row a {
	color: #000 !important;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #a8d0ec;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}