@charset "utf-8";
/* CSS Document */

body {
 background-image: url(images/background-gradient.jpg);
 background-repeat: repeat-x;
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #1c1c1c;
 margin-top: 0px;
 margin-bottom: 0px;
}

#newbooking a
{
	float:right; 
	display:block; 
	padding:5px; 
	background:#062B77;
	color: #6A93ED;
	text-decoration:none;
	font-weight:normal;
}

#newbooking a:hover
{
	color:#ed7a05;
}

h1 {
 font: normal 22px Arial, Helvetica, sans-serif;
 color: #ed7a0e;
 text-align: left;
}

h2 {
 font: normal 18px Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
}

h3 {
 font: normal 18px Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
 padding-top: 0px;
 margin-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
a {
 color: #1353e2;
 text-decoration: underline;
}

a:hover {
 color: #ed7a0f;
 text-decoration: none;
}
.orangebig { 
 color: #ed7a0f;
 font-size: 16px; 
}

input {
	border: 1px solid #D6D6D6; 
}
textarea {
	border: 1px solid #D6D6D6; 
}
input.checkbox, input.radio, input.image { 
	border: 0 !important; 
}
select {
	border: 1px solid #D6D6D6; 
}

.date-button {
	width: 14px;
	height: 14px;
	background-image: url(images/date-button.gif);
	background-repeat: no-repeat;
	border: 0px;	
}

#wrap {
 width: 898px;
 margin: 0px auto;
 background-image: url(images/wrap-background.gif);
 background-repeat: repeat-y;
}

#header {
 width: 898px;
 height: 202px;
 background-image: url(images/header-image.gif);
 background-repeat: no-repeat;
}

#main-menu-bar {
 width: 800px;
 padding-left: 0px;
 padding-top: 5px;
}

#page {
 width: 898px;
 min-height: 687px;
 background-image: url(images/page-background.gif);
 background-repeat: no-repeat;
}

#admin-page {
 width: 898px;
 min-height: 687px;
 background-image: url(images/admin-page-background.gif);
 background-repeat: no-repeat;
}

#page-footer {
 width: 898px;
 height: 63px;
 background-image: url(images/footer-background.gif);
 background-repeat: no-repeat;
}

.page-footer-text {
 font-size: 10px;
 text-align: center;
 padding-top: 20px;
 color: #FFFFFF;
}

.white-link {
 color: #FFFFFF;
 text-decoration: none;
}

.white-link:hover {
 color: #ed7a0f;
 text-decoration: underline;
}

#content-left {
 width: 600px;
 padding-left: 60px;
 padding-top: 50px;
 padding-bottom: 50px;
 text-align: justify;
 float: left;
}

#content-right {
 width: 160px;
 padding-top: 110px;
 float: right;
 line-height: 20px;
}

#content-admin {
 width: 780px;
 padding-left: 60px;
 padding-top: 50px;
 padding-bottom: 50px;
 text-align: justify;
 float: left;
}

#left {
 width: 600px;
 padding-left: 60px;
 padding-top: 50px;
 padding-bottom: 50px;
 text-align: justify;
 float: left;
}

#right {
 width: 160px;
 padding-top: 110px;
 float: right;
 line-height: 20px;
}

#right-nopad {
 clear: right;
 padding-right: 5px;
 width: 185px;
 float: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

#right .right {
 color: #011b4c;
 text-decoration: none;
 float: left;
}

#right .right:hover {
 color: #ed7a0e;
 text-decoration: underline;
 float: left;
}

.html-textarea {
	width: 400px;
	height: 200px;
}

