/* --------------------------------------------------------------------------------------------------------------------------------------------------

    AdminSquare (www.adminsquare.com)

    File:       custom.css

-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Place for your own CSS code */
#content #search {
    top         : -12px;
    right       : 0px;
}

div.box {
    width       : 964px;
    margin      : 0 auto;
    position    : relative;
}

#content ul#dashboard {
    margin      : -5px -10px 20px -4px;
}

div#footer {
    margin  : 50px 0 0 0;
}

body#sign div#main {
    width       : 450px;
    min-width   : 450px;
}

body#sign div#footer {
    margin  : 0 0 15px 0;
}

#content form {
    margin  : 0px;
}

#content form label {
    display: block;
    float: none;
    width: auto;
    font-weight : bold;
}

#content form label.error {
    font-weight : normal;
}

#content form div.input.date-boxes {
    position    : relative;
}

#content form div.input.date-boxes > label.error:first-of-type {
    position    : absolute;
}

#content form div.input.date-boxes > label.error:nth-of-type(2),
#content form div.input.date-boxes > label.error:nth-of-type(3) {
    display     : none !important;
}


#content form div.checkbox input[type=checkbox] {
    float: left;
}

#content form div.checkbox label {
    display: inline;
    margin: 0 0 0 6px;
    float: left;
    width: auto;
    font-weight : bold;
    font-size   : 13px;
    line-height : 13px;
}


#content form input[type=text],
#content form input[type=password],
#content form select,
#content select.input-text {
    background      : none repeat scroll 0 0 #FFFFFF;
    border-color    : #B7B7B7 #E3E3E3 #E8E8E8 #B7B7B7;
    border-style    : solid;
    border-width    : 1px;
    font-size       : 14px;
    padding         : 5px;
}

#content div.input, #content div.plain {
    margin          : 0 0 18px 0;
}

#content div.input.checkbox {
    clear           : both;
    padding-bottom  : 18px;
}

div.top-minus-10 {
    margin-top      : -10px !important;
}

#content form select {
    width           : 93%
}

#content div.input input[type=text],
#content div.input input[type=password],
#content div.input textarea {
    width           : 90%;
}

#content form div.form-left  > div.form-left  select,
#content form div.form-left  > div.form-right select,
#content form div.form-right > div.form-right select,
#content form div.form-right > div.form-left  select {
    width           : 85%;
}

#content form div.form-left  > div.form-left  div.input input[type=text],
#content form div.form-left  > div.form-right div.input input[type=text],
#content form div.form-right > div.form-right div.input input[type=text],
#content form div.form-right > div.form-left  div.input input[type=text] {
    width           : 79%;
}

select.date-boxes {
    width           : 25% !important;
}

div.plain label {
    display         : block;
    font-weight     : bold;
    border-bottom   : 1px dashed #aaa;
    padding-bottom  : 2px;
    margin-bottom   : 4px;
}

div.index-buttons {
    float           : left;
    width           : 50%;
}

div.index-search {
    text-align      : right;
    float           : right;
    width           : 50%;
}

div.index-search input[type=text] {
    width           : 20% !important;
}

div.index-search select {
    width           : 20% !important;
}

#content form textarea {
    background      : none repeat scroll 0 0 #FFFFFF;
    border-color    : #B7B7B7 #E3E3E3 #E8E8E8 #B7B7B7;
    border-style    : solid;
    border-width    : 1px;
    font-size       : 14px;
    padding         : 5px;
}

#content form input[type=submit],
#content a.button,
#content button,
div.submit input {
    -moz-border-radius  : 4px 4px 4px 4px;
    -moz-box-shadow     : 0 1px 3px #CCCCCC;
    background          : #F6F6F6;
    border-bottom       : 1px solid #B8B8B8;
    border-right        : 1px solid #B7B7B7;
    color               : #858585;
    cursor              : pointer;
    display             : inline-block;
    font-family         : Arial,sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    line-height         : 1;
    padding             : 5px 15px;
    position            : relative;
    text-decoration     : none !important;
}

