html, body { 
	height: 100%; 
} 


* {
	margin:0;
	padding:0;
}

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

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

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

legend {
	padding-left: 0.1em;
	padding-right: 0.5em;
	line-height: 1.8em;
	font-weight: bold;
}

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: ;
}

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

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

table {
	font-size: 100%;
}

/* body */
body {

	font-size: 70%;
	line-height: 1.3em;
	padding-top: 0px;
	
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;

	min-width: 880px;	
	background-image: url("images/main-bg.gif");
}


#mother{
	display: block;

	width: 100%;
	height: 100%;
	
	border-width: 0 5px 0 5px;
	border-color: #ffffff;
	border-style: solid;
}

/* header */
#header {
	height: 127px;
	background-image: url("images/psw_header_isiprint.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fdca33;
	width: 100%;
	
	border-width: 0 0 3px 0;
	border-color: #999999;
	border-style: solid;
}

#header h1 {
	display: none;
}

/* main wrappers */
#mainwrapper{
	display: block;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}

#contentwrapper{
	display: block;
	
	height: 100%;
	float: left;
	width: 70%;
	padding:0;
	padding-left: 25px;
	margin:0;
}

#sidebar{
	display: block;
	float: right;
	width: 29%;
	margin:0;
	padding:0;
	padding-top: 1em;
	height: 100%;
	
	background-color: #dfe1e2;
}

/* content */
#content {
	float: left;
	width: 100%;
	padding-right: 20px;
}

#content form {
	margin-top: 0;
}

#content form div.content {
	border-width: 0px;
	border-color: #666666;
	border-style: solid;
	padding: 1px;
	display: block;
}

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


.messageHeader {
	font-size: 1.8em;
	padding-bottom: 10px;
	color: #999999;
}

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

/* footer */
#footer {
	font-size:90%;
	font-family:;
	width: 100%;
	text-align: left;
	font-style: italic;
	margin-top: 20px
}


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

/* actionbar */
.actionbar{
	background-image: url('/images/toolbar_bg.gif');
	background-repeat: repeat-x;
	padding: 0 1px 1px 1px;
	width: 100%;
	border-bottom: 1px solid #c8cacb;
}

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


.actionbar li {
	display: inline;
	background-color: red;
	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_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;
}

.actionseparator{
	float: left;
	border-left: 1px dotted #b2b4b4;
	height: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
	margin-right: 8px;
	
}


/* table views */
#tableOverview {
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;
	border-spacing: 0;
	margin: 0;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
}

#tableOverview tr.notfound {
	font-style: italic;
}

#tableOverview th {
	background-color: #ffffff;
	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
}



#tableOverview tr {
	height: 2.2em;
}

#tableOverview td {
	padding: 2px;
	border-width: 0 0 1px 0;
	border-color: #dfe1e2;
	border-style: solid;
}

#tableOverview td a {
	width: 100%;
	padding: 1px;
	line-height: 1.8em;
}

#tableOverview span .imgFix{
	line-height: 1.8em;
	padding:0;
	display: inline-block;
}

#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: #666666;
}

#tableOverview .icon {
	width:3%;
	text-align: center;
	padding-left:2px;
	padding-right:2px;
}

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

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

#tableOverview .progressbar, #tableOverview .footer{
	text-align: center;
	background-color: #dfe1e2;
	border-width: 0 1px 0 0;
	border-color: #FFFFFF;
	border-style: solid;
	width: auto;
	white-space: no-wrap;
}

#tableOverview .navigator{
	padding: 0px;
}


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

#tableOverview td.cellicon{
	width:24px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

#tableOverview .icon{
	width:auto;
	vertical-align: middle;
}
#tableOverview .inlineIcon{
	margin-right: 0.2em;
}


#tableOverview .iconOpenClose{
	vertical-align: middle;
}

#tableOverview td.checkbox {
	width:24px;
	text-align:center;
	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, a:link{
	color:#000000;
	text-decoration: none;
}

#tableOverview a:hover{
	color:#000000;
	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 input {
	font-size:96%;
}

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

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

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

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

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

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

