/* Main CSS file */

@import "html.css";
@import "form.css";
/* Specific CSS class */

.progress {
    color: #666;
    font-style: italic;
    display: inline;
    font-weight: normal;
}
.progress a {
    color: #C00;
}
.progress .actual {
    color: #F00;
    font-weight: bold;
}
.greyout, .greyout .redtxt, .greyout .yellowtxt, .greyout .greentxt {
    color: #666;
    font-style: italic;
}
.greyout a {
    color: #900;
}
.tag {
    color: #999;
}
#saved_by {
    margin-left: 10px;
    float: left;
}
.bigtd {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 10px;
}
.alert_header {
    font-weight: bold;
    color: #000;
    background-color: #FF9;
    margin: 0px;
    padding: 0px;
    background-image: url(/imgs/design/icon_warning_small.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
.alert_header a {
    color: #F00;
}
.alert_header p, .alert_header h1, .alert_header h2 {
    margin-left: 60px;
}
.tbigger {
    font-size: 16px;
    border: 4px solid #FF0;
    font-weight: bold;
    padding: 8px;
}
.tbigger a {
    color: #F00;    
}
#layout {
    position: absolute;
    top: 200px;
    width: 1100px;
}



/* TOOL POST IT
/**/
#postit {
    position: absolute;
    left: 600px;
    top: 20px;
    width: 200px;
    max-height: 120px;
    padding: 5px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    writing-mode: horizontal-tb;
    z-index: 2075;
}
    #postitPreview{
        position: absolute;
        width: 200px;
        max-height: 120px;
        font-size: 14px;
        color: black;
        border: 0px;
        padding: 5px;
        margin: 130px 0px 0px 500px;
        overflow: hidden;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        writing-mode: horizontal-tb;
    }
#postit_noteDealers{
    position: absolute;
    top: 10px;
    text-align: center;
    z-index: 1050;
    width: 100%;
    font-size: 14px;
    min-height: 20px;
    max-height: 20px;
    padding: 0px;
    vertical-align: middle;
}
    #postit_noteDealersPreview{
        margin-top: 250px;
        text-align: center;
        width: 100%;
        font-size: 14px;
        min-height: 20px;
        max-height: 20px;
        padding: 0px;
        vertical-align: middle;
    }
    
    
    
.clear {
    clear: left;
}
.subcatspacer {
    margin-left: 25px;
}
.subcatspacer2 {
    margin-left: 50px;
}
.flag {
    background-image: url(/imgs/design/flag.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
#banner {
    width: 468px;
    height: 60px;
    float: right;
    background-color: #000;
    border: 1px solid #999;
    margin-top: 5px;
    margin-right: 5px;
}
#loading {
    background-color: #000;
    background-image: url(/scripts/shadowbox/skin/classic/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 300px;
    height: 200px;
    text-align: center;
}
#loading p {
    color: #CCC;
    margin-top: 30px;
}
#options a {
    font-size: 12px;
}
#waiver p {
    margin: 10px;
    font-size: 10px;
    line-height: 13px;
    text-align: justify;
}
#footer {
    background-image: url(/imgs/design/back_footer.gif);
    background-repeat: repeat-x;
    color: #666666;
    background-color: #999999;
    text-align: center;
    clear: both;
}
#footer .close {
    background-image: none;
}
#footer a {
    color: #666666;
}
#home_footer {
    line-height: 16px;
}
.footerbox {
    float: left;
    width: 180px;
    font-size: 11px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    text-align: left;
}

/* Skellos :: added 2014-02-11 :: New design for box admin going from classes view-helpers
/**/
#userboxNew {
    width: 380px;
    color: #999;
    position: absolute;
    top: 92px;
    left: 4px;
    margin: 5px 0px 0px 20px;
    background: black;
    opacity: 0.65;
    font-size: 11px;
    padding: 5px;
}
    #userboxNew span.bold{
        display: inline;
        font-weight: bold;
    }
    #userboxNew a{
        margin-right: 15px;
        color: #F00;
    }
    #userboxNew a:hover{
        opacity: 1;
    }


#userbox {
    width: 380px;
    color: #999;
    position: absolute;
    top: 106px;
    left: 4px;
    margin-left: 15px;
    background-image: url(/imgs/design/back_box_admin.jpg);
    background-repeat: no-repeat;
    height: 54px;
}
#userbox p {
    font-size: 11px;
    margin: 5px;
}
#userbox a {
    margin-right: 15px;
    color: #F00;
}
#userbox .greentxt, #userbox .redtxt, .mini_table .redtxt {
    display: inline;
    font-size: 10px;
}




#menu {
    width: 1100px;
    height: 20px;
    position: absolute;
    top: 170px;
    left: 25px;
    font-size: 15px;
    font-weight: bold;
}
#menu a {
    margin-right: 20px;
    color: #FFF;
}
#submenu {
    width: 261px;
    font-size: 14px;
    line-height: 39px;
    font-weight: bold;
}
#submenu a {
    margin-left: 20px;
    color: #CCC;
    display: block;
}
#submenu b {
    font-size: 16px;
    margin-left: 20px;
    color: #FF0000;
    text-transform: uppercase;
}
#submenu ul {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 39px;
    margin: 0px;
    background: #161616;
}
#submenu li {
    background-image: url(../imgs/design/split_content_left.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    list-style-type: none;
}
#footer a:hover, #menu a:hover, #submenu a:hover {
    color: #FF0000;
}
#left, #content {
    float: left;
    display: inline;
}
#logo {
    display: none;
}
#left {
    width: 261px;
    background-image: url(../imgs/design/back_left.jpg);
    background-repeat: no-repeat;
}
#left_footer {
    width: 261px;
    height: 100%;
}
#content {
    width: 839px;
    color: #b1b1b1;
    background-color: #000000;
}
#design {
    width: 261px;
    height: 15px;
    text-align: center;
    color: #333333;
}
#design a {
    color: #333333;
}
#design a:hover {
    color: #EF3514;
}
#copy {
    height: 15px;
    text-align: right;
    clear: both;
}
#copy a {
    color: #333333;
}
#copy a:hover {
    color: #EF3514;
}
.right {
    float: right;
    width: 280px;
}
.close {
    clear: both;
    height: 3px;
    background-image: url(../imgs/design/split_content.gif);
    background-repeat: repeat-x;
}
.generated {
    font-size: 10px;
    color: #666666;
    clear: both;
}
/* Classes des photos du site */
#gallery .photos {
    float: left;
}
#gallery .photos img {
    width: 130px;
}
.photos {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #333333;
    border: 1px solid #000000;
    display: inline;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}
