/* -----------------------------------
----- General layout definitions -----
-------------------------------------- */

@font-face {
  font-family: 'Droid Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Droid-Sans-regular/Droid-Sans-regular.eot');
  src: url('../fonts/Droid-Sans-regular/Droid-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Droid Sans'),
       local('Droid-Sans-regular'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.woff2') format('woff2'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.woff') format('woff'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.ttf') format('truetype'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.svg#DroidSans') format('svg');
}

@font-face {
  font-family: 'Droid Sans';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Droid-Sans-700/Droid-Sans-700.eot');
  src: url('../fonts/Droid-Sans-700/Droid-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Droid Sans Bold'),
       local('Droid-Sans-700'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.woff2') format('woff2'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.woff') format('woff'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.ttf') format('truetype'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.svg#DroidSans') format('svg');
}

body, td, p, a, ol, ul, div, h1, h2, h3, h4, input, select, textarea, button {
	font-family: Droid Sans;
	font-size: 12px;
	color: #5B5B5B;
}

label{
	color: #181818;
}

.default-color{
	color: #333;
}

.important {
	font-weight: bold;
}

input[type=checkbox],
input[type=radio]{
	width: auto !important;
	vertical-align: middle;
	margin:0;
	padding:0;
}

td {
	vertical-align: top;
}

textarea { resize: none; }

.ellipsis {
    white-space: nowrap;        
    overflow: hidden;           
    text-overflow: ellipsis;     
}

.right { text-align: right; }
.fl-right { float: right; }

.hidden{ display: none; }
.left { float: left; }
.linebreak {  word-wrap: break-word;      /* IE 5.5-7 */
      white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
      white-space: pre-wrap;      /* current browsers */ }