/* form items */
.formHeader {
	width: 100%;

	border-width: 1px 0 0 0;
	border-color: #999999;
	border-style: dotted;
	
	color: #000000;
	padding: 2px;
	margin-top: 1.0em;
	padding-top: .4em;
	font-weight: bold;
}

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

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

.formLine * {
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	display: inline-block;
	vertical-align: middle;
}

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

.formLine select {
	height: 1.9em;
}

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

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

.formLine .description, .formLine .comment{
	display: block;
	font-style: italic;
	margin: 0 0 0 2px;
	padding: 0;
	width: 10em;
}

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

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

.formLabel {
	width: 27%;
	padding-left:.8em;
	padding-right:.8em;
	vertical-align: top;
}

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

.formStatic {
	width: 49%;
	padding-left: 0;
}

.fieldSuffix, .fieldComment {
}

.formStaticUnits{
	padding-left: 2em;
	width: 30%;
}

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

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

.formStatic a{
	text-decoration: underline;
    line-height: 1.9em;
}

.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;
}

.defaultCursor {
	cursor: default;
}

.formField {
	width: 65%;
}

.formNumeric, .formDecimal {
	width: 10em;
}

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

.formTextArea {
	height: 4em;
}

.formTextAreaMediumLong {
	height: 8em;
}

.formTextAreaLong {
	height: 24em;
}

.formCommentLine .formField{
	font-style: italic;
}

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

.level_1{
	margin-left: 2em;
}

.level_2{
	margin-left: 4em;
}

.level_3{
	margin-left: 6em;
}


/* form validation items */
.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: 13px;
	color: red;
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

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


.comment {
	width: 100%;
	padding-bottom: 1em;
}

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

.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;
}

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

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

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

/* Multi column layout */
#tableColumnWrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

#tableColumnWrapper th{ 
	background-color: #ffffff;
	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%;
	padding-left: 0.5em;
}

.tableColumnRight{
	width: 49%;
	padding-right: 0.5em;
}

.tableColumnLeft .formLabel,
.tableColumnLeft .warningLabel,
.tableColumnRight .formLabel,
.tableColumnRight .warningLabel{
	width: 30%;
}



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

	padding: 1px 1px 1px 1px;
	width: 100%;
	margin-left: 25px;
}

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

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

#menu li {
	display: inline;
	
	border-width: 1px 1px 0 1px;
	border-color: #666666;
	border-style: solid;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
	line-height: 2em;
	
	margin-right: 3px;
	margin-left: 0;
	background-image: url("images/btn-bg.gif");
	background-repeat: x;
}

#menu .selected a {
	color: black;
}

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

	margin: 0;
	padding: 0;
}

#menu li a:hover {
	color: black;
}

/* Crumbs */
#crumbs {
	font-size:90%;
	float: left;
	width: 100%;
	padding-top: 2px;
	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/arrows.gif") no-repeat 0 .3em;
}

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

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

/* User info */
#userinfo {
	z-index:1;
	position: absolute; 
	top: 20px; 
	right: 50px;
	color: #FFFFFF;
}

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

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

#userinfo li{
	border: 1px;
	margin: 0;
	text-align: right;
	line-height: 1.8em;
}

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

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

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

/* Sub Items */
#search, #submenu, #submenu1, #submenu2, #preview, #summary {
	width: 100%;
}

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

#submenu, #submenu1, #submenu2, #summary, #search, #footer, #preview {
	display: block;
	float: right;
}

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

#submenu ul li ul, #submenu1 ul li ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

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

#submenu li, #submenu1 li, #submenu2 li{
	width: auto;
	border: 1px;
	margin: 0;
}

#submenu li.level0, #submenu1 li.level0, #submenu2 li.level0{
}

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

#submenu a:hover, #submenu1 a:hover, #submenu2 a:hover {
	display: inline-block;
	width: 100%;
	background-color: #b2b4b4;
}

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

#submenu li a, #submenu1 li a, #submenu2 li a{
	display: inline-block;
	text-decoration: none;
	line-height: 1.8em;
	padding-left:5px;
	margin:0;
	width: 100%;
}