.photos img {
    border: 1px solid #000000;
    margin: 4px;
}
.disabled, #submenu .disabled a, #footer .disabled a {
    font-style: italic;
    color: #666666;
}
#menu .selected {
    color: #FF0000;
}
/* Classes pour les listes d'articles */
.article {
    clear: both;
    background-image: url(../imgs/design/split_content.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
.article a {
    display: block;
    color: #b1b1b1;
}
.article a:hover {
    background-color: #666;
    background-image: url(../imgs/design/split_content.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-decoration: none;
}
.article .close {
    height: 0px;
    background-image: none;
}
.spacer {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Classes pour les commentaires */
.comments, .comments_grey {
    min-height: 125px;
    background-position: bottom;
    color: #333;
}
.comments_grey .floating_btn {
    margin-top: 20px;
    margin-right: 20px;
}
.comments .floating_btn {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.comments{
    background: silver;
    border-radius: 20px;
    margin: 5px 0 5px 0;
}
.comments_grey {
    background: gray;
    border-radius: 20px;
    margin: 5px 0 5px 0;
}
.comments_top {
    background: silver;
    
    height: 21px;
}
.comments_top_grey {
    background: gray;
    height: 21px;
}
.comments_author {
    float: right;
    width: auto;
    margin-right: 30px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: bold;
}
.comments_grey .comments_author {
    float: left;
    margin-right: 20px;
    margin-left: 30px;
}
.comments p, .comments_grey p {
    margin: 20px;
}
/* Classes pour les boites sp�ciales en float right */
.special_box {
    min-height: 125px;
    background-position: bottom;
    color: #333;
}
.special_box em {
    font-style: normal;
    font-size: 10px;
    color: #333;
}

.special_box {
    border: 2px groove white;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #858585;
}
.special_box p, .special_box ul {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 40px;
    font-weight: bold;
}
.left {
    float: left;
}
.floating_btn {
    float: right;
    margin-top: 10px;
    margin-bottom: 8px;
    margin-right: 7px;
}
.floating_btn2{
    display: block;
    float: right;
    margin-top: -10px;
    margin-bottom: 8px;
    margin-right: 7px;
    opacity: 0.7;
}
.floating_btn2:hover{ opacity: 1; }
#photos_box, #files_box {
    display: none;
}
.ticket {
    font-size: 24px;
    line-height: 70px;
    font-weight: bold;
    color: #C00;
    float: right;
    height: 65px;
    width: 63px;
    font-style: italic;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    background-image: url(/imgs/design/back_ticket_small.png);
    background-repeat: no-repeat;
}
.ticket_small {
    font-size: 24px;
    line-height: 70px;
    font-weight: bold;
    color: #C00;
    float: left;
    height: 65px;
    width: 63px;
    font-style: italic;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    background-image: url(/imgs/design/back_ticket_small.png);
    background-repeat: no-repeat;
}
.icons {
    width: 250px;
    float: right;
    margin: 10px;
    font-size: 12px;
    text-align: right;
}
.icons p {
    font-size: 12px;
    line-height: 14px;
    margin: 0px;
}
.icons img, .float_right {
    float: right;
}
#map {
    margin: 10px;
}
#gallery {
    margin: 10px;
}
#submenu .shake a, #menu .shake a, .shake a {
    color: #F00;
    background-image: url(/imgs/design/icon_warning_mini_anim.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;
}
#clientbox {
}



.DynarchCalendar-topCont{
    width: auto;
    height: auto;
}
    
    
    
#inputListSeaker{
    border: 1px groove gray;
    background: silver;
    opacity: 0.9;
    max-height: 200px;
    position: absolute;
    overflow: auto;
    width: auto;
    white-space: nowrap;
}
    #inputListSeaker div.firstElement{
        background: teal;
        clear: both;
    }
        #inputListSeaker div.firstElement div{
            color: blue;
            background: white;
        }
    #inputListSeaker div.secondaryElement{
        background: maroon;
        clear: both;
    }
        #inputListSeaker div.secondaryElement div{
            color: blue;
            background: white;
        }
    #inputListSeaker div.thirdElement{
        background: purple;
        clear: both;
    }
        #inputListSeaker div.thirdElement div{
            color: white;
            background: white;
        }
    #inputListSeaker a{
        clear: both;
        display: block;
        white-space: nowrap;
        margin: 0px;
        padding: 3px 5px 3px 5px;
        color: black;
        text-decoration: none;
    }
    #inputListSeaker a.selected, #inputListSeaker a.selected:hover, #inputListSeaker a:hover{
        background: gray;
        color: navy;
    }


#posystemSubmenue{
}
    #posystemSubmenue ul{
        padding: 0px 10px 5px 0px;
        margin: 0px 0px 0px 0px;
        overflow: auto;
    }
        #posystemSubmenue ul li{
            display: block;
            clear: both;
            padding: 0px;
            margin: 0px;
        }
            #posystemSubmenue ul li a{
                display: block;
                float: left;
                width: 200px;
                padding: 0px;
                margin: 0px 0px 0px 10px;
                background: url(https://chip2.unitronic.ca/imgs/design/split_content_left.gif) left bottom no-repeat;
            }
            #posystemSubmenue ul li a:hover{
            }
.clear{
text-align:left;
width:400px;
white-space: nowrap;
padding-left:25px;
}
.clear input{
    width:200px;
    clear: right;
    float: left;
    margin: 5px 0px 10px;
}
.left {
   
    font-size: 11px;
    text-align: left;
    width: 120px;
    display: inline-block;

}



.inputBtnSubmitFormWrapper{
    text-align: center;
    clear: both;
    overflow: auto;
}
    .inputBtnSubmitFormWrapper div{
        margin-right: 20px;
        float: right;
        border: 2px solid #020304;
        border-radius: 10px;
        padding: 2px 5px 2px 5px;
        background: #8f8f8f;
        color: white;
        cursor: pointer;
        text-shadow: 0px 0px 10px black;
        font-weight: 900;
    }
    .inputBtnSubmitFormWrapper div:hover{
        box-shadow: 0px 0px 3px red;
        text-shadow: 0px 0px 10px red;
    }
    
    

#environmentFooterWrapper{
    position: fixed;
    bottom: 0px;
    right: 0px;
    border: 5px dotted yellow;
    border-radius: 10px;
    background: maroon;
    opacity: 0.3;
    margin: 0px 10px 10px 0px;
    text-align: center;
    width: 300px;
}
    #environmentFooterWrapper h1{
        color: yellow;
        padding: 0px;
        margin: 0px;
    }

#modeTopLine{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 10px;
    z-index: 2000;
}
.modeTopLine{
    border-top: 10px solid silver;
}
#flashmode {
    width: 75px;
    height: 74px;
    position: fixed;
    top: 10px;
    right: 0px;
    z-index: 1500;
}
#adminSuperMenuWrapper{
    background: maroon;
    border: 2px dotted yellow;
    padding: 10px;
    overflow: auto;
    z-index: 2100;
    top: 10px;
    right: 58px;
    position: fixed;
    border-radius: 10px;
    width: auto;
    clear: both;
    opacity: 0.5;
    max-height: 75%;
}
#adminSuperMenuWrapper:hover{
    opacity: 1;
}
    #adminSuperMenuWrapper div{
        float: left;
    }
        #adminSuperMenuWrapper div h3{
            color: white;
            padding: 0px;
            margin: 0px;
        }
        
        
        

