@charset "utf-8";
/* 
Theme Name: 	Latley;
Description: 	Stylesheet;
Author: 			Christian Siegrist;
Start:				2008-28-10;
Last Update:	2008-29-10;
/*

universal reset
/////////////////////////////////////////////////////////////////*/

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-align:left;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
div{position:relative;}

/*
ie6 png fix
//////////////////////////*/

/*
html and body
//////////////////////////*/

html, body{height:100%; background-color:#F6F6F6;}
body.home {height:auto;text-align:center;padding-top:20%;}
/*
typography
/////////////////////////////////////////////////////////////////*/

/* Links */
a{text-decoration:none;}
a:link{color:#723B51;}
a:visited{color:#723B51;}
a:hover{color:#441425;}
p a{text-decoration:underline;}
p.edit-this{padding:0 0 30px 0; text-align:center;}
ul a{text-decoration:underline;}
h2 a, h3 a{text-decoration:none; background:url("img/link.png") no-repeat; padding:0 0 0 13px; color:#666666 !important;}
h2 a:hover, h3 a:hover{text-decoration:none; background:url("img/link_hover.png") no-repeat; padding:0 0 0 13px; color:#441425 !important;}
#mainbar h2 a,#mainbar h3 a{text-decoration:none; background:url("img/link.png") no-repeat; padding:0 0 0 13px; margin:0 0 0 10px;}
#mainbar h2 a:hover,#mainbar h3 a:hover{text-decoration:none; background:url("img/link_hover.png") no-repeat; padding:0 0 0 13px; margin:0 0 0 10px;}
/* paragrphs */
p{font-family:Garamond, Times; font-weight:normal; font-size:15px; line-height:20px; color:#444444; text-align:left; margin:0 0 15px 0;}
/*messages */
.error-message{font-family:Garamond, Times; font-weight:normal; font-size:14px; line-height:20px; color:red; text-align:left; margin:0 0 15px 0;}
.message{font-family:Garamond, Times; font-weight:normal; font-size:14px; margin:0 0 20px 0; padding: 6px 7px; background:#FFFBCC; border:1px solid #E6BD55;}
/* headlines */
h1{font-family:Garamond, Times; font-weight:normal; font-size:25px; line-height:25px; color:#441425; text-align:left; margin:0 0 15px 0;}
h2{font-family:Garamond, Times; font-weight:normal; font-size:25px; line-height:25px; color:#441425; text-align:left; margin:0 0 15px 0;}
h3{font-family:Garamond, Times; font-weight:normal; font-size:25px; line-height:25px; color:#441425; text-align:left; margin:10px 0 15px 0; padding:30px 0 0 0;}
h4{font-family:Garamond, Times; font-weight:normal; font-size:25px; line-height:25px; color:#666666; text-align:left; margin:0 0 15px 0;}
h5{font-family:Garamond, Times; font-weight:normal; font-size:15px; line-height:20px; color:#441425; text-align:left; margin:0 0 0 0;}
/* styles */
strong{font-weight: bold;}

/*
lists
/////////////////////////////////////////////////////////////////*/

ul{font-family:Garamond, Times; font-weight:normal; font-size:15px; line-height:20px; color:#444444; text-align:left; margin:0 0 15px 0;}
li{list-style:none;}

/*
horizontal ruler
/////////////////////////////////////////////////////////////////*/

hr{border:1px dashed black;}

/*
images
/////////////////////////////////////////////////////////////////*/

img{}
td.third img{width:auto; height:15px; margin-left:4px !important; float:right; opacity:0.5;}
td.third img:hover{opacity:1;}

table.jobs img{width:auto; height:15px; margin-left:4px !important; float:right; opacity:0.5;}
table.jobs img:hover{opacity:1;}

div#driver_jobs img{width:auto; height:15px; margin-left:4px !important; float:right; opacity:0.5;}
div#driver_jobs img:hover{opacity:1;}

td.seccond img{width:100%;}

/*
tables
/////////////////////////////////////////////////////////////////*/

table{font-family:Garamond, Times; font-weight:normal; font-size:15px; line-height:20px; color:#444444; text-align:left; margin:0; padding:0; width:100%; border-collapse:collapse;}
th{font-weight:bold; border-bottom:1px solid #DDDDDD; padding:5px 0 5px 0;}
tr{}
td{border-bottom:1px solid #DDDDDD; padding:5px 0 5px 0; vertical-align:top;}
table.contacts td{border-top:1px solid #DDDDDD; border-bottom:none}
table.contacts tr.top td{border:none; padding:0;}
table.contacts tr.top td.first, .clients.view tr.top td.seccond{padding:5px 0 5px 0;}
table.contacts tr.top td.third{padding:2px 0 0 0;}
tr.top{border-top:1px solid #555555;}
td.first{width:33% !important; min-width:33% !important; font-weight: bold;}
td.seccond{width:35% !important;}
table.contacts td.first{width:48% !important;}
table.contacts td.seccond{width:43% !important;}
table.contacts td.third{width:9% !important;}

table.jobs thead{border-bottom:1px solid #555555;}
table.jobs th{border-bottom:none;}
table.jobs td{padding:0;}
table.jobs td.title{width:50%; padding:5px 0;}
table.jobs td.date{width:25%; padding:5px 0;}
table.jobs td.actions{padding-top:3px;}

table.cars td{border-top:1px solid #DDDDDD; border-bottom:none}
table.cars tr.top td{border:none;}
table.cars tr.top td.third{padding:2px 0 0 0;}

div#driver_jobs td, div#driver_jobs th{border:none; padding:0;}
div#driver_jobs td.infos, div#driver_jobs td.status{padding:5px 0;}
div#driver_jobs td.actions{padding:3px 0 0 0;}
div#driver_jobs thead tr{border-bottom:1px solid #555555;}
div#driver_jobs tbody tr{border-bottom:1px solid #DDDDDD;}
div#driver_jobs th.infos{width:40% !important;}
div#driver_jobs th.status{width:16% !important;}
div#driver_jobs th.actions{width:4% !important;}

div.driver_jobs_edit td, div.driver_jobs_view td{border:none; border-bottom:1px solid #DDDDDD;}
div.driver_jobs_edit tr, div.driver_jobs_view tr{border-top:1px solid #555555;}

div.driver_jobs_view thead tr{border-bottom:1px solid #555555;}
div.driver_jobs_view tbody tr{border-bottom:1px solid #DDDDDD;}
div.driver_jobs_view table.group th{width:33%;}

div.driver_profile td{border:none;}
div.driver_profile thead{border-bottom:1px solid #555555;}
div.driver_profile tbody tr{border-bottom:1px solid #DDDDDD;}

div.project_details_drivers th, div.project_details_cars th{border-bottom:1px solid #555555;}
div.project_details_drivers td, div.project_details_cars td{border-bottom:1px solid #DDDDDD; border-top:none;}

div.project_details_drivers th{width:23% !important;}
div.project_details_drivers th.rating{width:31% !important;}

/*
forms
/////////////////////////////////////////////////////////////////*/

form{}
input{display:block; margin:5px 0 15px 0; width:140px; height:14px;}
input#subject{width:266px; height:14px;}
label{font-family:Garamond, Times; font-weight:normal; font-size:15px; line-height:20px; color:#444444; text-align:left; margin:0; padding:0;}
#MessageVehicle{width:190px; margin:0; padding:0;}
.checkbox input{display:inline-block; width:15px !important; height:15px !important; margin:0 !important; padding:0 !important;}
.checkbox label{display:inline-block !important; margin:0 0 0 15px; padding:0;}
.input label{display:block;}
#MessageGuestnames{width:324px !important;}
#MessageComment{width:398px !important; max-width:398px !important;}
#MessageContent{width:398px !important; max-width:398px !important;}
#subject_reservation{display:none;}
#subject{width:394px !important;}
select{margin:5px 2px 20px 2px;}

div.form-wrapper{width:440px; margin:0; padding:0; display:inline-block;}
div.form-content{float:left; width:400px; margin:5px 0 0 0; border:1px dashed #CCCCCC; border-bottom:none; padding:20px; clear:both;}
div.form-content-bottom{float:left; width:400px; margin:0 0 20px 0; border:1px dashed #CCCCCC; padding:20px; clear:both;}

div.form-content input{width:184px; display:inline;}
div.form-row select{width:123px;}
div.form-row input{width:394px;}
div.form-row textarea{width:396px;}

div.form-content div.form_column_left{float:left; margin:0 20px 0 0;}
div.form-content div.form_column_right{float:left;}
div.edit.profile div.form_column_left.image{width:184px;}
div.edit.profile div.form_column_right.image{width:190px; margin:16px 0 0 6px;}
div.edit.profile div.form_column_right img{width:100%;}
#DriverNewimage{height:20px;}
div.form-content-bottom input{width:184px; display:inline;}
div.form-content-bottom div.form_column_left{float:left; margin:0 20px 0 0;}
div.form-content-bottom div.form_column_right{float:left;}
div.form_buttons{float:left; margin:20px 0 0 0; width:100%;}
div.form_buttons input{float:left; height:20px;}
div.form_buttons .submit{float:right; margin:0 0 0 10px;}

/*
buttons
/////////////////////////////////////////////////////////////////*/
.submit{float:right;}
.form_buttons input{float:left; height:20px;}

/*
content
/////////////////////////////////////////////////////////////////*/

/* allgemein */
#homepage, #homepage p {position:relative; text-align:center;}
#wrapper{position:relative; width:768px; margin:auto; background:white url("img/background.png") repeat-y;}
#header{position:relative; width:100%; height:139px; background:url("img/header_bright.png") no-repeat;}
#slide{position:relative; width:100%; height:456px; margin:0 0 0 30px;}
#content{position:relative; width:100%; position:relative; z-index:11; margin:-258px 0 -18px 0; float:left; padding:0 0 30px 30px; background: url("img/sidebar_background.png") repeat-y 509px 0;}
#mainbar{position:relative; float:left; width:440px; padding:60px 20px 0 20px;}
#sidebar{position:relative; float:left; width:188px; padding:60px 20px 0 20px; min-height:186px;}
#footer{position:relative; width:100%; height:51px; background:url("img/footer.png") no-repeat;}
#user_login #remember {width:100%;}
#user_login #remember p{position:absolute; margin-bottom:0; right:0;}
#user_login #remember .checkbox{float:left;}
#user_login #remember label{margin-left:4px;}
/* menu */
#menu{position:relative; top:-446px; z-index:11; padding:0 0 0 35px;}
#menu ul{width:800px; height:30px; list-style-type:none; margin:0; padding:0;}
#menu ul li{list-style:none; float:left; margin:0;}
#menu ul li.first{display:none;}
#menu ul li a{display:block; width:129px; height:30px; color:#a18b64; opacity:.8; margin-left:-11px; margin-top:-10px; text-decoration:none; background:url("img/normal.png") no-repeat; text-align:center; padding-top:5px;}
#menu ul li a:hover{background:url("img/hover.png") no-repeat !important; color:#a18b64;}
#menu ul li.current a{background:url("img/active_bright.png") no-repeat; color:#a18b64; opacity:1;}
#menu ul li.current a:hover{background:url("img/active_bright.png") no-repeat !important; color:#a18b64; opacity:1;}
/* slideshow */
#slide img{position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slide img.active{z-index:10; opacity:1.0;}
#slide img.last-active{z-index:9;}
/* mainbar */
#mainbar img{margin:5px 0 5px 0;}
#mainbar li{list-style-image:url("img/dash.png"); margin:0 0 0 12px;}
#mainbar div.form_container{float:left; width:400px; margin:0 0 0 0; border:1px dashed #CCCCCC; border-bottom:none; padding:20px; clear:both;}
#mainbar div.form_container input{width: 184px;}
#mainbar div.form_container div.form_column_left{float:left; margin:0 20px 0 0;}
#mainbar div.form_container div.form_column_right{float:left;}
#mainbar div.error-message{width:180px;}
#mainbar div.form_container_bottom{border:1px dashed #CCCCCC;}
#mainbar div.form_buttons{float:left; margin:20px 0 0 0; width:100%;}
#mainbar div.form_row{float:left;}
/* downloads */
#mainbar div#downloads ul {margin:35px -30px 0 15px;}
#mainbar div#downloads ul li{list-style:none; float:left; margin:0 40px 0 0;}
#mainbar div#downloads ul li p{text-align:center;}

/* sidebar */
#sidebar p, #sidebar ul{color:#666666;}

/* tele tabbies */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style: none;
	margin:0;
	padding:0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	margin:0 20px 0 0 !important;
	padding:0;
    float: left;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	
    float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {

    padding-left: 0px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {

}

.ui-tabs-nav .ui-tabs-selected a h2 {
    color: #46143a;
}
.ui-tabs-nav a h2 {
    color: #aaa;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
    cursor: pointer;
}
.ui-tabs-disabled {

}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
}

* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}