body
{
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 11px;
}
p
{
    margin: 3px 0;
}
img
{
    border: 0;
}
button
{
    padding: 0 5px;
    font-size: 0.8em;
}
.handcursor
{
    cursor: pointer;
}
legend
{
    margin: 0 0 5px 0;
}

div#Container
{
    text-align: center;
}
div#Container table
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-align: center;
}
div#Container table td
{
    vertical-align: middle;
}


select
{
    text-align: left;
    font-size: 1em;
    font-family: Verdana;
}

div.Window
{
    border: 1px outset #000;
    margin: 10px auto;
    background-color: #ECE9D8;
    padding: 0;
    width: 800px;
    text-align: left;
}
div#Step1
{
    width: 1370px;
}
div#Step1 div.WindowDescription
{
    background-image: url(../images/bg_info.png);
}
div#Step2
{
    width: 800px;
}
div#Step2 div.WindowDescription
{
    background-image: url(../images/bg_add.png);
}
div#Step3
{
    width: 1500px;
}
div#Step3 div.WindowDescription
{
    background-image: url(../images/bg_star.png);
}
div#Step4
{
    width: 400px;
}
div#Step4 div.WindowDescription
{
    background-image: url(../images/bg_print.png);
}
div#StepLineHaulForwarderSelection
{
    width: 1100px;
}
div#StepLineHaulForwarderSelection div.WindowDescription
{
    background-image: url(../images/bg_star.png);
}

div.Window div.WindowHeader
{
    background-color: #6464FF;
    color: #fff;
    padding: 4px 10px;
    font-weight: bold;
    margin: 0;
}
div.Window fieldset
{
    border: 1px solid #ccc;
}
div.Window legend
{
    font-weight: bold;
}

div.Window div.WindowContent
{
}
div.Window div.WindowContent div.WindowDescription
{
    background-color: #fff;
    color: #000;
    padding: 6px 10px 6px 65px;
    height: 55px;
    margin: 0;
    text-align: left;
    background-position: 10px 5px;
    background-repeat: no-repeat;
}
div.Window div.WindowContent div.WindowDescription h1
{
    float: left;
    margin: 0 0 40px 0;
    font-size: 2em;
}
div.Window div.WindowContent div.WindowDescription p
{
    margin: 8px 0 0 0;
    padding: 0 110px;
}
div.Window div.WindowContent div.WindowDescription p label
{
    float: left;
    width: 60px;
    font-size: 1em;
}
div.Window div.WindowContent div.WindowDescription p span.ErrorMsg
{
    color: #f00;
}
div.Window div.WindowContent div.WindowDescription div.TotalInfo
{
    float: right;
    width: 200px;
    padding: 4px;
}
div.Window div.WindowContent div.WindowDescription div.TotalInfo label
{
    width: 80px;
}
div.Window div.WindowContent input
{
    font-size: 1em;
}
div.DangerousInfo input
{
    margin: 0px !important;
    /*cursor:default;*/

}
.grid
{
border:0px !important;
}
.btnDiv
{
margin-bottom: 1px;    
margin-left: 0px;
}
div.Window div.WindowContent input[type='checkbox']
{
    width: 20px;
}
div.Window div.WindowContent label
{
    font-size: 1em;
}
div.Window div.WindowContent div.PickUpInfo, div.Window div.WindowContent div.DeliveryInfo
{
    float: left;
    color: #000;
    /*padding: 4px 5px;*/
    /*width: 600px;*/
    margin: 0;
    text-align: left;
}
div.Window div.WindowContent div.DeliveryInfo
{
    float: right;
}
div.Window div.WindowContent div.PickUpInfo fieldset, div.Window div.WindowContent div.DeliveryInfo fieldset
{
    padding: 10px 5px;
    margin: 0 0 10px 0;
}
div.Window div.WindowContent div.PickUpInfo p, div.Window div.WindowContent div.DeliveryInfo p
{
    padding: 2px;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0;
}
div.Window div.WindowContent div.PickUpInfo p.DateField, div.Window div.WindowContent div.DeliveryInfo p.DateField
{
    text-align: right;
}
div.Window div.WindowContent div.PickUpInfo input.DateInput, div.Window div.WindowContent div.DeliveryInfo input.DateInput
{
    width: 90px;
}
div.Window div.WindowContent div.PickUpInfo p.SelectSearchField, div.Window div.WindowContent div.DeliveryInfo p.SelectSearchField
{
    text-align: right;
    background-color: #ccc;
}
div.Window div.WindowContent div.PickUpInfo p.SelectSearchField button, div.Window div.WindowContent div.DeliveryInfo p.SelectSearchField button
{
    font-size: 1em;
}
div.Window div.WindowContent div.PickUpInfo span.SelAddress, div.Window div.WindowContent div.DeliveryInfo span.SelAddress
{
    float: right;
}
div.Window div.WindowContent input.TextInfo
{
    width: 200px;
}
div.Window div.WindowContent input.InfoCity, div.Window div.WindowContent input.InfoState, div.Window div.WindowContent input.InfoCountry
{
    float: left;
    width: 91px;
    margin: 0 4px 0 0;
}
div.Window div.WindowContent label.InfoCity, div.Window div.WindowContent label.InfoState, div.Window div.WindowContent label.InfoCountry
{
    float: left;
    width: 95px;
    margin: 0 4px 0 0;
}
div.Window div.WindowContent div.SearchOptions
{
    position: absolute;
    visibility: hidden;
    border: 2px solid #000;
    background-color: #DFDFDF;
    width: 300px;
    padding: 8px;
}
div.Window div.WindowContent div.SearchOptions button
{
    font-size: 0.8em;
}
div.Window div.WindowContent div.SearchOptions label
{
    float: left;
    width: 70px;
}

