html { font-size: 0.8em; font-family: sans-serif; margin: 0; padding:0;}

.up_fieldset {
	margin: .5em 0 0 0;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: .2em;

}
.up_fieldset > fieldset {
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.up_fieldset > legend {
	font-size: 105%;
	color: blue;
}
.up_fieldset * legend {
	font-size: 90%;
	font-style: italic;
}
div.up_toolbar {
	float: right; 
	padding: 0;
}
div.up_toolbar img {
	height: 20px; margin: 0 .1em 0 .1em; visibility: hidden;
}
option.right {text-align: right}

/* .ui-tabs { padding: 0; }
.ui-tabs .ui-tabs-nav li a { padding: 0 1em; font-size: 0.8em; }
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-accordion .ui-accordion-header { padding: 0; }
 */
 
 
form { margin-bottom: 0; }
h1.up_head  { font-size: 180%; margin: 25px 0 0 215px; padding: 0; letter-spacing: -.05em; color: #228;}
img.up_head { position: absolute; top: 10px; left: 10px; border-right: 1px solid #eef; padding: 0 10px 0 0;}
h1 > span { color: #9dbce3; font-style: italic; font-family: sans-serif; font-size: 90%; }

h2 { font-size: 110%; border-bottom: 1px solid #228; text-align: right; margin: 0 0 .3em 0; padding: 0; color: #9dbce3;}
h2 span { color: red;}
h3 {
	border-bottom: 1px solid silver;
}
h4 {
	color: blue;
}
h5 {
	font-style: italic;	
	text-decoration: underline;	
}
div.box {width: 30em; float: left;}
div.scroll { overflow: auto; height: 30em;}

.hl {background: #ff5 !important;}
.hlc {color: #1a9c11 !important;}
.inactive {color: #aaa !important;}

/* response footer */
table.flash { position: absolute; border: 1px solid red; bottom: 1em; background: #fff;}


tr.vip td {color: red;}
td.numeric, input.numeric 
	{text-align: right}
input.datetime { width: 11em; }

.response_ok {color: green;} 
.response_err {color: red;}
tr.ho:hover { background: #fa7c21;}  
 
fieldset { padding: 0 2px 1px 2px; margin: 0 2px 0 2px;}
fieldset.box_select { width: 40%; }
.box25 { width: 24.5%; float: left;}
fieldset.box30 { width: 30%; float: left;}
fieldset.box50 { width: 48%; float: left;}
fieldset.box { float: left;}
.left { float: left;}
legend { font-weight: bold; font-size: 0.7em; }

.h1 { height: 600px; }
.h2 { height: 1000px; overflow: auto;}
.h3 { height: 600px; overflow: auto;}

.ia { color: silver; }

.blink {color: red; text-decoration: blink; }
td {border-bottom: 1px solid silver; border-right: 1px solid silver; padding: .2em .2em .2em .5em; font-size: 0.8em; }
th {border: 1px solid silver; background: #eee;}
div.fly { position: absolute; top: 20px; right: 20px;}

.right { float: right;}
.left  { float: left;}
.clear { clear: both;}


/* order */
fieldset.box1 { width: 30em; float: left;}
div.box1 { width: 31em; float: left;}

/* exclusion editor */

.box_product { height: 180px;}
.box_pages { height: 50px;}
.box_format { height: 50px;}
.box_paper { height: 50px;}
.box_processing { height: 50px;}
.box_hidden { height: 50px;}
.box_quantity { height: 80px;}
.box_shipping { height: 50px;}
.exclusionOptions ul { list-style-type: none; margin-left: 0; padding: 0;}

.note { text-align: center; color: #33c;}
.color_red { color: red; }

#properties {
	position: absolute;
	visibility: hidden;
	background: #ffa;
	border: 1px solid black;
	padding: 0;
	min-width: 25em;
}
#properties h3 {
	margin: 0; 
	padding: 0.2em;
	background: #aaf;
}
#properties dt {
	padding: 0.5em;
}
#properties dt {
	border-bottom: 1px solid silver;
	font-weight: bold;
} 
#properties dd {
	margin: 0;
	padding: 0 0 0 1em;
}


/* productlist */
div.tooltip { position: absolute; visibility: hidden; background: #ffa; border: 1px solid silver;}
div.tooltip ul { padding: 0 2em 0 2em;}

.cover {
	position: absolute;
	top: 60px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	background: rgba(0,86,216,0.3);
	border-radius: 8px;
	z-index: 99;
}
.cover-inner {
	width: 100%;
	height: 100%;
	display:table;
}
.cover h1 {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size: 3em;
    color: #fa720f;
	font-family: courier, monospace;
}

.waiting { cursor: wait; background: #aaa;}

/*
  catalog menu
*/
#catalogue_menu select {
	width: 100%;
	font-size: .8em;
}
/* product view box */
#product_properties div { padding: .5em;}
#product_properties table { width: 100%;}
#product_properties td:first-child { width: 33% }

/* main */
td.itemIdentifier {width: 20em;}
#createProduct { font-size: 0.8em;}
#createProduct div {float: left; width: 5em; text-align: right; padding: 0.1em; margin-top: .5em;}
#createProduct input,#createProduct select {float: right; margin-top: .5em;}
#catalogueListTable { width: 80em;} 

tr.even { background: #b2d2f2;}
.displayNone { display: none;}

/*login developer link */
div.docutext h3 {
	color: #9dbce3;
	font-size: 130%;
}
div.delolink {
	background: #b2d2f2; position: absolute; bottom: 1em; left: 1em; right: 1em;
	padding: 1em; border-radius: 8px;
}
div.delolink a {
	text-decoration: none;
}
div.docutext {
	width: 45em;
	margin: auto;
	padding: 0 2em 0 2em;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}
div.docutext dt { border-bottom: 1px solid silver; margin-top: 1em;}
div.docutext dd { border-left: 1px solid silver; border-bottom: 1px solid silver; padding: 1em;}  
div.docutext i {color: #666;} 
div.docutext v {color: #666;} 
div.code    { height: 20em; overflow: auto; border: 1px solid silver;}


/* exclusion edit */

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
}

.reverseExclusion {color: red };
.td_excl_edt_num { width: 25px;}
.td_excl_edt_button {width: 25px;}
tr.changed td {border-color: red;}
tr.marked {background: #eef;}

td.attention {
	color: red;
	font-size: 100%;
}

/* exclusion edit END */