@charset "utf-8";
/* 	CSS Styles for OPS Online Quote Form 
	Created by Lauren Markwell
	Digicon Online Quote Form
	customise specificially for Overseas Packers and Shippers
	*/

/* Menu */
.OnlineQuoteFormMenu{display:inline-table;border:1px dotted #323213;border-left:0;border-right:0px;width:100%;padding:5px 0px 10px}
.OnlineQuoteFormMenu a,.OnlineQuoteFormMenu a:link,.OnlineQuoteFormMenu a:active,.OnlineQuoteFormMenu a:visited,.step2,.step3,.step1active,.step2active,.step3active{text-transform:uppercase;font-size:1.3em;float:left;color:#fff;font-weight:700}
.OnlineQuoteFormMenu a:disabled{font-size:2.0em}
.step1active,.step1done{background:#777 url(images/Step1Active.png) top left no-repeat;width:165px;padding:70px 0px 4px 15px!important}
.step1done{background:#7b0015 url(images/Step1Active.png) top left no-repeat}
.step2,.step2active,.step2done{width:175px;padding:70px 0px 4px 15px!important}
.step2{background:#777 url(images/Step2.png) top left no-repeat}
.step2active{background:#777 url(images/Step2active.png) top left no-repeat}
.step2done{background:#7b0015 url(images/Step2active.png) top left no-repeat}
.step3,.step3active{width:281px;padding:70px 0px 4px 15px!important}
.step3{background:url(images/Step3.gif) top left no-repeat}
.step3active{background:url(images/Step3active.gif) top left no-repeat}

/* General Styles */
#onlineQuoteForm{}
#onlineQuoteForm p{font-size:1.2em}
#onlineQuoteForm h2{background:#00539f;padding:10px;color:#fff;margin:15px 0px 10px}
.formItem{display:inline-table;padding:4px 0px;width:840px}
.label{width:220px;clear:none;font-size:1.2em;font-weight:400;color:#333}
.labelDetails{float:left;width:440px}
.NormalTextBox{width:220px;padding:1px 2px}
input.NormalTextBox:focus{border:1px solid #45739d;padding:2px 3px}
textarea:focus{border:1px solid #45739d;padding:1px}
.radioList input{margin:0px 5px}
.radioList .NormalTextBox{margin:0}
.tooltip{color:#00539f}
a.tooltip:hover{color:#00539f}
.OnlineNotes{position:absolute;z-index:2;width:200px;background:#d9e5f1;border:1px solid #356794;padding:3px 5px}
.submitButtons{text-align:center;margin:15px 0px 0px}
.StandardButton{background:url(images/btnBg.gif) top left repeat-x!important;border:1px solid #5f0f1c!important;padding:2px 10px!important;float:none;width:80px!important;text-align:center;font-size:1.3em!important;margin:0px auto!important}

.step2content span{font-size:1.3em;font-weight:700}
.step2content table span{font-size:1.0em;font-weight:400}
.step2content .roomContent{display:inline-table}
.step2content .formItem{width:350px!important;display:table!important}
.step2content .label{width:150px!important;text-align:left!important}
.step2content .label select{float:right}
.step2content .labelDetails{width:150px!important;padding-left:10px}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
#roomTabs ul,#roomTabs li{list-style:none}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{position:absolute;left:-99999999px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-helper-clearfix{display:inline-block}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
/* end clearfix */
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled{cursor:default !important}

/* Overlays */
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}

/* Component containers
----------------------------------*/
.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content{background:#fff;color:#222}
.ui-widget-content a{color:#222}
.ui-widget-header{background:#fff;color:#222;font-weight:bold}
.ui-widget-header a{color:#222}
/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #d3d3d3;font-weight:normal;color:#555;outline:none}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555555;text-decoration:none;outline:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{border:1px solid #999;background:#dadada;font-weight:normal;color:#212121;outline:none}
.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none;outline:none}
.ui-state-active,.ui-widget-content .ui-state-active{border:1px solid #E4E4E4;background:#fff;font-weight:normal;color:#212121;outline:none}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;outline:none;text-decoration:none}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text{color:#cd0a0a}
.ui-state-disabled,.ui-widget-content .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-priority-primary,.ui-widget-content .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}

/* states and images */
.ui-icon{width:16px;height:16px}
.ui-widget-content .ui-icon{}
.ui-widget-header .ui-icon{}
.ui-state-default .ui-icon{}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{}
.ui-state-active .ui-icon{}
.ui-state-highlight .ui-icon{}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{}

/* Corner radius */
.ui-corner-tl{}
.ui-corner-tr{}
.ui-corner-bl{}
.ui-corner-br{}
.ui-corner-top{}
.ui-corner-bottom{}
.ui-corner-right{}
.ui-corner-left{}
.ui-corner-all{}

/* Overlays */
.ui-widget-overlay{background:#aaa;opacity:.30;filter:Alpha(Opacity=30)}
.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px}/* Accordion

/* Tabs
----------------------------------*/
.ui-tabs{padding:0px;zoom:1}
.ui-tabs .ui-tabs-nav{list-style:none;position:relative;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{position:relative;float:left;border-top-width:0!important;margin:0px 0px -1px 0;padding:0}
.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:.5em 0.8em;color:#00437C}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-bottom:1px;border-bottom-width:0;border-top-width:1px!important}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text}
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel{padding:1em 1.4em;display:block;border-width:0;background:none}
.ui-tabs .ui-tabs-hide{display:none!important}