div.Window div.WindowContent div.Rows
{
    clear: both;
    text-align: left;
}
div.Window div.WindowContent div.Rows input
{
    padding: 2px;
    width: 35px;
}
div.Window div.WindowContent div.Rows div.RowSpecs
{
    float: right;
    padding: 0 5px;
    font-size: 1em;
}
div.Window div.WindowContent div.Rows div.RowSpecs label
{
    font-size: 1em;
}
div.Window div.WindowContent div.Rows div.RowOptions
{
    padding: 0 5px;
}
div.Window div.WindowContent div.Rows table.RowTable
{
    width: 100%;
    font-size: 1em;
}
div.Window div.WindowContent div.Rows table.RowTable thead th
{
    border: 1px solid #333;
    margin: 0;
    padding: 2px 4px;
    background-color: #ccc;
    text-align: center;
    font-size: 0.9em;
}
div.Window div.WindowContent div.Rows table.RowTable tbody td
{
    text-align: center;
    border-bottom: 1px solid #333;
    margin: 0;
    padding: 3px;
    background-color: #fff;
}
div.Window div.WindowContent div.Rows table.RowTable tbody td input.LargeInput
{
    width: 90px;
}
div.Window div.WindowContent div.Rows table.RowTable tbody td input.SuperLargeInput
{
    width: 150px;
}
div.Window div.WindowContent div.Rows table.RowTable tbody td input.TinyInput
{
    width: 25px;
}

div.Window div.WindowContent div.ShipmentDetails
{
    clear: both;
    font-size: 1em;
}
div.Window div.WindowContent div.ShipmentDetails fieldset
{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 0px;
}

div.Window div.WindowContent div.ShipmentDetails legend
{
    color: #000;
}

div.Window div.WindowContent div.ShipmentDetails label
{
    float: left;
    width: 150px;
    font-size: 1em;
}
/* div.Window div.WindowContent div.ShipmentDetails input { width:200px; } */
div.Window div.WindowContent div.ShipmentDetails input.LargeInput
{
    width: 500px;
}

/* Step 2 */

/* 
		div.Window div.WindowContent div.CustomsInfo,
		div.Window div.WindowContent div.MiscInfo { float:left; color:#000; padding:4px 10px; width:395px; margin:0; text-align:left; }			
		div.Window div.WindowContent div.CustomsInfo fieldset,
		div.Window div.WindowContent div.MiscInfo fieldset { padding:10px 5px; margin:0 0 10px 0; }
		div.Window div.WindowContent div.CustomsInfo label,
		div.Window div.WindowContent div.MiscInfo label { float:left; width:145px; font-size:1em; }
    div.Window div.WindowContent div.MiscInfo label { width:175px; } 
    */

div.Window div.WindowContent div.ShipmentExtraInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.ShipmentExtraInfo fieldset
{
    padding: 10px 5px;
    margin: 0 0 10px 0;
}
div.Window div.WindowContent div.ShipmentExtraInfo fieldset legend input
{
    width: 20px;
}
div.Window div.WindowContent div.ShipmentExtraInfo div.ShipmentExtraFields
{
    float: left;
    width: 380px;
}
div.Window div.WindowContent div.ShipmentExtraInfo div.ShipmentExtraFields label
{
    float: left;
    width: 165px;
    font-size: 1em;
}
div.Window div.WindowContent div.ShipmentExtraInfo div.ShipmentExtraFields textarea
{
    width: 100px;
    font-size: 1em;
}