.warning{ background-color: #DB0000 !important; color: white; padding: 2px; }
.warning-center { text-align: center;}
tr.warning td{ color: white; }

tr.sortablehover { background-color: #32CD32; }

html, body { height: 100%; }
body { padding: 0; margin: 0; background-color: white; }

h1 { font-size: 10px; color: #333; font-weight: bold; margin: 0; padding: 0; }
h2 { color: #333; margin: 0 0 10px 0; padding: 0; }
h3 { margin: 0 0 10px 0; } 
a { color: #73ad21; text-decoration: underline; font-size: 13px; }
a.remark { text-decoration: blink; }
p.error, span.error { color: #DB0000; font-weight: bold; }
p.success, div.success { color: #73ad21; margin-top: 5px; }

p { margin: 0 0 10px 0; padding: 0; }
p.important { background-color: #DB0000; padding: 0; text-align: center; color: #ffffff;}
p.p-nospace { margin: 0; padding: 0; }

.float-left { float:left; }

img.align-bottom { vertical-align: bottom; }

ul { margin: 0 0 10px 15px; padding: 0; list-style-type: square; }
ul.ul-nospace { margin-bottom: 0; }
ul.ul-horizontal { margin:0; padding: 0; }
ul.loading { margin: 10px 0 20px 0; height: 16px; }
ul.legend { margin: 5px 0 0 0; height: 14px; }
ul.legendEmbedded { display: inline-block; }
ul.ul-horizontal li { list-style-type: none; display:inline; padding-left: 20px; }
ul.loading li.loading { float: left; padding-top: 2px; margin-right: 10px; height: 16px; background: url(../images/spinner.gif) no-repeat; }
ul.loading li.loading-finished { float: left; padding-top: 2px; margin-right: 10px; height: 16px; background: url(../images/icons/checker.png) no-repeat; }

ul.legend li{ padding-left: 17px; margin-right: 10px; }
ul.legend li.legend-replaced{ background: url(../images/icons/article_replaced.png) no-repeat; }
ul.legend li.legend-reference{ background: url(../images/icons/article_reference.png) no-repeat; }

ul.selection-list {
	float: left;
	margin: 0;
	list-style-type: none;
	padding: 2px 0 5px 0;
}

ul.selection-list-none {
	list-style-type: none;
}

ul.selection-list li {
  display: list-item;
  width: 300px;
  padding: 2px;
  margin-bottom: 3px;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

ul.selection-list li table td.image{
	width: 45px;
	margin-right: 5px
}
ul.selection-list li table td.heading{
	vertical-align: top;
	width: 200px;
}
ul.selection-list li table td.delete{
	text-align: right;
}

ul.selection-list-none li{
	border: none;
	font-style: italic;
}

table.medium-selection-items { width: 100% }

form input, form select, form textarea { box-sizing: border-box; }

form { margin: 0; padding: 0; }
form fieldset { border: 1px solid #333; margin: 0; padding: 10px 0px 10px 10px; background-color: #F8F8F8; }
form fieldset.fieldset-half { width: 520px; }
form fieldset legend { color: #333; font-weight: bold; border: 1px solid #333; background-color: #F8F8F8; }
form div.form-field { float: left; margin-bottom: 2px; width: 1200px; }
form div.form-field-checkbox { height: 27px; padding-top: 5px; min-height: 20px; }
form div.margin-bottom { margin-bottom: 10px; }
form div.form-field input { width: 1015px; }
form div.form-field span.input-prefix { margin-right: 3px; }
form div.form-field input.short { width: 875px; }
form div.form-field input.form-submit { width: auto; margin-right: 10px; }
form div.form-field select { width: 1015px; }
form div.form-field-icon {vertical-align:top; float: left; margin-top: 5px; }
form div.form-field-icon img { display: inline; border: 1px solid #D0D0D0; margin-right: 5px; float: left;}
form div.form-field textarea { width: 924px; }
form div.form-field div.show { float: left; padding-top: 2px; }
form div.form-field .form-noscale { width: auto; vertical-align: text-top; }
form div.form-field .form-warn { color: #DB0000; font-weight: bold; }
form div.form-label { float: left; width: 125px; padding-top: 0; margin-right: 5px; }
form div.form-label250 { float: left; width: 250px; padding-top: 2px; margin-right: 10px; }
form div.form-label170 { float: left; width: 170px; padding-top: 2px; margin-right: 10px; }
form div.form-label-inline { float: left; padding-top: 4px;}
form div.form-error { margin-left: 130px; margin-bottom: 2px; }
form div.form-error span { color: #DB0000; font-weight: bold; }
form div.form-warning { margin-left: 130px; margin-bottom: 2px; }
form div.form-warning span { color: #DB0000; font-weight: bold; text-decoration: blink; }
form div.form-hint { margin-top: 2px; font-style: italic; }
form div.form-hint-modal { margin-left: 130px; margin-bottom: 2px; }
form div.form-field-submit div.form-label { width: 125px; }
form div.form-field-submit div.form-label-inner { width: 125px; }
form div.form-field-half { width: 600px; }
form div.form-field-half-icon { width: 490px; }
form div.form-field-half div.form-label { text-align: right; }
form div.form-field-half-first div.form-label { text-align: left; }
form div.form-field-half input,
form div.form-field-half select,
form div.form-field-half textarea,
form div.form-field-half p{ width: 450px; }
form div.form-field-half input.datepicker{ width: 430px; }
form div.form-field-half input.date-picker { width: 430px; }
form div.form-field-half input[type=checkbox] { width: auto; vertical-align: text-top; }
form div.form-field-withbutton input { width: 710px; }
form div.form-field-withbutton input.form-field-button { margin-left: 10px; width: 100px; }
form div.form-field img.calendar { vertical-align: middle; margin-bottom: 2px; cursor: pointer; }
div.progressBar { float: left; width: 102px; height: 7px; border: 1px solid #CCCCCC; padding: 0; margin: 3px 10px 0 0; position: relative; background-color: #DB0000; }
div.progressBar div { background-color: white; }

form div.form-field-level2 { margin-left: 130px; width: 812px; border: 1px solid #D0D0D0; padding: 5px; background-color: #E9E9E9; margin-bottom: 10px; }
form div.form-field-level2 div.form-field { width: 812px; }
form div.form-field-level2 div.form-field input { width: 674px; }
form div.form-field-level2 div.form-field input.date-picker { width: 642px; }
form div.form-field-level2 div.form-field input.prefix { width: 659px; }
form div.form-field-level2 div.form-field input.form-submit { width: auto; margin-right: 10px; }
form div.form-field-level2 div.form-field select { width: 674px; }
form div.form-field-level2 div.form-field textarea { width: 674px; }
form div.form-field-level2 div.form-field .form-noscale { width: auto; }
form div.form-field-level2 div.form-error { margin-left: 130px; }
form div.form-field-level2 div.form-field-fourth-first div.form-label { text-align: left; width: 125px; }
form div.form-field-level2 div.form-field-fourth input { width: 120px; }
form div.form-field-level2 div.form-field-half { width: 406px; }
form div.form-field-level2 div.form-field-half-icon { width: 406px; }
form div.form-field-level2 div.form-field-half div.form-label { text-align: right; }
form div.form-field-level2 div.form-field-half-first div.form-label { text-align: left; }
form div.form-field-level2 div.form-field-half input, form div.form-field-level2 div.form-field-half select { width: 255px; }
form div.form-field-level2 div.form-field-half input[type=checkbox] { width: auto; vertical-align: text-top; }

form div.message-level2 { 
  margin-left: 130px;
}

form div.form-field-level3 { margin-left: 130px; width: 667px; border: 1px solid #D0D0D0; padding: 5px; background-color: #E0E0E0; margin-bottom: 10px; }
form div.form-field-level3 div.form-field { width: 667px; }
form div.form-field-level3 div.form-field input { width: 529px; }
form div.form-field-level3 div.form-field input.form-submit { width: auto; margin-right: 10px; }
form div.form-field-level3 div.form-field select { width: 533px; }
form div.form-field-level3 div.form-field textarea { width: 529px; }
form div.form-field-level3 div.form-field .form-noscale { width: auto; }
form div.form-field-level3 div.form-error { margin-left: 130px; }

form.table span.form-error { margin: 0; }

form div.formfield-read { float:left; margin-top: 3px;margin-bottom: 5px; }
.clearLeft { clear: left; font-size: 1px; height: 1px; }
.clearBoth { clear: both; }

form div.second-input{
	margin-top: 3px;
}

form select.error{
	background-position: right 13px center;
}

form a.modal-search-link, form a.modal-reset-link{ 
	float:right;
	margin-left: 1px;
	color: #5b5b5b;
}

form a.modal-reset-link{
	margin-left: 0 !important;
}

span.form-error { color: #db0000; font-weight: bold; margin-left: 130px; }
span.form-error-top { margin-left: 0; } 

form div.form-field-half span.form-error{
	margin-left: 130px;
	clear: both;
}



.remark { color: #DB0000; }
.todo { font-weight: bold; background-color: #E58080; border: 1px solid #333; padding: 5px; }

div.select_multiple_container_list  { float:left; position: relative; }

/* --------------------------------------------
----- content specific layout definitions -----
----------------------------------------------- */

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.full-size-wrap{
	width: 100%;
	background: #F8F8F8;
}

.content-wrap{
	margin: 0 auto;
 	width: 1600px;
 	background: white;
}

.wrap-dark{
	background: #E8E8E8;
}

.wrap-develop{
	background: #D7BDE2;
}

.content-wrap-padding{
	padding-bottom: 10px;
}

.header-logo{
	background-size: 224px 37px;
	height: 37px;
	width: 224px;
	margin: 10px 0 0 10px;
	float:left; 
}

.header-logout{
	margin-top: 32px;	
}

.header-logo-login{
	margin-top: 200px;
}

.login-message{
	margin-top: 235px;
}

.login-message div{
	font-size: 13px;
	font-weight: bold;
}

.header-content-wrap-right{
	float: right;
	padding: 10px 10px 0 10px;
}

.header-content-wrap-left{
	float: left;
	padding: 10px 10px 0 10px;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #C8C8C8 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #C8C8C8 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #C8C8C8 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #C8C8C8 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #C8C8C8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #C8C8C8 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #C8C8C8 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #C8C8C8 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #C8C8C8 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #C8C8C8 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}

.bgcolor { background-color: #F8F8F8; }

div.div-maincontent { width: 1600px; }

div.div-header { position: relative; width: 1210px; height: 45px; padding: 5px 20px 0 20px; }
div.div-header div.div-header-message { position: absolute; top: 6px; left: 400px; width: 500px; height: 30px; padding: 2px; background-color: #E58080; border: 1px solid #333; }

div#div-outercontent { margin: 2px 0 2px 0; position: relative; background-image: url(../images/background/menu.jpg); background-repeat: repeat-y;}
/*div#dwrLoadingMessage { position: absolute; top: 0; right: 0; margin-right: 1px; background-color: #E58080; padding: 2px 5px 2px 5px; font-style: italic; }*/
#dwrLoadingMessage { 	
	position:fixed;
	left: 800px; 
	top: 0; 
	min-height:20px;
	width: 135px;  
	border: 1px solid #E0E0E0;
	border-right-color: #A0A0A0;
	border-bottom-color: #A0A0A0;
	z-index:10000;
	padding: 5px;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/ajax-loader.gif) no-repeat 10px 2px #FFFFFF; 
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	border-radius: 0 0 5px 5px;
}

div.div-menu { float: left; width: 180px; padding: 10px 10px 20px 10px; background-color: transparent; }
div.div-menu ul { margin: 0; padding: 0; list-style-type: none; }
div.div-menu ul li { margin: 0; }
div.div-menu ul li a { display: block; text-decoration: none; padding: 2px 0 2px 2px; }
div.div-menu ul li a.toplevel { font-size: 13px; font-weight: bold; color: #333; margin: 15px 0 2px 0; padding-left: 2px; }
div.div-menu ul li a.toplevel:hover { background-color: #F8F8F8; border-radius:3px; }

div.div-menu ul li h3 { padding: 0; margin: 0; }
div.div-menu ul li h3 a { font-size: 13px; color: #333; margin: 15px 0 2px 0; }



div.div-menu ul li ul { margin-left: 10px; }
div.div-menu ul li ul li h4 { padding: 0; margin: 0; }
div.div-menu ul li ul li h4 a { color: #5B5B5B; margin: 5px 0 2px 0; }
div.div-menu ul li ul li ul { margin-left: 10px; }
div.div-menu ul li ul li ul li a:hover { background-color: #F8F8F8; border-radius:3px; }
div.div-menu ul li ul li ul li.active a { font-weight: bold; }

div.div-content { float: left; width: 1280px; padding: 20px; min-height: 400px; }
div.div-content-fixed { margin-bottom: 10px; padding-right: 20px; }
div.div-content-scrollbox { height: 500px; overflow: auto; padding: 1px 20px 1px 1px; }
div.div-content-scrollbox-dynamic { height: auto; max-height: 500px; }
div.div-content-scrollbox-inner { height: 400px; overflow: auto; padding: 1px 20px 1px 1px; }
div.div-content-scrollbox-no-height{ overflow: auto; padding: 1px 20px 1px 1px; }
div.div-content-logbox { border: 1px solid #333; background-color: #F8F8F8; height: 300px; overflow: auto; margin: 20px 100px 10px 100px; padding: 5px; }
div.div-content-logbox p { margin-bottom: 0; }

div.div-footer { width: 1560px; height: 25px; padding: 10px 20px 0 20px; margin-top: 1px; }

div.div-skeleton-floatleft { float: left; width: 320px; }
div.div-skeleton-floatright { float: right; width: 300px; text-align: right; }

form.quicklinks { float: right; width: 650px; margin-left: 15px; }
form.quicklinks ul { list-style-type: none; margin: 0 0 5px 0; }
form.quicklinks ul li { display: inline; margin-right: 15px; }

div.contentstart { clear: both; height: 10px; }

table.searchresults thead td, table.listview thead td{
	font-weight: bold;
}

table span.sort-arrow-container{
	float: right;
}

table span.sort-arrow-container a{
	text-decoration: none;
}

table a.sort-selected span{
	color: #73ad21;
}

table.searchresults { table-layout: fixed; width: 100%; background-color: #F8F8F8; padding: 0; margin: 0; border: none; border-collapse: collapse; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.searchresults tr:nth-child(even), table.listview tr:nth-child(even) { background-color: #E9E9E9;}
table.searchresults tr.row-error, table.listview tr.row-error{ background-color: #FFE0E0; }
table.listview tr.row-error{ font-style: italic; }
table.searchresults tr td { padding-left: 2px; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; }
table.searchresults tr td.align-right{ text-align: right; }
table.searchresults tr td.cell-message { font-style: italic; }
table.space_after { margin-bottom: 20px; }
div.space_after { margin-bottom: 10px; }
table.searchresults a { color: #333; font-size: 13px; }
div.attribute-view{ width: 45%; float: left;}
table.attribute-view{ width: 400px; background-color: #F8F8F8; padding: 0; margin: 0 10px 10px 0px; border: none; border-collapse: collapse; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.attribute-view-right{ margin: 0 0 10px 0px; }
table.attribute-view tr.row-even { background-color: #E9E9E9; }
table.attribute-view  tr td { padding-left: 2px; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; }

table.searchresults tr td table tr { background-color: transparent !important }
table.searchresults tr td table tr td { border: none; background-color: transparent; }
table.searchresults tr td table.border { width: 95%; margin: auto; margin-top: 5px; margin-bottom: 5px; }
table.searchresults tr td table.border tr td { border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; }

table.attribute-view-no-wirth{background-color: #F8F8F8; padding: 0; border: none; border-collapse: collapse; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.attribute-view-no-wirth tr.row-even { background-color: #E9E9E9; }
table.attribute-view-no-wirth tr td { padding-left: 2px; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; text-align: right; }

table.listview { width: 1050px; background-color: #F8F8F8; padding: 0; margin: 0 0 10px 130px; border: none; border-spacing: 0; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.scroll { border-right: 0;}
table.listview tr.row-even { background-color: #E9E9E9; }
table.listview tr.row-edit { background-color: #FFCCCC; }
table.listview tr td { padding-left: 2px; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0;}
table.listview tr td.scroll-last { border-right: 1px solid #D0D0D0; }
table.listview tr td.cell-message { font-style: italic; }
table.listview-align-top tr td { vertical-align: top; }
table.listview tr.sum-row td { font-weight: bold; }
table.searchresults tr.sum-row td { font-weight: bold; }

table.listview-cell{
	width: 100%;margin: 0;
}
table.listview-cell td.left{
	width: 40%;
}

table.listview-cell td.right{
	width: 55%;
}

table.listview-inner { width: 675px; background-color: #F8F8F8; padding: 0; margin: 0 0 10px 130px; border: none; border-collapse: collapse; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.listview-inner  tr.row-even { background-color: #E9E9E9; }
table.listview-inner  tr.row-edit { background-color: #FFCCCC; }
table.listview-inner  tr td { padding-left: 2px; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; }
table.listview-inner  tr td.cell-message { font-style: italic; }

tbody.scrollContent { height:350px; overflow: auto; width: 844px; }

table.checkbox-matrix tr td { padding-right: 20px; }

img.item-add { border: 1px solid #D0D0D0; }
img.item-search { border: 1px solid #A0A0A0; }

div.tabsContainer { margin: 0 0 20px 0; border: 1px solid #5b5b5b; }

/*div.tabsContainer ul.tabs { list-style-type: none; margin: 0; padding: 0; height: 26px; }
div.tabsContainer ul.tabs li { float: left; margin-right: 3px; width: 150px; }
div.tabsContainer ul.tabs li a { display: block; height: 20px; padding: 5px 10px 0 10px; background-color: #C0C0C0; color: #333; text-decoration: none; font-weight: bold; border: 1px solid white; border-bottom-style: none; }
* html div.tabsContainer ul.tabs li a { height: 25px; }
div.tabsContainer ul.tabs li a:hover { background-color: #D0D0D0; color: white; }
div.tabsContainer ul.tabs li a.active {	background-color: #F8F8F8; color: #333; border-color: #333; }*/
div.tabsContainer div.tabsContainerInner { background-color: #F8F8F8; padding: 10px; }

div.tabsContainerMain div.tabsContainerInner { height: 410px; overflow: auto; }

div.tabsContainerLs { float: left; margin-bottom: 10px; }
div.tabsContainerLs input { width: 798px !important; }
div.tabsContainerLs div.tabsContainerInner { height: auto; overflow: hidden; }

div.article-selection { margin: 5px 0 15px 0; }
div.article-selection div.form-label { margin-right: 30px; }
div.article-selection-full div.form-label { margin-right: 10px; }
div.article-selection div.form-field { width: 770px; }
div.article-selection-full div.form-field { width: 845px; }
div.article-selection div.form-field input { width: 600px; }
div.article-selection-full div.form-field input { width: 700px; }
div.article-selection table.searchresults { margin-left: 150px; margin-top: 5px; width:800px; }
div.article-selection-full table.searchresults { margin-left: 130px; margin-top: 5px; width:825px; }

div.contact-selection { margin: 5px 0 15px 0; }
div.contact-selection div.form-label { margin-right: 30px; }
div.contact-selection div.form-field { width: 770px; }
div.contact-selection div.form-field input { width: 600px; }
div.contact-selection table.searchresults { margin-left: 150px; margin-top: 5px; width:800px; }

div.contact-market div.form-label { margin-right: 24px; }
div.contact-market div.form-field select { width: 795px; margin-bottom: 5px; }

a.quantity-split { margin-left: 10px; }

div.article-replaced{ float: left; background: url(../images/icons/article_replaced.png) no-repeat; height: 13px; width: 14px; }
div.article-reference{ float: left; background: url(../images/icons/article_reference.png) no-repeat; height: 13px; width: 14px; }

/* -------------------------------
----- modal boxes & tooltips -----
---------------------------------- */

.select_multiple_submit { height: 26px; padding-right: 5px; padding-top: 5px; text-align: right; background-color: #E0E0E0; }
.select_multiple_submit input{ width: auto !important; }
.select_multiple_container { height: 300px; width: 230px; position: absolute; top: 1px; left: 1px; z-index: 500; border: 1px solid #333; background-color: white; }
.select_multiple_container .select_multiple_header { background-color: #333; color: white; font-weight: bold; padding: 3px; }
.select_multiple_container .select_multiple_content { overflow: auto; height: 250px; }
table.select_multiple_table td { padding-left: 3px; vertical-align: middle; height: 25px; }
table.select_multiple_table tr.row-even { background-color: #E9E9E9;}
table.select_multiple_table tr.row-odd { background-color: #F8F8F8; }
table.select_multiple_table tr.selected { background-color: #FFE0E0; }

#modal_container { padding: 5px; background-color: #FFFFFF; border: 1px solid #666666; overflow: auto; }
#modal_overlay { background-color: #000000; }

form.embeddedSearch input { width: 525px !important; }

form.embeddedSearchLabel label { width: 130px; display: block; float: left; }
form.embeddedSearchLabel input { width: 395px !important; float: left; }

form.embeddedForm div.form-field { width: 525px; }
form.embeddedForm div.form-field input { width: 385px; }
form.embeddedForm div.form-field input[type="file"] { width: 280px; }
form.embeddedForm div.form-field select { width: 389px; }
form.embeddedForm div.form-field textarea { width: 385px; }
* form.embeddedForm div.form-field select { width: 385px; }
form.embeddedForm div.form-field input.form-submit { width: auto; }
form.embeddedForm div.form-field .form-noscale { width: auto; }
form.embeddedForm table.checkbox-matrix { width: 380px; }

div.scrollbox-embedded { max-height: 550px; padding: 1px; margin-right: 5px; overflow: auto; }

table.embeddedListview { margin-left: 10px; width: 510px; }
p.embeddedListview { margin-left: 10px; width: 510px; }

div.embeddedInfo { height: 350px; overflow: auto; }

div.tooltip { }
div.tooltip h2 { margin-bottom: 0; }
div.tooltip ul { margin-bottom: 0; }

div#showPositionSplitContent { height: 150px; }
div#showArticleStocktakingContent { height: 200px; }

div#articleHandlingCostsViewContainer:hover, 
div#articleHandlingFactorViewContainer:hover, 
div#factorViewContainer:hover, 
div#costsViewContainer:hover{ background-color: lightgreen; }

#psContainer {
	height:18px;
	width:100px;
	border:1px solid #000;
	float:left;
	background-color:#DDDDDD;
}

#psStrength {
	background-image:url(../images/background/strength.jpg);
	height:18px;
	width:0px;
}

.box-info {
	margin: 5px 0 5px 0;
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	border-color: rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	color: #444;
	color: rgba(0,0,0,.8);
	float:left; 
	width: auto;
	padding: 5px;
	background:#33CC00;
}

.box-info-temp {
	background:#FFFF66;
}

.modal-inner-box {
	padding: 3px;margin-bottom: 5px; border: 1px solid #333;
}

#arrivalTableContainer, #selectedArrivalTableContainer {
	max-height: 200px;
	overflow: auto;
}

ul.select-list{
	float: left;
	list-style-type: none; 
	margin-left: 0;
}

table.form-option-table {
	float:left; width:820px;
}

table.form-option-table thead td{
	font-weight: bold;
}

div.slider-container{
	margin: 5px 0 10px 5px;
}

.download-content{
	float: left;
}

a.download-refresh{
	margin: 16px 0 2px 3px;
	float: left;
	vertical-align: bottom;
}

.download-refresh {

}

.download-unread{
	color:green;font-weight: bold;
}

div.form-upload-container-level-1{
	float:left;
	width: 822px;
}
div.form-upload-container-level-2{
	float:left;
	width: 800px;
}

div.show-selected{
	margin-top: 10px;
}

div.sortable-domain-objects{
	padding-bottom: 10px;
	width: 200px;
}

div.sortable-domain-objects ul{
	max-height: 600px;
	width: 200px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

div.sortable-domain-objects ul li{
	border: 1px solid #333;
	border-radius: 2px;
	padding: 1px;
	margin-bottom: 2px;	
	cursor: pointer;
	display: block;
	text-align: center;
	width: 96%;
	background-color: #F8F8F8;
}

div.sortable-domain-objects input[type="button"]{
	margin-top: 10px;
	width: 100%;
	
}

#supplier-base-price-scales-none { font-style: italic; }
.supplier-base-price-scale-container{ float:left;width: 533px; margin-left: 130px; }

.supplier-base-price-scale-item { margin-bottom: 3px; }

.supplier-base-price-scale-item-base{ width: 40%;float: left; }
.supplier-base-price-scale-item-left{ }
.supplier-base-price-scale-item-centerleft{ }
.supplier-base-price-scale-item-centerright{ width: 16%;float: left;text-align: center; }
.supplier-base-price-scale-item-right { width: 4%;float: left; }

.supplier-base-price-scale-item-base input.scale{ width: 97% !important; }

.supplier-base-price-scale-item-right a{ float:right; }
#load-last-supplier-base-price-scale { margin-left: 5px;vertical-align: super; }

.ajax-message{
	margin: 3px 0 3px 130px; font-weight: bold;
}

/*
	Filter List Container
*/

.filter-list-container{
	width: 100%;
}

.filter-list-container .filter-container-head-heading{
	float: left;
	width: 35%;
}

.filter-container-head-heading a{
	margin-right: 5px;
}

.filter-list-container .filter-container-head-filter-select{
	margin-right: 5px;
	max-width: 500px;
	float: left;
}

.filter-list-container .filter-container-head-filter-download{
	float:left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.filter-list-container .filter-container-head-filter-download .filter-container-download{
	border: 1px solid #5b5b5b;
	display: block;
	padding: 4px 4px 4px 4px;
}

.filter-list-container .filter-container-head-filter-download .filter-container-download .fa{
	font-size: 20px;
}

.filter-list-container .filter-container-content{
	margin: 10px 0 0 0;
}

.filter-list-container .canceled{
	background-color: #ffb3b3 !important;
}

div.content-half{
	float:left;
	width: 50%;
}