/*
Generated: 2025-06-30T13:39:22
Components:
  /css/wrapper.css                                   => /opt/thermeon/webXG/root/shared/css/wrapper.css
  /webXG/firefly/html/Alex%20-%20Beauvais%20opening/static/css/new_carsplus.css => root/webXG/static/css/new_carsplus.css

*/
/*
 Include File: /css/wrapper.css
 From:         /opt/thermeon/webXG/root/shared/css/wrapper.css 
*/
* {
    outline:                none;
    }

DIV#banner {
    background-Color:       black;
    background-Image:       url('/webXG/firefly/static/gfx/banner_small.jpg');
    background-Repeat:      no-repeat;
    background-Position:    top right;  
    }

BODY {
    font-Family:            arial, "lucida console", sans-serif;
    font-Size:              1em;
    background-Color:       #FFFFFF;
    color:                  #000000;
    margin:                 0px;
    overflow:               auto;
    }

PRE {
    white-space:            pre-wrap;
    }

DIV#green_bar {
    width:                  100%;
    background-Color:       #40FF01;
    height:                 21px;
    }

h1 {
    background:             #c1e0a5;
    padding:                5px;
    border:                 1px solid #7bad15;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;
    font-size:              1.2em
    }

h2 {
    font-size:              1.1em;
    }

a img {
    border:                 none;
    }

a#help,
a#help:hover,
a#help:visited {
    cursor:                 help;
    }

SPAN#title_text {
    font-Size:              12px;
    padding-Top:            3px;
    text-Decoration:        none;
    color:                  black;
    position:               absolute;
    font-Weight:            bold;
    right:                  25px;
    margin-Bottom:          4px;
    }

SPAN#main_menu {
    position:               absolute;
    font-Size:              12px;
    text-Decoration:        none;
    font-Weight:            bold;
    color:                  black;
    left:                   0px;
    margin-Bottom:          4px;
    }

SPAN#left_links a {
    text-Decoration:        none;
    color:                  black;
    font-Weight:            900;
    }

DIV {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    }

#content {
    position:               relative;
    z-Index:                0;
    padding:                10px;
    width:                  100%;
    }

DIV#body_content {
    position:               absolute;
    height:                 100%;
    width:                  100%;
    overflow:               auto;
    }

DIV.error {
    color:                  #DD0000;
    }

DIV.options_header {
    background:         #ddddff;
    border:             1px solid #000;
    padding:            5px;
    margin:             0 0 10px 0;
    }

/* --- GREEN FRAME CSS --- */

DIV.green_frame {
    position:               relative;
    border:                 1px solid black;
    background-Color:       #DDDDDD;
    }

DIV.green_frame .header {
    text-Align:             center;
    top:                    0px;
    left:                   0px;
    width:                  100%;
    background-Color:       #05FF05;
    padding-Top:            2px;
    padding-Bottom:         2px;
    font-Weight:            bold;
    border-Bottom:          1px solid black;
    }

DIV.green_frame .content {
    padding:                5px;
    }

/* --- MENU CSS --- */

span.menu {
    float:              left;
    padding-top:        3px;
    padding-bottom:     3px;
    padding-right:      10px;
    padding-left:       10px;
    color:              black;
    cursor:             pointer;
    position:           relative;
    z-Index:            90;
    top:                0px;
    }

span.hover {
    background:         #DDDDDD;
    }

span.over {
    background:         #DDDDDD;
    }

.top_menu_link {
    color:              black;
    text-decoration:    none;
    height:             15px;
    padding-right:      9px;
    padding-left:       9px;
    }

.menu_link {
    color:              black;
    text-decoration:    none;
    height:             15px;
    display:            block;
    }

span.menu div.holder {
    display:            none;
    border:             1px solid black;
    position:           absolute;
    margin-left:        -8px;
    top:                20px;
    width:              250px;
    background:         #E9E9E9;
    font-size:          12px;
    }

div.sub_holder {
    display:            none;
    position:           absolute;
    border:             1px solid black;
    background:         #E9E9E9;
    top:                0px;
    width:              250px;
    left:               100%;
    }

span.hover div.holder {
    display:           block;
    }

span.menu_item div.sub_holder {
    display:           none;
    }

