/* Changed for blogstyle skin */
/* End changed for blogstyle skin */

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
    margin: 0; 
}


/* body */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 140%;
    background-color: #fff;
    overflow: none;
    
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 920px;
}

/* header */
#header h1 {
    display: none;
}

#content {
    float: left;
    width: 71%;

}

#content form {
    margin-top: 0;
}

#content form div.content {
    /* background-color: white; */
    width: 100%;
    padding: 0px;
    display: block;
    padding-bottom: 0.5em;
}

/* footer */
#footer {
    display:none;
    font-size:90%;
    font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 10px;
}

/* toolbars */
.toolbar{
    display: block;
    text-align: right;
    padding-top:10px;
}

/* generic markup */

li, dd { 
    margin-left:1em;
}

fieldset { 
    /* margin: 1em; */
    /* padding:.5em; */
}

fieldset.collapsed {
    border-bottom-width:0;
    border-left-width:0;
    border-right-width:0;
    margin-bottom: 0;
    padding-bottom: 0;
}

fieldset.collapsed legend{
    padding-left: 2px;
}

fieldset.collapsible legend a
{
    text-decoration: none;
    padding-left: 14px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

fieldset.collapsible legend a
{
    background-image: url('../images/menu-expanded-outline.gif');
}

fieldset.collapsible.collapsed legend a
{
    background-image: url('../images/menu-collapsed-outline.gif');
}


#content form fieldset.collapsed div.content{
    display: none;
}

#content form fieldset div.content
{
    border: 0;
}
 
legend {
    padding-left: 0.1em;
    padding-right: 0.5em;
    line-height: 1.8em;
    font-weight: bold;
    color: black;
}

fieldset fieldset {
    width: 70%;
    margin-left: 1.25em;
}

a:hover, a:visited, a:link{
    color:#000000;
    outline-style: none;
}

a img{
    border: 0;
}

input, select, body, textarea {
    font-family: Arial, Helvetica, sans-serif;
}

textarea {
    font-size:96%;
    display: inline;
    overflow: auto;
}

a, .link, .pointer{
    cursor: pointer;
}

table {
    font-size: 100%;
}

.bold{
    font-weight: bold;
}

.italic,
.notfound{
    font-style: italic;
}

.asterisk{
    font-weight: bold;
    color: red;
    vertical-align: middle;
}

.hidden{
    visibility: hidden;
}

.disabled {
    display: none;
}

.alignTop {
    vertical-align: top;
}


.center {
    text-align: center;
}

pre.dump {
    clear:both;
}

.scrollspacer {
    width: 12px;
}

td.image 
{
    height: 172px;
}

a.statusdisabled
{
    background-color: #FFF;
}

td.caption div
{
    margin-top: 0.5em;
}

td.caption
{
    font-weight: bold;
    text-align: left;
}

td.information
{
    text-align: left;
}

td .icon_suffix
{
    vertical-align: middle;
    padding:0;
    margin:0;
}

.navigator{
    text-align: center; 
    display: block;
    width: 100%;
    color: #000000;
    padding: 2px;
}

.scrollable_vertical
{
    overflow-y: scroll;
}

.line_through
{
    text-decoration: line-through;
}

.red
{
    color: red;
}/* Actionbar */
.actionbar{
    padding: 0 1px 1px 1px;
    width: 100%;
    margin-top: -6px;
    border-bottom: 1px solid #99bd2d;
}

.actionbar ul {
    list-style: none;
    margin: 0;
    margin-left: 10px;
}


.actionbar li {
    display: inline;
    margin: 0;
    height: ;
}

.actionbar li a {
    text-decoration: none;
    line-height: 36px;
}

.actionbar li a:hover {
    text-decoration: underline;
}

.actionicon img{
    vertical-align: middle;
}

.actionlabel{
    float: left;
    padding-right: 10px;
}

.actionlabel input{

}

.actionicon {
    float: left;
    height: 36px;
    width: 28px;
}

.actionicon_print {
    background-image: url('../images/tool_printer.gif');
    background-position: 0px 3px;
    background-repeat: no-repeat;
}

.actionicon_printpdf {
    background-image: url('../images/tool_pdf.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_outputpdf {
    background-image: url('../images/tool_pdf.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_preflight {
    background-image: url('../images/tool_preflight.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_nextorderstatus {
    background-image: url('../images/tool_nextorderstatus.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_editquantity {
    background-image: url('../images/tool_order_quantity.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_editorder {
    background-image: url('../images/tool_order_edit.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_setquote {
    background-image: url('../images/tool_setquote.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_reorder {
    background-image: url('../images/tool_reorder.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionicon_delete {
    background-image: url('../images/tool_delete.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_quote {
    background-image: url('../images/tool_pricequote.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_order {
    background-image: url('../images/tool_nextorderstatus.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_inplant {
    background-image: url('../images/tool_nextorderstatus.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_onhold {
    background-image: url('../images/tool_nextorderstatus.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_export {
    background-image: url('../images/tool_order_edit.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_advancedExport {
    background-image: url('../images/tool_order_edit.gif');
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.actionicon_setpaid {
    background-image: url('../images/tool_setpaid.gif');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.actionseparator{
    float: left;
    border-left: 1px dotted #88a828;
    height: 24px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-right: 8px;
    
}/* Form items */
.formHeader,
.dialogHeader {
    display: block;
    width: 100%;
    color: #000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    font-weight: bold;
    margin-bottom: 15px;
    font-size:14px;
}

.dialogHeader .recordsfound,
.formHeader .recordsfound{
    font-weight: normal;
    padding-left: 0.5em;
}

.formSubHeader {
    display: block;
    padding: 2px;
    margin-top:4px;
    font-weight: bold;
}

.formLineComment,
.formLine {
    padding: 2px 2px 8px 0; 
    margin: 0px;
    width: 100%;
    display: block;
}

.formLine * {
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2px;
    /* vertical-align: top; */
}

#fcVisitorInstructionsField b,
#fcVisitorInstructionsField i,
#fcVisitorInstructionsField u {
    vertical-align: top;
}

.formLine .fieldPrefix {
    padding-left: 5px;
    padding-right: 5px;
}

.formLine .fieldSuffix {
    /* padding-left: 5px; */
}


.formLine .fieldSuffixIcon a {
    text-decoration: none;
}

.formLine .fieldSuffixIcon img {
    padding-top: 0;
    padding-left: 0;
}

.formLine input, .formLine textarea, .formLine select, formLine a {
    display: inline;
    font-size:100%;
}


.formLine select.multiple{
    height: 10em;
}

.formLine select option{
    padding-right: 5px;
}

.formLine .description{
    display: block;
    margin: 0 0 0 2px;
    padding: 0;
}

.formText { 
    padding-left:.8em;
    margin-bottom: 0.5em;
    padding-top: 0.2em;
    font-style: italic;
}

.formLineGroupHead {    
    margin-top: 1.0em;
    padding-top: 0.2em;
    border-width: 1px 0 0 0;
    border-color: #E6E6E6;
    border-style: solid;
}

.formMessage {
    float: left;
    line-height: 1.5em;
}

.formLabel, .downloadLineLabel, .progressLabel {
    width: 27%;
    padding-left: 0px;
    padding-right: 10px;
    vertical-align: top;
}

.formLabelGroupHead {
    font-weight: bold;
    padding-left:.4em;
    padding-right: 1.2em;
}

.formLineNoField{
    width: 100%;
}

.formStatic {
    padding-left: 0;
}

.fieldSuffix, .fieldComment {
}

.formStaticUnits{
    padding-left: 2em;
}

.formStaticPrice {
    width: 10em;
    padding-left: 0;
    text-align: right;
}

.formStaticPrice div{
    width: 10em;
    text-align: right;
}

.formStatic a{
    text-decoration: underline;
}

.formStatic a:hover {
    text-decoration: underline;
}

.formSelect {
    width: 49%;
    height: 1.65em;
}

.formRadioLabel {
    height: 1.5em;
    vertical-align: middle;
    padding-top:4px;
    padding-left: 0.5em;
    padding-right: 1.0em;
}

.formRadio {
    margin-right: 0.2em;
    vertical-align: middle;
}

.formRadioText {
    padding-right: 1em;
}

.formCheckbox, .formRadio {
    cursor: pointer;
    margin-top: 3px;
}

.defaultCursor {
    cursor: default;
}

.formField {
    width: 65%;
    padding-top:2px;
    padding-bottom:2px;
}

.formNumeric {
    width: 10em;
}

 .formDecimal {
    width: 10em;
    text-align:left;
}

.formTextArea,.formTextAreaMediumLong, .formTextAreaLong {
    width: 65%;
}

.formTextArea {
    height: 4em;
}

.formTextAreaMediumLong {
    height: 8em;
}

.formTextAreaLong {
    height: 24em;
}

.formDescription,
.formComment{
    width: 70%;
    font-size:90%;
    color: #767676;
}

.formDescription, .formSuffix{
    display: inline-block;
    margin: 0;
    padding-top:0;
    padding-bottom: 0.5em;
    padding-right: 1em;
    width: 67%;
}

div.formLineHidden,
fieldset.formLineHidden{
    display: none;
}

form hr{
    color: #AAD232;
    background-color: #AAD232;
    height: 1px;
    border: none;
    margin-top: 0.3em;
    margin-bottom: 0.2em;
}

.comment {
    width: 100%;
    padding-bottom: 1em;
    font-size:90%;
    color: #767676;
}

div.fckeditor {
    display: inline;
}

/* buttons */
#saveButton, #defaultButton, #saveDontValidateButton, #addButton {
    float: right;
}

.formButton {
    display: inline;
    font-size:96%;
    text-align: center;
    margin-left: 2px;
    margin-bottom: 15px;
    cursor: pointer;
    height:25px;
    width:130px !important;
    
}

.formButtonFixedWidth {
    /* width: 120px; */
    padding-left:15px;
    padding-right:15px;
}

.formSelect.disabled {
}

.formButton[disabled] {
    cursor: default;
}

.formButtonList {
    width: 65%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: inline-block;
}

.formButtonList ul {
    list-style-type: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.formButtonList ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.formStaticList {
    display: inline;
    width: 65%;
}

.formStaticList li {
}

.formImageWrapper {
    display: inline-block;
    padding: 0;
}

#preview .formImageWrapper {
    border: 1px solid #CDCDCD;
}

.formImageWrapper img{
    padding:0;
    margin:0;
}

.nolabel{
    margin-left: 1em;
}

.aligntop{
    vertical-align: top;
}


/* Download lines */
.downloadLine {
    width: 100%;
    padding: 2px;
    margin-top: 10px;
    text-align: center;
    background-color: #AAD232;
}

.downloadLineLink a{
    cursor: pointer;
    text-decoration: underline;
}

.downloadLineLink a.pdf{
    background-image: url(../../images/icon_spdf.gif); 
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 22px;
    padding-bottom:4px;
}

/* 
* PAGE SPECIFIC EXCEPTIONS 
*/

/* Collections */
body.collection_properties span.image {
    margin: 0.5em;
}

/* PSM Preview Range */
body.preview_range .fieldPrefix
{
    display: inline-block;
    width: 12%;
}

/* Output Dialog */
body.job_properties .fieldPrefix
{
    display: inline-block;
    width: 20%;
}

/* Publication Types */
#cGeneralFieldset fieldset .formLabel{
    width: 29%;
}

fieldset #cCostsFieldset,
fieldset #cTaxFieldset,
fieldset #cQuantitiesFieldset,
fieldset #cShippingChargesFieldset{
    width: 90%;
    margin: 1em;
}

/* Output Dialog */
body.job_print #cRangeLabel + span{
    padding-left:0;
    margin-left:0;
}


/* Calendar */

.calendarHeader {
    font-weight: bold;
    margin-bottom:0.5em;
}

#legendID ul {
    list-style: none;
    margin: 0;
    margin-left: 1em;
}
#legendID li {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

#legendID .customBullet {
    display: -moz-inline-box;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #808080;
    vertical-align: middle;
    margin-right:0.3em; 
}

#calendarContent{
    padding: 2em;
}
#dialog.calendar{
    width: 600px;
}

div.calendar{
    
}


div.calendar .dialogHeader{
    margin-bottom: 0;
}

#tableCalendar{
    width: 300px;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-color:#808080;
    border-style:solid;
    border-width: 1px;
}

#tableCalendar th {
    background-color: #007AC3;
    color: #FFFFFF;
    padding: 4px;
    height: 1.8em;
    font-weight: bold;
    text-align: left;
    border-width: 0 0 1px 0;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    border-style: solid;
}

#tableCalendar td {
    padding: 2px;
    border-width: 0 1px 1px 0;
    border-color: #CDCDCD;
    border-style: solid;
    white-space: no-wrap;
    font-size: 100%;
    text-align: center;
    height: 1.8em;
}

#tableCalendar .subhead td {
    font-weight: bold;
    background-color: #f1f1f1;
    background-image: url(../images/table_head.gif); 
    background-repeat: repeat-x;
    background-position: bottom;
}


#tableCalendar td a {
    text-decoration: underline;
    padding:0;
}

#legendID span.today,
#tableCalendar .today {
    /* border: 1px solid #000; */
    font-weight: bold;
    background-color: #FFFFCC;
}

#legendID span.productiondate,
#tableCalendar .productiondate {
    background-color: #48547F;
    color: white;
}