/* New menu from Skellos 2014-05-22 /**/
#adminMenu{
    margin-top: 160px;
    margin-left: 25px;
    clear: both;
    overflow: auto;
}
    #adminMenu div{
        float: left;
        padding: 3px 10px 0px 10px;
    }
        #adminMenu div a{
            font-size: 15px;
            font-weight: bold;
            color: #FFF;
            text-decoration: none;
            opacity: 0.7;
        }
        #adminMenu div a:hover{
            opacity: 1;
        }
    
    #adminMenu div.subMenuDiv{
        position: absolute;
        border: 2px groove red;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        background: black;
        padding: 0px;
        z-index: 2000;
        overflow: auto;
    }
        #adminMenu div.subMenuDiv a{
            display: block;
            color: white;
            clear: both;
            opacity: 0.7;
            padding: 8px 15px 5px 10px;
            border-bottom: 2px groove maroon;
        }
        #adminMenu div.subMenuDiv a:hover{
            opacity: 1;
            background: silver;
            color: red;
        }
        #adminMenu div.subMenuDiv a:last-child{
            border-bottom: 0px;
        }
        
        
        
#quickSearchForm{
    display: block;
    clear: both;
}
#quickSearchDivResult div{
    float: none;
    position: absolute;
}
.quickSearchCloseButton{
    width: 16px;
    height: 16px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    float: right;
}
.quickSearchFoundTitle{
    color: white;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
}
.quickSearchTable{
    width: 95%;
    display: inherit;
}
    .quickSearchTable tr.odd:hover{
        background: silver;
    }
    .quickSearchTable tr.even{
        background: #FFBE37;
    }
    .quickSearchTable tr.even:hover{
        background: silver;
    }
        .quickSearchTable tr th{
            color: maroon;
            font-size: 12px;
            font-weight: 900;
        }
        .quickSearchTable tr td{
            color: white;
        }
    
#productAssemblyBox_wrapper{
    overflow: auto;
    clear: both;
}
    div.productAssemblyBox{
        overflow: auto;
        clear: both;
    }
        div.productAssemblyBox div{ display: inline-block; }
        div.productAssemblyBox select, div.productAssemblyBox input{
            margin: 0px;
            padding: 0px;
            margin-bottom: 5px;
            width: 300px;
            text-align: center;
            float: none;
        }
        div.productAssemblyBox input{ width: 30px; }
        div.productAssemblyBox select.assemblyExtraOption{ width: 270px; }
        div.productAssemblyBoxExtra select{ margin-left: 30px; }
        div.productAssemblyBox div.title{
            border: 0px;
            background: black;
            color: teal;
            font-weight: 900;
            padding-right: 5px;
            width: 300px;
        }
        div.productAssemblyBox div.titleQty{
            width: 30px;
            text-align: center;
        }
        div.productAssemblyBox div.titleSelect{
            width: 75px;
            text-align: center;
        }
        div.productAssemblyBox div.titleView{
            width: 75px;
            text-align: center;
        }
        
        div.productAssemblyBoxExtra select{ width: 270px;}
        div.productAssemblyBox div.titleLink{
            width: 75px;
            text-align: center;
            font-weight: normal;
        }
        div.productAssemblyBox div.titleViewLink{
            width: 75px;
            text-align: center;
            font-weight: normal;
            font-size: 12px;
        }
        
        

#filterBar{
    overflow: auto;
    width: 950px;
    margin: auto;
}
    #filterBarFull{
        border: 2px groove maroon;
        padding: 15px;
        background: white;
        color: black;
        overflow: auto;
        border-radius: 20px;
    }
        #filterBarFull div{
            float: left;
            margin-right: 25px;
            width: 220px;
        }
        #filterBarFull div.label{
            width: 90px;
            margin-right: 0px;
        }
        #filterBarFull div.otherInfo{
            width: 200px;
            float: right;
        }
        #filterBarFull div.newline{ clear: left; }
        #filterBarFull input{ float: none; width: 150px; }
        #filterBarFull select{ float: none; width: 156px; }
        #filterBarFull textarea{ float: none; width: 150px; }
        #filterBarFull div.button{ padding-top: 20px; float: none; width: 590px; text-align: center; }
        #filterBarFull div.button input{ font-weight: bold; color: green; }
    #filterBarTab{
        padding: 0px;
        text-align: center;
        color: black;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        background: #FF9900;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        cursor: pointer;
    }
        #filterBarTab h3{
            color: black;
            padding: 0px;
            margin: 0px;
            font-size: 10px;
        }
        
        
div.linkFloat{
    position: fixed;
    margin-top: 2mm;
    margin-left: 224mm;
    border: 2px groove maroon;
    border-radius: 10px;
    padding: 15px;
    background: white;
}

    div.linkFloat a{
        display: block;
        color: teal;
        height: 20px;
        padding-top: 3px;
        border-bottom: 1px solid silver;
    }
    div.linkFloat div.side{
        border-bottom: 1px solid silver;
        height: 20px;
        padding-top: 3px;
        color: black;
    }
        div.linkFloat div.side a{
            float: right;
            margin-left: 10px;
            padding-top: 0px;
            border: 0px;
        }
    div.linkFloat a:hover{
        color: maroon;
        background: silver;
    }
    div.linkFloat a.poDelete{
        color: red;
    }
    div.linkFloat a.poDelete:hover{
        color: red;
    }

    div.linkFloat h3{
        color: maroon;
        margin: 0px;
        padding: 15px 0px 0px 0px;
    }
        div.linkFloat h3 a{
            float: left;
            margin-top: -8px;
            border: 0px;
            opacity: 0.7;
            padding-right: 5px;
        }
        div.linkFloat h3 a:hover{
            background: inherit;
            opacity: 1;
        }
    div.linkFloat h3:first-child{
        padding: 0px;
    }
    
    div.linkFloat input.buttonOff, input.buttonOff{
        display: none;
        /*width: auto; 
        border-radius: 10px;
        border: 2px groove red;
        opacity: 0.6;
        color: red;*/
    }
    div.linkFloat input.buttonOn, input.buttonOn{
        padding: 5px 10px;
        border-radius: 6px;
        border: 2px groove green;
        cursor: pointer;
        color: black;
        background: #bee3be;
    }
    div.linkFloat input.buttonOn:hover{
        background: #88cf88;
    }
    

    
ul.noticeBox{
    border: 2px groove red;
    padding: 5px;
}
    ul.noticeBox li{ color: white; padding: 0px; }
    ul.noticeBox label{
        color: white;
        font-size: 18px;
        float: none;
        text-align: left;
    }
    ul.noticeBox .error{ color: red; }
    ul.noticeBox .notice{ color: orange; }
    ul.noticeBox .success{ color: green; }
    ul.noticeBox li span{ color: yellow; text-decoration: underline; }
    
    
#commentsMainWrapper, div.commentsMainWrapper{
    background: #323232;
    overflow: auto;
    clear: both;
    padding: 15px 15px 0px 15px;
}
    #commentsMainWrapper div.comment, div.commentsMainWrapper div.comment{
        background: #999;
        border: 2px solid white;
        border-radius: 15px;
        box-shadow: 3px 3px 5px black;
        clear: both;
        margin-bottom: 20px;
        padding: 5px 15px 5px 15px
    }
        #commentsMainWrapper div.god, div.commentsMainWrapper div.god{ background: #CCC; }
        #commentsMainWrapper div.comment a.delete, div.commentsMainWrapper div.comment a.delete{ float: left; }
        #commentsMainWrapper div.comment a.god, div.commentsMainWrapper div.comment a.god{ float: right; }
        #commentsMainWrapper div.comment div.author, div.commentsMainWrapper div.comment div.author{
            font-size: 12px;
            font-weight: bold;
            color: #333;
            float: right;
            box-shadow: none;
        }
        #commentsMainWrapper div.comment div.god, div.commentsMainWrapper div.comment div.god{ float: left; }
        #commentsMainWrapper div.comment p, div.commentsMainWrapper div.comment p{
            color: #333;
            clear: both;
        }
        #commentsMainWrapper div.comment div.attach, div.commentsMainWrapper div.comment div.attach{ color: #333; }

        

            
        
                
