/** 
 * This file contains theme style properties for spark components:
 * colors, backgrounds, icons (sizes dependent to background images also goes here).
 * General CSS document rules are written in spark.css file.
 *
 * Contents:
 *  1. ------------------------------- Page Content --------------------------------
 *  2. ------------------------------- Input Fields --------------------------------
 *  3. ------------------------------- Label Widgets -------------------------------
 *  4. ---------------------------------- Buttons ----------------------------------
 *  5. -------------------------------- File Upload --------------------------------
 *  6. -------------------------------- Field panel --------------------------------
 *  7. ----------------------------------- Menu ------------------------------------
 *  8. --------------------------------- Tab Bars ----------------------------------
 *  9. ------------------------------ Table Component ------------------------------
 * 10. ------------------------------- Modal Widgets -------------------------------
 * 11. ------------------------------- Message panel -------------------------------
 * 12. --------------------------------- Calendar ----------------------------------
 * 13. -------------------------------- Message Icon -------------------------------
 * 14. -------------------------------- Wizard Panel -------------------------------
 * 15. ------------------------------- Printing Rules ------------------------------
 */
 
/* (+) ------------------------------- Page Content -------------------------------- */
html body { background-image: url('../img/bg.png');}
.pageFooter {
	background-image: url('../img/footerBgWide.png');;
	background-repeat: repeat-x;
}
.pageContentTop {
	background-image: url('../img/content_top_bg.png');
	background-repeat: repeat-x;
}
.noBackgroundImage { background-image: none !important;}
.noBorder {	border: none !important;}
.border { border: 1px solid #e0e0e0;}
.borderBottom {	border-bottom: 1px solid #a0a0a0;}
.lineThrough { text-decoration: line-through;}
.dragable { cursor: move;}
.dragOver {	opacity: 0.5;}
.bold {	font-weight: bold !important;}
.boldBig { font-weight: bold !important;}
.footerContacts>span { border-left: 1px solid #f0f0f0;}
.footerContacts>span:FIRST-CHILD { border: none;}
.footerContacts>*,
.footerContacts>a.spark-Anchor { color: #f0f0f0;}
.footerContacts>a.spark-Anchor:HOVER { color: #ffffff;}
.hyperlink {
	cursor: pointer;
	text-decoration: underline;
	color: #009021;
}
.heading { background-color: #e4ebf6;}
.h1 { color: #545B66;}
.h1, .h2, .headerSubject { font-weight: bold;}
fieldset.sectionPanel { border: none;}
.frachtLogo {
	height: 35px;
	width: 138px;
	display: block;
	background-image: url('../img/fracht_logo_35.png');
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left: 10px;
}
.auditIcon { background-image: url('../img/icon-eye-open.png');}
.iconContact {
	color: #000;
	cursor: pointer;
	background-image: url('../img/contact.png');
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.incomingCall {	background-image: url('../img/icon_message_in.png');}
.outcomingCall { background-image: url('../img/icon_message_out.png');}
/* (-) ------------------------------- Page Content -------------------------------- */
/* (+) ------------------------------- Input Fields -------------------------------- */
.listTableDisplayOnly .spark-Field-displayOnly { background-color: #f0f0f0;}
.spark-LocationWithAddressField-readonly .spark-SuggestField { background-color: #F4F4F4 !important;}
.spark-LocationWithAddressField a { color: #000;}
.readOnlyField {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	color: #444444 !important;
}
.spark-TextAreaSuggestField .spark-SuggestField { visibility: hidden;}
.spark-TextAreaSuggestField textarea {
	border: none;
	outline: 0px !important;
}
input.busy {
	background-image: url('../img/busy_field.gif');
	background-position: right 5px;
	background-repeat: no-repeat;
}
/* (-) ------------------------------- Input Fields -------------------------------- */
/* (+) ------------------------------- Label Widgets ------------------------------- */
.styleForLabel { font-family: sans-serif;}
.hint { color: #666666;}
.infoPopup-hint { color: #7a7a7a;}
.version-number { color: #f0f0f0;}
.predictedValue { color: #588AA8;}
.labelSold { background: url('../img/sold_h.png') no-repeat right 10px center;}
/* (-) ------------------------------- Label Widgets ------------------------------- */
/* (+) ---------------------------------- Buttons ---------------------------------- */
.button { cursor: pointer;}
.scheduleButtonLeft,
.scheduleButtonRight {
	background: none;
	background-repeat: no-repeat;
	border: none;
	opacity: 0.6;
	filter: alpha('opacity = 60');
	cursor: pointer;
}
.scheduleButtonLeft { background-image: url('../button/scheduleLeft.png');}
.scheduleButtonRight { background-image: url('../button/scheduleRight.png');}
.scheduleButtonLeft:hover,.scheduleButtonRight:hover {
	opacity: 1;
	filter: alpha('opacity = 100');
}
/* Is still needed? */
.buttonExpand .buttonImage { background-position: -16px 0px;}
.buttonExpand,
.buttonExpand:hover,
.buttonExpand:active,
.buttonExpand[disabled] { border: none !important;}
.buttonHistorySmall {
	background-position: 0px 0px;
	background-image: url('../button/zoom_before.png');
}
.buttonHistorySmall:hover {
	background-position: 0px 0px;
	background-image: url('../button/zoom_after.png');
}
.buttonPurseSmall {
	background-position: 0px 0px;
	background-image: url('../button/purseBefore.png');
}
.buttonPurseSmall:hover {
	background-position: 0px 0px;
	background-image: url('../button/purseAfter.png');
}
.buttonMoneyYaltSmall {
	background-position: 0px 0px;
	background-image: url('../button/moneyaltBefore.png');
}
.buttonMoneyYaltSmall:hover {
	background-position: 0px 0px;
	background-image: url('../button/moneyaltAfter.png');
}
.iconButton {
	background-repeat: no-repeat;
	box-shadow: none;
	opacity: 0.7;
}
.iconButton:hover {
	background-repeat: no-repeat;
	box-shadow: inset 0 0 1px #505050;
	opacity: 1;
}
/* Old version buttons */
.buttonImage, .cssButtonImage {
	background-repeat: no-repeat;
	background-position: -32px 0px;
	cursor: pointer;
}
.gwt-Button:hover .cssButtonImage,
.gwt-Button:hover .buttonImage,
a.buttonImage:hover	{ background-position: -32px 0px;}
.gwt-Button:active .cssButtonImage,
.gwt-Button:active .buttonImage,
a.buttonImage:active { background-position: -48px 0px;}
.gwt-Button[disabled] .cssButtonImage,
.gwt-Button[disabled]:active .cssButtonImage,
.gwt-Button[disabled]:hover .cssButtonImage,
.gwt-Button[disabled] .buttonImage,
.gwt-Button[disabled]:active .buttonImage,
.gwt-Button[disabled]:hover .buttonImage {
	background-position: 0px 0px;
	cursor: default;
}
.anchorSub { background-image: url('../button/anchor_sub.png');}
.buttonSave { background-image: url('../button/button_save.png');}
.buttonCancel { background-image: url('../button/button_cancel.png');}
.buttonBack { background-image: url('../button/button_back.png');}
.buttonSend { background-image: url('../button/send.png');}
.buttonForward { background-image: url('../button/button_forward.png');}
.buttonAdd { background-image: url('../button/button_add.png');}
.buttonSub { background-image: url('../button/button_sub.png');}
.anchorAdd { background-image: url('../button/anchor_add.png');}
.buttonPdf { background-image: url('../button/button_pdf.png');}
.buttonXls { background-image: url('../button/button_xls.png');}
.buttonClose { background-image: url('../button/button_close.png');}
.buttonXls, 
.buttonPdf, 
.buttonClose,
.gwt-Button:hover .buttonXls,
.gwt-Button:hover .buttonPdf,
.gwt-Button:active .buttonXls,
.gwt-Button:active .buttonPdf {	background-position: 0px 0px;}
.gwt-Button:hover .buttonClose3,
.gwt-Button:active .buttonClose3,
.anchorWithImage:hover span.buttonClose3,
.gwt-Button:hover .buttonClose2,
.gwt-Button:active .buttonClose2,
.anchorWithImage:hover span.buttonClose2,
.gwt-Button:hover .buttonMin,
.gwt-Button:active .buttonMin,
.anchorWithImage:hover span.buttonMin {	background-position: -16px 0px;}
.anchorAddSuggest {
	background-image: url('../button/anchor_add_suggest.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.anchorWithImage { cursor: pointer;}
.anchorWithImage:hover,
.anchorWithImage:active { text-decoration: underline;}
.anchorWithImage:hover .buttonImage,
a.buttonImage:hover { background-position: -32px 0px;}
.anchorWithImage:active .buttonImage,
a.buttonImage:active { background-position: -48px 0px;}
.anchorWithImage .buttonChange {
	background-position: 0px 0px;
	background-image: url('../button/button_change.png');
}
.anchorWithImage:hover .buttonChange { background-position: -11px 0px;}
.anchorWithImage .buttonCancelSmall,
.anchorWithImage:active .buttonCancelSmall {
	background-position: -16px 0px;
	background-image: url('../button/button_cancel.png');
}
.anchorWithImage .anchorAdd,
.anchorWithImage .anchorSub { background-position: -16px 0px;}
.anchorWithImage:hover .buttonCancelSmall {	background-position: -32px 0px;}
.anchorWithImage .buttonGotoSmall,
.anchorWithImage:active .buttonGotoSmall {
	background-image: url('../button/arrow_right_before.png');
	background-position: center;
}
.anchorWithImage:hover .buttonGotoSmall {
	background-image: url('../button/arrow_right_after.png');
	background-position: center;
}
.anchorWithImage .buttonPrintPdfSmall,
.anchorWithImage:active .buttonPrintPdfSmall {
	background-image: url('../button/pdf_v1.png');
	background-position: center;
}
.anchorWithImage:hover .buttonPrintPdfSmall {
	background-image: url('../button/pdf_v1.png');
	background-position: center;
}
.anchorWithImage .buttonRemoveSmall
.anchorWithImage:active .buttonRemoveSmall {
	background-position: -13px 0px;
	background-image: url('../button/button_remove.png');
}
.anchorWithImage:hover .buttonRemoveSmall {	background-position: -26px 0px;}
/* (-) ---------------------------------- Buttons ---------------------------------- */
/* (+) -------------------------------- File Upload -------------------------------- */
/* (-) -------------------------------- File Upload -------------------------------- */
/* (+) -------------------------------- Field panel -------------------------------- */
/* (-) -------------------------------- Field panel -------------------------------- */
/* (+) ----------------------------------- Menu ------------------------------------ */
.menuLevel1 {
	background-image: url('../img/menu_bg.png');
	background-repeat: repeat-x;
	/* color: #1d3b5b; */
}
.menuLevel2Panel {
	background-image: url('../img/submenu_bg_side.png');
	background-repeat: repeat-x;
	color: #9abad7;
}
.menuLevel2Panel a {
	color: #9abad7;
	text-decoration: none;
	cursor: pointer;
}
.menuLevel2Panel a,
.menuLevel2Panel button { white-space: nowrap !important;}
.menuLevel2Panel a:hover {
	color: #afcee9;
	text-decoration: underline;
}
.menuItem {
	background-repeat: repeat-x;
	cursor: pointer;
	text-decoration: none;
}
.menuLevel1 .menuItem {
	color: #1d3b5b;
	font-weight: bold;
	font-family: Times;
	text-transform: uppercase;
}
.menuLevel1 .menuItem.selected,
.menuLevel1 .menuItem.selected:hover {
	background-image: url('../img/menu_bg_active.png');
	color: #000;
}
.menuLevel1 .menuItem:hover,
.menuLevel1 .menuItem-selected { background-image: url('../img/menu_bg_hover.png');}
.menuLevel2 .menuItem {
	color: #9abad7;
	font-family: Arial;
}
.menuLevel2 .menuItem.selected,
.menuLevel2 .menuItem.selected:hover {
	color: #ffffff;
	font-weight: bold;
	background-image: url('../img/submenu_bg_active.png');
}
.menuLevel2 .menuItem:hover {
	color: #ffffff;
	background-image: url('../img/submenu_bg_hover.png');
}
.menuItem.menuItem-disabled { cursor: default;}
.menuLevel1 .menuItem.menuItem-disabled {
	color: #6F879C;
	background-image: none;
}
.menuLevel2 .menuItem.menuItem-disabled {
	color: #7B818A;
	background-image: none;
}
.menuTransition {
	background-image: url('../img/menu_right_transition.png');
	background-repeat: no-repeat;
}
.rightMenu {
	background-image: url('../img/menu_right.png');
	background-repeat: repeat-x;
}
.rightMenuItem {
	text-transform: uppercase;
	background-image: url('../img/separator.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.rightMenuItem,
.rightMenuItem a,
.rightMenuItem .spark-Icon {
	text-decoration: none;
	color: #f0f0f0 !important;
}
.rightMenuItem:hover { background-color: rgba(57, 71, 85, 0.5);}
a.headerLinkCompany { font-family: Arial;}
a.headerLinkCompany:hover { text-decoration: underline;}
a.headerLinkLogout { background-image: url('../img/button_logout.png');}
a.headerLinkLogout:hover { background-image: url('../img/button_logout_hover.png');}
a.headerLinkHelp {
	font-family: Arial;
	text-decoration: none !important;
	padding-right: 20px;
}
a.darkDropDownAnchor {
	padding: 4px;
	width: 12px;
	height: 11px;
	display: block;
}
a.darkDropDownAnchor:hover { background-image: url('../img/down_dark_hover.png');}
.headerLinkFrachtTrade .headerLinkFrachtTradeIcon { background: url('../img/fracht_logo.png') no-repeat 0 0;}
.prmptActiveSplnName {
	font-family: Times;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.anchActiveSplnName {
	font-family: Times;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.anchActiveSplnName:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
}
.planSystem {}
.planBasic {}
.planBasicPlius {}
.planProfessional {}
/** Legend **/
.legendTable td { background: url('../img/legend_bg.png') repeat-x 0 0;}
td.legendTableFirstCell { background: url('../img/legend_side.png') no-repeat 0 0;}
td.legendTableLastCell { background: url('../img/legend_side.png') no-repeat 0 -28px;}
/** ISO icons **/
.isoLogo { background-repeat: no-repeat;}
.isoLogoBig {
	visibility: hidden;
	background-repeat: no-repeat;
	/*background-color: #FFFFFF;*/
	opacity: 0.8;
	-moz-box-shadow: 2px 2px 4px #4C4C4C;
	-webkit-box-shadow: 2px 2px 4px #4C4C4C;
	box-shadow: 2px 2px 4px #4C4C4C;
}
.isoLogo:hover .isoLogoBig { visibility: visible;}
.iso9001Logo { background-image: url('../img/ISO/ISO_9001.png');}
.iso9001LogoBig { background-image: url('../img/ISO/ISO_9001_big.png');}
.iso14001Logo { background-image: url('../img/ISO/ISO_14001.png');}
.iso14001LogoBig { background-image: url('../img/ISO/ISO_14001_big.png');}
.iso27001Logo { background-image: url('../img/ISO/ISO_27001.png');}
.iso27001LogoBig { background-image: url('../img/ISO/ISO_27001_big.png');}
/* (-) ----------------------------------- Menu ------------------------------------ */
/* (+) --------------------------------- Tab Bars ---------------------------------- */
.decoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft { background: url('../img/tabbar_side.png') no-repeat 0 -56px;}
.decoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter { background: url('../img/tabbar_bg.png') repeat-x 0 -28px;}
.decoratedTabBar .gwt-TabBarItem-selected .tabTopCenter { background: none;}
.decoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight { background: url('../img/tabbar_side.png') no-repeat 0 -84px;}
.decoratedTabBar .tabMiddleCenter { background: url('../img/tabbar_bg.png') repeat-x 0 0;}
.decoratedTabBar .tabMiddleLeft { background: url('../img/tabbar_side.png') no-repeat 0px 0;}
.decoratedTabBar .tabMiddleRight { background: url('../img/tabbar_side.png') no-repeat 0 -28px;}
/* (-) --------------------------------- Tab Bars ---------------------------------- */
/* (+) ------------------------------ Table Component ------------------------------ */
.summaryCell { font-weight: bold;}
.summaryRow { cursor: default;}
/** Simple table **/
.simpleTable {
	border: none;
	background-color: #ececec;
}
.simpleTable tr:first-child td {
	background-color: #ececec;
	border: none;
	color: #6E6E6E;
	text-transform: uppercase;
	font-weight: bold;
}
.simpleTable td,
.simpleTableSeparateContent td,
.simpleTableSeparateContent tr:first-child td {
	background-color: #E1E1E1;
	border: 1px solid #ececec;
	border-top: 1px solid #b6b6b6;
	font-weight: normal;
}
.simpleTableSeparateContent tr:first-child td {
	text-transform: none;
	color: #000;
}
/** Cell list with filter button bar **/
.cellListWithFilterScroll {
	border: 1px #e0e0e0 solid;
	border-top: none;
}
/* (-) ------------------------------ Table Component ------------------------------ */
/* (+) ------------------------------- Modal Widgets ------------------------------- */
.loadingSmall {
	background: none;
	background-image: url('../img/loading_small.gif');
	background-repeat: no-repeat;
	border: none;
}
.alcsInfoPopup {
	font-family: Arial Unicode MS, Arial, sans-serif;
	font-style: normal;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 2px solid #999999;
	background-color: #ffffff;
}
.hintPopup {
	border: 1px solid #e0e0e0;
	background-color: #FFFFCC;
	color: 66666;
}
.feedbackPopup { opacity: 0.9;}
.feedbackPopup .gwt-Label {
	background-color: #FDF7AF;
	border: 1px solid #FDF7AF;
}
.alcs-loading {
	/* background-color: #fff; */
	background-image: url('../img/loading2.gif');
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
}
/* (-) ------------------------------- Modal Widgets ------------------------------- */
/* (+) ------------------------------- Message panel ------------------------------- */
/* (-) ------------------------------- Message panel ------------------------------- */
/* (+) --------------------------------- Calendar ---------------------------------- */
/* (-) --------------------------------- Calendar ---------------------------------- */
/* (+) -------------------------------- Message Icon ------------------------------- */
/* (-) -------------------------------- Message Icon ------------------------------- */
/* (+) -------------------------------- Wizard Panel ------------------------------- */
/* (-) -------------------------------- Wizard Panel ------------------------------- */
/* (+) ------------------------------- Printing Rules ------------------------------ */
/* (-) ------------------------------- Printing Rules ------------------------------ */