#legendID span.rushdate,
#tableCalendar .rushdate {
    background-color: #97A0C4;
}

#legendID span.restrictedorderdate,
#tableCalendar .restrictedorderdate {
    background-color: #FFCCD9;
}

#legendID span.nonworkingdate,
#tableCalendar .nonworkingdate {
    background-color: #f1f1f1;
}

#tableCalendar .restrictednonworkingdate {
    background-color: #E2D4D0;
}

#legendID span.selected,
#tableCalendar .selected {
    background-color: #E6FFCC;
    font-weight: bold;
}

#tableCalendar .selectedrushdate {
    background-color: #becfc8;
    font-weight: bold;
}

#cNext_header {
    text-align: right;
}/* Color Picker */

.colorSampleText {
    display: inline-block;
    width: 5em;
    padding: 0;
    margin: 0;
    margin-right: 2px;
}

.colorSampleInput {
    width: 4em;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    margin-right: 2px;
    line-height: 1.6em;
}

.colorSample {
    display: inline-block;
    width: 32px;
    line-height: 1.35em;
    font-size:1.2em;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-top: 1px;
}

form#webdesignEditForm .colorSample {
    cursor: pointer;
}
/* Crumbs */
#crumbs {
    float: left;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 0;
    line-height: 2em;
    height: 2em;
}

#crumbs ul {
    padding-right: 5px;
    float: left;
}

#crumbs li {
    display: inline;
    margin: 0;
    line-height: 2em;
}

#crumbs li.start {
    margin-right: 0em;
}

#crumbs li.seperator {
    margin-left: 0.25em;
    padding-left: 1.5em;
    background: url("../images/separator.png") no-repeat 1px 4px;
}

#crumbs li a {
    color:969696;
    text-decoration: none;
}

#crumbs li a:hover {
    text-decoration: underline;
}

/* Process line new document */
#crumbs ul.processline {
    padding-right: 5px;
    float: left;
}

#crumbs ul.processline li{
display: inline;
    margin: 0;
    line-height: 2em;
}

#crumbs ul.processline li.step_1 div{
    display: none;
}

#crumbs ul.processline li.step_1 {
    margin: 0;
    padding-left: 0;
}

#crumbs ul.processline li a{
    color: #969696;
}

#crumbs ul.processline li div{
    padding-left: 0.5em;
    padding-right: 0.5em;

    display: inline;
    background: url("../../images/separator.png") no-repeat 50% 0.3em;
}

/* Step back/done */
    #crumbs ul.processline li.step_1 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_1 div {
        /* background: url("../../images/step_1.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_2 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_2 div {
        /* background: url("../../images/step_2.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_3 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_3 div {
        /* background: url("../../images/step_3.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_4 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_4 div {
        /* background: url("../../images/step_4.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_5 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_5 div {
        /* background: url("../../images/step_5.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_6 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_6 div {
        /* background: url("../../images/step_6.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_7 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_7 div {
        /* background: url("../../images/step_7.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_8 {
        color: #969696;
    }
    
    #crumbs ul.processline li.step_8 div {
        /* background: url("../../images/step_8.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }

/* Current Step */
    #crumbs ul.processline li.step_1_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_1_current div{
        /* background: url("../../images/step_1.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_1_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_2_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_2_current div{
        /* background: url("../../images/step_2.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_2_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_3_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_3_current div{
        /* background: url("../../images/step_3.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_3_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_4_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_4_current div{
        /* background: url("../../images/step_4.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_4_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_5_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_5_current div{
        /* background: url("../../images/step_5.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_5_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_6_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_6_current div{
        /* background: url("../../images/step_6.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_6_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_7_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_7_current div{
        /* background: url("../../images/step_7.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_7_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_8_current {
        color: #231F20;
        font-weight: bold;
    }
    
    #crumbs ul.processline li.step_8_current div{
        /* background: url("../../images/step_8.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_8_current.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator.gif") no-repeat 0 .3em; */
    }

/* Step coming/todo */
    #crumbs ul.processline li.step_1_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_1_grey div {
        /* background: url("../../images/step_1_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_2_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_2_grey div {
        /* background: url("../../images/step_2_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_3_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_3_grey div {
        /* background: url("../../images/step_3_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_4_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_4_grey div {
        /* background: url("../../images/step_4_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_5_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_5_grey div {
        /* background: url("../../images/step_5_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_6_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_6_grey div {
        /* background: url("../../images/step_6_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_7_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_7_grey div {
        /* background: url("../../images/step_7_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }
    #crumbs ul.processline li.step_8_grey {
        color: #CCCCCC;
    }
    
    #crumbs ul.processline li.step_8_grey div {
        /* background: url("../../images/step_8_grey.gif") no-repeat 0 .1em; */
        /* background: url("../../images/step_seperator_grey.gif") no-repeat 0 .3em; */
    }


#crumbs ul.processline li div span{
    visibility: hidden;
}

#crumbs ul.processline li.start{
    background: 0;
}

#crumbs ul.processline li.seperator{
    background: 0;
}/* Dialogs */

#overlay{
    position: absolute;
    z-index:1000;
    left:0;
    top:0;
 
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    background-color:#000000;
    
    display:none;
}


#dialog{
    position: absolute;
    z-index:1001;
    background-color: #FFFFFF;
    padding:0;
    margin:0;
    top: 200px;
    border: 1px solid gray;
}


#dialog .toolbar{
    padding:0;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-right: 0.75em;
}

#dialog .formButton{
    padding: 0;
    margin: 0;
    margin-left: 1em;
    /* width: 120px; */
    padding-left:15px;
    padding-right:15px;
}

#dialog {
    width: 500px;
}

#busyFormContent.content{
    padding:0px;
    margin:0px;
}

#dialog .statusLine{
    padding:0px;
}
#dialog .dialogHeader .label{
    float:left;
}

.alertLine {
    padding: 0;
}

.alertMessage{
    vertical-align:middle;
    display: table-cell;
    display: inline-block;
    width: 80%;
    text-align: left;
}

.alertIcon{
    display: inline-block;
    margin: 10px;
    width: 42px;
    height: 36px;
    padding-right:1em;
    display:table-cell;
    background-image: url(../../images/warning.gif);
    background-position: center left;
    background-repeat: no-repeat;
    vertical-align:middle;
}

.alertIconSuccess{
    display: inline-block;
    margin: 10px;
    width: 42px;
    height: 36px;
    padding-right:1em;
    display:table-cell;
    background-image: url(../../images/tick.gif);
    background-position: center left;
    background-repeat: no-repeat;
    vertical-align:middle;
}


.alertIconBusy{
    background-image: url(../../images/loader_large.gif); 
    background-position: 50%;
    background-repeat: no-repeat;
}

.alertIconWarning{
    background-image: url(../../images/warning.gif); 
    background-position: 50%;
    background-repeat: no-repeat;
}

.messageIcon{
    display: inline-block;
    margin: 10px;
    width: 32px;
    height: 32px;
    padding-right:1em;
    display:table-cell;
    background-image: url(../../images/information.gif); 
    background-position: center left;
    background-repeat: no-repeat;
    vertical-align:middle;
}

.busyIcon{
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 0.5em;
    background-image: url(../../images/loader.gif); 
    background-repeat: no-repeat;
    background-position: 0 3;
}

#dialog a.dialogCloseIcon{
    width: 15px;
    height: 15px;
    background-image: url(../../images/close_icon.gif); 
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
    margin-right:2px;
    text-decoration: none;
}

#dialog a.dialogCloseIcon:hover{
    background-position: -16 0;
}

#dialog .formLabel,
#dialog .warningLabel {
    width: 30%;
}

#dialog .formComment,
#dialog .formDescription
{
    width: 65%;
}

#dialog .warningIcon {
    width: 65%;
}

#dialog .messageBlock{
    width: 100%;
}

#dialog.checkout_order_process{
    width: 350px;
}

#dialog.checkout_order_process #OrderProcessContent{
    text-align: center;
}

#dialog.checkout_order_process #closeDialog{
    display: none;
}

#dialog.setting_taxrate_edit{
    width: 600px;
}

#dialog.setting_shippingprofile_edit{
    width: 600px;
}

#dialog.colorpicker{
    width: 275px;
}
#dialog.colorpicker div.farbtastic{
    margin-left: 40px;
    margin-right: 40px;
}
#dialog.colorpicker #fcColorLine{
    padding-left: 20px;
    padding-right: 20px;
}
#dialog.colorpicker #fcColorLabel,
#dialog.colorpicker #fcColorField{
    padding: 0;
}

#templateAddForm #fcDescriptionField{
    height: 100px;
}

div.sheet{
    width: 100%;
    margin-top:-0.5em;
}

div.sheet * {
    font-size: 95%;
    line-height: 1em;
}

div.sheetcontent{
    padding: 0.5em;
    display:none;
}

div.sheettoggle{
    height:10px;
    border-top:1px solid #CDCDCD;
    border-bottom:1px solid #CDCDCD; 
    background-repeat: repeat-x;
    background-position: 50% bottom;
    background-image: url('../images/sheet-handle-bck.gif');
    cursor: pointer;
    padding:0;
}
    
div.sheethandle{
    background-image: url('../images/triangle_closed.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
    padding:0;
    font-size:0.2em;
}

div.sheethandle.open{
    background-image: url('../images/triangle_open.gif');
}

#dialog select{
    width: 50%;
}

/* License dialogs */
#dialog.setting_license_upgraderequest,
#dialog.setting_license_voucherrequest{
    width: 1024px;
}

#dialog .setting_license_upgraderequest form,
#dialog .setting_license_voucherrequest form{

    padding: 1em;
}

#licenseUpgradeRequest_frame,
#licenseVoucherRequest_frame{
    width: 100%;
    height: 750px;
}

/* Preflight dialog */
#dialog.preflight_result
{
    width: 600px;
    height: 40px;
}

#dialog.preflight_result div.dialogHeader{
    margin-bottom: 0;
}

#terms_and_conditions_box
{
    height: 400px;
    margin: 10px;
    padding: 5px;
    border: 1px solid #CDCDCD
}

/* Assign */
#dialog.company_assign_person,
#dialog.department_assign_pubtype,
#dialog.pubtype_assign_department {
    width: 700px;
}/* Messages */

#messages {
    float: left;
    width: 100%;
    padding-top: 28px;
    padding-left: 0px;
    padding-bottom: 10px;
}

.messageHeader {
    font-size: 160%;
    font-weight:bold;
    padding-bottom: 10px;
}

.messageItem {
    /* width: 50%; */
    font-size: 100%;
    margin-bottom: 12px;
}

.messageBlock {
    margin-top:1em;
    padding: 0.5em;
    text-align: left;
    width:100%;
    display: table;
}


.messageBlock ul {
    vertical-align:middle;
    display: table-cell;
}

.messageInformation ul{
}

#messageblock_quote ul li{
    width: 60%;
}

.messageInformation {
    height: 55px;
    padding-left: 70px;
    
    margin-top:0em;
    margin-bottom:1em;
    background-image: url(../../images/warning.gif);
    background-repeat: no-repeat;
    background-position: 1em 1em;
    
    border: 1px solid #FFCC33;
    background-color: #FFFFCC;
}

.messageError ul{
    border: 1px solid #ffda45;
    color: black;
    background-color: #ffffbb;
    padding: 0.75em;
    background-image: url(../../images/messages-warning.png);
    background-repeat: no-repeat;
    background-position: 0.5em 50%;
}

.messageError li
{
    padding-left: 1.5em;
    list-style: none;
    color: #445566;
}

.messageError {
    width: 100%;
    padding: 0em 1em;
}

.formElement .information {
    height: 55px;
    padding-left: 70px;
    
    margin-top:0em;
    margin-bottom:1em;
    background-image: url(../../images/warning.gif);
    background-repeat: no-repeat;
    background-position: 1em 1em;
    
    border: 1px solid #FFCC33;
    background-color: #FFFFCC;
}

.information ul{
    list-style: none;
}
/* Overview tables */