#contentFullePage{
    background: white;
    border: 2px groove maroon;
    padding: 5px 20px 50px 10px;
    color: black;
}
    #contentFullePage h1{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage h2{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage h3{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage table{
        color: black;
        width: 100%;
    }
        #contentFullePage table th{ color: black; }
        #contentFullePage table td{ color: black; }
    #contentFullePage input{ float:none; width:auto; }
    #contentFullePage select{ float:none; width:auto; }
    #contentFullePage textarea{ float:none; width:auto; }
    #contentFullePage div.filterBox{
        float: left;
        margin-left: 10px;
    }
    
    

.hardwareImageWrapperBox{
    margin-left: 125px;
    clear: both;
}
    .hardwareSmallImageWrapper{
        float: left;
        padding: 0px;
        margin: 0px 0px 10px 20px;
    }
        .hardwareSmallImageWrapper a{
            float: none;
            cursor: help;
        }
            .hardwareSmallImageWrapper a img{
                float: none;
                max-width: 175px;
                max-height: 125px;
            }
        .hardwareSmallImageWrapper img.delete{
            position: absolute;
            border: 0px;
            width: 20px;
            height: 20px;
            margin-left: -4px;
            margin-top: -4px;
        }
        
    
.hardwareProductWrapper{
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 10px;
    border: 2px groove maroon;
    border-radius: 10px;
    overflow: auto;
}
    .hardwareProductWrapper img.delete{
        border: 0px;
        width: 20px;
        height: 20px;
        margin-top: -20px;
        left: 1090px;
        position: absolute;
    }
    .hardwareProductWrapper img.small{
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 15px;
    }
    .hardwareProductWrapper div h3{
        margin: 0px;
        padding: 0px;
    }
    .hardwareProductWrapper div p{
        margin: 0px;
        padding: 0px;
    }
        .hardwareProductWrapper div p span{
            color: teal;
        }
        .hardwareStockunlimited{
            color: teal;
        }
        .hardwareStockinStock{
            color: green;
        }
        .hardwareStockoutOfStock{
            color: red;
        }

.fullWidthBody #layout{
    width: 100%;
    position: relative;
}
.fullWidthBody #layout #left{
    float: left;
    position: relative;
}
.fullWidthBody #layout #content{
    width: 67%;
    float: left;
    position: relative;
}    
        
div.fullPageFloatingMenu{
    margin-top: 0;
    margin-left: 0;
    right: 75px;
    top: 200px;
}


div.inventoryAssemblyDetailForPrint{
    width: 8.5in;
    height: 11in;
    border: 1px solid black;
    box-shadow: 5px 5px 5px gray;
    margin: -15px auto 10px auto;
}
.inventoryAssemblyInfoBox{
    position: absolute;
    background: white;
    color: black;
    border: 2px groove maroon;
    padding: 10px 40px 10px 10px;
    overflow: auto;
    
}
    table.inventoryAssemblyInfo{
        border: 1px solid gray;
        width: 98%;
    }
    table.inventoryAssemblyInfo tr.oddSilver{ background: silver; }
    table.inventoryAssemblyInfo tr.evenWhite{ background: white; }
    table.inventoryAssemblyInfo th{
        background: gray;
        color: white;
        font-weight: bold;
    }
    table.inventoryAssemblyInfo td{
        color: black;
    }
    table.inventoryAssemblyInfo td.printMe{
        text-align: center;
    }

.evenStatistics{ background-color: black; }
.oddStatistics{ background-color: #222; }
table.inventoryTableInfo tr.contentTitleRow{ color: red; }
table.inventoryTableInfo tr.odd{ background-color: black; }
table.inventoryTableInfo tr.oddAssembly{ background-color: black; }
table.inventoryTableInfo tr.even{ background-color: #222; }
table.inventoryTableInfo tr.evenAssembly{ background-color: #222; }
table.inventoryTableInfo tr.odd:hover
,table.inventoryTableInfo tr.oddAssembly:hover
,table.inventoryTableInfo tr.even:hover
,table.inventoryTableInfo tr.evenAssembly:hover
,.evenStatistics:hover
,.oddStatistics:hover
{ background-color: #1f134a; }

table.inventoryTableInfo td.successOrderRequestTD{
    padding: 15px;
    border: 2px groove teal;
    background: green;
    color: white;
    font-weight: 900;
    text-align: center;
    border-radius: 20px;
}
table.inventoryTableInfo td.errorOrderRequestTD{
    padding: 15px;
    border: 2px groove gray;
    background: red;
    color: black;
    font-weight: 900;
    text-align: center;
    border-radius: 8px;
}
.inventoryProductQtyTD{
    width: 50px;
    height: 30px;
    padding: 0px 3px 0px 3px;
}
    .inventoryProductQtyTD input.dealerView{
        float: right;
        width: 30px;
        font-size: 10px;
        text-align: center;
    }
    
    .inventoryProductQtyTdDiv{
        text-align: center;
    }
        .inventoryProductQtyTdDiv span{
            font-size: 9px;
            color: silver;
            font-weight: 100;
        }
        .inventoryProductQtyTdDiv span.qty{
            font-weight: 900;
            font-size: 14px;
        }
        .inventoryProductQtyTdDiv div{
            position: absolute;
            background: white;
            padding: 10px;
            border: 2px solid maroon;
        }
        .manuallyChangeQty{
            width: 50px;
            font-size: 20px;
            float: none;
        }
        
.inventoryProductQtyTD input.datepicker{
    width: 100px;
    margin: 0px;
    padding: 0px;
    float: none;
}
img.inventoryProductQtyTD{
    position: absolute;
    height: 25px;
}
div.inventoryProductFilter{
}
select.inventoryProductFilter{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    font-size: 10px;
}
table.inventoryTableInfoPrint{
    padding: 0px;
    margin: 0px;
}
    table.inventoryTableInfoPrint td{
        color: black;
        font-size: 16px;
        border-bottom: 1px solid silver;
        padding: 8px 0px 8px 0px;
    }
    table.inventoryTableInfoPrint tr.odd td{ color: teal; }


a.addChildButton{
    display: block;
    text-align: center;
    clear: both;
    cursor: pointer;
    color: teal;
}
a.removeChildButton{
    color: red;
}

div.qtyHeldLink{
    position: absolute;
    padding: 10px;
    border: 3px solid maroon;
    background: white;
    margin-left: -100px;
    width: 200px;
}
div.qtyHeldLink a{
    display: block;
}


    

/************************************************************************
* INVENTORY SYSTEM
*/
#commentsMainWrapper, div.commentsMainWrapper{
    background: #323232;
    overflow: auto;
    clear: both;
    padding: 15px 15px 0px 15px;
}
    #commentsMainWrapper div.comment, div.commentsMainWrapper div.comment{
        background: #999;
        border: 2px solid white;
        border-radius: 15px;
        box-shadow: 3px 3px 5px black;
        clear: both;
        margin-bottom: 20px;
        padding: 5px 15px 5px 15px
    }
        #commentsMainWrapper div.god, div.commentsMainWrapper div.god{ background: #CCC; }
        #commentsMainWrapper div.comment a.delete, div.commentsMainWrapper div.comment a.delete{ float: left; }
        #commentsMainWrapper div.comment a.god, div.commentsMainWrapper div.comment a.god{ float: right; }
        #commentsMainWrapper div.comment div.author, div.commentsMainWrapper div.comment div.author{
            font-size: 12px;
            font-weight: bold;
            color: #333;
            float: right;
            box-shadow: none;
        }
        #commentsMainWrapper div.comment div.god, div.commentsMainWrapper div.comment div.god{ float: left; }
        #commentsMainWrapper div.comment p, div.commentsMainWrapper div.comment p{
            color: #333;
            clear: both;
        }
        #commentsMainWrapper div.comment div.attach, div.commentsMainWrapper div.comment div.attach{ color: #333; }

        

            
        
                