#submenu a:hover, #submenu1 a:hover, #submenu2 a:hover {
	background-color: #b2b4b4;
}


#submenu .customBullet, #submenu1 .customBullet, #submenu2 .customBullet{
	display: inline-block;	

	padding-right: 16px;
	margin-right:4px;
	line-height: 15px;
	cursor: pointer;
	
	background-image: url(images/mini-category.gif);
	background-position: -2px -2px;
	background-repeat: no-repeat;
	
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
}


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

	width: 100%;
	color: #999999;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 0.5em;
	
	border-width: 1px 0 0 0;
	border-color: #999999;
	border-style: dotted;
}	

#summary .content table {
   width: auto;
} 

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

.selected .label {
	font-weight: bold;
	color: white;
}

#search .formLabel{
	width: 42%;
	margin-left: .5em;
	padding-left: 0;
}

#search .formField{
	width: 45%;
}

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

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

#search .formSelect{
	width: 47%;
}

#search .toolbar {
	padding: 0;
}

#search .formButton {
	margin: 5px;
	padding: 0;
}

#summary .label{
	width: 60%;
	padding-left: .5em;
}

#summary .static{
	width: 30%;
	padding-left: 0;
}

#submenu .label{
	width: 80%;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}


/* calendar */
#tableCalendar{
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

#tableCalendar th{ 
	background-color: #ffffff;
	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
}

#tableCalendar .subhead td {
	background-color: #dfe1e2;
	border-width: 1px 1px 0 0;
	border-color: #FFFFFF;
	font-weight: bold;
}

#tableCalendar .footer td {
	background-color: #dfe1e2;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

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

#tableCalendar td a {
	text-decoration: none;
}

#tableCalendar .highlight {
	background-color: yellow;
}


/* previews */
#preview .imgThumbnail {
	display: block;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	font-style: italic;
}

#cFileNameLine{
	line-height: 3em;
}

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

.previewImage{
}

.previewImagePointer{
	cursor: pointer;
}

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

/* generic markup */
.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.red{
	color: red;
}


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

.hidden{
	visibility: hidden;
}

.disabled {
	display: none;
}

.alignTop {
	vertical-align: top;
}

pre.dump {
	clear:both;
}

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

/* pager */
.pager {
	text-align: center;
}

.pagejump {
	text-align: center;
}

.pagejump a{
	cursor: pointer;
}

.pagejump .selectedPage {
}

.pagejump span {
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	line-height: 1.8em;
}

.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;
}

/* Progress bar items */

#outputProgressBar{
	padding: 0;
	margin: 0;
	text-align: left;
}

#softproofProgressBar{
	margin-top:2px;
	margin-bottom:2px;
}

div .progressBarLine{
	padding: 2px;
	margin:0;
	margin-top: 0.5em;
	width: 100%;
	
	border-width: 1px 0 0 0;
	border-color: #59770e;
	border-style: dotted;
}

div .progressBarLine * {
	text-align: left;
}

.progressLabel{
	display: inline;
	line-height: 1.6em;
	vertical-align: middle;
	width: 160px;
}

.progressBarWrapper{
	display: inline;
	background-color: #dfe1e2;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 1px;
	margin: 0px;
	width: 200px;
	height: 12px;
	vertical-align: middle;
}

.progressBarItemDone {
	display: block;
    float: left;
    height: 100%;
	background-color: #ffffff;
}

.progressBarItemTodo {
	display: block;
    float: left;
    height: 100%;
}

.progressLabelWarning{
	background-image: url(../../images/icon_warning.gif); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline;
	padding-left: 18px;
}

.progressLabelWarningBlock{
	background-image: url(../../images/icon_warning.gif); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-left: 18px;
}

/* Toolbar */
.toolbar {
	margin-top: 12px;
	border-width: 1px 0 0 0;
	border-color: #999999;
	border-style: dotted;
}