#tableOverview {
    padding: 0;
    width: 100%;
    background-color: #FFFFFF;
    border-spacing: 0;
    margin: 0;
    margin-bottom: -0.5em;
}

#tableOverview tr.notfound {

}

#tableOverview tr.notfound td{
    border: 0;
}

#tableOverview th {
    background-color: #4DA2D5;
    color: #FFFFFF;
    padding: 4px 4px 4px 8px;
    height: 30px;
    font-weight: bold;
    text-align: left;
    border-width: 0 0 1px 0;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    border-style: solid;
    font-size:14px;
}

th .recordsfound,
th .tableheadsuffix{
    font-weight: normal;
    padding-left: 0.5em;
}

#tableOverview td * {
    vertical-align: middle;
}

#tableOverview td li span {
    vertical-align: top;
}

#tableOverview td.list {
    vertical-align: top;
    background-color:#F1F2F2;
}

#tableOverview td span.icon_prefix{

}

#tableOverview td {
    padding:0;
    padding-left: 8px;
    padding-right: 2px;
    height: 30px;
    line-height: 1.9em;
    border-width: 0 0 1px 0;
    border-color: #FFF;
    border-style: solid;
    background-image: none;
}

#tableOverview td a{
    padding:0;
    margin:0;
    width: 100%;
}

#tableOverview td.center a{
    display: inline;
}

 td span.value{
    display: inline-block;
    display: -moz-inline-box;
    vertical-align: middle;
}
span.value{
    display: inline-block;
}

#tableOverview td.center span.value{
    display: inline;
}



td.icon span {
    width: 100%;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
}

#tableOverview td.right {
    text-align: right;
    padding-right: 10px;
}

#tableOverview td a.selectPage {
    width: auto;
    display: inline;
}

#tableOverview td a.browsePage {
    width: auto;
    display: inline;
}

#tableOverview .selectedPage {
    color: #000000;
    font-weight: bold;
}

.selectedPage {
    color: #000000;
    font-weight: bold;
}

#tableOverview .formCheckbox {
    margin: 0;
}

#tableOverview .subhead td:last-child, #tableOverview .subhead td.last {
    border-right: 0;
}

#tableOverview tr.lastrecord td {
    border-width: 0 0 0 0;
}

#tableOverview .progressbar, #tableOverview .footer{
    text-align: center;
    border-style: solid;
    width: auto;
    white-space: no-wrap;
}

#tableOverview .navigator{
    padding:0;
    margin:0;
}

#tableOverview td.icon{
    width: 4%;
}


#tableOverview td.checkbox {
    width: 4%;
    text-align:center;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview .single{
    width: 3%;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview .double{
    width: 6%;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview .triple{
    width: 9%;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview .quadruple{
    width: 12%;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview .quintuple{
    width: 15%;
    padding-left:2px;
    padding-right:2px;
}

#tableOverview a:visited, #tableOverview a:link{
    color:#000;
    text-decoration: none;
}

#sidebar a:visited, #sidebar a:link{
    color:#B2D7ED;
    text-decoration: none;
}

#sidebar a:hover{
    color:#FFF;
    text-decoration: none;
}

#tableOverview a:hover{
    color:#666;
    text-decoration: underline;
}

#tableOverview select {
    font-size:96%;
    width: 40%;
}

#tableOverview select.selectAssign{
    margin: 0; 
    text-align: left; 
    width: 100%;
    height: 20em;
}

#tableOverview .selectAssignCell{
    text-align: center;
    width: 40%;
}

#tableOverview .assignCell{
    text-align: center;
    width: 20%;
}

#tableOverview .assignCell .formButton{
    margin-left: auto;
    margin-right: auto;
}

#tableOverview input {
    font-size:96%;
}

a.openCloseIcon img {
    padding: 2px;
    vertical-align: middle;
    display: inline;
    cursor: pointer;
}

#tableOverview td a.openCloseIcon { 
    display: inline; 
}

#tableOverview td.level {
    width: 2%;
}

#tableOverview td.level0 {
    text-indent: 0em;
    vertical-align: middle;
}


#tableOverview td.level1 {
    padding-left: 2em;
}

#tableOverview td.level2 {
    padding-left: 4em;
}

#tableOverview td.level3 {
    padding-left: 6em;
}

#tableOverview input.formField{
    padding: 1px;
}

#tableOverview td.scrollableArea{
    margin: 0;
    padding: 0;
}

#tableOverview div.scrollableArea{
    overflow-y: scroll;
    height: 100px; 
    width: 100%;
}


/* Pager */
#tableOverview tr.footer td{
    border:0;
}

.pager {
    text-align: center;
}

.pagejump {
    padding: 0;
    margin: 0;
    text-align: left;
}

.pagejump input {
    display: inline-block;
}

.pagejump selectedPage {
}

.pagejump span {
    line-height: 2em;
}

.pagejumppadding {
    padding-right:0.5em;
}

.pagejump input.text{
    height: 14px; 
    line-height: 14px; 
    margin-top: 1px; 
    margin-bottom: 1px; 
    vertical-align: top;
}

.pagejump .formCheckboxLiveUpdate{
    margin-left: 0.5em;
    margin-right: 0.2em;
}

.pagejump .formField{
    display: -moz-inline-box;
    display: inline-block;
}

/* Levels */
.level_0{
    margin-left: 0em;
}

.level_1{
    margin-left: 2em;
}

.level_2{
    margin-left: 4em;
}

.level_3{
    margin-left: 6em;
}



/* NESTED TABLES */
table.nestedTableOverview
{
    padding: 0;
    width: 100%;
    background-color: #f8f8f8;
    border-spacing: 0;
    margin: 0;
    margin-bottom: -0.5em;
    font-size: 10px;
}

table.nestedTableOverview td
{
    line-height: 18px;
    border-bottom: 1px dotted #CDCDCD;
    padding: 1px 1px 1px 3px;
}


table.nestedTableOverview .subhead
{
    font-weight: bold;
}

table.nestedTableOverview .value
{
    vertical-align: middle;
    line-height: 18px;
    margin:0;
    padding:0;
}

table.nestedTableOverview .icon_prefix
{
    vertical-align: middle;
    line-height: 18px;
    margin:0;
    padding:0;
    margin-right: 0.2em;
}

/* Progress bar items */

#uploadprogressbar { display: none; }

div.progressBarContainer{
    margin: 1.5em;
    margin-top: 1em;
}

div.progressBarContainer div.wrapper {
    margin-top: 0.5em;
    border: 1px solid black;
    width: 300px;
}

#progressBarElement{
    border:1px solid white;
    width:100%;
    height:18px;
    position:relative;
    color:black;
    background: url(images/progress_bg.gif) repeat-x top left;
}

#progressBarElement span.text{
    width: 298px;
}

/* color bar */
#progressBarElement div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color: #007AC3;
}

/* text on bar */
#progressBarElement div.progress .text{
    padding: 1px;
    position:absolute;
    text-align:center;
    color:white;
}
/* text off bar */
#progressBarElement div.text{
    padding: 1px;
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    font-size: 10px;
}

/* STATUSLINES */
.statusLine {
    width: 100%;
    padding: 1.5em;
    padding-top: 1em;
}

.statusMessage{
    vertical-align:middle;
    display: inline-block;
    display: table-cell;
    text-align: left;
    padding-left: 1em;
}

.statusIcon{
    display: inline-block;
    margin: 0;
    width: 22px;
    height: 22px;
    padding-right:1em;
    display:table-cell;
    background-color:#FFF;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align:middle;
}

.statusIconBusy{
    background-image: url('../../images/loader_large.gif');
    width: 22px;
    height: 22px;
    background-color:#FFF;
    background-position: center center;
    background-repeat: no-repeat;
}

.statusIconWarning{
    background-image: url('../../images/warning.gif');
}

#jpgRequestStatus{
    display: none;
}

#jpgRequestStatus .statusMessage{
    text-align: center;
    line-height: 1em;
}

#jpgRequestStatus .statusIcon,
#jpgRequestStatus .statusMessage{
    display: block;
    background-position: center;
    margin: 0;
    width: 100%;
}

#jpgRequestStatus.statusLine{

}

#imgWrapper{
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* Sub Items */
#submenu .formHeader, #submenu1 .formHeader, #submenu2 .formHeader{
    margin:0;
}

#submenu ul, #submenu1 ul, #submenu2 ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom:0.5em;
}

#submenu ul li ul, #submenu1 ul li ul{
    list-style-type: none;
    margin-left: 0;
    text-indent: 0.5em;
    padding-left: 20px;
}

#submenu li, #submenu1 li, #submenu2 li{
    line-height:1.7em;
    width: auto;
    margin: 0;
}

#submenu li.level0, #submenu1 li.level0, #submenu2 li.level0{
    text-indent: 2px;
    background-color: #AAD232;
    background: #D9E1E5 url('images/nav_bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

#submenu li.level1, #submenu1 li.level1, #submenu2 li.level1{
    padding-left: 1em;
}

#submenu .selected, #submenu1 .selected, #submenu2 .selected {
    font-weight: bold;
}

#submenu .unselected, #submenu1 .unselected, #submenu2 .unselected {
    font-weight: normal;
}

#submenu li a, #submenu1 li a, #submenu2 li a{
    display: inline-block;
    display: -moz-inline-box;
    text-decoration: none;
    cursor: pointer;
}

#submenu .customBullet, 
#submenu1 .customBullet, 
#submenu2 .customBullet{
    display: inline-block;
    display: -moz-inline-box;
    width: 18px;
    height: 18px;
    padding:0;
    margin:0;
    margin-right: 6px;
    /* border: 1px solid grey; */
    vertical-align: middle;
}

#submenu .label{
    padding:0;
    margin:0;
    vertical-align: middle;
}

/* subitem forms */
#summary .content table {
    width: 100%;
}   
    
#search .formLabel{
    width: 42%;
    margin-left: 0;
    padding-left: 0;
}

#search .formField{
    width: 145px;
}

#search .warningIcon {
    width: 95%;
    margin-left: .8em;
}

#search .errors .formLabel {
    display: none;
}

#search .formSelect{
    width: 145px;
    height:25px;
}

#search .toolbar {
    padding: 0;
}

#search .formButton {
    margin: 5px 0;
    padding: 0;
}
#search .content .formHeader {
    color:#FFF;
    padding-left:0px;
    margin-left:0px;
    font-size:117%;
}

#summary div.content {
    padding-bottom: 0.5em;
}

#summary div.formLine{
    height: 1.5em;
}

#summary .formLabel{
    width: 60%;
    padding: 0;
}

#summary .formStatic{
    width: 40%;
    padding: 0;
}


.sidebarWarnings {
    border-width: 1px;
    border-color: #666666;
    border-style: solid;
}

.sidebarWarnings .warningTable{
    background-color: #FFFFCC;
    padding:0;
    margin:0;
}
.sidebarWarnings .warningIcon{
    background-image: url(../../images/warning.gif); 
    background-repeat: no-repeat;
    background-position: 6px 8px;
    padding: 0.5em;
    padding-left: 42px;
    width: 100%;
}
.sidebarWarnings .warningItem{
    color: black;
    font-weight: normal;
}/* User info */

#userinfo li:last-child{
    border-right : 0 solid white;
}

#userinfo li a{
    text-decoration: none;
}

#userinfo li a:hover{
    text-decoration: underline;
}

#userinfo .selected a {
    background-color: #007ac3;
}

#userinfo h3{
    font-size: 100%;
    padding-left: 5px;
    padding-top: 4px;
    float: left;
}
    
#userinfo a{
    color: #FFFFFF;
}

#userinfo select {
    font-size: 9px;
    display: inline;
    width: auto;
    height: auto;
}

#userinfo select option {
    padding-right:1em;
}

#userinfo form {
    display: none;
}/* Warnings and Errors */

.warnings, .errors {
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
    margin-bottom: 0.5em;
    display: none;
}

.errors {
    display: block;
}

.warningLabel{
    padding-left:.8em;
    padding-right:.8em;
    width: 27%;
    display: inline-block;
}

.warningTable{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.warnings .warningTable{
}

.errors .warningTable{
}

.icon img {
    vertical-align: middle;
}

.warningItem {
    margin-left: 15px;
    color:#FFF;
    font-weight: bold;
    display: inline-block;
    margin-top:0px;
}

.warningIcon {
    width: 95%;
    background-image: url(../../images/icon_alert.png); 
    background-repeat: no-repeat;
    background-position: 0px 3px;
    display: inline-block;
    vertical-align: top;
}/* Check Out */

/* Shortcut menu item */
#checkoutshortcut img{
    margin-right: 0.5em;
}