#contentFullePage{
    background: white;
    border: 2px groove maroon;
    padding: 5px 20px 50px 10px;
    color: black;
}
    #contentFullePage h1{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage h2{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage h3{ color: black; padding: 0px; margin: 0px; }
    #contentFullePage table{
        color: black;
        width: 100%;
    }
        #contentFullePage table th{ color: black; }
        #contentFullePage table td{ color: black; }
    #contentFullePage input{ float:none; width:auto; }
    #contentFullePage select{ float:none; width:auto; }
    #contentFullePage textarea{ float:none; width:auto; }
    #contentFullePage div.filterBox{
        float: left;
        margin-left: 10px;
    }
    
    

.hardwareImageWrapperBox{
    margin-left: 125px;
    clear: both;
}
    .hardwareSmallImageWrapper{
        float: left;
        padding: 0px;
        margin: 0px 0px 10px 20px;
    }
        .hardwareSmallImageWrapper a{
            float: none;
            cursor: help;
        }
            .hardwareSmallImageWrapper a img{
                float: none;
                max-width: 175px;
                max-height: 125px;
            }
        .hardwareSmallImageWrapper img.delete{
            position: absolute;
            border: 0px;
            width: 20px;
            height: 20px;
            margin-left: -4px;
            margin-top: -4px;
        }
        
    
.hardwareProductWrapper{
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 10px;
    border: 2px groove maroon;
    border-radius: 10px;
    overflow: auto;
}
    .hardwareProductWrapper img.delete{
        border: 0px;
        width: 20px;
        height: 20px;
        margin-top: -20px;
        left: 1090px;
        position: absolute;
    }
    .hardwareProductWrapper img.small{
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 15px;
    }
    .hardwareProductWrapper div h3{
        margin: 0px;
        padding: 0px;
    }
    .hardwareProductWrapper div p{
        margin: 0px;
        padding: 0px;
    }
        .hardwareProductWrapper div p span{
            color: teal;
        }
        .hardwareStockunlimited{
            color: teal;
        }
        .hardwareStockinStock{
            color: green;
        }
        .hardwareStockoutOfStock{
            color: red;
        }

.fullWidthBody #layout{
    width: 100%;
    position: relative;
}
.fullWidthBody #layout #left{
    float: left;
    position: relative;
}
.fullWidthBody #layout #content{
    width: 67%;
    float: left;
    position: relative;
}    
        
div.fullPageFloatingMenu{
    margin-top: 0;
    margin-left: 0;
    right: 75px;
    top: 200px;
}


div.inventoryAssemblyDetailForPrint{
    width: 8.5in;
    height: 11in;
    border: 1px solid black;
    box-shadow: 5px 5px 5px gray;
    margin: -15px auto 10px auto;
}
.inventoryAssemblyInfoBox{
    position: absolute;
    background: white;
    color: black;
    border: 2px groove maroon;
    padding: 10px 40px 10px 10px;
    overflow: auto;
    
}
    table.inventoryAssemblyInfo{
        border: 1px solid gray;
        width: 98%;
    }
    table.inventoryAssemblyInfo tr.oddSilver{ background: silver; }
    table.inventoryAssemblyInfo tr.evenWhite{ background: white; }
    table.inventoryAssemblyInfo th{
        background: gray;
        color: white;
        font-weight: bold;
    }
    table.inventoryAssemblyInfo td{
        color: black;
    }
    table.inventoryAssemblyInfo td.printMe{
        text-align: center;
    }