.black { color: #000000; }
.blue { color: #1250da; }
.orange { color: #ed7a0f; }

.table-form td {
	padding-left: 10px;
	padding-bottom: 10px;
}

.navCellOff
{
BACKGROUND-COLOR: #062B77;
}
.navCellOn
{
BACKGROUND-COLOR: orange;
} 

.sortable {
	border-collapse: collapse;
	border: 1px solid #F7F7F7;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: auto;
	width: 100%;
	text-align: left;
	font-size:12px;
}
.sortable tr {
	border-bottom: 1px solid #ECECEC;
}
.sortable .alt {
	background: #ECECEC;
}
.sortable .th, .sortable th {
	background: #062B77;
	border: 1px solid #6A93ED;
	color: #6A93ED;
	font-weight: normal;
	padding: 5px;
	letter-spacing: 0.15em;
	cursor:pointer;
}
.sortable td {
	padding: 3px;
}
.sortable .client {
	color: #FFFFFF;
	background: #da6e0d;
}
.sortable .serviceprovider {
	color: #FFFFFF;
	background: #444444;
}




/*****************/
.list-table {
	border-collapse: collapse;
	border: 1px solid #F7F7F7;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: auto;
	width: 100%;
	text-align: left;
}
.list-table tr {
	border-bottom: 1px solid #ECECEC;
}
.list-table .alt {
	background: #ECECEC;
}
.list-table .th, .list-table th {
	background: #062B77;
	border: 1px solid #6A93ED;
	color: #6A93ED;
	font-weight: normal;
	padding: 5px;
	letter-spacing: 0.15em;
}
.list-table td {
	padding: 3px;
}
.list-table .client {
	color: #FFFFFF;
	background: #da6e0d;
}
.list-table .serviceprovider {
	color: #FFFFFF;
	background: #444444;
}
.legend {
	display: inline-block;
	height: 10px;
	width: 10px;
}
.legend_client {
	background-color: #da6e0d;
}
.legend_serviceprovider {
	background-color: #444444;
}
#options {
	font-size: 1.15em;
	letter-spacing: 0.10em;
	padding-bottom: 1.75em;
}
#options a {
	text-decoration: none;
}
.pagination {
	padding-top:30px;
	text-align:center;
	font-weight:bold;
}
.pagination a {
	text-decoration:none;
}
.pagination .first {
	margin-right:8px;
}
.pagination .last {
	margin-left:8px;
}
.pagination .previous {
	margin-right:5px;
}
.pagination .next {
	margin-left:5px;
}
#nav-module {
	padding-top: 20px;
	padding-bottom: 20px;
}
#booking-vehicles {
	padding-top: 20px;
	padding-bottom: 20px;
}
#vehicle-list {
}
#vehicle-list .vehicle {
	float: left;
	width: 152px;
	height: 152px;
	margin: 20px;
	margin: 20px;
}
#booking-form {
	clear: both;
}
#vehicle-info {
	padding: 20px;
}
#vehicle-info #vehicle-image {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.group {
    color: #060;   
}
ul.legend  {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
ul.legend li 
{
    width: 8.5%;
    font-size: 11px;
}
ul.legend li, ul.legend li span {
    display: inline;
    float: left;
    padding: 0;
    margin: 0 0 0 3px;
}
.flag {
	display: inline;
	float: left;
	height: 10px;
	width: 10px;
	margin-top: 2px;
}
	
.flag_1 {
	background-color: blue;
}

.flag_2 {
	background-color: yellow;
}

.flag_3 {
	background-color: green;
}

.flag_4 {
	background-color: red;
}

.flag_5 {
	background-color: brown;
}
.flag_6 {
	background-color: purple;
}
.flag_7 {
	background-color: orange;
}
.flag_8 {
	background-color: black;
}
.flag_9 {
	background-color: #FF0099;
}
.flag_10 {
	background-color: #00FFFF;
}
.flag_11 {
	background-color: #CCCC33;
}
#image_list div {
	padding-left: 120px;
}
#extra-images {
	clear: both;
	padding: 8px;
}
.image-pad {
	padding: 8px;
}
#messages_block .message .info {
	float: left;
	width: 150px;
	background: #062B77;
	border: 1px solid #6A93ED;
	border-bottom: none;
	color: #6A93ED;
	font-weight: normal;
	padding: 5px;
}
#messages_block .message .text {
	float: left;
	width: 400px;
	padding: 5px;
}
#messages_block .message .client {
	background: #da6e0d;
	border: 1px solid #ffb06a;
	color: #ffb06a;
}
#messages_block .message .serviceprovider {
	background: #444444;
	border: 1px solid #8c8c8c;
	color: #8c8c8c;
}

.clear {
	clear: both;
}

#loading {
 position: absolute; 
 width:202px;
 height:200px;
 top: 0px;
 left: 50%;
 margin-left: -101px;
}

#loading_msgBox {
 width: 200px; 
 height: 50px; 
 border: solid 1px #cccccc; 
 background-color: #ffffff;
}

#loading_msg {
 font-size:18px; 
 color:#000000;
}



/* MENU */
.chromestyle{
   width: 800px;
   font-weight: normal;
   padding-left: 29px;
   padding-top: 2px;
   font-size: 12px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
   
}

.chromestyle ul{
   border: 0px solid #cdcdcd;
   width: 100%;
   padding: 8px 0;
   margin: 0;
   text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
   display: inline;
}

.chromestyle ul li a{
   color: #ffffff;
   padding: 0px 10px;
   margin: 0;
   text-decoration: none;
   border-right: 1px solid #ffffff;
}

.chromestyle ul li a:hover{
   color: #85aaff;
   text-decoration: none;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
   content: "";/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
   position: absolute;
   top: 0;
   border: 1px solid #8d9bba; /*THEME CHANGE HERE*/
   border-bottom-width: 0;
   font: normal 12px Arial;
   line-height: 18px;
   z-index: 100;
   background-color: #001a4a;
   width: 200px;
   visibility: hidden;
}

.dropmenudiv a{
   width: auto;
   display: block;
   text-indent: 3px;
   border-bottom: 1px solid #8d9bba; /*THEME CHANGE HERE*/
   padding: 5px 4px;
   text-decoration: none;
   color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
   width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
   background-color: #da6e0d;
   color: #ffffff;
   text-decoration: none;
}