/* Checkout pages */
body.checkout_paymentoptions #cBillToThisAddressFieldset .formLine,
body.checkout_shippingoptions #cShipToThisAddressFieldset .formLine,
body.checkout_confirmation .formLine,
body.checkout_confirmation .formLine *,
body.checkout_summary .formLine,
body.checkout_summary .formLine *{
    padding:1px;
}

.calendarIcon {
    height: 18px;
    width: 18px;
    cursor: pointer;
    background: url("../images/calendar.png") no-repeat 0 0;
}

#cShippingDateField {
    width: auto;
    cursor: pointer;
}

.calendarNoticeIcon {
    height: 18px;
    width: 18px;
    cursor: pointer;
    background: url("../../images/icon_date_notice.gif") no-repeat 0 0;
}

img.fcThumbnailIcon{
    border: 1px solid grey;
    margin: 0.5em;
}


#fnQuantityField.formSelect{
    width: 80px;
    padding:0;
    margin:0;
}

#fnQuantityField.formField{
    width: 80px;
    padding:0;
    margin:0;
}

.cCheckoutOverview .col_1{
    width: 4%;
}

.cCheckoutOverview .col_2{
    width: 8%;
}

.cCheckoutOverview .col_3{
    width: 10%;
}

.cCheckoutOverview .col_4{
    width: 44%;
}

.cCheckoutOverview .col_5{
    width: 18%;
}

.cCheckoutOverview .col_6{
    width: 18%;
}


.cOrderJobOverview .col_1{
    width: 8%;
}

.cOrderJobOverview .col_2{
    width: 54%;
}

.cOrderJobOverview .col_3{
    width: 18%;
}


.cOrderJobOverview .col_4{
    width: 18%;
}



#tableOverview .headerprice{
    text-align: right;
    padding-right: 1em;
}

#tableOverview .summarypricelabel{
    text-align: right;
}

#tableOverview .summaryprice{
    text-align: right;
    padding-right: 1em;
}

#tableOverview .summarytotals{
    font-weight: bold;
    color:#FFF;
}

body.checkout_overview #tableOverview td a{
    width: auto;
}

/* Job list */
.documentinfo .name{
    font-weight: bold;
}

.documentinfo .nolabel{
    padding-left: 0;
}

div.job_name_line span.icon_edit_content,
div.job_name_line span.job_type {
    margin-left: 0.5em;
    width: 22px;
    height: 20px;
    display: inline-block;
    display: -moz-inline-box;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

div.job_name_line span.job_type {
    display: none
}

div.job_info_line span.job_type {
    display: none;
    /*
    width: 22px;
    height: 20px;
    display: inline-block;
    display: -moz-inline-box;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 50%;
    */
}


#tableOverview td.thumbnail{
    padding: 0.5em;
}


#tableOverview td.thumbnail a span {

}

/* Options */
#fcShippingMethodLabel {
    vertical-align: top;
}

.columnOptions{
    vertical-align: top;
    width: 50%;
}

.columnAddress{
    vertical-align: top;
    width: 50%;
}

body.checkout_summary #fcShippingMethodLine{
    margin: 0;
}

body.checkout_summary .formHeader,
body.checkout_paymentoptions .formHeader,
body.checkout_shippingoptions .formHeader{
    margin-bottom: 0;
}


body.checkout_summary td{
    vertical-align: center;
}

body.checkout_shippingoptions #fnShippingProfileIDLine{
    margin-bottom: 1em;
}

body.checkout_shippingoptions #fcCommentLine,
body.checkout_shippingoptions #fcCommentLine,
body.checkout_shippingoptions #fcShippingContactNameLine{
    margin-top: 1em;
}

body.checkout_shippingoptions #fcCommentField{
    height: 6em;
}   


body.checkout_overview .footer{
    font-weight: bold;
}

body.checkout_overview #cTotalPrice_checkout,
body.checkout_overview #tableOverview td.priceField {
    text-align: right;
    padding-right: 1em;
}

body.checkout_overview #tableOverview td .formSelect,
body.checkout_overview #tableOverview td .formField {
    width: 90%;
}


body.checkout_confirmation #fnOrderIDField{
    font-size: 120%;
    font-weight: bold;
}


#legend_joboverviewList li{
    padding:0;
    margin:0;
    display: inline;
}

#legend_joboverviewList li.icon_nottaxable{
    background-image: url(../../images/icon_bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 16px;
}

#legend_joboverviewList li.icon_rush{
    background-image: url(../../images/icon_bullet_star.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 16px;
}

#tableOverview .exceeded {  
    background-color: #FFCCCC;
}

#tableOverview tr.quotejob td{
    background-color: #FFFFCC;
}

#tableOverview tr.totals td {
    border: 0;
    height: 30px;
}/* Collection items */
div#dialog.collection_asset_edit #fcThumbnailLine{
    height: 200px;
}

div#dialog.preview_collection_asset_overview{
    width: 450px;
    height:320px;
}

div#dialog.preview_collection_asset_overview .navigator{
    background-color: white;
    margin-top: 1em;
}

div#dialog.preview_collection_asset_overview table{
    width: 100%;
    padding: 1em;
}

div#dialog.preview_collection_asset_overview td.imagecell{
    margin: 0.5em;
    text-align: center;
    vertical-align: top;
    padding: 0.5em;
}

div#dialog.preview_collection_asset_overview td #fcAssetNameLine{
    display: none;
}

div#dialog.preview_collection_asset_overview td .formLine{
    padding-bottom: 1em;
}

div#dialog.preview_collection_asset_overview td .formLine *{
    padding:0;
    margin:0;   
    font-size: 90%;
    word-wrap:break-word;
}

/* Asset overview */
#tableOverview.cCollectionAssetOverview tr.record td{
    height:0;
}

#tableOverview.cCollectionAssetOverview td a {

}

.cCollectionAssetOverview .image {
    vertical-align: middle;
    padding: 0.2em;
}

.cCollectionAssetOverview .col_2{
    width: 60px;
}/* Order Manager */
body.ordermanager_overview td.level0{
    text-align: center;
}

body.ordermanager_overview .col_1{
    width: 4%;
}
body.ordermanager_overview .col_2{
    width: 2%;
}
body.ordermanager_overview .col_3{
    width: 8%;
}
body.ordermanager_overview .col_4{
    width: 21%;
}
body.ordermanager_overview .col_5{
    width: 21%;
}
body.ordermanager_overview .col_6{
    width: 12%;
}
body.ordermanager_overview .col_7{
    width: 12%;
}
body.ordermanager_overview .col_8{
    width: 12%;
}
body.ordermanager_overview .col_9{
    width: 4%;
}
body.ordermanager_overview .col_10{
    width: 4%;
}

/* SUBMENU */
body.ordermanager_completed_overview #submenu > .formHeader,
body.ordermanager_overview #submenu > .formHeader{
    margin-bottom: 0;
}
#cOrderManagerSubmenuID .formHeader {
    margin:0;
}

#cOrderManagerSubmenuID ul li.level0 {
    margin-bottom: 0.2em;
}

#cOrderManagerSubmenuID ul li.level1  {
    margin-bottom: 0.2em;
    padding-left:0.5em;
}

#cOrderManagerSubmenuID ul {
    margin: 0;
}

#cOrderManagerSubmenuID a{
    cursor: pointer;
}

#cOrderManagerSubmenuID .level0 {
    text-indent: 2px;
    background-color: #AAD232;
    background: #D9E1E5 url('images/nav_bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
    margin-top:15px;
    /* border-top: 1px solid #CDCDCD; */
    /* border-bottom: 1px solid #CDCDCD; */
}


.OrderStatusColour1{
    background-color: #FFFF00; 
    /* background-image: url(images/cat_yellow.gif); */
}

.OrderStatusColour2{
    background-color: #FF9900;
}

.OrderStatusColour3{
    background-color: #FF0000;
}

.OrderStatusColour4{
    background-color: #00CC33;
}

.OrderStatusColour5, .OrderStatusColour7, .OrderStatusColour8{
    background-color: #0F3ABD;
}

.OrderStatusColour6{
    background-color: #CCCCCC;
}

.OrderStatusColour10{
    background-color: #FFDD00;
}

.renderqueue, .printjob{
    /* background-color: #B2D7ED; */
    background-color: #FFF;
}


.myorders,
.myreleasedorders,
.allcompanies{
    background-color: #FFFFFF;
}


/* Order description */
body.ordermanager_overview #tableOverview td#orderList tr,
body.ordermanager_completed_overview #tableOverview td#orderList tr,
body.ordermanager_overview #tableOverview a.showInfo,
body.ordermanager_completed_overview #tableOverview a.showInfo {
    width: 100%;
}

a.showInfo {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

a.showInfo div {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 30em;
}

body.ordermanager_overview #tableOverview a:hover.showInfo,
body.ordermanager_completed_overview #tableOverview a:hover.showInfo {
    text-decoration: none;
}

body.ordermanager_overview #tableOverview a.showInfo tr,
body.ordermanager_overview #tableOverview a.showInfo tr td,
body.ordermanager_completed_overview #tableOverview a.showInfo tr,
body.ordermanager_completed_overview #tableOverview a.showInfo tr td {
    padding-right: 0;
    height: 1.5em;
    line-height: 1em;
}

body.ordermanager_overview #tableOverview div.orderDescription,
body.ordermanager_completed_overview #tableOverview div.orderDescription {
    display: none;
    border:1px solid black; 
    background-color: #FFFFCC;
    text-align: left;
    font-size: 90%;
    width: 350px;
}

body.ordermanager_overview #tableOverview div.orderDescription td,
body.ordermanager_completed_overview #tableOverview div.orderDescription td {
    border-width: 0;
    vertical-align: text-top;
}

body.ordermanager_overview #tableOverview div.orderDescription tr.header,
body.ordermanager_completed_overview #tableOverview div.orderDescription tr.header {
    font-weight: bold;
    height: 2em;
}
body.ordermanager_overview #tableOverview div.orderDescription tr.header td,
body.ordermanager_completed_overview #tableOverview div.orderDescription tr.header td {
    padding-top: 0.5em;
    height: 2em;
}

body.ordermanager_overview #tableOverview div.orderDescription td.label,
body.ordermanager_completed_overview #tableOverview div.orderDescription td.label {
    width: 40%;
}

/* Order Manager Completed orders */
body.ordermanager_completed_overview #ordermanagerCompletedOverviewForm #tree,
body.ordermanager_completed_overview #ordermanagerCompletedOverviewForm #orderList {
    height: 400px;
}

body.ordermanager_completed_overview .level_0 .icon {
    margin-left: 0em;
}
body.ordermanager_completed_overview .level_1 .icon {
    margin-left: 1em;
}
body.ordermanager_completed_overview .level_2 .icon {
    margin-left: 2em;
}
body.ordermanager_completed_overview .level_3 .icon {
    margin-left: 3em;
}

body.ordermanager_completed_overview #ordermanagerCompletedOverviewForm #tree .record td {
    border-bottom: 0;
}

body.ordermanager_completed_overview #ordermanagerCompletedOverviewForm #tree #lastmonthRow td {
    border-bottom: 1px solid #AAD232;
}

/* Tree */
body.ordermanager_completed_overview #tableOverview td#tree{
    border-right: 1px solid #CDCDCD;
}

body.ordermanager_completed_overview #ordermanagerCompletedOverviewForm #tree .hier_folder {
    margin-right : 3px;
}

#tree .icon {
    cursor: pointer;
}
.item_shown { display: block;} 
.item_hidden { display:none;} 
.item_closed { }
.item_opened { }

.hier_folder { } 
.hier_folder_hidden {visibility: hidden;}

.doctype_folder{
    padding-left: 1.2em;
    background-image: url("../images/icon_folder_xp.gif");
    background-position: center left;
    background-repeat: no-repeat;
} 

.doctype_unknown{
    padding-left: 1em;
    background-image: url("../images/icon_unknown.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

#tableOverview div.scrollableArea#tree{
    overflow: scroll;
}

#cRecordOrderNumberField, #cReceiveConfirmationField{
    margin-top: 10px;
}


/* List */
body.ordermanager_completed_overview .col_1{
    width: 20%;
}
body.ordermanager_completed_overview .col_2{
    width: 2%;
}
body.ordermanager_completed_overview .col_3{
    width: 10%;
}
body.ordermanager_completed_overview .col_4{
    width: 23%;
}
body.ordermanager_completed_overview .col_5{
    width: 23%;
}
body.ordermanager_completed_overview .col_6{
    width: 16%;
}
body.ordermanager_completed_overview .col_7{
    width: 5%;
}