.evenStatistics{ background-color: black; }
.oddStatistics{ background-color: #222; }
table.inventoryTableInfo tr.contentTitleRow{ color: red; }
table.inventoryTableInfo tr.odd{ background-color: black; }
table.inventoryTableInfo tr.oddAssembly{ background-color: black; }
table.inventoryTableInfo tr.even{ background-color: #222; }
table.inventoryTableInfo tr.evenAssembly{ background-color: #222; }
table.inventoryTableInfo tr.odd:hover
,table.inventoryTableInfo tr.oddAssembly:hover
,table.inventoryTableInfo tr.even:hover
,table.inventoryTableInfo tr.evenAssembly:hover
,.evenStatistics:hover
,.oddStatistics:hover
{ background-color: #1f134a; }

table.inventoryTableInfo td.successOrderRequestTD{
    padding: 15px;
    border: 2px groove teal;
    background: green;
    color: white;
    font-weight: 900;
    text-align: center;
    border-radius: 20px;
}

.inventoryProductQtyTD{
    width: 50px;
    height: 30px;
    padding: 0px 3px 0px 3px;
}
    .inventoryProductQtyTD input.dealerView{
        float: right;
        width: 30px;
        font-size: 10px;
        text-align: center;
    }
    
    .inventoryProductQtyTdDiv{
        text-align: center;
    }
        .inventoryProductQtyTdDiv span{
            font-size: 9px;
            color: silver;
            font-weight: 100;
        }
        .inventoryProductQtyTdDiv span.qty{
            font-weight: 900;
            font-size: 14px;
        }
        .inventoryProductQtyTdDiv div{
            position: absolute;
            background: white;
            padding: 10px;
            border: 2px solid maroon;
        }
        .manuallyChangeQty{
            width: 50px;
            font-size: 20px;
            float: none;
        }
        
.inventoryProductQtyTD input.datepicker{
    width: 100px;
    margin: 0px;
    padding: 0px;
    float: none;
}
img.inventoryProductQtyTD{
    position: absolute;
    height: 25px;
}
div.inventoryProductFilter{
}
select.inventoryProductFilter{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    font-size: 10px;
}
table.inventoryTableInfoPrint{
    padding: 0px;
    margin: 0px;
}
    table.inventoryTableInfoPrint td{
        color: black;
        font-size: 16px;
        border-bottom: 1px solid silver;
        padding: 8px 0px 8px 0px;
    }
    table.inventoryTableInfoPrint tr.odd td{ color: teal; }


a.addChildButton{
    display: block;
    text-align: center;
    clear: both;
    cursor: pointer;
    color: teal;
}
a.removeChildButton{
    color: red;
}

div.qtyHeldLink{
    position: absolute;
    padding: 10px;
    border: 3px solid maroon;
    background: white;
    margin-left: -100px;
    width: 200px;
}
div.qtyHeldLink a{
    display: block;
}


    

/************************************************************************
* INVENTORY SYSTEM
*/
#inventoryFormProductTabWrapper{
    clear: both;
    overflow: auto;
    padding-top: 5px;
}
    #inventoryFormProductTabWrapper div.tab{
        background: black;
        float: left;
        padding: 3px 10px 3px 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-left: 5px;
        cursor: pointer;
        border-top: 2px groove white;
        border-right: 2px groove white;
        border-left: 2px groove white;
    }
    #inventoryFormProductTabWrapper div#productConceptionInfoTab{ border-color: yellow; }
    #inventoryFormProductTabWrapper div#productMainInfoTab{ border-color: maroon; }
    #inventoryFormProductTabWrapper div#productHardwareWebInfoTab{ border-color: teal; }
        #inventoryFormProductTabWrapper div.tabHidden{ margin-top: 0px; }
        #inventoryFormProductTabWrapper div.tabSelected{ margin-top: 2px; }
    

#inventoryFormProductWrapper{
    margin-top: -2px;
    clear: both;
    overflow: auto;
}

    div.helpBoxInfo{
        position: absolute;
        border: 2px groove maroon;
        background: white;
        padding: 10px;
        color: black;
        margin: 14px 0px 0px 0px;
        border-radius: 20px;
    }
    div.helpBoxInfo p{
        font-size: 12px;
        margin: 2px 0px 2px 0px;
    }
    
    #inventoryFormProductWrapper div.progress{
        text-align: center;
    }
        #inventoryFormProductWrapper progress{
            width: 99%;
        }
    
    #inventoryFormProductWrapper div.form{
        background: black;
        border: 2px groove maroon;
        overflow: auto;
        padding: 20px;
    }
    #inventoryFormProductWrapper div#productConceptionInfo{ border-color: yellow; }
    #inventoryFormProductWrapper div#productMainInfo{ border-color: maroon; }
    #inventoryFormProductWrapper div#productHardwareWebInfo{ border-color: teal; }
        #inventoryFormProductWrapper div#productHardwareWebInfo input{ width: 550px; }
        #inventoryFormProductWrapper div#productHardwareWebInfo input.small{ width: 120px; }
        #inventoryFormProductWrapper div#productHardwareWebInfo select{ width: 550px; }
        #inventoryFormProductWrapper div#productHardwareWebInfo select.small{ width: 120px; }
        #inventoryFormProductWrapper div#productHardwareWebInfo img.langFlag{
            position: absolute;
            margin-left: 2px;
        }
        #inventoryFormProductWrapper div.formHidden{ display: none; }
        #inventoryFormProductWrapper div.formSelected{ display: block; }

    #inventoryFormProductWrapper div.clearBoth{
        clear: both;
        padding: 15px 0px 5px 0px;
    }
    #inventoryFormProductWrapper div.productLeft{
        float: left;
    }
        #inventoryFormProductWrapper div.productLeft fieldset{
            border: 2px groove teal;
            width: 300px;
        }
            #inventoryFormProductWrapper div.productLeft fieldset div.titleLeft{
                width: 137px;
            }
    #inventoryFormProductWrapper div.productRight{
        float: right;
        width: 350px;
        height: 300px;
        overflow: auto;
        border: 1px solid silver;
    }
        #inventoryFormProductWrapper div.productRight div.productLog{
            font-size: 12px;
            border-bottom: 1px solid teal;
            padding: 0px 5px 0px 5px;
        }
            #inventoryFormProductWrapper div.productRight div.odd{ background: #000; }
            #inventoryFormProductWrapper div.productRight div.even{ background: #111; }
            #inventoryFormProductWrapper h3.productLogTitle{
                text-align: center;
                padding: 5px;
                margin: 0px 0px 5px 0px;
                border-bottom: 2px groove orange;
                color: orange;
            }
            #inventoryFormProductWrapper div.productRight div.productLog h6{
                padding: 0px;
                margin: 0px;
                font-size: 12px;
                font-weight: bold;
                color: maroon;
            }
            #inventoryFormProductWrapper div.productRight div.productLog p{
                padding: 0px;
                margin: 0px;
                font-size: 12px;
            }
    div.titleLeft{
        width: 150px;
        float: left;
        font-size: 12px;
        white-space: normal;
    }
    div.boxLeft{
        width: auto;
        float: left;
    }
    div.frenchEntryTab{
        position: absolute;
        width: auto;
        height: auto;
        margin: -3px 0px 0px -3px;
        background: black;
        padding: 0px 20px 0px 0px;
        border: 3px groove maroon;
    }
        div.frenchEntryTab div.lang{
            position: absolute;
            margin-left: 100%;
            margin-top: -3px;
            padding: 2px 5px 0px 10px;
            background: black;
            border-top: 3px groove maroon;
            border-right: 3px groove maroon;
            border-bottom: 3px groove maroon;
        }
        div.frenchEntryTab div.close{
            position: absolute;
            margin-left: 97%;
            color: red;
            cursor: pointer;
        }
        div.frenchEntryTab input, div.frenchEntryTab textarea{ background: #f7abab; }


        div.hardwareImageWrapperBox{
            clear: both;
            padding-top: 5px;
            overflow: auto;
        }
            div.hardwareSmallImageWrapper{
                float: left;
                padding: 0px;
                margin: 0px 0px 10px 20px;
                overflow: auto;
            }
                img.hardwareImage{
                    max-width: 175px;
                    max-height: 125px;
                }
                img.hardwareImageDelete{
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    margin-left: -4px;
                    margin-top: -4px;
                    cursor: pointer;
                }
                #pdfInstallationFile img{
                    width: 20px;
                    height: 20px;
                    margin-left: 5px;
                    cursor: pointer;
                }

input.quickEditInput{
    position: abolute;
    background: teal;
    width: 40px;
    font-size: 10px;
    height: 10px;
}

.dealerView{
    width: auto;
}


/* Partner flash design
/************************************/
/* Partner flash design
/************************************/
#menuTabWrapper{
    clear: both;
    overflow: auto;
    margin-left: 20px;
    z-index: 100;
    height: 33px;
}
    #menuTabSubWrapper{
        position: absolute;
    }
        #menuTabSubWrapper a{
            display: inline-block;
            float: left;
            padding: 3px 10px 3px 10px;
            background: black;
            color: white;
            border-left: 2px groove teal;
            border-top: 2px groove teal;
            border-right: 2px groove teal;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            margin-left: 10px;
            margin-top: 0px;
            height: 30px;
        }
        #menuTabSubWrapper a.selected{
            padding: 3px 10px 2px 10px;
            margin-top: 2px;
        }
    
    #processTabWrapper{
        z-index: 90;
        margin-left: 20px;
        margin-top: 4px;
        padding: 0px 20px 50px 20px; clear: both;
        border: 2px groove teal;
    }

div.flashPartner_buttonWrapper{
    overflow: auto;
    clear: both;
}
    div.flashPartner_buttonWrapper a{
        display: inline-block;
        margin-left: 20px;
        padding: 6px;
    }
    .flashPartner_valid{ color: green; }
    .flashPartner_corrected{ color: orange; }
    .flashPartner_error{ color: red; }

#processNoticeWrapper{
    border: 2px groove orange;
    background: black;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    width: 90%;
    margin: 10px;
}

