/*
Cascading Style Sheet (CSS)
Website       : EXTRA Shipping Center | Heumen Logistics B.V.
Version       : v1.0
Author(s)     : Jack Vermaat (info /[at]/ extralogisticsoftware.com)
Company       : EXTRA logistic software
Created on    : November 2014
*/


/* Header
-----------------------------------------------------------------------------*/
#header div.centercontent div.topheader div.logo {
    width: 231px; 
    height: 54px; 
    float: left; 
    margin: 13px 0 0 25px;
}


/* Regular Form Items
-----------------------------------------------------------------------------*/
div.formheader p span {
	color: #055b9b;
}

div.inlinelabel label span {
	color: #055b9b;
}


/* jQuery Selectbox
-----------------------------------------------------------------------------*/
.jquery-selectbox.focus {
	border-color: #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}

.jquery-selectbox .selectlist {
	border: 1px solid #055b9b;
}

.jquery-selectbox .selectoption.selected,
.jquery-selectbox .selectoption:hover {
	background: #cfe2f0;
	color: #055b9b;
}


/* jQuery Indexbox
-----------------------------------------------------------------------------*/
.jquery-indexbox .selectlist {
	border: 1px solid #055b9b;
}

.jquery-indexbox .selectoption.selected,
.jquery-indexbox .selectoption:hover {
	background: #cfe2f0;
	color: #055b9b;
}


/* Textfields
-----------------------------------------------------------------------------*/
.textfield.focus {
	border-color: #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}


/* Textareas
-----------------------------------------------------------------------------*/
.textarea.focus {
	border-color: #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}


/* Buttons (Inputs)
-----------------------------------------------------------------------------*/
input.button.color {
	border: 1px solid #055b9b;
}

input.button.color.disabled {
	border-color: #82adcd;
}


/* Buttons (Ahrefs)
-----------------------------------------------------------------------------*/
a.button.color {
	border: 1px solid #055b9b;
}

a.button.color.disabled {
	border-color: #82adcd;
}


/* Validation
-----------------------------------------------------------------------------*/
div.validation-notice span {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}

div.submit-validation {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}

div.submit-validation ul li label:hover {
	color: #830f0f;
}

div.submit-validation ul li a {
	color: #bd1818;
}

div.submit-validation ul li a:hover {
	color: #830f0f;
}


/* Login Browser Validation
-----------------------------------------------------------------------------*/
div.login-browser-validation {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}

div.login-browser-validation ul li a {
	color: #bd1818;
}

div.login-browser-validation ul li a:hover {
	color: #830f0f;
}


/* Confirmation
-----------------------------------------------------------------------------*/
div.confirmation {
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}

div.confirmation.bottom {
    margin-top: 20px;
}

div.confirmation ul li a {
	color: #055b9b;
}

div.confirmation ul li a:hover {
	color: #055b9b;
}


/* Warning
-----------------------------------------------------------------------------*/
div.warning {
	border: 1px solid #dac602;
	background-color: #ffffd8;
	color: #b89000;
}

div.warning ul li a {
	color: #b89000;
}

div.warning ul li a:hover {
	color: #cfa303;
}


/* Error-message
-----------------------------------------------------------------------------*/
div.error-message {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}

div.error-message ul li a {
	color: #bd1818;
}

div.error-message ul li a:hover {
	color: #830f0f;
}


/* Tabs
-----------------------------------------------------------------------------*/
div.tabs-overview ul.tab-list li a.active {
	border: 1px solid #055b9b;
}


/* Form Elements (Bookings, Customs Documents and Shipping Instructions)
-----------------------------------------------------------------------------*/
div.help span {
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}


/* jQuery Selectarea
-----------------------------------------------------------------------------*/
.jquery-selectarea {
	border: 1px solid #055b9b; 
}

.jquery-selectarea .selectoption.selected,
.jquery-selectarea .selectoption:hover {
	background: #cfe2f0;
	color: #055b9b;
}


/* Spreadsheet Container (Modular)
-----------------------------------------------------------------------------*/
.textarea-spreadsheet.focus {
	border-color: #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar div.availability {
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}

#sidebar div.availability.used-error {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}


/* Tooltip
-----------------------------------------------------------------------------*/
div.tooltip span {
	color: #055b9b;
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
}


/* Attached Bookings
-----------------------------------------------------------------------------*/
#availability-container div.availability.available {
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
	color: #055b9b;
}

#availability-container div.availability.not-available {
	background-color: #ffe4e4;
	border: 1px solid #bd1818;
	color: #bd1818;
}


/* Datepicker Plugin
-----------------------------------------------------------------------------*/
.ui-state-active, 
.ui-widget-content 
.ui-state-active, 
.ui-widget-header 
.ui-state-active { 
	border: 1px solid #055b9b !important;
}


/* Multiple contact sendlist
-----------------------------------------------------------------------------*/
#viewcontactsandnotifications span {
	color: #055b9b;
	border: 1px solid #055b9b;
	background-color: #cfe2f0;
}