body.ordermanager_completed_overview .level_0,
body.ordermanager_completed_overview .level_1,
body.ordermanager_completed_overview .level_2,
body.ordermanager_completed_overview .level_3 {
    margin-left: 0em;
}
body.ordermanager_completed_overview .level_0 span,
body.ordermanager_completed_overview .level_1 span,
body.ordermanager_completed_overview .level_2 span,
body.ordermanager_completed_overview .level_3 span {
    margin-left: 0em;
    text-indent: 0em;
}
body.ordermanager_completed_overview .level_0 span span,
body.ordermanager_completed_overview .level_1 span span,
body.ordermanager_completed_overview .level_2 span span,
body.ordermanager_completed_overview .level_3 span span {
    margin-left: 0.5em;
}


/* order overview jobs */
body.ordermanager_overview #tableOverview td.tdJobinfoWrapper{
    padding-right: 1em;
}

.jobinfoWrapper{
    background-color: #FFFFFF;
    border: 1px solid #CDCDCD;
    margin-top:1em;
    margin-bottom:1em;
    width: 100%;
}

#tableJobinfo {
    width: 100%;
    padding: 0;
    font-size: 10px;
    border-spacing: 0;
}

#tableJobinfo td {
    text-indent: 2;
    background-color: #FFFFFF;
}

body.ordermanager_overview #tableJobinfo.other .col_1,
body.ordermanager_completed_overview #tableJobinfo.other .col_1{
    width: 10%;
}

body.ordermanager_overview #tableJobinfo.other .col_2,
body.ordermanager_completed_overview #tableJobinfo.other .col_2{
    width: 65%;
}

body.ordermanager_overview #tableJobinfo.other .col_3,
body.ordermanager_completed_overview #tableJobinfo.other .col_3{
    width: 25%;
}


body.ordermanager_overview #tableJobinfo.print .col_1,
body.ordermanager_completed_overview #tableJobinfo.print .col_1{
    width: 10%;
}

body.ordermanager_overview #tableJobinfo.print .col_2,
body.ordermanager_completed_overview #tableJobinfo.print .col_2{
    width: 45%;
}

body.ordermanager_overview #tableJobinfo.print .col_3,
body.ordermanager_completed_overview #tableJobinfo.print .col_3{
    width: 15%;
}

body.ordermanager_overview #tableJobinfo.print .icon,
body.ordermanager_completed_overview #tableJobinfo.print .icon,
body.ordermanager_overview #tableJobinfo.print .col_4,
body.ordermanager_completed_overview #tableJobinfo.print .col_4{
    width: 15%;
}


body.ordermanager_overview #tableJobinfo.print .col_5,
body.ordermanager_completed_overview #tableJobinfo.print .col_5{
    width: 15%;
}

td.tree_background {
    background-image: url(../images/tree_background.gif);
    background-position: 50% 50%;
}

tr.jobs td {
    background-color: #FFFFEF;
}

body.job_properties img.border{
    border: 1px solid #CDCDCD;
}

/* Order properties & job overview */
body.order_properties #tableOverview.print .col_1{
    width: 10%;
}

body.order_properties #tableOverview.print .col_2{
    width: 30%;
}

body.order_properties #tableOverview.print #cPrintStatus_header,
body.order_properties #tableOverview.print .col_3{
    width: 15%;
}

body.order_properties #tableOverview.print .col_4{
    width: 15%;
}

body.order_properties #tableOverview.print .col_5{
    width: 15%;
}

body.order_properties #tableOverview.print .col_6{
    width: 15%;
}


#cOrderOverview {
    width: 100%;
}


table.layouttable
{
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

body.order_properties table.layouttable td,
body.job_properties table.layouttable td
{
    vertical-align: top;
    padding: 0;
    margin: 0;
}

body.order_properties table.layouttable .formLabel,
body.job_properties table.layouttable .formLabel
{
    width: 40%;
}

body.order_properties table.layouttable td,
body.job_properties table.layouttable td
{
    width:50%;  
}


body.order_properties table.layouttable td .formlabelgrouphead,
body.job_properties table.layouttable td .formlabelgrouphead
{
    width: 100%;
}


/* Job Properties */
body.job_properties #tableOverview.cOutputHistory .col_1, 
body.job_properties #tableOverview.cOutputHistory .col_2{
    width: 4%;
}

body.job_properties #tableOverview.cOutputHistory .col_3{
    width: 22%;
}

body.job_properties #tableOverview.cOutputHistory .col_4{
    width: 30%;
}


body.job_properties #tableOverview.cOutputHistory span.icon_numberofpages,
body.job_properties #tableOverview.cOutputHistory .col_5{
    width: 60px;
}

body.job_properties #tableOverview.cOutputHistory .col_6{
}


#tableOverview.cCheckoutOverview tr.record:hover,
#tableOverview.cJobOverview tr.record:hover,
#tableOverview.cOutputHistoryScroll tr.record:hover,
#tableOverview.cOutputHistory tr.record:hover{
    background-color: transparent;
}

#tableOverview.cOutputHistoryScroll td{
    border-width: 0 1px 0 0;
    border-color: #FFFFFF;
}


/* Order form & Order Summary */
.order_summary .tableColumnRight{
    padding-left: 2em;
    background-color: #AAD232;
}

.order_summary .tableColumnRight .formLabel {
    padding: 0; 
}

#orderSummaryForm .downloadLine{
    text-align: left;
    background-color: #FFFFFF;
    margin-bottom: 1em;
    
}

#orderSummaryForm a{
    margin-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}


body.order_information #fdRequiredDateField,
body.order_edit #fdRequiredDateField{
    width: 10em;
}

.cOrderSummary .tableColumnRight .formStatic{
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

#fnSubTotalPricePrice.pricesumquote, #fnTotalPricePrice.pricesumquote {
    padding-right: 6px;
    border-width: 1px 0 0 0;
    border-color: #AAD232;
    border-style: solid;
}

#fnTotalPricePrice.pricesumquote{
    font-weight: bold;
}

.pricesum{
    border-width: 1px 0 0 0;
    border-color: #AAD232;
    border-style: solid;
}

body.order_edit #fcShippingContactNameLine{
    margin-top: 1em;
}
.fieldPrefixIcon,
.fieldSuffixIcon,
span.icon_prefix,
span.icon_suffix{
    display: inline-block;
    /* display:none !important; */
    width: 16px;
    height: 16px;
    padding:0;
    margin: 0 0 0 0;
    background-repeat: no-repeat;
    background-position: center;
}

.fieldPrefixIcon,
.icon_prefix{
    margin-right: 0.5em;
}

.fieldSuffixIcon,
.icon_suffix{
    margin-left: 0.5em;
}

span.icon_date_repeating {
    background-image: url(../images/date_repeating.gif); 
}

span.icon_date_magnify {
    background-image: url(../images/icon_date_magnify.gif); 
}

span.icon_document {
    background-image: url(../images/page_white.gif); 
}

span.icon_systemdefault {
    background-image: url(../images/icon_systemdefault.gif); 
}

span.icon_online_status {
    background-image: url(../images/icon_world.gif); 
}

span.icon_orders {
    background-image: url(../images/icon_cart.gif); 
}

span.icon_check_green {
    background-image: url(../images/icon_accept.gif); 
}

span.icon_check {
    background-image: url(../images/icon_check.gif); 
}

span.icon_check_dis {
    background-image: url(../images/icon_check_dis.gif); 
}

span.icon_stop {
    background-image: url(../images/icon_stop.gif); 
}

span.icon_notice {
    background-image: url(../images/icon_bullet_error.gif); 
}

span.icon_accept {
    background-image: url(../images/icon_accept.gif); 
}

span.icon_form {
    background-image: url(../images/icon_form.gif); 
}

span.icon_nottaxable{
    background-image: url(../images/icon_bullet_orange.gif);
}

span.icon_prefix.icon_nottaxable{
    padding:0;
    margin:0;
}

span.icon_sendmail
{
    background-image: url(../images/icon_email_edit.gif); 
}

span.icon_rush {
    background-image: url(../images/icon_bullet_star.gif); 
}

span.icon_nottaxablerush {
    background-image: url(../images/icon_bullet_rushstar.gif); 
    width: 28px;
}

span.icon_printer {
    background-image: url(../images/icon_printer.gif); 
}

span.icon_sendtofolder {
    background-image: url(../images/icon_folder_page.gif); 
}

span.icon_sendtofolder.download {
    background-image: url(../images/icon_folder_page_download.gif); 
}

span.icon_sendtowatch {
    background-image: url(../images/icon_folder_brick.gif); 
}

span.icon_printtofile {
    background-image: url(../images/icon_folder_page.gif); 
}

span.icon_printtofile.download {
    background-image: url(../images/icon_folder_page_download.gif); 
}

span.icon_printer_half {
    background-image: url(../images/icon_printer_half.gif); 
}

span.icon_flag_yellow {
    background-image: url(../images/icon_flag_yellow.gif); 
}

span.icon_flag_green {
    background-image: url(../images/icon_flag_green.gif); 
}

span.icon_flag_red {
    background-image: url(../images/icon_error.gif); 
}

span.icon_error {
    background-image: url(../images/icon_error.gif); 
}


span.icon_information {
    background-image: url(../images/icon_information.gif); 
}

span.icon_preflight{
    background-image: url(../images/icon_magnifier.gif); 
}

span.icon_user{
    background-image: url(../images/icon_user.gif); 
}

span.icon_group{
    background-image: url(../images/icon_group.gif); 
}

span.icon_company_private{
    background-image: url(../images/icon_building_key.gif); 
}

span.icon_company_public{
    background-image: url(../images/icon_building.gif); 
}

span.icon_pubtype{
    background-image: url(../images/icon_folder.gif); 
}

span.icon_spdf,
span.icon_pdf{
    background-image: url(../images/icon_page_white_acrobat.gif); 
}

span.icon_fup {
    background-image: url(../images/icon_page_white_upload.gif); 
}

span.icon_edit{
    background-image: url(../images/icon_pencil.gif); 
}

span.icon_edit_content{
    background-image: url(../images/icon_page_white_edit.gif); 
}

span.icon_template_warning{
    background-image: url(../images/icon_page_white_error.gif); 
}

span.icon_delete{
    background-image: url(../images/icon_delete.gif); 
}

span.icon_reorder{
    background-image: url(../images/icon_page_white_reorder.gif); 
}

span.icon_psm{
    background-image: url(../images/icon_page_white_psm.gif); 
}

span.icon_word{
    background-image: url(../images/icon_word.png); 
}

span.icon_itemtype_1{
    background-image: url(../images/item_type_1.gif); 
}

span.icon_itemtype_2{
    background-image: url(../images/item_type_2.gif); 
}

span.icon_itemtype_3{
    background-image: url(../images/item_type_3.gif); 
}

span.icon_itemtype_4{
    background-image: url(../images/item_type_4.gif); 
}

span.icon_itemtype_5{
    background-image: url(../images/item_type_5.gif); 
}

span.icon_itemtype_6{
    background-image: url(../images/item_type_6.gif); 
}

span.icon_itemtype_7{
    background-image: url(../images/item_type_7.gif); 
}

span.icon_itemtype_8{
    background-image: url(../images/item_type_8.gif); 
}

span.icon_itemtype_9{
    background-image: url(../images/item_type_9.gif); 
}

span.icon_pubtypes,
span.icon_multipletemplates,
span.icon_numberofpages{
    background-image: url(../images/icon_page_white_stack.gif); 
}

span.icon_module{
    background-image: url(../images/icon_brick.gif); 
}

span.icon_system_module{
    background-image: url(../images/icon_brick_lock.gif); 
}

span.icon_templatedisabled{
    background-image: url(../images/icon_stop.gif); 
}

span.icon_createpdf{
    background-image: url(../images/icon_page_white_acrobat.gif); 
}

span.icon_createpdf.download{
    background-image: url(../images/icon_page_white_acrobat_download.gif); 
}

span.icon_zip{
    background-position: 0 2;
    background-image: url(../images/icon_compress.gif); 
}

span.icon_filedownload{
    background-position: 0 0;
    background-image: url(../images/icon_page_white_put.gif); 
}

span.icon_assetcount{
    background-image: url(../images/icon_pictures.gif); 
}

span.icon_outputtype,
span.icon_doc{
    background-image: url(../images/icon_page_white.gif); 
}

span.jobtype_userinput_database {
    background-image: url(../images/icon_job_user_database.gif); 
}

span.jobtype_database {
    background-image: url(../images/icon_job_database.gif); 
}

span.jobtype_userinput {
    background-image: url(../images/icon_job_user.gif); 
}

span.jobtype_static {
    background-image: url(../images/icon_job_static.gif); 
}

span.jobtype_fileupload {
    background-image: url(../images/icon_page_white_upload.gif); 
}

#tableOverview span.price_icon_warning{
    display: inline-block;
    display: -moz-inline-box;
    width: 100%;
    background-image: url(../../images/icon_error.gif); 
    background-position: 100% 50%;
}