@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
@keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
.elementBlink {
   text-decoration:blink;
  -webkit-animation-name:blinker;
          animation-name:blinker;  
  -webkit-animation-iteration-count:infinite;  
          animation-iteration-count:infinite;  
  -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
          animation-timing-function:cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration:1s; 
          animation-duration:1s; 
}    

#powerFigureAllModelRelatedWrapper{
    clear: both;
    overflow: auto;
    width: 100%;
    font-size: 14px;
}
    #powerFigureAllModelRelatedWrapper a.powerFigureAllModelRelatedLink{
        display: block;
        float: left;
        width: 48%;
        padding-left: 1%;
        padding-right: 1%;
    }
.davidReceivingOrder{
    text-align: center;
}
    .davidReceivingOrder a{
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 5px;
        padding: 5px 10px;
        color: yellow;
        font-size: 15px;
        border: 1px dotted red;
        text-decoration: none;
    }
    .davidReceivingOrder a.incomplete{ color: purple; }
    .davidReceivingOrder a.pending{ color: orange; }
    .davidReceivingOrder a.hideForJohn{ display: none; }
    .davidReceivingOrder a.colorPO_NEW{ color: white; }
    .davidReceivingOrder a.colorPO_ORDERED{ color: purple; }
    .davidReceivingOrder a.colorPO_INPRODUCTION{ color: maroon; }
    .davidReceivingOrder a.colorPO_SHIPPED{ color: teal; }
    .davidReceivingOrder a.colorPO_SHIPPEDPARTIAL{ color: blue; }
    .davidReceivingOrder a.colorPO_RECEIVED{ color: orange; }
    .davidReceivingOrder a.colorPO_RECEIVEDPARTIAL{ color: yellow; }
    .davidReceivingOrder a.colorPO_COMPLETED{ color: green; }
    .davidReceivingOrder span.linkWithin{
        cursor: pointer;
        color: yellow;
    }
        
.inventoryDealerViewImage{ display: block; }
.inventoryDealerViewImage img{ height: 100px; }
.accountCommentTitle{
    text-align: center;
    font-size: 15px;
    color: teal;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    border: 1px dotted teal;
    margin-bottom: 10px
}
#proofOfPurchaseWrapper{ margin-bottom: 20px; }
.proofOfPurchaseDateTitle{
    color: red;
    margin: 0 10px;
}

#accessControlMainWrapper .aclBlock{
    clear: both;
    overflow: auto;
    padding: 5px 0 5px 0;
}
#accessControlMainWrapper label{ width: 200px; }
#accessControlMainWrapper .aclBox{
    float: left;
    color: white;
    width: 600px;
    border-bottom: 1px solid silver;
}
    #accessControlMainWrapper .aclInputWrapper{
        width: 140px;
        float: left;
    }
        #accessControlMainWrapper .aclInputWrapper input{
            float: none;
            width: auto;
        }
/*************************************************/
/* INVENTORY DIMENSION, WEIGHT, ETC FOR SHIPPING */
/*************************************************/
.dimensionWeightMainWrapper td, .dimensionWeightMainWrapper th{
    text-align: center;
    border: 1px solid silver;
    color: white;
    width: 30px;
}
.dimensionWeightMainWrapper .color0{ border: 1px solid blue; }
.dimensionWeightMainWrapper .color1{ border: 1px solid red; }
.dimensionWeightMainWrapper .color2{ border: 1px solid green; }
.dimensionWeightMainWrapper .color3{ border: 1px solid yellow; }


#userAclMainWrapper{
    clear: both;
    overflow: auto;
    font-size: 16px;
}
    #userAclMainWrapper div.elementWrapper{
        float: left;
        margin-right: 30px;
    }
        #userAclMainWrapper legend{
            color: white;
            font-size: 18px;
            display: block;
        }
        #userAclMainWrapper input{
            width: auto;
        }
        
        
        
        
        
#topBannerSpacer{
    height: 160px;
}        
#mainMenuDdmsWrapper{
    border-bottom: 2px groove silver;
    clear: both;
    width: 98%;
    padding: 0;
    margin: 0px 0px 0px 1%;
    overflow: auto;
    font-size: 15px;
    font-weight: bold;
}
    #mainMenuDdmsWrapper div.linkDiv{
        display: block;
        float: left;
        padding: 3px 10px 3px 10px;
        margin: 0px 2px 0px 2px;
        white-space: nowrap;
        cursor: pointer;
    }
    #mainMenuDdmsWrapper div.linkDiv:first-child{ margin-left: 25px; }
    #mainMenuDdmsWrapper div.linkDiv:hover, #mainMenuDdmsWrapper div.linkDiv.selected{
        background: red;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    #mainMenuDdmsWrapper div.linkDivSub{
        display: block;
        clear: both;
        padding: 0px 20px 10px 20px;
        white-space: nowrap;
        cursor: pointer;
    }
    #mainMenuDdmsWrapper div.linkDivSub:first-child{ padding-top: 10px; }
    #mainMenuDdmsWrapper div.linkDivSub hr{ width: 90%; }
    #mainMenuDdmsWrapper a{
        font-weight: bold;
        font-size: 15px;
        text-decoration: none;
        color: white;
    }
    #mainMenuDdmsWrapper a.sub:hover{ color: red; }
    
    div.mainMenuSubLinkWrapper{
        background: black;
        border-left: 2px groove silver;
        padding: 5px 0px 0px 0px;
        margin-top: 3px;
        position: absolute;
        background: #161616;
        width: auto;
        white-space: nowrap;
        z-index: 10;
    }
    div.subLevel{
        margin-left: 60px;
        margin-top: -9px;
    }
    
#content table{ max-width: 99%; }
/**********************************************************/
/* INVENTORY SHOW & HIDE COLUMN SECTION */
/**********************************************************/
.showHideInventoryWrapper{ 
    border: 1px solid red;
    margin-bottom: 10px;
}
.showHideInventoryWrapper button{ margin: 10px; }
.showHideInventoryWrapper input{ width: 85px; }
.checkTitle{
    color: silver;
    width: 250px;
    float: left;
    clear: left;
}
.hardware_aclListInputWrapper{
    clear: both;
    overflow: auto;
}
.hardware_aclListNames{
    float: left;
    color: maroon;
    font-size: 10px;
}
/***************************************************************/
/* INVENTORY MENU */
/***************************************************************/
.inventoryMainMenuWrapper{
    text-align: right;
    position: fixed;
    right:0px;
    color: black;
}
.inventoryDealerMenuWrapper{
    width: 211px;
    background: white;
    text-align: left;
    padding: 20px 10px;
    display: inline-block;
    margin-left: -42px;
}
.inventoryDealerMenuWrapper a{
    display: block;
    margin: 3px 0;
}
.inventoryDealerMenuTitle{
    vertical-align: top;
    margin-top: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transform: rotate(270deg);
    border-bottom: 20px solid orange;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    width: 60px;
}


/* Stop making all forms the same when using this class /**/
form.newGenericForms{
}
    form.newGenericForms input, form.newGenericForms textarea, form.newGenericForms select{
        float: none;
        width: auto;
    }
    
