/* 
    Document   : orderForm.css
    Created on : Oct 3, 2012, 10:28:20 AM
    Author     : jdipirro
    Description:
        Style Sheet for 'orderForm' - customer order entry
*/

#map_canvas { 
        height: 0px;
        width: 0px;
        margin-top: 0.6em;
      }
* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body { height: 100%; background-color: #FFFFFF; font: 1.0em Verdana, Arial, Helvetica, sans-serif; }

/* ==================== Form style sheet ==================== */

form { margin: 25px 0 0 29px; width: 450px; padding-bottom: 30px; }

/* */
fieldset { width: 1100px; margin: 0 0 10px 0; border: 1px solid #095D92; padding: 2px 2px; background-color: #DFF3FF /* #C2DFFF #BDEDFF #ADDFFF orig. #DFF3FF*/; }

/* reduce h1 size for Invoice POD header for html rendered */
h1 {font-size: 1.0em}

legend { font-size: 1.0em; background-color: #095D92; color: #FFFFFF; font-weight: bold; padding: 3px 6px; }
legend2 { font-size: .90em; background-color: #095D92; color: #FFFFFF; font-weight: bold; padding: 3px 6px; }

label.float { float: left; display: block; width: 75px; margin: 4px 0 0 0; clear: left; }
label { display: block; width: auto; margin: 0 0 10px 0; }
label.spam-protection { display: inline; width: auto; margin: 0; }
label.float2 { display: block; width: 100px; margin: 4px 0 0 0; clear: left; }
label.float3 { display: block; width: 85px; margin: 0 0 10px 30px; clear: left; }
label.float4 { display: block; width: 100px; margin: 0 0 10px 30px; clear: left; }

/* impacts the calendar, look into it later
table {font: 1.1em Verdana, Arial, Helvetica, sans-serif; }
*/
input.inp-text, input.inp-text50, input.inp-text5, input.inp-text6, input.inp-text10, input.inp-text15, 
input.inp-text20, input.inp-text2, input.inp-text25, input.inp-text30, input.inp-text150, input.choose, 
input.answer,select { border: 1px solid #909090; padding: 1px; font-size: 1.1em; font-weight: bold}

input.inp-text5bg, input.inp-text20bg { padding: 1px; font-size: 1.1em; font-weight: bold; background-color: transparent; }

input.inp-text { width: 250px; margin: 0 0 6px 0; }
input.inp-text5 { width: 50px; margin: 0 0 6px 0; }
input.inp-text5bg { width: 50px; margin: 0 0 6px 0; }
input.inp-text6 { width: 60px; margin: 0 0 6px 0; }
input.inp-text10 { width: 100px; margin: 0 0 6px 0; }
input.inp-text15 { width: 125px; margin: 0 0 6px 0; }
input.inp-text20 { width: 150px; margin: 0 0 6px 0; }
input.inp-text20bg { width: 150px; margin: 0 0 6px 0; }
input.inp-text25 { width: 175px; margin: 0 0 6px 0; }                  
input.inp-text30 { width: 200px; margin: 0 0 6px 0; }
input.inp-text50 { width: 250px; margin: 0 0 6px 0; }
input.inp-text2 { width: 30px; margin: 0 0 6px 0; }
input.inp-text150 { width: 400px; margin: 0 0 6px 0; }

textarea { font: 1.1em Arial; width: 300px; height: 40px; margin: 0 0 12px 0; border: 1px solid #909090;  padding: 1px; font-weight: bold;}
.RefTextArea { font: 1.1em Arial; width: 375px; height: 30px; margin: 0 0 6px 0; border: 1px solid #909090;  padding: 1px; font-weight: bold;}
.FleetTextArea { font: 1.1em Arial; width: 375px; height: 150px; margin: 0 0 12px 0; border: 1px solid #909090;  padding: 1px; font-weight: bold;}

input.choose { margin: 0 2px 0 0; }

input.answer { width: 40px; margin: 0 0 0 10px; }
input.submit-button { font: 1.0em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; display: block; margin: 23px 0 0 0;}
input.button { letter-spacing: 1px; display: block; margin: 0 0 0 0; background-color: #7CB8E2; color: white; height:22px;} /* #26b3f7 */
input.button2 { letter-spacing: 1px; background-color: white; color: black; height:22px;} /* #26b3f7 */

input.radio { margin: 0 0 0 5px;}

form br { display: none; }

/* Order Status */
/* body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.6em;} */
#report { border-collapse:collapse;}
#report h4 { margin:0px; padding:0px;}
#report a {font-weight: bold; text-decoration: underline; color: #080EFE}
#report img { float:right;}
#report ul { margin:10px 0 5px 40px; padding:0px;}
#report th { background:#7CB8E2 url(TableExpand/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
#report td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
#report tr.odd td { background:#fff url(TableExpand/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
#report div.arrow { background:transparent url(TableExpand/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#report div.up { background-position:0px 0px;}

/* tracing */
/* body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.6em;} */
#report-tracing { border-collapse:collapse; margin: 0 0 2px 30px; }
#report-tracing h4 { margin:0px; padding:0px;}
#report-tracing img { float:right;}
#report-tracing ul { margin:10px 0 5px 40px; padding:0px;}
#report-tracing th { background:#7CB8E2 url(TableExpand/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
#report-tracing td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
#report-tracing tr.odd td { background:#fff url(TableExpand/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
#report-tracing div.arrow { background:transparent url(TableExpand/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#report-tracing div.arrow2 { background:transparent url(TableExpand/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#report-tracing div.up { background-position:0px 0px;}
#report-tracing div.up2 { background-position:0px 0px;}

#report-inv { border-collapse:collapse;}
#report-inv h4 { margin:0px; padding:0px;}
#report-inv a {font-weight: bold; text-decoration: underline; color: #080EFE}
#report-inv img { float:right;}
#report-inv ul { margin:10px 0 5px 40px; padding:0px;}
#report-inv th { background:#7CB8E2 url(TableExpand/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
#report-inv td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
#report-inv tr.odd td { background:#fff url(TableExpand/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
#report-inv div.arrow { background:transparent url(TableExpand/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#report-inv div.up { background-position:0px 0px;}

/* Spinner while waiting */
.spinner {
    background: #FFFFFF;
    color: black;
    width: 30px;
    height: 30px;
    margin: 0px 0px;
    /*float: left;*/
    border-radius: 10px;
}