span.icon_shipping{
    background-image: url(../images/icon_lorry.gif); 
}

span.icon_filetype{
    width: 24px;
}

span.icon_filetype_txt{
    background-position: 2 0;
    background-image: url(../images/icon_page_white_text.gif); 
}

span.icon_filetype_pdf{
    background-image: url(../images/icon_page_white_acrobat.gif); 
}

span.icon_filetype_eps,
span.icon_filetype_jpg,
span.icon_filetype_jpeg,
span.icon_filetype_bmp,
span.icon_filetype_png{
    background-position: 2 0;
    background-image: url(../images/icon_page_white_picture.gif); 
}

span.icon_filetype_xls{
    background-image: url(../images/icon_page_white_excel.gif); 
}

span.icon_filetype_unknown{
    background-position: 2 0;
    background-image: url(../images/icon_page_white.gif); 
}

a span.icon_order_paymentstatus_0{
    width: 12px; 
    heigth: 12px; 
}

a span.icon_order_paymentstatus_1{
    width: 12px; 
    heigth: 12px;
    background-image: url(../images/icon_tiny_tick.gif);
    background-position: 0 50%;
}

span.icon_color_wheel{
    background-image: url(../images/icon_color_wheel.gif);
    cursor: pointer;
}

span.icon_replace_database{
    background-image: url(../images/icon_database_refresh.gif);
}

span.icon_import {
    background-image: url(../images/icon_page_white_get.gif); 
}

span.icon_export {
    background-image: url(../images/icon_page_white_put.gif); 
}

span.formElement span.icon_thumbnail,
span.formElement span.icon_fileupload {
    display: inline-block;
    width: 65px;
    height: 65px;
    padding:0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

span.formElement span.icon_thumbnail {
    background-image: url(../images/icon_thumbnail.gif);
}

span.formElement span.icon_fileupload {
    background-image: url(../images/icon_fileupload.gif);
}

span.icon_reload {
    background-image: url(../images/reload_icon_grey.gif);
    width: 20px;
    cursor: pointer;
}

span.icon_flag_red_flag {
    background-image: url(../images/icon_flag_red.gif); 
}

span.icon_loader_large {
    background-image: url(../images/loader_large.gif);
    width: 16px;
}

span.icon_printtofile {
    background-image: url(../images/icon_print_to_file.png); 
}/* Drag and Drop */
.listItem {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 2em;
    border-width: 0 0 1px 0;
    border-color: #FFF;
    border-style: solid;
}

.listItem.drag {
    padding-left: 24px;
    background-image: url(../../images/drag.gif); 
    background-repeat: no-repeat;
    background-position: 6px 7px;
    cursor: row-resize;
}

.listItem.drag:hover {
    padding-left: 24px;
    background-image: url(../../images/drag.gif); 
    background-repeat: no-repeat;
    background-position: 6px 7px;
    cursor: row-resize;
}/* Multi column layout */
.tableColumnWrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

.tableColumnWrapper th{ 
    background-color: #007AC3;
    font-size: 100%;
    padding: 2px;
    font-weight: bold;
    text-align: left;
    border-width: 0 0 1px 0;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    border-style: solid;
    color: #FFFFFF
}

.tableColumnWrapper td{
    vertical-align: top;
}

.tableColumnLeft{
    width: 49%;
}

.tableColumnRight{
    width: 49%;
}/* previews */
#preview .imgThumbnail {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin-top:1em;
    margin-bottom:1em;
    width: 100%;
}

#preview .imgThumbnail .image{
    vertical-align: middle;
    height: 100%;
}


.previewImagePointer{
    cursor: pointer;
}

.previewFeedback{
    width:100%;
    padding:5px;
}

#previewThumbnailForm {
    /* padding-bottom: 1em; */
}

body.preview_noinput #content form div.content
{
    border: 0;
}/* ContextMenu */
.contextMenu {
    display: none;
    width: 200px;
    background-color: white;
    border: 1px solid #445566;
    text-align: left;
}

.contextMenu ul{
    padding: 0;
    margin: 1px;
    list-style:none;
}

.contextMenu li
{
    padding: 2px;
    margin:0;
}

.contextMenu li img{
    cursor: pointer;
}

.contextMenu li a{
    text-decoration: none;
    /*color: #575757; */
    color: black;
    cursor: pointer;
    line-height: 18px;
    display: block;
}

.contextMenu li:hover{
    background-color: #3971c2;

}

.contextMenu li:hover a{
    color: white;
}

.contextMenu .prefix_icon{
    padding: 3px;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.contextMenu .edit_order{
    background-image: url(../images/icon_page_white_edit.gif);
}

.contextMenu .next_status{
    background-image: url(../images/icon_folder_go.gif);
}

.contextMenu .generate_output{
    background-image: url(../images/icon_printer.gif);
}

.contextMenu .view_softproof{
    background-image: url(../images/icon_pdf.gif);
}/* Links */
.links ul{
    clear: both;
    float: right;
}

.links li{
    padding: 2px 0 2px 1em;
    margin: 0;
    margin-left: 0;
    margin-right: 0;    
    display: inline;
}


.links li a{
    color: #234;
    cursor: pointer;
    height: 1.3em;
    text-decoration: none;
}
.links li a:hover{
    color: #000;
    text-decoration: underline;
}

.links .icon_prefix{
    cursor: pointer;
    margin-right: 0.2em;
}

.links span {
    vertical-align: middle;
}

a.fieldsetEdit{
    float: right;
    font-weight: bold;
    font-size: 10px;
    padding-right: 10px;
}
a.fieldsetEdit:visited, 
a.fieldsetEdit:link{
    color: #445566;
    text-decoration: none;
}
a.fieldsetEdit:hover{
    color: #000000;
    text-decoration: none;
}
.fieldsetEdit span.icon_edit{
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-image: url(../images/icon_tiny_pencil.gif);
    background-position: 0 0;
}
/* treeview */
.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    margin-left: 5px;
    list-style: none;
}

.treeview ul {
    background-color: white;
    margin-top: 4px;
}

.treeview .hitarea {
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

.treeview .hover { color: red; cursor: pointer; }

.treeview .expandable-hitarea { background: url(../images/hier_rootclose.gif) no-repeat}
.treeview .collapsable-hitarea { background: url(../images/hier_rootopen.gif) no-repeat}/* Firstrun */

body.firstrun #userinfo {
    border-width: 1px 1px 1px 1px;
}

body.firstrun_db_exists #content,
body.firstrun_mysql #content,
body.firstrun_start #content{
    width: 50%;
}


body.firstrun_mysql #content .formLabel,
body.firstrun_start #content .formLabel{
    width: 37%;
}

body.firstrun_mysql #content .formSelect,
body.firstrun_start #content .formSelect{
    width: 55%;
}

body.firstrun_mysql #content .formField{
    width: 55%;
}

body.firstrun_mysql .warningLabel{
    width: 37%;
}

body.firstrun_mysql .warningIcon{
    width: 55%;
}

body.firstrun #DataBaseCreationInProgressContent .alertIcon{
    background-image: url(../../images/loader_large.gif); 
    background-position: 50%;
}

body.firstrun #cNoteLabel {
    font-weight: bold;
}

body.firstrun #firstrun_finished div.content{
    background-color: #FFFFCC;
}

body.firstrun #cNoteLine {
    background-color: #FFFFCC;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom:-0.5em;
    
}

body.firstrun #cNoteField {
    vertical-align: middle;
    padding-right: 3em;
    width: 65%;
}
/*
** page specific items
*/

#ordermanagerCompletedOverviewExportForm .formSelect {  
    width: 20%;
}

#gotoField, #recordCount {
    width: 5em;
}

#cLayout_header, #cRecord_header {
    width:7%;
}

.totalprice {
    font-weight: bold;
}

/* preflight */
#tableOverview tr.record td#preflightWarning_cell{
    width: 100%;
    height: 400px;
}

#preflightWarning_frame{
    width: 100%;
    height: 100%;
}

#preflightInit_frame, #outputProgress_frame, #previewInit_frame, #licenseInit_frame, #orderSendEmail_frame, #databaseUploadProgress_frame, #imageUpload_frame{
    width: 0;
    height: 0;
}

#preflightResultBody {
    padding: 0;
    margin: 0;
}

#preflightResultBody td {
    font-size: 100%;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
}

.preflightCellNumeric{
    width: 56px;
}


#preflightProgress_progressbar, #softproofProgress_progressbar, #licenseProgress_progressbar{
    visibility: hidden;
}

#outputProgress_cell{
    text-align: left;
    background-color: red;
}

/* misc. pages */
.previewDisplayPDF #content, .order_address #content, .order_summary #content{
    width: 100%;
}


/* webdesign page */
#fcHeaderColorLine .formStatic, #fcMainColorLine .formStatic, #fcContrastColorLine .formStatic {
    padding-left: 0;
}

#fcHeaderColorLine .formNumeric, #fcMainColorLine .formNumeric, #fcContrastColorLine .formNumeric {
    width: 60px;
}

/* Login page */
body.login #messages{
    display: none;
}

body.person_forgot_password #messages {
    width: 71%;
}

body.person_forgot_password #content form,
body.login #content form{
    width: 600px;
}

body.login #content form{
    margin-top: 30px;
}

/* Welcome page */
body.welcome #content div.content {
    border: 0;
    background-color: transparent;
}



/* Previews */
body.preview_range #cRangeLine input {
    margin-left: 0.5em;
}

body.preview_databaseupload #cFileNameLine .formStatic{
    padding-left: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url(../../images/loader_large.gif); 
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

body.preview_userinput div.formStaticArea {
    overflow-y: scroll;
    border: 1px solid #000000;
    padding: 2px;
}

body.preview_databasemapping .pagejump span,
body.preview_range .pagejump span {
    line-height: 1em;
}


/* Softproof */
body.preview_displaypdf #softproof_frame{
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

#previewProgressForm, #outputProgressForm{
    width: 500px;
}

#softproofProgress_frame{
    width: 100%;
    height: 0;
}

#softproofProgressBar{
    padding-top: 10px;
    padding-bottom: 10px;
}


#softproof_frame{
    height: 450px;
    width: 100%;
}

/* Preview pages (new document) */
.userinputTable{
    display:inline;
    margin-bottom:0.2em;
}

.userinputImageThumbnail{
    border-width: 1px;
    border-color: #666666;
    border-style: solid;
    vertical-align: middle;
    text-align: center;
    width: 110px;
    height: 110px;
}

.userinputImageThumbnail img {

}

.userinputToolbar{
    vertical-align: top;
    padding-left: 1em;
}

.userinputImageInfo{
    font-weight: bold;
}

.userinputImageDescription{
    font-style: italic;
}

.userinputImageAddionalInfo{
    font-weight: normal;
}

.userinputImageButtons{
    margin-top: 1em;
}

.userinputNoThumbnail{
    font-style: italic;
}

.userinputButtons{
    font-size:86%;
    text-align: center;
    
    width: 100px;
    
    margin-left: 2px;
    margin-bottom: 15px;
    cursor: pointer;
}

/* Print */
body.order_print_inprogress #outputProgressBar {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Setting */
body.setting_overview .formLine{
    padding:2px;
}

#phpinfo_frame{
    width: 100%;
    height: 400px;
}

#cSystemStatusDemoLine, #cSystemStatusLicensedLine{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 140%;
    margin-top: -0.3em;
}

#cSystemStatusLicensedLine{
    background-color: #33CC33;
}

#cSystemStatusDemoLine{
    background-color: #FF0000;
}

body.setting_overview .formElement .licensed{
    color: #33CC33;
    font-weight: bold;
}

body.setting_overview .formElement .demo{
    color: #FF0000;
    font-weight: bold;
}

#registrationThankYouFormContent{
    visibility: hidden;
}

#registrationThankYouFormToolbar{
    text-align: left;
}

#cKeepMeUpdateLine span, #cNoteLine span {
    vertical-align: top;
}



body.setting_overview .formImageWrapper img{
    border: 0;
}

body.setting_license #licenseProgressBar{
    width: 100%;
    padding: 2px;
    background-color: #AAD232;
}

body.setting_license #content form div.content{
    padding-bottom: 0px;
}

body.setting_role_edit #aAssignRolesField{
    width: 50%;
    height: 22em;
}

#fcDateFormatField, #fcThousandSeparatorField, #fcDecimalSeparatorField, #fnFirstDayOfWeekField, #fdStartField, #fdEndField {
    width: 10em;
}

#fcWelcomeField{
    height: 12em;
}

#fcStringsField{
    height: 24em;
}

#developedBy{
text-align: center;
}

#developedBy .formHeader{
text-align: left;
}


