body, html{margin: 0px; padding: 0px; background: #EEE;}
.dbDoor {width: 1000px; height: 500px;}
.dbInvoice {width: 1000px; height: 500px;}
.dbAdditionalWork {width: 1000px; height: 500px;}
.dbAdditionalWork_Title {width: 1000px; height: 50px;}

.LeftBasic{background: url(imgs/bg_N.png); width: 330px; min-height: 1100px; font-family: sans-serif,Tahoma; padding: 15px; float: left; z-index: 3; position: absolute;}
    .LogoPart {display: block; text-align: center; padding: 5px 15px;}
    .TITLE {font-size: 1.1em; margin: 7px 0px 0px 0px; display: block}
    .INPUT input {width: 320px; height: 30px; font-size: 1.1em; font-family: tahoma; padding-left: 5px;}
    .MULTI_INPUT {overflow: hidden;}
    .MULTI_INPUT input {width: 175px; height: 30px; font-size: 1.1em; font-family: tahoma; float: left; padding-left: 5px;}
    .MULTI_INPUT input[name=ZIP] {width: 65px;}
    .MULTI_INPUT select {width: 60px; height: 30px; float: left; text-align: center; font-size: 1.1em}
    .LeftSperate {float: left; line-height: 30px;}
    .BAR {height: 3px; background: #666; margin: 15px 5px 15px 1px;}
    
    .Left_TITLE {float: left; margin-right: 10px; width: 120px; font-size: 1.1em; line-height: 26px; margin-bottom: 5px;}
    .Left_INPUT {float: left; margin-bottom: 5px;}
    .Left_INPUT input {width: 190px; height: 30px; font-size: 1.1em; padding-left: 5px;}
    
.CenterMain{min-width: 1509px; margin-right: 330px; background: #EEE; min-height: 1130px; padding: 15px; float: left; z-index: 3; position: absolute; left: 360px; height: 100%; }
    .PRODUCTS {position: absolute; top: 0px; left: 233px; background: #666; width: 910px; height: 170px; padding: 30px; z-index: 2;-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;}
    .PRODUCTS input {min-width: 220px; height: 30px; text-align: center; font-size: 1em; margin: 1px; cursor: pointer;}
    .data select {min-width: 50px; height: 26px; text-align: center; font-size: 1.1em; margin: 2px; cursor: pointer;}
    .PRODUCTS_Open {position: absolute; z-index: 3; left: 690px; top: 0px; border-radius: 50%; width: 50px; height: 50px; background: #666; font-size: 1em; text-align: center; color: #FFF; line-height: 50px; display: none; cursor: pointer;}
    .PRODUCTS_Close {position: absolute; z-index: 3; left: 690px; top: 200px; border-radius: 50%; width: 50px; height: 50px; background: #000; font-size: 1em; text-align: center; color: #FFF; line-height: 50px; cursor: pointer;}
    /*
    .RightPreview_Close {position: absolute; z-index: 99; left: 1080px; top: 318px; border-radius: 50%; width: 50px; height: 50px; background: #000; font-size: 1em; text-align: center; color: #FFF; line-height: 50px; cursor: pointer; display: none;}
    */
    .OptionBoxBTN {display: block; padding: 15px; color: #FFF; width: 100%; font-size: 16px; color: #22F; font-weight: bold; cursor: pointer; margin-top: 10px; margin-bottom: 10px; border: none;
        background: #d6f9ff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWU4ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #d6f9ff 0%, #9ee8fa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#9ee8fa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d6f9ff 0%,#9ee8fa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-8 */
    }                
    
    .FunctionBox {background: #FCC; color: #000; border: none; border-radius: 5px;}
    .WORKING_AREA {margin-top: -20px; font-size: 1.1em; font-family: tahoma; line-height: 1.6em;}
    .WORKING_AREA .data {margin-left: 0px; float: left; width: 100%;  overflow: hidden; margin-right: -20px; padding: 5px; margin-top: -5px;}
    .WORKING_AREA .MaxWidth {width: 100%;} 
    /* .WORKING_AREA .data:hover {background: #fff332;}*/
    .WORKING_AREA .Step {padding: 5px 10px 5px 10px; overflow: hidden; border-radius: 5px;}
    .WORKING_AREA .Step:nth-child(even) {margin-top: 5px; background: #FAF6BC}
    
    .WORKING_AREA label {cursor: pointer; display: inline-table; padding: 1px 5px 1px 5px;}
    .Highlight {background: #b5ffaf; color: #000;}
    .Highlight:hover {background: #b5ffaf; color: #000;}
    .WORKING_AREA label:hover {background: #FFF;}
    .WORKING_AREA label input {cursor: pointer;}
    .WORKING_AREA input.directInput {width: 200px; height: 30px; font-size: 1.1em; border: none; border-bottom:1px solid #000; background: none;}
        .sTitle {color: #F00; padding: 2px 10px 2px 10px; min-width: 140px; float: left; overflow: hidden; margin-right: 10px;}
        .sText {float: left; color: #F00; padding-left: 10px;}
        .bText {float: left; color: #55F; padding-left: 10px;}
        .cText {color: #F00;}
        
        .Child {overflow: hidden; display: none}
        .Child .cStep {overflow: hidden; margin-bottom: 5px;}
        .Child .sTitle {background: #666; color: #FFF; min-width: 113px; float: left;  margin-left: 27px; margin-right: 10px;}
        .Child .HiddenText {display: none;}
        .HiddenText {display: none;}
        .ToggleText {display: none}
        .ChoiceHidden {display: none;}
        #SFG_Stain {display: none;}
        
        .Memo {border: 1px solid #666;  border-radius: 5px; padding: 10px; width: 47%; height: 130px; float: left; background: #FFF; position: relative;}
        .Total {border: 1px solid #666;  border-radius: 5px; padding: 10px; width: 47%; height: 130px; float: left; margin-left: 15px; background: #FFF; position: relative;}
        .mTtitle {margin-bottom: 10px; font-size: 1.2em; font-style: italic;}
        .NoteInput {width:200px; height: 25px; font-size: 1.1em; float: left; margin-left: 10px; padding-left: 10px;}
        .AmountInput {width: 260px; height: 25px; font-size: 1.1em; float: left; margin-left: 10px;}
        .TOTALInput {width: 180px; height: 50px; font-size: 1.1em; float: left; margin-left: 25px; padding: 5px;}
        .Money {padding-left: 10px;}
        
        .FinalStep {overflow: hidden;}
        .Function {display: block; padding: 15px; background: #666; color: #FFF; margin-top: 10px; text-align: right}
        .Function input {width: 183px; height: 35px; margin-right: 10px; font-size: 1.2em; cursor: pointer}
/*        
.RightPreview {width: 62px; background: #000; height: 100%; min-height: 900px; overflow: hidden; padding: 15px 0px 15px 0px; float: left; z-index: 4; position: absolute; right: 0px; text-align: center; display: table; vertical-align: middle}
.RightPreview .imgBox {display:table-cell; vertical-align:middle; width: 100%; height: 100%;}
.RightPreview img {cursor: pointer;}
*/

.Func {cursor: pointer; font-size: 12px;}
.Button button {width: 105px; height: 30px; cursor: pointer;}

.FunctionBox {color: #F00;}
.JOB {height: 100px; background: #FFF; border-radius: 10px; margin: 12px 3px 0px 0px; overflow-y: scroll; overflow-x: hidden; padding: 10px;}

.LoadProductBTN {cursor: pointer; margin: 2px;}
.JobLists {margin: 2px; background: #EEE; padding: 2px;}

#EmailBox {position: absolute; right: 132px; background: #666; border-radius: 15px; width: 600px; height: 350px; display: none; z-index: 999; padding: 10px; color: #FFF; font-family: tahoma;}
.CloseBtn {position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; border-radius: 0px 0px 0px 15px; background: #F00; color: #FFF; text-align: center; line-height: 30px; cursor: pointer;}
#EmailBox button {border-radius: 15px 15px 0px 0px; width: 100px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; border: none; outline: none;}
#EmailBox button:hover {background: #FA0; color: #FFF;}
#EmailBox input {width: 250px; margin: 3px;}
#EmailBox textarea {margin: 3px;}
.emailLabel {display: inline-block; width: 100px; text-align: right; padding-right: 5px; vertical-align: top}


.ExtraStep {display: block; padding: 15px;}
.ExtraStep textarea {width: 100%; min-height: 50px; mix-height: 300px;}