#sk2PopUpBoxWrapper{
    position: absolute;
    background: white;
    color: black;
    border: 3px groove maroon;
    padding: 10px;
    margin-left: 10%;
    margin-top: 200px;
    width: 40%;
    z-index: 2000;
}
#sk2PopUpBoxContent, #sk2PopUpBoxContent h1, #sk2PopUpBoxContent h2, #sk2PopUpBoxContent h3{ color: black; }

ul.cardListLi{
    overflow: auto;
    clear: both;
    float: none;
    list-style-type: none;
    padding-left: 50px;
}
    ul.cardListLi li{
        clear: both;
        float: none;
    }
    
#walletReloadFormTable{
    font-size: 11px;
    width: 97%;
    background: white;
}
    #walletReloadFormTable th{
        color: maroon;
    }
    #walletReloadFormTable td{
        color: black;
    }
    #walletReloadFormTable td.total{
        font-weight: bold;
        color: green;
        font-size: 14px;
    }
/* quick fix to make sure the background is black. 27/03/2018 */    
#networkBodyWrapper{ background: black; }
#overviewTable table, #overviewTable th, #overviewTable td{ color: white; }

.preRegisterContentMainWrapper label{
    color: white;
}

/**********************************************************************************/
/* New Invoice Design 10/01/2018 */
/**********************************************************************************/
#mainInvoiceWrapper{ padding: 15px 30px; color: black; }
#mainInvoiceWrapper .invoiceHeaderWrapper{ margin-bottom: 15px; }
    #mainInvoiceWrapper .invoiceHeaderWrapper img{ width: 200px; }
#mainInvoiceWrapper .invoiceImage, 
#mainInvoiceWrapper .invoiceDate, 
#mainInvoiceWrapper .invoiceNumber, 
#mainInvoiceWrapper .invoiceLeftBox, 
#mainInvoiceWrapper .invoiceRightBox{
    width: 49%;
    display: inline-block;
}
#mainInvoiceWrapper .invoiceType{
    width: 50%;
    display: inline-block;
    font-size: 14px;
    color: red;
    text-align: right;
    font-weight: bold;
}
#mainInvoiceWrapper .invoiceFullWidthWrapper{ width: 100%; }
#mainInvoiceWrapper .invoiceAdress{
    font-size: 11px;
    font-weight: 650;
}
#mainInvoiceWrapper .invoicePageMarker{
    font-weight: bold;
    text-align: right;
}
#mainInvoiceWrapper .dateNumberWrapper{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
#mainInvoiceWrapper .textInRed{
    font-size: 11px;
    color: red;
    font-weight: bold;
}
#mainInvoiceWrapper .textInBlack{ font-size: 16px; }
#mainInvoiceWrapper .invoiceReference{
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.invoiceClientInfoMainTitle{
    width: 100%;
    font-size: 11px;
    color: red;
    font-weight: bold;
    margin-bottom: 2px;
}
.invoiceClientInfoSecondaryTitle{
    width: 49.5%;
    text-align: center;
    display: inline-block;
    background-color: gray;
    color: black;
    font-size: 9px;
    padding-bottom: 2px;
    border-left: 1px solid white;
}
.invoiceAdressInfo{
    display: inline-block;
    width: 49%;
    padding-left: 2px;
    font-size: 11px;
}
.invoiceProductDivision{
    display: inline-block;
    background-color: gray;
    color: black;
    padding-bottom: 2px;
    border-left: 1px solid white;
    padding-left: 3px;
    font-size: 9px;
}
.individualItemWrapper{ padding: 3px; }
.invoiceProductNumber{ width: 70px; }
.invoiceProductNumberName{ width: 360px; }
.invoiceProductTotal{
    width: 90px;
    text-align: center;
}
.individualProductNumber{
    display: inline-block;
    width: 70px;
    font-weight: bold;
}
.individualProductNumberName{
    display: inline-block;
    width: 350px;
    padding-left: 3px;
}
.individualProductTitle{
    color: #666666;
    display: inline-block;
    width: 340px;
    text-align: right;
}
.individualProductInfo{
    color: #666666;
    display: inline-block;
    width: 90px;
    text-align: center;
}
.individualProductInfoTotal{
    text-align: right;
    margin-right: 5px;
    font-weight: bold;
}
.individualProductCommentTitle{
    color: green;
    font-weight: bold;
}
.invoiceShippingDate{ 
    text-align: left; 
    width: 20%;
    display: inline-block;
    padding-left: 5px;
}
.invoiceShippingCourier{ 
    text-align: center; 
    width: 40.5%;
    display: inline-block;
}
.invoiceShippingTracking{ 
    text-align: center; 
    width: 20%;
    display: inline-block;
}
.invoiceShippingCost{ 
    text-align: right; 
    width: 15%;
    padding-right: 5px;
    display: inline-block;
}
.invoicePriceSectionTitle{
    display: inline-block;
    width: 430px;
    text-align: right;
    font-weight: bold;
}
.invoicePriceSectionInfo{
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 11px;
}
.calculusButton{
    font-family: verdana;
    text-align: center;
    background: #3D94F6;
    background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 100;
    padding:5px  10px;
    margin: 10px;
    box-shadow: 1px 1px 20px 0px #000000;
    -webkit-box-shadow: 1px 1px 20px 0px #000000;
    -moz-box-shadow: 1px 1px 20px 0px #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #337FED 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}
.calculusButton:hover{ 
    background: #1E62D0;
    background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
    background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
    background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
    background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
    background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
    text-decoration: none;
}
.decisionButtonWrapper{ text-align: center; }
.activateAccountActionButton{
    border: solid #330000 1px;
    background-image: -webkit-linear-gradient(top, #cc0000, #330000);
    background-image: -moz-linear-gradient(top, #cc0000, #330000);
    background-image: -ms-linear-gradient(top, #cc0000, #330000);
    background-image: -o-linear-gradient(top, #cc0000, #330000);
    background-image: linear-gradient(to bottom, #cc0000, #330000);
}
.activateAccountActionButton:hover{
    background-image: -webkit-linear-gradient(top, #330000, #cc0000);
    background-image: -moz-linear-gradient(top, #330000, #cc0000);
    background-image: -ms-linear-gradient(top, #330000, #cc0000);
    background-image: -o-linear-gradient(top, #330000, #cc0000);
    background-image: linear-gradient(to bottom, #330000, #cc0000);
}
.activateAccountNoteTextarea{
    margin-left: 10px;
    padding: 3px;
    min-width: 330px; 
    max-width: 330px;
    min-height: 80px;
    border-radius: 3px;
}
.activateAccountDescriptionTextarea{
    padding: 3px;
    min-width: 600px; 
    max-width: 600px;
    min-height: 80px;
    border-radius: 3px;
}
.otherDealerRequest{
    font-size: 10px; 
    float: right; 
    color: teal;
    margin-right: 20px;
}
#dealerRequestCommentBox { padding: 10px; }
#dealerRequestAction{ color: lime; }
.drButton{
    display: inline-block;
    padding: 5px 7px;
    border-radius: 5px;
}


div.searchHelpWrapper{
    clear: both;
}
    div.searchHelpSearchBar{
        background: white;
        float: left;
        width: 48%;
    }
        div.searchHelpSearchBar a{
            display: block;
            color: black;
        }

        
div.configOption_groupBlockBox{
    display: inline-block;
    border: 2px groove orange;
    padding: 5px;
    vertical-align: top;
    margin-right: 5px;
}