#orderSummaryFormToolbar, 
#orderEditFormToolbar, 
#outputProgressBar, 
#preflightOverviewToolbar, 
#previewSoftproofFormToolbar, 
#previewDBHeadersFormToolbar, 
#previewDBMappingFormToolbar, 
#pubtypeTemplatesFormToolbar, 
#companyOverviewFormToolbar, 
#usersOverviewFormToolbar, 
#pubtypeOverviewFormToolbar,
#ordermanagerOverviewFormToolbar,
#storefrontOverviewFormToolbar,
#storefrontDocumentsFormToolbar,
#printersOverviewToolbar,
#roleOverviewToolbar,
#outputFolderOverviewToolbar,
#languageOverviewToolbar,
#currencyOverviewToolbar,
#settingEmailAddresseesOverviewFormToolbar,
#settingEmailMessageOverviewFormToolbar,
#maintenanceOverviewToolbar,
#pubtypeQuantitiesFormToolbar,
#formTemplatesDBInputToolbar,
#previewDisplayPDFFormToolbar,
#searchForm .toolbar{
	border: 0;
	margin: 0;
}

/* Drag and Drop */
.listItem {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
	border-width: 0 0 1px 0;
	border-color: #dfe1e2;
	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;
	background-color: #E6E6FF;
}

/* 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;
}

.colorPicker{
	margin-bottom:10px;
	margin-left:3px;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

.colorPickerTable{
	width: 50%;
}

.colorPickerRow{
}

.colorPickerCell{
	width: 4px;
	height: 4px;
}


.formDescription, .formComment{
	display: inline-block;

	font-style: italic;
	margin:  0;
	padding-top:0;
	padding-bottom: 0.5em;
	padding-right: 1em;
	width: 67%;
}


/*
** Page Specific Items 
*/
/*
** page specific items
*/

#ordermanagerCompletedOverviewExportForm .formSelect {	
	width: 20%;
}

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

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

.totalprice {
	font-weight: bold;
}

/* preflight */
#preflightWarning_cell{
	width: 100%;
	height: 300px;
}

#preflightWarning_frame{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

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

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

#preflightResult{
	background-color: #FFFFFF;
}

#preflightResultBody td {
	font-size: 100%;
	line-height: 1.3em;
	font-family: ;
}

.preflightCellNumeric{
	width: 7%;
}

.preflightCell{
}

.preflightResult{
}

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

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


/* Order form & Order Summary */
.order_summary .tableColumnLeft{
	padding-right: 1em;
}

.order_summary .tableColumnRight{
	width: 39%;
	padding-left: 1em;
	background-color: #dfe1e2;
}

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

#orderSummaryForm #cShippingInformationLabel,
#orderSummaryForm #cBillingInformationLabel{
	width: 49%;
}

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

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

.order_address #bBillingAsShippingLabel {
	width: 30%;
}


#cQuoteMessageField {
	background-image: url(../../images/confirm.gif); 
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 1em;
	padding-left: 46px;
	height: 4em;
	background-color: #FFFFCC;
}

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

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

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

#cSoftproofLine .formStatic.pdf{
	margin: 0;
	padding: 0;
	background-image: url(../../images/icon_pdf.gif); 
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 0;
}

#tableColumnWrapper{
	border-width: 1px;
	border-color: #59770e;
	border-style: solid;
}


#tableCalendar{
	width: 93%;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #59770e;
	border-style: solid;
	margin: 10px;
}

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

/* Process line new document */
#crumbs ul.processline {
}

#crumbs ul.processline li{
}

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

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

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

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


/* Step back/done */
	#crumbs ul.processline li.step_1 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_2 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_3 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_4 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_5 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_6 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_7 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_8 {
		color: #000000;
	}
	
	#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; */
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}

/* Current Step */
	#crumbs ul.processline li.step_1_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_2_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_3_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_4_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_5_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_6_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_7_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.gif") no-repeat 0 .3em;
	}
	#crumbs ul.processline li.step_8_current {
		color: #000000;
		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; */	
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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; */
		background: url("../../images/arrows.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;
}

/* storefront */
#storefrontOverviewFormContent{
	width: 100%;
	display: block;
}

#storefrontWrapper{
	padding: 1em;
	width: 100%;
	display: block;
}

.storefrontItem{
 	display: inline;  
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 1.5em;
	margin: 0;
}