.developedByLogo{
    display: inline-block;
    display: -moz-inline-box;
    padding: 5px;
    text-align: center;
}

#modulePropertiesForm #CommentsLabel, #moduleEditForm #CommentsLabel{
    vertical-align: top;
}

/* Role Edit */
#roleEditForm .formLine.nolabel{
    padding-left:.8em;
}


/* Calendar */
body.setting_calendar .dialog #restrictedOrderDateEdit #fdDateField {
    width: 15em;
}


/* Email Header Footer Edit*/
#fcEmailHeaderField, #fcEmailFooterField {
    height: 16em;
}

/* Email message Edit*/
body.setting_email_message_edit #fcEmailBodyField{
    height: 36em;
}

/* Quantity Edit */
body.quantity_edit #fnQuantityField, body.quantity_edit #fnPriceField {
    width: 20%;
}

div.columns #fnQuantityField, div.columns #fnPriceField, div.columns #fnQuoteField {
    width: 18%;
}



/* Item Edit */
div.columns #fnLengthField, div.columns #fnFieldLineField, div.columns #fnMaxCharField {
    width: 18%;
}

body.item_edit #fnLengthField,
body.item_edit #fnFieldLineField,
body.item_edit #fnMaxCharField,
body.item_edit #fnFontSizeField,
body.item_edit #fnLineSpacingField,
body.item_edit #fcDefaultFontColorField,
body.item_edit #fcEditorBackgroundColorField {
    width: 9%;
}

body.item_edit #fcFontColorPaletteLabel,
body.item_edit #fcDefaultValueLabel {
    vertical-align: top;
}

body.item_edit textarea#fcDefaultValueField,
body.item_edit div#fcDefaultRichTextValueField,
body.item_edit #fcListItemsField {
    height: 10em;
}

.listIcon{
    width: 18px;
    height: 18px;
    margin-left: 1em;
    cursor: pointer;
    background: url("../../images/icon_application_view_list.gif") no-repeat 0 0em;
}

.refreshIcon{
    width: 18px;
    height: 18px;
    margin-left: 1em;
    cursor: pointer;
    background: url("../../images/arrow_rotate_clockwise.gif") no-repeat 0 0em;
}

body.item_edit div#dialog.item_regex_list #fnRegexIDField {
    height: 12em;
}

body.item_edit div#dialog.item_regex_list #cPatternField,
body.item_edit div#dialog.item_regex_list #cDiscriptionField {
    padding-right: 5px;
}

body.item_edit #fcDefaultValue___Frame {
    width: 98%;
    height: 15em;
}

body.item_edit #itemEditForm_fcTestRegEx_Valid .warningIcon {   
    background-image: url(../../images/icon_accept.gif);
    background-position: 0px;
}
body.item_edit #itemEditForm_fcTestRegEx_Valid_Item.warningItem {
    color: green;
    margin-left: 16px;
}



/* Userinputfields overview */
body.template_userinput_fields .col_1{
    width: 4%;
}

body.template_userinput_fields .col_2,
body.template_userinput_fields .col_3,
body.template_userinput_fields .col_5 {
    width: 18%;
}



/* Preview */
#tableOverview #cColumn_header {
    width: 8%;
}

#tableOverview #cFieldName_header, #tableOverview #cFieldHeader_header, #tableOverview #cFieldValue_header {
    width: 33%;
}

#previewButton, 
#updateButton, 
#restoreDefaultButton, 
#RestoreDefaultsButton, 
#applyDefaultsButton, 
#outputButton,
#testButton,
#removeButton, 
#restoreButton, 
#deleteButton 
{
    margin-right:20px;
}

.setting_maintenance #deleteButton 
{
    margin-right:0px;
}

body.order_summary.setting_overview #deleteButton 
{
    margin-right:0px;
}

.storeIcon {
    display: block;
    float:left;
    position: relative;
    width: 20px;
    height: 20px;
}


/* Order ThankYou */
body.order_thankyou #content div.content {
    border: 0;
}

.order_thankyou .formLabel {
    padding-left: 0px;
}

.order_thankyou .formStatic {
    padding-left: 0px;
}


/* Company  */
body.company_properties #fcUrlField a{
    text-decoration: underline;
}


div#dialog #personAddForm #fnDepartmentIDLabel,
#personEditForm #fnDepartmentIDLabel{
    vertical-align: top;
}


body.setting_overview .brand_logo_1{
    width: 128px;
    height: 100px;
}

body.setting_overview .brand_logo_2{
    width: 115;
    height: 120px;
}

/* Pricing and Ordering settings */
body.template_edit #fnRegularProductionTimeField,
body.template_edit #fnRushProductionTimeField,
body.template_edit #fnOrdersPlacedBeforeField,
body.setting_pricingordering_settings_edit #fnRegularProductionTimeField,
body.setting_pricingordering_settings_edit #fnRushProductionTimeField,
body.setting_pricingordering_settings_edit #fnOrdersPlacedBeforeField{
    width: 6em;
}


/* Shipping Profiles */
body.setting_shippingprofile_properties #fnWeight_header{
    width: 15%;
}


/* Storefront */
body.storefront_documents #content, 
body.storefront_overview #content {
    /* width: auto; */
    /* depends on content width ratio and sizing of individual storeFrontItems. */
    /* width: expression(document.documentElement.clientWidth > 1000 ? Math.floor((0.72* (document.documentElement.clientWidth - 100))/ 190) * 190 : "570px"); */
}

body.storefront_documents #tableOverview,
body.storefront_overview #tableOverview{
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

body.storefront_documents #tableOverview tr.notfound td,
body.storefront_overview #tableOverview tr.notfound td{
    text-indent: 3px;
    border:0;
}

body.storefront_documents .navigator,
body.storefront_overview .navigator {
    margin-bottom: -0.5em;
}

body.storefront_documents .caption,
body.storefront_overview .caption {
    height: 24px;
}

body.storefront_documents .productcode,
body.storefront_overview .productcode {
    display: none;
}

body.storefront_documents .documenttype,
body.storefront_overview .documenttype {
    color: #969696;
}

#galleryWrapper
{
    padding: 0;
    vertical-align: top;
}

#galleryWrapper p
{
    display: inline;
}

#galleryWrapper table
{
    vertical-align: top;
    display: inline;
    margin-right: 1em;
    margin-bottom: 1em;
}

#galleryWrapper table td
{
    padding:0;
    margin:0;
    width: 172px;
}

#galleryWrapper a
{
    display: table-cell;   /* gecko & Opera6- */
    display: inline-table; /* Safari & some other browsers */
    display: inline-block;
    padding:0;
    margin:0;
    border-style: solid;
    border-width: 2px;
    border-color: #E6E7E8;
    padding: 4px;
}

#galleryWrapper a:hover
{
    /*border-width: 4px; 
    border-color: #00619c;
    padding: 1px;*/
    opacity:0.7;
    filter:alpha(opacity=70);
}

.storeImageWrapper
{
    display: table-cell;   /* gecko & Opera6- */
    display: inline-table; /* Safari & some other browsers */
    display: inline-block;
    width: 172px;
    height: 172px;
    padding:0;
    margin:0;
}

.storeImageWrapper span
{
    display: inline-block;
    display: -moz-inline-box;
    vertical-align: middle;
    padding: 2px;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}


#cDatabaseUploadWarningLine{
    width: 100%;
    background-color: #FFFFCC;
    margin-bottom: 0.5em;
}


#cReorderDisplayWarningField {
    width: 100%;
    background-color: #FFFFCC;
    margin:0;
    vertical-align: bottom;
    padding : 1em;
}


#orderEditForm_fnQuantity_Required, #orderEditForm_fnQuantity_Numeric, #orderEditForm_fnQuantity_Range{
    padding-left: 58px;
}


#cDatabaseUploadWarningField {
    background-image: url(../../images/warning.gif); 
    background-repeat: no-repeat;
    background-position: 6px 8px;
    //background-position: center left;
    padding: 1em;
    padding-left: 48px;
    height: 4em;
}

#cFileNameLine{
    line-height: 3em;
}

#cFileNameLine .formStatic{
    padding-left: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url(../../images/loader_large.gif); 
    background-repeat: no-repeat;
    background-position: 6px 0px;
}


#updatePriceButton 
{
    margin-right:20px;
}


.assignCell .formButton {
    margin-bottom: 3px;
    display: block;
}


/* Checkout process */
body.checkout_shippingoptions #cShipToThisAddressField,
body.checkout_paymentoptions #cBillToThisAddressField {
    width: auto;
}

/* Volume Discount table */
div#dialog.quantity_import div.messageItem {
    padding-left:0.8em;
    padding-right:0.8em;
    width: auto;
}

/* PubType / Template */
body.pubtype_summary div#fcPublicationTypeLine span.formElement,
body.template_summary div#fcTemplateNameLine span.formElement,
body.template_summary div#fcInstructionsLine span.formElement {
    padding-right: 15%;
}

#priceGroupsPropertiesContent #tableOverview,
#pricingFormContent #tableOverview {
    margin-top: 20px;
}
#discountVouchersEdit #documents,
#discountVouchersProperties #documents {
    width: 98%;
    border: 1px solid  #CDCDCD;
    height: 400px;
    overflow-y: scroll;
}

#discountVouchersOverview #cUsed_header,
#discountVouchersOverview #cReserved_header {
    width: 10%;
}
#discountVouchersOverview #cCode_header {
    width: 20%
}

#checkoutPriceOverview #fcCodeLine {
    margin-top: 15px;
}

#checkoutPriceOverview #fcCodeField {
    width: 200px;
}

#checkoutPriceOverview #fcVoucherErrorField {
    margin-left: 0px;
}

#checkoutPriceOverview .formButton {
    margin-bottom: 7px;
}

#printJob #tableOverview .icon {
    min-width: 18px;
}
/* Body */
body {
    background-color: #E6E7E8;
    height:100%;
    position:relative;
}
html{
    height:100%;
}
#wrapper {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
}

#viewport {
    width: 940px;
    margin: 0px auto;
    background-color: #FFFFFF;
    position:relative;
}

.messageHeader {
    color: #007AC3;
}

fieldset { 
    border:none;
   /* border: 1px solid  #99bd2d; */
}

/* Header */
/* 
    Remove the commented lines to use the web design header image.
    Comment the background-image line to hide the default image
*/
#header {
    height: 142px;
    background-image: url("../images/smartmailsend_banner.gif");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #FFF;
    position:relative;
    /* z-index: 1; */
    width:100%;
}

/* main wrappers */
#contentwrapper{
    background-image: url("../images/content_bg.gif");
    background-position: top left;
    background-repeat: repeat-x;
    width: 71%;
    padding: 0;
    padding-left: 25px;
    padding-right: 20px;
    padding-bottom: 40px;
    margin: 0;
    float: left;
}

#crumbs, #messages, #content{
    display: block; 
    width: 100%;
}

#sidebar{
    float: left;
    width: 29%;
    margin:0;
    padding:0;
    padding-top: 1em;
    position:relative;
    color:#FFF;
    background-color: #007AC3;
    /* padding-bottom: 32767px; */
    /* margin-bottom: -32767px; */
}

div.clear {
    clear:both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}

/* User info */

#userinfo {
    position: relative;
    /* z-index:3; */
    width: 100%;
    color: #231F20;
}

#userinfo div{
    padding-right: 15px;
    padding-top:21px;  
}

#userinfo ul{
    list-style-type: none;
    float: right;
    float: right;
    clear: both;
}

#userinfo li{
    margin: 0;
    text-align: right;
    line-height: 1.6em;
}

#userinfo h3{
    font-size: 100%;
    padding-left: 5px;
    padding-top: 4px;
    float: right;
}

#userinfo a{
    font-weight: normal;
    color:#969696;
}

/* Sub Items */
#search, #submenu, #submenu1, #submenu2, #preview, #summary, #sidebarwarning, #checkout, #checkoutshortcut {
    width: 100%;
    display: block;
    float: right;
}

/* subitem forms */
#search .formHeader, #preview  .formHeader, #submenu .formHeader, #submenu1 .formHeader, #submenu2 .formHeader, #summary .formHeader{
    display: block;

    width: 100%;
    color: #FFF;
    font-size:117%;
    padding: 12px 0 4px 0;
    font-weight: bold;
    margin-bottom: 10px;
    
    border-width: 1px 0 0 0;
    border-color: #FFF;
    border-style: dotted;
}

#loginFormContent .formHeader,
#forgotPasswordFormContent .formHeader {
    color: #FFF;
    font-size: 160%;
}

#search .content, #preview .content, #submenu .content, #submenu1 .content, #submenu2 .content, #summary .content {
   margin: 10px;
}

