/* Top-level styles */
html
{
    text-align: center;
}

body
{
    position: relative;
    width: 700px;
    margin: 0px auto;
    text-align: left;
}

.parkingfriend
{
    background-image: url('/stylesheets/skins/sympathique/background.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.abba-transfert
{
    background-image: url('/images/background-abba.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

/*
This is a special style for IE6... the problem is that the
"Painless PNG" Rails plugin creates a DIV from the IMG...
*/
div#logo img, div#logo div
{
    z-index: 10;
    position: absolute;
    left: -75px;
    top: 0px;
}

div#only15 img, div#only15 div
{
	z-index: 11;
	position: absolute;
	left: 630px;
	top: 180px;
}

/* Branding */
div#branding
{
    padding-top: 65px;
    height: 150px;
}

div#brandingAbba
{
    padding-top: 65px;
    height: 150px;
}

#branding h1
{
    margin-left: 49px;
}

#brandingAbba h1
{
    margin-left: 49px;
}


div#branding blockquote
{
    position: relative;
    top: -6px;
    left: 195px;
    width: 420px;
}

div#brandingAbba blockquote
{
    position: relative;
    top: -6px;
    left: 125px;
    width: 480px;
}

/* Content columns */
div#content
{
    position: relative;
    width: 100%;
}

div#content_main
{
	padding: 5px;
}

div#content_main h2
{
	margin-top: 20px;
}

div.accordion_content
{
	display: none;
	overflow: hidden;
}

ul
{
	list-style-type: disc;
	list-style-position: inside;
}

ol
{
	list-style-type: lower-alpha;
	list-style-position: inside;
}

/* Layouts for the non-content part */
div#branding, div#navigation, div#site_info
{
    width: 100%;
}

/* Navigation */
div#navigation
{
    position: relative;
    height: 50px;
    overflow: hidden;
    padding: 0px;
}

div#navigation p
{
    position: relative;
    top: 2px;
    left: 250px;
    width: 380px;
	text-align: right;
}

/* Skype information */
div#skype
{
	position: absolute;
	top: 254px;
	left: 536px;
}

ul#nav
{
    position: relative;
    top: 0px;
    left: 10px;
    margin: 0;
    width: 640px;
    height: 40px;
}

ul#nav li
{
    display: inline;
	padding-bottom: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	cursor: pointer;
}

/* Footer */
div#site_info
{
    position: relative;
    width: 100%;
    height: 20px;
}

div#site_info p
{
	text-align: center;
	padding-top: 2px;
}

/* Flash and error messages */
div#errorExplanation, p#flash_notice
{
	padding: 10px;
}

div#errorExplanation h2
{
	margin-top: 0em;
}

/* Author information */
div#authorship
{
	margin-top: 10px;
}

div#authorship p
{
	text-align: center;
}

/* Forms */
input.datepicker
{
	width: 150px;
}

table.form tr.form_field input, tr.form_field select
{
	width: 200px;
}

table.form_popup tr.form_popup_field input, tr.form_popup_field select
{
	width: 100px;
}

table.form_popup td
{
	padding-right: 5px;
}

table.form td
{
	padding-right: 5px;
	width: 200px;
}

input.flightNumber
{
	width: 40px;
}

input.extra_checkbox, p.action_button input.terms_checkbox
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

input.extra_checkbox, p.action_button_terms input.terms_checkbox
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

p.action_button input.terms_checkbox, table.form input.payment_checkbox
{
	width: 20px!important;
	height: 20px;
	margin-right: 0px;
}

p.action_button_terms input.terms_checkbox
{
	width: 20px!important;
	height: 20px;
	margin-right: 0px;
}

p.action_button, p.action_button_terms
{
	text-align: right;
	vertical-align: middle;
}

p.action_button a
{
	text-align: center;
    float: left;
    display: block;
	cursor: pointer;
	width: 180px;
	height: 45px;
}

p.action_button input, p.action_button_terms input
{
	cursor: pointer;
	width: 180px;
	height: 50px;
}


p.action_button input[disabled], p.action_button input.disabled,p.action_button_terms input[disabled], p.action_button_terms input.disabled
{
	cursor: default;
    background-color: #939393;
	color: #111;
}

input#remember_me
{
	width: 15px;
	height: 15px;
}

input#other_booking_other
{
	width: 200px;
}

/* Invoice tables */
table.invoice
{
	width: 100%;
}

table.invoice td
{
	padding: 3px;
}

table.invoice td.currency
{
	text-align: right;
}

/* Language buttons */
div#language
{
  position: absolute;
  top: 200px;
  left: 130px;
}

div#language li
{
  padding: 5px;
  display: inline;
  cursor: pointer;
}

div#leftside
{
padding-top: 65px;
height: 150px;
  position: absolute;
  top: 150px;
  left: -125px;
  width: 150px;
}
div#leftside p
{
    color: #829999;
  font-size: 1.4em;
  font-weight:bold;
  margin-top:6px;
}
div#leftside p:first-letter
{
  color: #DE7C00;
  font-size: 1.6em;
}