span.sub_hover div.sub_holder {
    display:           block;
    }

span.sub_hover {
    background-color:   #40FF01;
    }

span.menu_item,
span.sub_hover {
    display:            block;
    height:             16px;
    padding:            4px;
    padding-top:        1px;
    padding-bottom:     1px;
    position:           relative;
    }

/* --- END MENU CSS --- */

/* --- ADMIN NAV CSS --- */
div#admin_nav {
    margin-top:         10px;
    border-bottom:      2px solid #000;
    border-left:        2px solid #000;
    margin:             0px 20px 20px 20px;
    }

div#admin_nav ul {
    list-style-type:    none;
    display:            inline;
    margin:             0px;
    padding:            0px;
    }

div#admin_nav ul li {
    list-style-type:    none;
    display:            inline;
    margin:             0px 0px 0px 0px;
    padding:            0px;
    }

div#admin_nav a {
    font-weight:        bold;
    text-decoration:    none;
    color:              #000;
    padding-left:       10px;
    padding-right:      10px;
    padding-top:        2px;
    padding-bottom:     2px;
    font-size:          12px;
    }

div#admin_nav a:hover {
    color:              blue;
    }
DIV.greybox {
    border: 1px dashed black;
    background: #eee;
    font-family: courier,sans-serif;
    font-size: 14px;
    margin: 20px;
    padding: 10px;
    }

DIV#technical_difficulties {
    padding:            10px;
    border:             1px solid #000;
    }

DIV.clear {
    clear:              both;
    }

/* mgmt widget ****************/

DIV#mgmt_widget {
    position:           absolute;
    width:              506px;
    right:              20px;
    top:                0;
    z-Index:            9999;
    font-size:          10pt;
    color:              #fff;
    }

DIV#mgmt_widget P {
    margin:             0 0 8px 0;
    }

DIV#mgmt_widget DIV#wi_content {
    background:         url('/webXG/firefly/static//gfx/mgmt_widget_bg.png') left top repeat-y transparent;
    }

DIV#mgmt_widget DIV#wi_show_hide {
    height:             0;
    overflow:           hidden;
    }

DIV#mgmt_widget DIV.title {
    width:              300px;
    }

DIV#mgmt_widget DIV.info {
    }

DIV#mgmt_widget DIV.link {
    float:              right;
    }

DIV#mgmt_widget DIV.link A {
    text-decoration:    none;
    color:              white;
    }

DIV#mgmt_widget DIV#wi_processes {
    padding:            0px 12px 0 8px;
    }

DIV#mgmt_widget DIV.wi_process DIV,
DIV#mgmt_widget DIV#wi_toggle_bar DIV {
    display:            inline-block;
    }

DIV#mgmt_widget DIV.wi_process {
    background:         #454647;
    padding:            5px;
    margin:             8px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:      10px;
    }

DIV#mgmt_widget DIV.wi_process DIV.progress_bar {
    width:              430px;
    height:             10px;
    background:         #333;
    margin:             0 4px;
    }

DIV#mgmt_widget DIV.wi_process DIV.progress_bar DIV {
    display:            block;
    width:              20px;
    height:             100%;
    background:         #009900;
    }

DIV#mgmt_widget DIV.wi_process DIV.percent {
    color:              #66ff00;
    }

DIV#mgmt_widget DIV.wi_text {
    padding:            4px 0 0 8px;
    }

DIV#mgmt_widget HR {
    display:            block;
    margin:             0px 6px 2px 3px;
    border-collapse:    collapse;
    border-top:         1px solid #000;
    border-bottom:      1px solid #454645;
    }

DIV#mgmt_widget DIV#wi_toggle_bar {
    position:           relative;
    width:              100%;
    height:             35px;
    background:         url('/webXG/firefly/static//gfx/mgmt_widget.png') left top no-repeat transparent;
    }

DIV#mgmt_widget DIV#wi_toggle {
    position:           absolute;
    right:              5px;
    bottom:             0;
    width:              30px;
    height:             35px;
    background:         url('/webXG/firefly/static//gfx/mgmt_widget.png') -537px top no-repeat transparent;
    cursor:             pointer;
    }

DIV#mgmt_widget DIV#wi_toggle.minus {
    background-Position:-507px;
    }