#content form input[type=submit] {
    padding             : 7px 15px;
    font-weight         : bold;
}

#content a.button {
    padding             : 10px 15px;
    margin-right        : 10px;
}

#content a.active {
    display         : inline-block;
    padding         : 2px 6px;
    border          : 1px solid green;
    color           : green;
    background      : #E4F8D7;
    font-size       : 10px;
    font-weight     : bold;
    text-decoration : none;
    margin          : 0 auto;
}

#content a.inactive {
    display         : inline-block;
    padding         : 2px 6px;
    border          : 1px solid #666;
    color           : #666;
    background      : #eee;
    font-size       : 10px;
    font-weight     : bold;
    text-decoration : none;
    margin          : 0 auto;
}

div.submit {
    float               : left;
    margin              : 10px 20px 0 0;
}

#content p.spacer,
#content p.cancel {
    color               : #999;
    font-size           : 14px;
    float               : left;
    margin              : 14px 15px 0 0;
}

#content p.cancel a {
    color               : red;
}

#content .form-w33 {
    float               : left;
    width               : 33%;
}

#content .form-w66 {
    float       : left;
    width       : 64%;
    margin-right: 2%;
}

#content .form-w33 select,
#content .form-w33 input,
#content .form-w33 textarea {
    width               : 92%;
}

#content .form-w66 div.input select,
#content .form-w66 div.input input,
#content .form-w66 div.input textarea {
    width               : 97%;
}

#content .form-left div.input select,
#content .form-left div.input input,
#content .form-left div.input textarea,
#content .form-right div.input select,
#content .form-right div.input input,
#content .form-right div.input textarea {
    width               : 90%;
}


#content .form-left {
    float               : left;
    width               : 48%;
}

#content .form-right {
    float               : right;
    width               : 48%;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* simple colors */
/*****************/
.blue { color: #699e45; }


/* table styles */
/***************/
#content table.searchtable td, #content table.searchtable th {
    padding             : 5px 20px 5px 0;
}

#content table.searchtable th {
    font-weight         : bold;
    padding-top         : 10px;
}

#content table.list td a {
    text-decoration     : none;
    color               : #000;
}

#content table.list td a:hover {
    text-decoration     : underline;
    color               : #699e45;
}

/* flash boxes */
/***************/
#flashMessage, #authMessage {
    border              : 2px solid;
    margin-bottom       : 20px;
    padding             : 15px 10px 15px 50px;
    background-repeat   : no-repeat;
    background-position : 10px center;
}

#flashMessage.message, #authMessage.message {
    color           : #00529B;
    background-color: #BDE5F8;
    background-image: url('/layer_cake/images/ico-info.png');
}

#flashMessage.success, #authMessage.success {
    color           : #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/layer_cake/images/ico-ok.png');
}

#flashMessage.warning, #authMessage.warning {
    color           : #9F6000;
    background-color: #FEEFB3;
    background-image: url('/layer_cake/images/ico-warning.png');
}

#flashMessage.error, #authMessage.error {
    color           : #D8000C;
    background-color: #FFBABA;
    background-image: url('/layer_cake/images/ico-error.png');
}


/* french formatting */
/*********************/
em.french {
    font-size: 80%;
    display: inline-block;
}

h1 em.french,
h3 em.french,
legend em.french,
label em.french,
button em.french,
ul#nav li em.french {
    border-left : 1px solid #999;
    margin-left : 2px;
    padding-left: 5px;
}

ul#dashboard li em.french { border-top: 1px solid #999; margin-top: 7px; padding-top: 4px; line-height: 1.2em; }

#content ul#dashboard.dealer li { min-height: 130px; }

#content p em.french {
    margin-top: 8px;
    font-size: 85%;
}


@media print {
    .index-buttons {
        display: none;
    }

    #header { display: none; }

    .no-print {
        display: none !important;
    }

    fieldset {
        margin: 0 !important;
    }

    div.plain {
        margin: 0 0 12px 0 !important;
    }
}