.storefrontItem span.storefrontData 
{ 
	text-align: center;  
	padding: 2px; 
	margin: 0px; 
	width: 172px;
	vertical-align:top;  
	display: inline-block; 
}

.storefrontItem span span.thumbnail span 
{ 
	width: 160px; height: 160px;  
	background-position: center center; background-repeat: no-repeat; 
	text-align: center; 
	vertical-align:top; 
	display: inline-block;
}

.storefrontItem span span.thumbnail 
{ 
	width: 168px; height: 168px; 
	border-width: 1px; 
	padding: 4px;
	border-style: solid; 
	text-align: center; 
	vertical-align:top; 
	display: inline-block;
	border-color: #666666;
	cursor: pointer;
	margin-bottom: 1em;
}

.storefrontItem span span.thumbnail:hover 
{ 
	width: 168px; height: 168px; 
	border-width: 4px; 
	padding: 1px;
	border-style: solid; 
	text-align: center; 
	vertical-align:top; 
	display: inline-block;
	border-color: #cccccc;
	cursor: pointer;
}

.storefrontItem span span.caption
{ 
	vertical-align: top; 
	line-height: 1.4em;
	margin: 0; 
	padding: 0;
}

.storefrontItem span span.description 
{ 
	vertical-align: top; 
	line-height: 1.4em; 
	margin: 0; 
	padding: 0;
}

.storefrontItem .caption img{
	vertical-align: middle;
}

.storefrontItem .caption {
	font-size: 100%;
	font-weight: bold;	
}

.storefrontItem .icon {
	padding-left: .1em;
}



#storefrontOverviewFormContent .disabled span span.thumbnail {
	background-color: #FFCECE;
}

#storefrontOverviewFormContent .disabled h1, #storefrontOverviewFormContent .disabled span{
	/* text-decoration: line-through; */
}

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

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

/* Login page */
body.login .warningLabel{
	width: 32%;
}

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

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

body.login #content .formLabel{
	width: 32%;
}
body.login #content .formField{
	width: 55%;
}



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

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

body.firstrun #cNoteLine {
	background-color: #FFFFCC;
	height: 5em;
}

body.firstrun #cNoteLabel {
	display: none;
}

body.firstrun #cNoteField {
	background-image: url(../../images/confirm.gif); 
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 1em;
	padding-left: 46px;
}

body.firstrun_db_exists #firstrun_mysqlContent {
	background-color: #FFFFCC;
}

body.firstrun_db_exists span.formLabel {
	display: none;
}

body.firstrun_db_exists span.warningIcon {
	margin-left: 5em;
	margin-bottom: 1em
}
	
body.firstrun_db_exists #cNoteField {
	background-image: url(../../images/warning.gif); 
	background-repeat: no-repeat;
	background-position: 1em 1.8em;
	padding: 2em;
	padding-left: 5em;
}



/* Storefront pages */
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"); */
	/* max-width: 71.99%; */
}

/* Previews */
body.preview_databaseupload #content, body.preview_databasemapping #content, body.preview_userinput #content, body.preview_range #content {
	/* width: 65%; */
}

body.preview_databaseupload #preview, body.preview_databasemapping #preview, body.preview_userinput #preview, body.preview_range #preview {
	/* width: 32%; */
}

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

/* Softproof */
#previewProgressForm, #outputProgressForm{
	width: 60%;
}

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

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


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

/* Preview pages (new document) */
.userinputTable{
}

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

.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 */
#phpinfo_frame{
	width: 100%;
	height: 400px;
}

#cRegistrationStatusRegisteredLine, #cRegistrationStatusUnregisteredLine{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 140%;
}

#cRegistrationStatusRegisteredField {
	width: auto;
}

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

#cRegistrationStatusUnregisteredLine{
	background-color: red;
}

#registrationThankYouFormContent{
	visibility: hidden;
}

#registrationThankYouFormToolbar{
	text-align: left;
}

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

#fcDateFormatField, #fcThousandSeparatorField, #fcDecimalSeparatorField {
	width: 15%;
}

