html, body, form {margin:0;padding:0; height:100%;}
#mainBody{width:100%; height:100%; border:1px sold black;}
.CustHistory{ overflow: auto; height:90%; width:100%;}
.header{  width:100%; background-color:#3882C7;color:#fafafa; padding:5px; font-size:2em;}
.menu{height:10%;}
.menuhaut {font-size:1em;list-style-type:none;margin:0;padding:0;}
.menuhaut a {color:#fafafa;margin:0 0.4em;text-decoration:none;}
.menuhaut a:hover {color:#FF0;text-decoration:none;}
.menuhaut li {border-right:1px solid #fff;display:inline;float:left;margin:0;padding:0.6em 10px;}
.mainContent{height:80%; border:1px solid black;}
.tblCustList{width:100%;padding:20px;border:0px;}
.orderpage{overflow:auto; height:90%; width:100%; text-align:center;}

.orderPrintTable{width:100%;border:0px solid black;}
.orderPrintLabels{background-color:#529FE3; width:100px; font-size:larger;  color:White;}
.orderPrintLabelsList{background-color:#529FE3; font-size:larger; color:white}
.orderPrintLabelsListDetails{font-size:20px; font-weight:bold; color:black;}

.orderPrintTotal{ font-weight:bold; font-size:large;text-align:right; }
.orderPrintData{ font-weight:bold;}
.BigLabel{ font-size:25px; font-weight:bold; padding-right:20px;}
.PackingListTD{ width:30%;}
.orderDepositText{  font-size:30px; font-weight:bold}
.orderCleaningDeposit{font-size:10px; font-weight:bold}
.orderCleaningDepositTable{ float:right; margin-right:100px;}
#frmPrint{height:0%;}
#OrderTotal{font-size:25px;}
#CustPrintName{font-size:24pt; font-weight:bold;}
#CustPrintComment{ font-size:small;}
#OrderPrintCustOrderDetail{border:1px solid black; width:100%;}

#OrderAgree{ font-size:10px; font-weight:bold;}
#OrderCharites{ width:100%;  font-size:small;}
/*
.content
{
    width:100%; 
    height:85%;
    overflow:auto;
    background:white;
}*/
/*
#centre {
border:1px solid #202020;
border-bottom:0;
border-top:0;
color:#000;
padding:2.5em;
}*/
/*
#conteneur {
background-color:#fafafa;
margin:1em 5%;
min-width:60em;
position:absolute;
width:90%;
height:100%;
}
*/
/*
.header {
background-color:#3882C7;
border:1px solid #fafafa;
color:#fafafa;
font-size:2em;
height:10%;
padding-left:2em;
padding-top:1em;
}
*/
/*

*/

/*
body 
{
padding:0px; 

background-color:#CDCDCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}
*/

.commentLbl
{
    text-align: left;
    vertical-align: top;
}
.BlueButtonText
{
    font-weight: bold;
    color: White;
}
.ListSearchExtenderPrompt
{
    font-style: italic;
    color: Gray;
    background-color: white;
}
.EnabledColorTextBox
{
    background-color: white;
    color: Black;
    border-style: none;
}
.ModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ModalWindow
{
    border-color: Black;
    border-style: solid;
    border-width: 2px;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
}
.dtListHeader
{
    background-color: Black;
    color: White;
    font-weight: bold;
}

.dtListItem
{
    background-color: White;
}
.dtListAltItem
{
    background-color: #F6E3CE;
}
.lbl
{
    background-color: Black;
    text-align: right;
    color: White;
    font-weight: normal;
    width: 20%;
    border-color: White;
}
.menu
{
    background-color: #202020;
    height: 3%;
    max-height: 2.4em;
}

#pied
{
    border: 1px solid #202020;
    border-top: 0;
    padding: 0.5em;
    text-align: right;
}
a
{
    color: #000;
    text-decoration: underline;
}
h1
{
    font-size: 1.6em;
    margin: 0.5em 0.5em 1em 0;
}

h2
{
    font-size: 1.2em;
    margin: 0.8em 0.5em 0.3em 0.6em;
}

h3
{
    font-size: 1.1em;
    margin: 0.8em 0.5em 0.3em 0.8em;
}

h4
{
    font-size: 1em;
    margin: 0.7em 0.5em 0.3em 1em;
}

h5
{
    font-size: 0.9em;
    margin: 0.6em 0.5em 0.2em 1.5em;
}

p
{
    margin: 1px 0.5em 0.5em 1.5em;
}


/* blue button */
a.button-blue
{
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    line-height: 30px;
    height: 33px;
    background: url("images/buttons.jpg") right 0px no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
}

a.button-blue span
{
    display: block;
    padding: 0 0 1px 20px;
    height: 32px;
    color: #ffffff;
    text-shadow: 0px -1px 0px #2f79a3;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: url("images/buttons.jpg") left 0px no-repeat;
    text-decoration: none;
}
/* focus + hover */

a.button-blue:hover, a.button-blue:focus
{
    background: url("images/buttons.jpg") right -34px no-repeat;
    outline: none;
    text-decoration: none;
}
a.button-blue:hover span, a.button-blue:focus span
{
    background: url("images/buttons.jpg") left -34px no-repeat;
    text-decoration: none;
}
/* active */
a.button-blue:active
{
    background: url("images/buttons.jpg") right -68px no-repeat;
    text-decoration: none;
}
a.button-blue:active span
{
    background: url("images/buttons.jpg") left -68px no-repeat;
    padding-top: 1px;
    padding-bottom: 0px;
    text-decoration: none;
}
/* white button */
a.button-white
{
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    line-height: 30px;
    height: 33px;
    background: url("images/buttons.jpg") right -103px no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
a.button-white span
{
    display: block;
    padding: 0 0 1px 20px;
    height: 32px;
    color: #5e5e5e;
    text-shadow: 0px -1px 0px #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: url("images/buttons.jpg") left -103px no-repeat;
}
/* focus + hover */
a.button-white:hover, a.button-white:focus
{
    background: url("images/buttons.jpg") right -137px no-repeat;
    outline: none;
}
a.button-white:hover span, a.button-white:focus span
{
    background: url("images/buttons.jpg") left -137px no-repeat;
}
/* active */

a.button-white:active
{
    background: url("images/buttons.jpg") right -171px no-repeat;
}
a.button-white:active span
{
    background: url("images/buttons.jpg") left -171px no-repeat;
    padding-top: 1px;
    padding-bottom: 0px;
}
/* blue button CSS VERSION */

a.button-blue-css
{
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 1px;
    line-height: 28px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #4799e6 0%, #2a78a7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4799e6), color-stop(100%,#2a78a7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4799e6', endColorstr='#2a78a7',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* W3C */
}
a.button-blue-css span
{
    text-decoration: none;
    display: block;
    padding: 0 19px 1px 19px;
    height: 27px;
    color: #ffffff;
    text-shadow: 0px -1px 0px #2f79a3;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 2px #ffffff;
    background: -moz-linear-gradient(top, #65bdf7 0%, #57afe4 49%, #42a4df 50%, #318cc1 100%, #318cc1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65bdf7), color-stop(49%,#57afe4), color-stop(50%,#42a4df), color-stop(100%,#318cc1), color-stop(100%,#318cc1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bdf7', endColorstr='#318cc1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* W3C */
}
/* focus + hover */
a.button-blue-css:focus
{
    outline: none;
}
a.button-blue-css:hover span, a.button-blue-css:focus span
{
    background: -moz-linear-gradient(top, #78c4f6 0%, #6ebdef 49%, #5ab3eb 50%, #318cc1 100%, #449fd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c4f6), color-stop(49%,#6ebdef), color-stop(50%,#5ab3eb), color-stop(100%,#318cc1), color-stop(100%,#449fd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c4f6', endColorstr='#449fd8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* W3C */
}
/* active */

a.button-blue-css:active
{
    -moz-box-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
}
a.button-blue-css:active span
{
    -moz-box-shadow: inset 1px 1px 0px #307fab;
    -webkit-box-shadow: inset 1px 1px 0px #307fab;
    box-shadow: inset 1px 1px 0px #307fab;
    padding-top: 1px;
    padding-bottom: 0px;
    background: -moz-linear-gradient(top, #378bba 0%, #41a2dd 50%, #4caaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#378bba), color-stop(50%,#41a2dd), color-stop(100%,#4caaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378bba', endColorstr='#4caaea',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* W3C */
}
/* white button CSS VERSION */
a.button-white-css
{
    display: inline-block;
    vertical-align: middle;
    padding: 1px;
    line-height: 28px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
    background: -moz-linear-gradient(top, #d7d7d7 0%, #b6b6b6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* W3C */
}
a.button-white-css span
{
    display: block;
    padding: 0 19px 1px 19px;
    height: 27px;
    color: #5e5e5e;
    text-shadow: 0px -1px 0px #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 2px 1px #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #fafafa 50%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#fafafa), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* W3C */
}
/* focus + hover */

a.button-white-css:focus
{
    outline: none;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #a6a6a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* W3C */
}

a.button-white-css:hover span, a.button-white-css:focus span
{
    background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 49%, #f1f1f1 50%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(49%,#fafafa), color-stop(50%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* W3C */
}

/* active */
a.button-white-css:active
{
    -moz-box-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
    background: -moz-linear-gradient(top, #a6a6a6 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* W3C */
}

a.button-white-css:active span
{
    -moz-box-shadow: inset 1px 1px 0px #c9c9c9;
    -webkit-box-shadow: inset 1px 1px 0px #c9c9c9;
    box-shadow: inset 1px 1px 0px #c9c9c9;
    padding-top: 1px;
    padding-bottom: 0px;
    background: -moz-linear-gradient(top, #e9e9e9 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* W3C */
}