/* LH: Line Haul  */
div.Window div.WindowContent div.ServiceInfo, div.Window div.WindowContent div.RemarksInfo
{
    float: left;
    color: #000;
    padding: 4px 5px;
    width: 482px;
    margin: 0;
    text-align: left;
}
div.Window div.WindowContent div.RemarksInfo
{
    float: right;
}
div.Window div.WindowContent div.ServiceInfo fieldset, div.Window div.WindowContent div.RemarksInfo fieldset
{
    padding: 10px 5px;
    margin: 0 0 10px 0;
}
div.Window div.WindowContent div.ServiceInfo label, div.Window div.WindowContent div.RemarksInfo label
{
    float: left;
    width: 145px;
    font-size: 1em;
}
div.Window div.WindowContent div.RemarksInfo input
{
    width: 280px;
}
div.Window div.WindowContent div.RemarksInfo span
{
    float: right;
    padding-right: 10px;
    margin-top: 7px;
}


div.Window div.WindowContent div.CustomsInfoLH
{
    color: #000;
    padding: 4px 10px;
    width: 395px;
    margin: 0;
    text-align: left;
}
div.Window div.WindowContent div.MiscInfoLH
{
    float: right;
    color: #000;
    padding: 4px 10px;
    width: 395px;
    margin: 0;
    text-align: left;
}
div.Window div.WindowContent div.CustomsInfoLH fieldset, div.Window div.WindowContent div.MiscInfoLH fieldset
{
    padding: 10px 5px;
    margin: 0;
}
div.Window div.WindowContent div.CustomsInfoLH label, div.Window div.WindowContent div.MiscInfoLH label
{
    float: left;
    width: 145px;
    font-size: 1em;
}
div.Window div.WindowContent div.MiscInfoLH label
{
    width: 175px;
}

div.Window div.WindowContent div.AddressInfo
{
    padding: 4px 10px;
    width: 395px;
    margin: 0;
    text-align: left;
}
div.Window div.WindowContent div.AddressInfo fieldset
{
    padding: 10px 5px;
    margin: 0 0 10px 0;
}
div.Window div.WindowContent div.AddressInfo label
{
    float: left;
    width: 145px;
    font-size: 1em;
}
/* LH: Line Haul */

div.Window div.WindowContent div.DangerousInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.DangerousInfo fieldset
{
    padding: 10px 5px;
    margin: 0 0 10px 0;
}
div.Window div.WindowContent div.DangerousInfo fieldset legend input
{
    width: 20px;
}
div.Window div.WindowContent div.DangerousInfo div.DangerousFields
{
    float: left;
    width: 380px;
}
div.Window div.WindowContent div.DangerousInfo div.DangerousFields label
{
    float: left;
    width: 165px;
    font-size: 1em;
}
/* div.Window div.WindowContent div.DangerousInfo div.DangerousFields input { width:100px; } */
div.Window div.WindowContent div.DangerousInfo div.DangerousFields textarea
{
    width: 100px;
    font-size: 1em;
}
div.Window div.WindowContent div.DangerousInfo div.UseDangerous
{
    font-weight: bold;
    margin: 0 0 10px 0;
}