#fcWelcomeField{
	height: 12em;
}

#fcStringsField{
	height: 24em;
}

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

/* 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%;
}

#fnLengthField, #fnFieldLineField, #fnMaxCharField {
	width: 9%;
}

#fcListItemsField{
	height: 10em;
}

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

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

#previewButton, 
#updateButton, 
#restoreDefaultButton, 
#RestoreDefaultsButton, 
#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 Manager */
body.order_properties .formStatic.pdf a {
	margin: 0;
	padding: 0;
	background-image: url(../../images/icon_pdf.gif); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 20px;
}

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

a.showInfo {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(/images/icon_information.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#tableOverview .information a:hover {
	text-decoration: none;
}
#tableOverview .information a tr {
	height: 1em;
}

div.orderDescription {
	display: none;
	border:1px solid black; 
	background-color: #FFFFCC;
	text-align: left;
	text-decoration: none;
}

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

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

.OrderStatusColour{
	margin-left: auto;
	margin-right: auto;
	width: 1.25em;
	height: 1em;
}

.OrderStatusColour1{
	background-color: #FFFF00;
}

.OrderStatusColour2{
	background-color: #FF9900;
}

.OrderStatusColour3{
	background-color: #FF0000;
}

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

.OrderStatusColour5, .OrderStatusColour7, .OrderStatusColour8{
	background-color: #0000FF;
}

.OrderStatusColour6{
	background-color: #CCCCCC;
}

table.cEmailMessagesOverview td.level0,
table.cPublicationTypesOverview td.level0,
table.cCompanyOverview td.level0 {
	width: 1%;
}

/* Order Manager Completed orders */
#ordermanagerCompletedOverviewFormContent .cTree {
	border-width: 0px;
	border-color: #FFFFFF;
	border-style: none;
}

/* Template properties */
#cDownloadZipLine .formStatic a{
	margin: 0;
	padding: 0;
	background-image: url(../../images/icon_zip.gif); 
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
}


/* Order Properties Page */
#orderDetails{
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

#orderDetails td{
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#orderDetails td{
	width:50%;
}

#orderDetails td .formlabel{
width: 37%;
}

#orderDetails td .formstatic{
width: 63%;
}

#orderDetails td .formlabelgrouphead{
width: 100%;
}

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

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

#tableOverview.cOutputHistory #cPageCount_header{
	text-align: left;
}

#tableOverview.cOutputHistory .col1, 
#tableOverview.cOutputHistory .col2{
	width: 24px;
}

#tableOverview.cOutputHistory .col3{
	width: 150px;
}

#tableOverview.cOutputHistory .col4{
	width: 200px;
}

#tableOverview.cOutputHistory .col5{
	width: 50px;
}

#tableOverview.cOutputHistory .col6{
	width: auto;
}

#tableOverview.cOutputHistory .col7{
	width: 10px;
}


#tableOverview.cOutputHistory tr:hover{
	background-color: transparent;
}

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

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

#ordermanagerCompletedOverviewForm table.cOrderOverview {
	witdh: 100%;
}
#ordermanagerCompletedOverviewForm #tree td {
	witdh: 10px;
}

#ordermanagerCompletedOverviewForm .col1{
	width: 175px;
}
#ordermanagerCompletedOverviewForm .col2{
	width: 90px;
}

#ordermanagerCompletedOverviewForm .col3{
	width: 175px;
}

#ordermanagerCompletedOverviewForm .col4{
	width: 60px;
}

#ordermanagerCompletedOverviewForm .col5{
	width: 80px;
}

#ordermanagerCompletedOverviewForm .col6{
}

#ordermanagerCompletedOverviewForm .col7{
	width: 10px;
}

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

#ordermanagerCompletedOverviewForm .level_0 .icon {
	margin-left: 0em;
}
#ordermanagerCompletedOverviewForm .level_1 .icon {
	margin-left: .7em;
}
#ordermanagerCompletedOverviewForm .level_2 .icon {
	margin-left: 1.5em;
}
#ordermanagerCompletedOverviewForm .level_3 .icon {
	margin-left: 2em;
}

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

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

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