#submenu li.level0, #submenu1 li.level0, #submenu2 li.level0{
    text-indent: 2px;
    background: none;
    /* background-color: #004975; */
}

#submenu .selected .label, #submenu1 .selected .label, #submenu2 .selected .label {
    font-weight: bold;
    color: white;
}

#submenu a:hover, #submenu1 a:hover, #submenu2 a:hover,
#submenu a:hover .label, #submenu1 a:hover .label, #submenu2 a:hover .label {
    /* font-weight: bold; */
    color: #FFF;
} 

#submenu .selected, #submenu1 .selected, #submenu2 .selected {
    background-color: #007AC3;
}

/* Shortcut menu item */
#checkoutshortcut {
    text-align: right;
    padding-right: 10px;
}
#checkoutshortcut a{
    color:#FFF;
}

/* Overview tables */
#content form div.content {
    
}
#tableOverview .subhead td {
    background-color: #B4B4B4;
    border-width: 0 0 1px 0;
    border-color: #FFFFFF;
    color:#FFF;
    font-weight:bold;
}
#tableoverview td.text{
    background-color: #F1F2F2;
}

#tableOverview .progressbar, #tableOverview .footer, .navigator {
    /* background-color: #AAD232; */
}

div.sheetcontent{
    background-color: #AAD232;
}

tr.level0:hover, tr.level1:hover, tr.record:hover {
    background-color: #AAD232;
}

/* Order Manager */
.actionbar{
    background-color: #AAD232;
    border-bottom: 1px solid #FFFFFF;
}

#submenu .customBullet, #submenu1 .customBullet, #submenu2 .customBullet{
    background-image: url(images/category_tag.png);
    /* background-position: -2px -2px; */
    background-repeat: no-repeat;
}

#tableOverview tr.totals td {
    background-color: #B4B4B4;
   /* background-color: #AAD232; */
}

div.dialogHeader {
    margin-bottom: 0;
}

/* Checkout */
body.checkout_summary .formLine *,
body.order_properties .formLine *,
body.job_properties .formLine * {
    vertical-align: top;
}
body.checkout_summary .formLabel {
    width: 40%;
}

/* Collections */
body.collection_properties #fcDescriptionLabel {
    vertical-align: top;
}

/* Settings */
body.setting_license #cSMAValidThroughLine .formElement,
body.setting_email #fbCheckEmailLine .formElement,
body.setting_email #fcSenderAddressLine .formElement {
     vertical-align: top;
}

/* Companies */
body.template_summary #fcDescriptionLine .formElement,
body.template_summary #fbInheritQuantitiesLine .formElement,
body.template_summary #cViewLine .formElement {
     vertical-align: top;
}

/* Templates */
body.template_productionsettings #fbIncludeTodayForProductionLine .formElement {
     vertical-align: top;
}

/* Ordermanager */
body.ordermanager_overview .col_4{
    width: 19%;
}
body.ordermanager_overview .col_5{
    width: 19%;
}
body.ordermanager_overview .col_7{
    width: 15%;
}

body.order_properties #fcTransactionNumberLine {
    display: block;
}
body.order_properties #fcTransactionNumberLine .formElement {
    float: left;
    padding-left: 0.8em;
    padding-right: 0.8em;
}

input#button{
    width:70px;
}
#tableoverview td.pagejump{
    height:35px;
}
#phone_number{
    font-family:"Arial Black", Gadget, sans-serif;
    text-align:right;
    font-size:16px;
    font-weight:normal;
    color:#007AC3;
    position:absolute;
    top:100px;
    right:15px;
}
#fnLanguageIDLine{
    display:none;
}
.login #sidebar,
.person_forgot_password #sidebar{
    
}
#sidebarPad{
    padding-left:20px;
    padding-right:20px;
    padding-top:18px;
}
.login #sidebar .formLabel,
.person_forgot_password #sidebar .formLabel{
    width:80px;
}
.login #sidebar #rememberMeLabel,
.person_forgot_password #sidebar #rememberMeLabel{
    display:none;
}
.login #sidebar .toolbar,
.person_forgot_password #sidebar .toolbar{
    text-align:left;
}
.login #sidebar .formButton,
.person_forgot_password #sidebar .formButton{
    margin-right:5px;
    width:107px!important;
}
.login #sidebar #savebutton,
.person_forgot_password #sidebar #savebutton{
    float:left;
}
.login #sidebar .links ul,
.person_forgot_password #sidebar .links ul{
    float:left;
}
.login #sidebar .links li,
.person_forgot_password #sidebar .links li{
    padding-left:0px;
}
.login #sidebar .formcheckbox{
    /* margin-top:0px; */
}
.login #contentwrapper{
    /* height:500px; */
}
.login #contentwrapper .messageHeader{
    padding-top:40px;
    padding-bottom:0px;
}
.login #contentwrapper .register td{
    padding-right:15px;
    padding-bottom:8px;

}
.login #contentwrapper .register input{
    width:420px;
    height:25px;
}
.login #contentwrapper .register input.registerButton{
    width:75px;
    float:right;
    margin-right:15px;
}
.login #contentwrapper .register td.info{
    font-weight:bold;
    padding-bottom:15px;
}
.login #contentwrapper p,
.welcome #contentwrapper p,
.person_forgot_password #contentwrapper p{
    padding-bottom:8px;
}
.login #contentwrapper h2,
.person_forgot_password #contentwrapper h2 {
    color: #007AC3;
    font-size:14px;
    padding-bottom:2px;
}
.login #contentwrapper h1,
.person_forgot_password #contentwrapper h1{
    color: #007AC3;
    font-size:18px;
    padding-bottom:15px;
    padding-top:40px;
}
.login #noReg{
    clear:both;
    padding-top:5px;
}
.welcome .messageHeader{
    display:none;
}
.welcome #contentwrapper h1{
    color: #007AC3;
    font-size:22px;
    padding-bottom:15px;
    padding-top:0px;
}
.welcome #contentwrapper a{
    color: #007AC3;
}
#sidebar .warningLabel{
    display:none; 
}
#sidebar .warningTable .warningitem{
    color:#AAD232;
    margin-left:0px;
    padding-left:0px;
}

#sidebar .warningicon{
    background-image: none;
}
#sidebar .asterisk{
    color:#AAD232;
}
#sidebar .warnings{
    padding-left:0px;
}
#sidebarAdvertising{
    padding:35px 15px 0px 15px;
}
#sidebarAdvertising h2{
    font-size:14px;
    padding-bottom:4px;

}
#sidebarAdvertising p{
    padding-bottom:12px;
    color:#B2D7ED;
}

.login #contentwrapper #welcomeBanner{
    position:relative;
    background-image: url("../images/laptop.png");
    background-repeat:no-repeat;
    padding-left: 230px;
    padding-top: 90px;
    height:212px;
}
.login #contentwrapper #welcomeBanner h1{
    margin:0;
    padding:0;
    color:#000;
    font-size:20px;
    line-height:22px;
}
.login #contentwrapper #column1{
    float:left;
    width:310px;
    padding-right:10px;
}
.login #contentwrapper #column2{
    float:left;
    width:310px;
}
.login #contentwrapper .welcomeBlocks{
    
    background-repeat:no-repeat;
    padding-left:65px;
     
}
.login #contentwrapper .welcomeBlocks h2{
    font-size:16px;
    line-height:17px;
}
.login #contentwrapper .welcomeBlocks p{
    font-size:12px;
    line-height:17px;
    padding-bottom:15px;
}
.login #contentwrapper #block1{ background-image: url("../images/dot_1.png"); }
.login #contentwrapper #block2{ background-image: url("../images/dot_2.png"); }
.login #contentwrapper #block3{ background-image: url("../images/dot_3.png"); }
.login #contentwrapper #block4{ background-image: url("../images/dot_4.png"); }
.login #contentwrapper #block5{ background-image: url("../images/dot_5.png"); }
.login #contentwrapper #block6{ background-image: url("../images/dot_6.png"); }
.login #contentwrapper #block7{ background-image: url("../images/dot_7.png"); }
.login #contentwrapper #block8{ background-image: url("../images/dot_8.png"); }

.login #contentwrapper #block6 p,
.login #contentwrapper #block7 p{
    padding-bottom:20px;
    line-height:18px;
}

.login #contentwrapper #block8 p{
    padding-bottom:23px;
    line-height:18px;
}
.login #contentwrapper #block9{
padding-left:60px;
}

.login #contentwrapper a#registerButton{
    background-image: url("../images/register_button.png");
    display:block;
    width:250px;
    height:48px;
    background-position:top left;

}
.login #contentwrapper a#registerButton:hover{
    text-decoration:none;
    background-position:bottom left;
}
.login #sidebar a#registerButtonBlue{
    background-image: url("../images/register_button_blue.png");
    display:block;
    width:240px;
    height:44px;
    background-position:top left;
    margin-top:15px;
    position:relative;
    left:-1px;

}
.login #sidebar a#registerButtonBlue:hover{
    text-decoration:none;
    background-position:bottom left;
}
.welcome #contentwrapper .stepBall{
    background-repeat: no-repeat;
    padding:0px 20px 20px 75px;
    min-height:75px;
    overflow:visible;
}




.welcome #contentwrapper #step1{ background-image: url("../images/step_1.png"); }
.welcome #contentwrapper #step2{ background-image: url("../images/step_2.png"); }
.welcome #contentwrapper #step3{ background-image: url("../images/step_3.png"); }
.welcome #contentwrapper #step4{ background-image: url("../images/step_4.png"); }
.welcome #contentwrapper #step5{ background-image: url("../images/step_5.png"); }
.welcome #contentwrapper #step6{ background-image: url("../images/step_6.png"); }
.welcome #contentwrapper #step7{ background-image: url("../images/step_7.png"); }
.welcome #contentwrapper #step8{ background-image: url("../images/step_8.png"); }

.welcome #contentwrapper #welCol1{
    float:left;
    width:310px;
}
.welcome #contentwrapper #welCol2{
    float:left;
    width:290px;
}
#content .formButton{
    margin-left:15px;
}
#dialog_content{
    padding:15px 15px 30px 15px;
}
.dialogHeader{
    color: #007AC3;
    padding-bottom:18px;
}
#content a{
    color: #007AC3;
    text-decoration: none;
}
#content a:hover{
    text-decoration: underline;
}

.inlineRadio{
display:inline;
margin-right:20px;
}
#pageSelection{
    font-weight:bold;
    padding:0 0 20px 0;
}
#pageSelection a{
    display:inline-block;
    width:22px;
    text-align:center;
    background-color:#B4B4B4;
    margin:0 6px;
    padding:2px 0;
    color:#FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#pageSelection a:hover,
#pageSelection a.currentPage{
    background-color: #007AC3;
    text-decoration: none;
}
#databaseSelection{
    margin-bottom:20px;
}
#databaseList{
    position:relative;
    padding:0;
    margin:0;
    display:none;
}
#cUploadFileLine{
    display:none;
}
#databaseList .databaseTitles{
    font-weight:bold;
    position:relative;
    margin-top:5px;
    background-color:#B4B4B4;
    color:#FFF;
    height:26px;
    border-top:2px solid #B4B4B4;
}
#databaseList .databaseSelector{
    position:relative;
    height:20px;
    border-top:1px solid #FFF;
    background-color:#F1F2F2;
    padding:4px;
    height:25px;
}
#databaseList .databaseInfo1{
    position:absolute;
    left:25px;
    top:3px;
}
#databaseList .databaseInfo2{
    position:absolute;
    left:210px;
    top:3px;
}
#databaseList .databaseInfo3{
    position:absolute;
    left:370px;
    top:3px;
}
#galleryWrapper table{
    display:inline;
    display:inline-block;

}
#productSummary{
    color:#FFF;
    position:absolute;
}
#vid{
    padding:0px 0 30px 0;
    margin:0;

}
#vid p{
    font-weight:bold;
    color:#007AC3;
    font-size:14px;
}
body.checkout_shippingoptions{
    display:none;
}
#copyright{
color:#888;
position:absolute;
bottom:10px;
}

/* Menu */

#menu {
    position: absolute; 
    top: 114px; 
    /* z-index:3; */  

    padding: 1px 1px 1px 1px;
    margin-left: 18px;
}

#menu div {
    padding: 1px;
    color: #000000;
}

#menu ul {
    list-style: none;
    margin: 0;
    display: inline;
}

#menu li {
    display: inline;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    
    line-height: 2em;
    
    margin-right: 3px;
    margin-left: 0;
    background-color: #007AC3;
    text-transform: uppercase;
}

#menu .selected {
     background-color: #AAD232;
}

#menu li a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;

    margin: 0;
    padding: 0;
}

#menu li a:hover {
    color: #7FBCE1;
}