/*
 Include File: /webXG/firefly/html/Alex%20-%20Beauvais%20opening/static/css/new_carsplus.css
 From:         root/webXG/static/css/new_carsplus.css 
*/

.iframe #header, .iframe #mgmt_widget {
    display:            none;
    }

BODY.iframe, .iframe TABLE.main {
    font-Family:        "Helvetica Neue", sans-serif;
    }

BODY.iframe {
    background:         transparent;
    padding-bottom:     1em;
    }

.iframe H1 {
    background:         transparent;
    border:             none;
    padding:            0;
    }

.iframe DIV.green_frame {
    background-color:   transparent;
    border:             1px solid gray;
    }

.iframe #login_content {
    line-height:        20px;
    }


/* Put fixed-width DIV IDs that have problems here */
.iframe #create_client {
    display:            inline-block;
    width:              auto !important;
    }

.iframe DIV.green_frame .header {
    background-color:   #BBB;
    text-align:         left;
    padding:            2px;
    border-bottom:      1px solid gray;
    }

.iframe div#portal_menu div.header a {
    top:                auto;
    }

.iframe FORM.main {
    left:               auto;
    padding-bottom:     1em;
    }
.iframe TABLE.main {
    border-color:       #FAFAFA;
    margin-top:         5px;
    }

.iframe LI {
    line-height:        16px;
    }

.iframe TR {
    border-spacing:     1px;
    }

.iframe TD {
    vertical-align:     middle;
    height:             2em;
    border-top:         1px solid #FAFAFA;
    }

.iframe TABLE.styled {
    border-color:       #BDBDBD;
    }

.iframe TABLE.styled TR TH, .iframe TABLE.styled TR TD {
    border-left:        1px solid #BDBDBD;
    }

.iframe TABLE.styled TR TH {
    border-bottom:      1px solid #BDBDBD;
    }

.iframe TR.alternate,
.iframe TR.alternate TD,
.iframe TR.alternate SELECT,
.iframe TR.alternate INPUT {
    background-color:   #DFDFDF;
}

.iframe TR TD:first-child {
    padding-left:       5px;
    }

.iframe DIV#popup,
.iframe SPAN#navigate {
    border:         1px solid grey;
    background-Color:   #E4E4E4;
    }

.iframe TABLE.styled TR.delete,
.iframe TABLE.styled TR.delete TD,
.iframe TABLE.styled TR.delete SELECT,
.iframe TABLE.styled TR.delete INPUT.submit_input,
.iframe TABLE.styled TR.delete INPUT.button_input,
.iframe TABLE.styled TR.delete INPUT,
.iframe TABLE.styled TR.error,
.iframe TABLE.styled TR.error TD,
.iframe TABLE.styled TR.error SELECT,
.iframe TABLE.styled TR.error INPUT.submit_input,
.iframe TABLE.styled TR.error INPUT.button_input,
.iframe TABLE.styled TR.error INPUT,
.iframe INPUT.submit_input,
.iframe INPUT.button_input,
.iframe INPUT#cust_name,
.iframe INPUT#terms_cod,
.iframe INPUT#phone_number,
.iframe FORM#edit_type DIV#first_column INPUT,
.iframe FORM#edit_type DIV#second_column INPUT,
.iframe INPUT[type=text],
.iframe INPUT[type=password] {
    border:             1px solid #7B7B80;
    color:              #000;
    background-color:   #FAFAFA;
    cursor:             pointer;
    }
.iframe INPUT[type=text]:disabled {
    border-color:       #FAFAFA;
    }

.iframe DIV#admin_nav {
    margin:             0;
    border-left:        0;
    }

.iframe DIV#print_header,
.iframe DIV#select_cust {
    background-color:   #eee;
    }

.iframe FORM#edit_type DIV.holder {
    padding-bottom: 5px;
    width:          250px;
    position:       relative;
    }
.iframe FORM#edit_type DIV SPAN.input {
    position:       absolute;
    left:           auto;
    right:          0px;
    width:          100px;
    }

.iframe FORM#edit_type DIV SPAN.input INPUT {
    width:          100px;
    }

.iframe FORM#edit_type DIV#second_column {
    left:           300px;
    top:            10px;
}