div.Window div.WindowContent div.LabelInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.LabelInfo fieldset
{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
div.Window div.WindowContent div.LabelInfo label
{
    float: left;
    width: 165px;
    font-size: 1em;
}
div.Window div.WindowContent div.LabelInfo input
{
    width: 200px;
}
div.Window div.WindowContent div.LabelInfo input.LargeInput
{
    width: 300px;
}

div.Window div.WindowContent div.InstructionInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.InstructionInfo fieldset
{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
div.Window div.WindowContent div.InstructionInfo table#TableInstruction
{
    text-align: left;
    width: 100%;

}

div.Window div.WindowContent div.SpecialInstructionInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.SpecialInstructionInfo fieldset
{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
div.Window div.WindowContent  div.SpecialInstructionInfo table#TableSpecialInstruction td
{
    text-align: left;
}
/* NEW 20160323 : JDN */

div.Window div.WindowContent div.OptionsInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.Window div.WindowContent div.OptionsInfo fieldset
{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
div.Window div.WindowContent div.OptionsInfo table#OptionsInstruction
{
    text-align: left;
    width: 100%;

}

/* */
table#TableSpecialInstruction {
    width: 100%;
}

/* Step 3 */
div.Window div.WindowContent div.ForwarderList table
{
    width: 100%;
    font-size: 1em;
    text-align: left;
}
div.Window div.WindowContent div.ForwarderList table td
{
    text-align: left;
}
div.Window div.WindowContent div.ForwarderList table thead th
{
    border: 1px outset #ccc;
    margin: 0;
    padding: 2px;
    background-color: #ccc;
    text-align: center;
}
div.Window div.WindowContent div.ForwarderList table tbody tr
{
    background-color: #fff;
}
div.Window div.WindowContent div.ForwarderList table tbody td
{
    text-align: left;
    border: 1px solid #ccc;
    margin: 0;
    padding: 3px;
}
div.Window div.WindowContent div.ForwarderList table tbody td.Cost
{
    text-align: right;
}
div.Window div.WindowContent div.ForwarderList table tbody td.Cost div.CostDetails
{
    background-color: #eee;
}
div.Window div.WindowContent div.ForwarderList table input
{
    width: 60px;
}
div.Window div.WindowContent div.ForwarderList table input.SmallInput
{
    width: 20px;
}
div.Window div.WindowContent div.ForwarderList table input.DateInput
{
    width: 80px;
}

/* Step 4 */
div.Window div.WindowContent div.LabelOptions
{
    text-align: left;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    font-size: 1em;
}
div.Window div.WindowContent div.LabelOptions label
{
    font-size: 1em;
}
div.Window div.WindowContent div.CustomerNumberReceiver
{
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
}
div.Window div.WindowContent div.CustomerNumberReceiver label
{
    float: left;
    width: 160px;
    font-size: 1em;
}
div.Window div.WindowContent div.LabelDetails
{
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
}
div.Window div.WindowContent div.LabelDetails label
{
    float: left;
    width: 160px;
    font-size: 1em;
}

div.Window div.WindowFooter
{
    margin: 10px 0 0 0;
    padding: 0;
    clear: both;
}
div.Window div.WindowFooter div.Buttons
{
    text-align:right;
    padding: 5px 5px 5px 0;
    margin: 0;
}

div.Window div.WindowFooter div.Buttons div.ButtonsRight
{
    display:inline-block;

}

div.Window div.WindowFooter div.Buttons div.ButtonsLeft
{
    display:inline-block;
    float: left;
}

div.Window div.WindowFooter div.Buttons button,
div.Window div.WindowFooter div.Buttons input[type="submit"]
{
    font-size: 1em;
    font-weight: bold;
    width: 75px !important;
}
div.Window div.WindowFooter div.Buttons .DeleteButton,
{
    float: left;
    margin-left: 10px;
}

/* specials */

p#DangerousInfoField-title, p#LabelInfoField-title, p#InstructionsField-title,p#OptionsField-title, p#SpecialInstructionsField-title, p#ForwardersField-title, p#SettingsField-title, p#MiscField-title, p#RateSearchItemsField-title, p#RateSearchTotalsField-title
{
    background-color: #ccc;
    padding: 4px;
    text-align: right;
    margin: 0 0 5px 0;
}

.switchgroup
{
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
}

.switchgroup p
{
    width: 100%;
    text-align: right;
    margin: 0;
    padding: 10px;
}

/* JAHJ */
div.GeneralWindow
{
    border: 1px outset #000;
    margin: 10px auto;
    background-color: #ECE9D8;
    padding: 0;
    width: 550px;
    text-align: left;
}

div.GeneralWindow div.WindowHeader
{
    background-color: #6464FF;
    color: #fff;
    padding: 4px 10px;
    font-weight: bold;
    margin: 0;
}
div.GeneralWindow fieldset
{
    border: 1px solid #ccc;
}
div.GeneralWindow legend
{
    font-weight: bold;
}
button, input[type="button"], input[type="submit"], button.button {
    margin-left: 0px !important;
}


div.GeneralWindow div.WindowContent div.GeneralFrame
{
    clear: both;
    font-size: 1em;
}
div.GeneralWindow div.WindowContent div.GeneralFrame fieldset
{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 5px;
}
div.GeneralWindow div.WindowContent div.GeneralFrame label
{
    float: left;
    width: 120px;
    font-size: 1em;
}

div.GeneralWindow div.WindowContent div.GeneralInfo
{
    clear: both;
    margin: 0;
    padding: 4px 10px;
}
div.GeneralWindow div.WindowContent div.GeneralInfo fieldset
{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
div.GeneralWindow div.WindowContent div.GeneralInfo label
{
    float: left;
    width: 120px;
    font-size: 1em;
}
/* div.GeneralWindow div.WindowContent div.GeneralInfo input { width:200px; } */

div.GeneralWindow div.WindowFooter
{
    margin: 10px 0 0 0;
    padding: 0;
    clear: both;
}
div.GeneralWindow div.WindowFooter div.Buttons
{
    text-align: right;
    padding: 5px 5px 5px 0;
    margin: 0;
}
div.GeneralWindow div.WindowFooter div.Buttons button,
div.GeneralWindow div.WindowFooter div.Buttons input[type="submit"]
{
    font-size: 1em;
    font-weight: bold;
    width: 75px;
    padding:0;
}
div.GeneralWindow div.WindowFooter div.Buttons button.DeleteButton
{
    float: left;
    margin-left: 10px;
}