/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* --File	: standard css						    */
/* --Author	: Tom Hill						    */
/* --Date	: 04/09/2008						    */
/* --Purpose	: Contains the standard styles for the system 		    */
/* ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
/* screen blocker
/* ----------------------------------------------------------------------- */
#screenblock { 
  position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 50000; 
	background: #000; 
	opacity: 0;
	display: none;
	background-image: url('../images/general/screenblock.gif'); 
	background-size: 50px 50px; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center; 
}

/* ------------------------------------------------------------------------ */
/* General Styles							    */
/* ------------------------------------------------------------------------ */
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; background: url('../images/page/background.png'); overflow-y: scroll;  }
img  { border: none; margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px; display: inline; }
label{ font-weight: bold; }

/* text styles */
body,div,a,td,p,input,textarea,select,h1,h2,h3 { font-family: Arial, tahoma, sans-serif; color: #504350; font-size: 12px; }

/* link styles */
a 	       { font-weight: bold; color: #504350; text-decoration: none; }
a:hover        { text-decoration: underline; }
a img          { vertical-align: top; }
a.disabled     { color: #aaaaaa; cursor: pointer; }
a.disabled img { filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }

/* heading styles */
h1 { font-size: 18px; color: #504350; letter-spacing: 3px; margin: 0px; clear: both; }
h2 { font-size: 16px; color: #504350; letter-spacing: 2px; margin: 0px; clear: both; }
h3 { font-size: 14px; color: #504350; letter-spacing: 1px; margin: 0px; clear: both; }

/* image styles */
img.small  { width: 16px; height: 16px; vertical-align: middle; margin-left: 2px; margin-right: 2px; }
img.medium { width: 32px; height: 32px; vertical-align: middle; margin-left: 2px; margin-right: 2px; }
img.large  { width: 48px; height: 48px; vertical-align: middle; margin-left: 2px; margin-right: 2px; }

/* tricks */
button::-moz-focus-inner { border: 0; padding: 0; } /* remove inner padding on buttons for moz */.


/* ------------------------------------------------------------------------ */
/* Layout Styles							    */
/* ------------------------------------------------------------------------ */
#page 	                  { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; }
#logo                     { display: none; }
#secondlogo               { display: none; }
#secondlogowrapper        { }
#back 			  { float: left; height: 16px; width: 16px; margin-top: 10px; display: block; background: url(../images/page/back.png) bottom left no-repeat; }
#back.disabled            { opacity: 0.2; filter:alpha(opacity=20); }
#back img		  { display: none; }
#bannerinfo               { float: right; height: 100%; font-size: 12px; font-weight: bold; color: #504350; padding-top: 10px; margin-left:100px;  }
#bannerinfo a             { color: #504350; font-size: 12px; font-weight:bold; }
#bannerinfo a:hover       { color: #504350; text-decoration: underline; }
#banner td                { border-bottom: 1px solid #000; }
#banner td.lhs 	          { padding: 0px; margin: 0px; width: 10px; padding-left: 10px; }
#banner td.rhs 	          { padding: 0px; margin: 0px; width: 10px; padding-right: 10px;}
#banner td.central        { width: 100%; padding-bottom: 10px; position: relative; }
#spacer td.lhs            { padding: 0px; margin: 0px; width: 10px; padding-left: 10px; padding-bottom: 10px; }
#spacer td.rhs		  { padding: 0px; margin: 0px; width: 10px; padding-right: 10px; padding-bottom: 10px; }
#spacer td.central 	  { padding: 0px; margin: 0px; padding-left: 960px; height: 30px; }
#clearer	          { clear: both; }
#contentheader td.lhs     { padding: 0px; margin: 0px; width: 10px; padding-left: 10px; }
#contentheader td.rhs     { padding: 0px; margin: 0px; width: 10px; padding-right: 10px; }
#contentheader td.central { width: 100%; width: 100%; overflow: hidden; padding-left: 10px; padding-right: 15px; }
#content td.lhs           { padding: 0px; margin: 0px; width: 10px; padding-left: 10px; }
#content td.rhs           { padding: 0px; margin: 0px; width: 10px; padding-right: 10px; }
#content td.central       { width: 100%; vertical-align: top; padding: 20px; padding-top: 10px; padding-bottom: 0px; }
#contentfooter td.lhs     { padding: 0px; margin: 0px; width: 10px; padding-left: 10px; }
#contentfooter td.rhs     { padding: 0px; margin: 0px; width: 10px; padding-right: 10px; }
#contentfooter td.central { width: 100%; overflow: hidden; }
#banner td ul.iconmenu    { float: left; }

/* title bar */
#titlebar                 { width: 100%; table-layout: fixed; padding: 0px; margin: 0px; }
#titlebar td.lhs          { background: none; width: auto; }
#titlebar td.rhs          { width: 300px; background: none; padding-left: 10px; text-align: right; padding-right: 0px; }
#titlebar td.rhs table    { float: right; margin-right: 0px; }
#titlebar td.central      { height: 24px; width: 100%; background: none; color: black; overflow: hidden; text-overflow: ellipsis; }
#titlebar td.central h1   { font-size: 16px; color: #504350; letter-spacing:0.8px; white-space: nowrap; }
#titlebar td.rhs label    { margin-right: 10px; }
#titlebar td.rhs option   { font-weight: bold; color: black; }
#titlebar td.rhs optgroup { font-weight: normal; color: #aaaaaa; }

/* ------------------------------------------------------------------------ */
/* Menu Styles							    */
/* ------------------------------------------------------------------------ */
/* icon menu */
ul.iconmenu               { margin: 0px; padding: 0px; padding-top: 10px; margin-left: 20px; list-style: none; }
ul.iconmenu li            { display: inline; margin: 0px; padding: 0px; list-style: none; }
ul.iconmenu li a          { font-size: 14px; color: #504350; padding-right: 20px; }
ul.iconmenu li a:hover    { }
ul.iconmenu li a img      { margin: 0px; }
ul.iconmenu li a.disabled { color: #cccccc; }

/* vertical menu */
ul.standardmenu { list-style: none; padding: 0px; margin: 0px; }
ul.standardmenu li { list-style: none; padding-bottom: 5px; white-space: nowrap; }
ul.standardmenu li a { display: block; width: 100%; height: 32px; background: url("../images/page/menuitem-center.jpg") top left repeat-x; }
ul.standardmenu li a div.lhs { float: left; height: 32px; width: 50px; background: url("../images/page/menuitem-left.jpg") top left no-repeat; text-align: center; padding-top: 4px; padding-right: 3px; cursor: pointer;}
ul.standardmenu li a div.rhs { float: right; height: 32px; width: 20px; background: url("../images/page/menuitem-right.jpg") top right no-repeat; cursor: pointer;}
ul.standardmenu li a div.central { text-align: left; height: 32px; padding-top: 7px; cursor: pointer; font-size: 12px; color: black; white-space: nowrap; }
ul.standardmenu li a div.central img { margin-left: 5px; }
ul.standardmenu li a:hover div.central { color: #dddd00; }
ul.standardmenu li a.disabled div.central { color: #888888; }

/* horizontal menu */
ul.horizontalmenu { padding: 0px; margin: 0px; float: left; clear: both; list-style: none; padding: 0px; }
ul.horizontalmenu li { list-style: none; display: inline; float: left; padding-bottom: 10px; margin-right: 10px; white-space: nowrap; }
ul.horizontalmenu li a { display: block; width: 200px; border: 1px solid black; background: #eff0eb; }
ul.horizontalmenu li a div.lhs { float: left; display: none; }
ul.horizontalmenu li a div.rhs { float: right; display: none; }
ul.horizontalmenu li a div.central { text-align: left; color: black; padding: 3px 5px; }
ul.horizontalmenu li a div.central img { margin-right: 10px; }
ul.horizontalmenu li a:hover div.central { color: #8c268a; }
ul.horizontalmenu li a.disabled div.central { color: #888888; }


/* tabs */
.tabs 		          { width:100%; clear: both;}
div[class=tabs]           { float: left; }
.tabs ul 	          { margin:0; padding:0px 0px; list-style: none; float: left; width: 100%; }
.tabs li 	          { display: inline; margin: 0px; padding: 0px ;}
.tabs ul a 	          { float: left;   margin: 0px 1px 0px 0px; padding:0px 0px 0px 8px; text-decoration: none; background: #015577; border-radius: 10px 10px 0px 0px;}
.tabs ul a img            { margin-left: 5px; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; } 
.tabs ul a span 	  { float: left; display: block;  padding:5px 11px 4px 2px; font-weight: bold; color: #fff; }
.tabs ul a:hover span     { text-decoration: underline; }
.tabs ul .selected a      {  border-width: 0px; }
.tabs ul .selected a span {  padding-bottom: 5px; color: #fff; text-decoration: underline;}
.tabs ul .selected a img  { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }
.tabs ul a:hover          {  cursor: pointer;}
.tabs ul a:hover span     {  }
.tabs ul a:hover img      { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

/* disabled tab style */
.tabs ul .disabled span              { color: #cccccc; }
.tabs ul .disabled a:hover           { background: url("../images/tabs/tab-left.png") no-repeat left top; color: #929278; cursor: pointer; }
.tabs ul .disabled a:hover span      { background: url("../images/tabs/tab-right.png") no-repeat right top; color: #929278; }

/* subtabs */
.subtabs		  { text-align: left; background: #015577; width: 100%; padding-top: 3px; clear: both; min-height: 20px; border-radius: 0px 10px 0px 0px; border-bottom: 1px solid white; }
.subtabs ul		  { margin: 0px; padding: 0px; list-style: none; border-radius: 0px 10px 0px 0px; display: block; padding-bottom: 10px; padding-top: 3px; }
.subtabs li 	          { display: inline; padding-left: 10px; }
.subtabs li a             { color: #fff; }
.subtabs li.selected span { color: #fff; text-decoration: underline; }
.subtabs li.disabled span { color: #cccccc; }
.subtabs li.disabled a    { cursor: pointer; }
.subtabs li img           { margin-left: 5px; }
.subtabs li a:hover span  { color: #fff; }

/* ------------------------------------------------------------------------ */
/* Datagrids             						    */
/* ------------------------------------------------------------------------ */
.datagrid		  { width: 100%; table-layout: fixed; }
.datagrid caption	  { border: none; background: #015577; border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #e6ecef; text-align: center; }
.datagrid caption h3	  { border: none; padding: 5px; color: #fff; font-size: 12px; letter-spacing: 1px; }
.datagrid th		  { background-color: #015577; color: #cccccc; vertical-align: bottom; overflow: hidden; padding: 3px 0px; }
.datagrid th h3		  { border: none; padding: 1px 5px 4px 5px; margin: 0px; font-size: 11px; color: #f1f2f4; }
.datagrid th h3 img	  { vertical-align: bottom; margin:0px 0px 0px 3px;  }
.datagrid th a		  { color: #f1f2f4; text-decoration: underline; }
.datagrid th a:hover	  { text-decoration: underline; }
.datagrid th.text	  { text-align: left; }
.datagrid th.number	  { text-align: right; }
.datagrid th.centered	  { text-align: center; }
.datagrid tr		  { background: #e6ecef; }
.datagrid tr.nodatarow    { background: #fff; }
.datagrid tr.toomuchdata td { background: #fff; padding-top: 30px; padding-bottom: 30px; padding-left: 100px; padding-right: 100px; font-size: 14px; letter-spacing: 0px; line-height: 14px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.datagrid tr.active	  { background: #ffffff; }
.datagrid tr.disabled td  { text-decoration: line-through; }
.datagrid tr.disabled a   { text-decoration: line-through; }
.datagrid tr.disabled img { filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.datagrid tr.archived td  { text-decoration: line-through; }
.datagrid tr.archived a   { text-decoration: line-through; }
.datagrid tr.highlight td { color: #AA3333; }
.datagrid tr.highlight a  { color: #AA3333; }
.datagrid tr.total	  { background: #fbe3dc; font-weight: bold; }
.datagrid tr.total td     { color: #AA3333; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.datagrid td		  { padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.datagrid td.text	  { text-align: left; }
.datagrid td.number	  { text-align: right; }
.datagrid td.centered	  { text-align: center; }
.datagrid td button       { padding-left: 10px; padding-right: 10px; min-width: 100px; background: #015577; height: 23px; color: #ffffff; border-radius: 5px; }
.datagrid .radiobox       { padding: 0px; margin: 0px; width: 12px; height: 12px; }
.datagrid .checkbox       { padding: 0px; margin: 0px; width: 12px; height: 12px; }
 
.datagrid tr.warning     { background-color: #ffcccc; }
.datagrid tr.internal    { background-color: #BCD2EE; }

/* controls for the datagrids */
.datagridcontrols        { width: 100%; color: #fff; background-color: #015577; padding-top: 4px; padding-bottom: 4px; line-height: 5px; min-height: 5px; float: left; border-radius: 0px 0px 5px 5px; margin-bottom: 5px; }
.datagridcontrols .left  { float: left; text-align: left; width: 40%; padding-left: 5px; color: #fff;}
.datagridcontrols .right { float: right; text-align: right; width:40%; clear: right; padding-right: 5px;  line-height: 15px; } 

/* styling the items in the datagrids */
.datagridcontrols .left img        { vertical-align: middle; padding-left: 2px; }
.datagridcontrols .left .spacer    { padding-left: 20px; }
.datagridcontrols .left a          { margin: 0px; padding: 0px; padding-left: 2px; height: 16px; line-height: 16px; color: #fff; }
.datagridcontrols .left a.disabled { color: #aaa; }
.datagridcontrols .right button    { padding: 0px; float: right; color: #fff; }

/* ------------------------------------------------------------------------ */
/* Tree Reports		           					    */
/* ------------------------------------------------------------------------ */
.treetable                               { width: 100%; clear: both; }
.treetable .datagrid                     { width: 100%; clear: both; }
.treetable .datagrid th			 { height: 24px; }
.treetable .datagrid td                  { height: 19px; padding: 0px 5px; margin: 0px; vertical-align: middle;}
.treetable .datagrid td a                { }
.treetable .datagrid td.treecolumn       { padding: 0px; }
.treetable .datagrid img.treestructure   { padding: 0px; margin: 0px;  vertical-align: middle; margin-top: -1px; margin-bottom: -1px; }
.treetable .datagrid td.treecolumn input { padding: 0px; margin: 0px; height: 14px; width: 14px; }
.treetable .datagrid tr                  { background: #fafbfe; }
.treetable .datagrid tr.nodatarow        { background: #e8e9eb; }
.treetable .datagrid tr.selected         { background: #e0e1e3; }
.treetable .datagrid tr.selected td      { }
.treetable .datagrid tr.nodatarow td     { padding: 20px; font-size: 16px; color: #aaaaaa; letter-spacing: 1px; font-weight: bold; }
.treetable .datagrid tr.disabled td a    { color: #aaaaaa; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.treetable .datagrid tr.disabled td img  { filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.treetable .datagrid tr.disabled td img.treestructure { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

/* ----------------------------------------------------------------------- */
/* Iterators                                                               */
/* ----------------------------------------------------------------------- */
div.iterator div.controls div.custom 	    { float: left; }
div.iterator div.controls div.custom button { background: #e0e1e3; height: 23px; color: #504350; border-radius: 5px; min-width: 100px; }
div.iterator div.controls div.paging 	    { margin: 0px; float: right; }
div.iterator div.controls div.paging label  { display: inline-block; vertical-align: middle; line-height: 16px; }
div.iterator div.controls div.paging a      { line-height: 16px; vertical-align: middle; }
div.iterator div.content div.nodatarow      { min-height:200px; padding-top: 90px; text-align: center; background: #ffffff; border-radius: 0px 0px 10px 10px; }
div.iterator div.content div.nodatarow h2   { font-size: 13px; }

/* iterator paging */
div.iterator div.paging { padding-top: 5px; }
div.iterator div.paging label { border: 1px solid #ddd; display: inline-block; padding: 5px; padding-left: 20px; padding-right: 20px; background: #e6ecef; color: #504350; height: 30px; }
div.iterator div.paging a { border: 1px solid #ddd; padding: 5px; display: inline-block; width: 30px; text-align: center; background: #ffffff; color: #888888; margin-left: -1px; height: 30px; }


/* ------------------------------------------------------------------------ */
/* Buttons & Button Bars             					    */
/* ------------------------------------------------------------------------ */
/* general button styles */
button              { font-size: 12px; font-weight: bold; border: none; padding-top: 2px; padding-bottom: 2px; white-space: nowrap; margin: 0px; margin-right: 5px; }
button.standard     { color: #504350; background: transparent; }
button.active 	    { color: #ccsignhub0; background: transparent; cursor: pointer; }
button.disabled     { color: #888888; background: none; }
button img          { display: none; }


/* standard button bars */
div.buttonbar        { width: 100%; padding-top: 5px; padding-left: 0px; padding-bottom: 5px; }
div.buttonbar button { padding-left: 10px; padding-right: 10px; min-width: 100px; background: #015577; height: 23px; color: #fff; border-radius: 5px; }
div.buttonbar button.disabled     { color: #888888; background-color:ccc; }

div.exportcontrols .buttonbar { text-align: right; }
div.exportcontrols .buttonbar button { margin-right: 0px; }

/* inline button bars */
div.inlinebuttonbar                             { width: 170px; padding: 0px; margin: 0px; vertical-align: top; }
div.inlinebuttonbar span.button button.standard { width: auto; padding: 0px; margin: 0px; }
div.inlinebuttonbar span.button button.active   { width: auto; padding: 0px; margin: 0px; }

table.formlayout td button { background: #015577; color: white; border-radius: 3px; padding: 4px 8px; margin-top: 1px; }
table.formlayout td button.active { text-decoration: underline; }
table.formlayout td div.mce-tinymce button { background: initial; }

/* ------------------------------------------------------------------------ */
/* Forms & Form Layout         						    */
/* ------------------------------------------------------------------------ */
/* generic form elements */
form                          { padding: 0px; margin: 0px; display: inline; }
label                         { white-space: nowrap; font-weight: bold; padding-right: 10px; }
label.mandatory               { padding-right: 0px; }
label.mandatory .indicator    { padding-left: 5px; color: red; font-size: 18px; line-height: 18px; vertical-align: bottom; }
input                         { color: #555555; font-size: 12px; padding: 1px 2px; margin: 0px; margin-top: 1px; padding-top: 2px; padding-bottom: 2px; }
input.textbox                 { width: 100%; }
input.textboxdisabled         { width: 100%; background: #eeeeee; }
input.password                { width: 100%; }
input.passworddisabled        { width: 100%; background: #eeeeee; }
input.fileupload              { width: 100%; margin-bottom: 2px; }
input.fileuploaddisabled      { width: 100%; background: #eeeeee; }
input.error                 { background: #ffcccc; }

textarea                    { color: #555555; font-size: 12px; padding: 1px 2px; margin: 0px; margin-top: 1px; }
textarea.notesfield	    { width: 100%; height: 100%; }
textarea.notesfielddisabled { width: 100%; height: 100%; background: #eeeeee; }
textarea.error              { background: #ffcccc; }
textarea.htmleditor         { width: 100%; height: 100%; overflow: auto; }
textarea.htmleditordisabled { width: 100%; height: 100%; background: #eeeeee; }

select		            { color: #555555; font-size: 12px; padding: 1px 2px; margin: 0px; margin-top: 1px; }
select.singleselect         { width: 100%; }
select.singleselectdisabled { width: 100%; background: #eeeeee; }
select.multiselect    	    { width: 100%; }
select.multiselectdisabled  { width: 100%; background: #eeeeee; }
select.error                { background: #ffcccc; }

/* autosuggest fields */
table.lookup                                    { width: 100%; }
table.lookup tbody tr td.content   { padding-left: 0px; }
input.autosuggest                          { width: 100%; }
input.autosuggestlocked              { width: 100%; font-family: "segoe ui", tahoma; color: #555555; font-size: 12px; padding: 1px 2px; padding-left: 22px; background: url("images/general/edit16.png") 3px 1px no-repeat #eee; margin: 0px; margin-top: 1px; }
div.autosuggestlockedreadonly  { width: 100%; border: 1px solid #aaaaaa; background: #f3f4f6; padding: 2px 3px; font-weight: normal; color: #333333; overflow-y: auto; margin: 0px; margin-top: 1px; margin-bottom: 1px; }

/* form layout */
table.formlayout                  { padding: 0px; margin: 0px; }
table.formlayout td               { vertical-align: middle; padding: 0px; margin: 0px; }
table.formlayout tr.hiddenrow     { display: none; }
table.formlayout tr.visiblerow    { display: table-row; }
table.formlayout tr.hiddenrow  td { visibility: hidden}
table.formlayout tr.visiblerow td { visibility: visible; }

/* field controls */
table.fieldcontrol             { padding: 0px; margin: 0px; border-collapse: collapse; width: 100%;  }
table.fieldcontrol td.content  { padding-left: 5px; width: 100%; vertical-align: middle; }
table.fieldcontrol td.controls { padding-right: 5px; white-space: nowrap; vertical-align: middle; }
table.autosuggest             { padding: 0px; margin: 0px; border-collapse: collapse; width: 100%;  }
table.autosuggest td.content  { padding-left: 5px; width: 100%; vertical-align: middle; }
table.autosuggest td.controls { padding-right: 5px; white-space: nowrap; vertical-align: middle; }

/* lookup fields */
table.lookup             { width: 100%; padding: 0px; margin: 0px; }
table.lookup td.content	 { padding: 0px; width: 100%; vertical-align: middle; }
table.lookup td.controls { white-space: nowrap; vertical-align: middle; padding: 0px; }

/* date fields */
table.datefield           { width: 100%; padding: 0px; margin: 0px; }
table.datefield td.date   { width: 100%; }
table.datefield td.icon   { white-space: nowrap; }
table.datefield td.hour   { width: 48px; }
table.datefield td.hour select { width: 48px; }
table.datefield td.minute { width: 48px; }
table.datefield td.minute select { width: 48px; }

/* checkbox fields */
table.radioarray 	               { width:100%; border-collapse: collapse; border-spacing: 0; margin-top:1px; }
table.radioarray td             { border:1px solid #aaaaaa; padding:2px; }
table.radioarray td.field { width:30px; text-align:center; padding: 5px; background: #dddddd; }
table.radioarray td.label { background-color:#f3f4f6; padding-left:10px; padding-top: 5px; padding-bottom: 5px; }

/* radio fields */
table.radioarrayreadonly 	  { width:100%; border-collapse: collapse; border-spacing: 0; margin-top:1px; }
table.radioarrayreadonly td       { border:1px solid #cccccc; padding:4px 2px; }
table.radioarrayreadonly td.field { width:30px; text-align:center; background: #F3F3D8; }
table.radioarrayreadonly td.label { background-color:#F3F3D8; padding-left:10px;  }

/* checkbox fields */
table.checkboxarray 	     { width:100%; border-collapse: collapse; border-spacing: 0; margin-top:1px; }
table.checkboxarray td             { border:1px solid #aaaaaa; padding:2px; }
table.checkboxarray td.field { width:30px; text-align:center; padding: 5px; background: #dddddd; }
table.checkboxarray td.label { background-color:#f3f4f6; padding-left:10px; padding-top: 5px; padding-bottom: 5px; }

/* checkboxarray fields */
table.checkboxarrayreadonly 	            { width:100%; border-collapse: collapse; border-spacing: 0; margin-top:1px; }
table.checkboxarrayreadonly td             { border:1px solid #aaaaaa; padding:2px; }
table.checkboxarrayreadonly td.field { width:30px; text-align:center; padding: 5px; background: #dddddd; }
table.checkboxarrayreadonly td.label { background-color:#f3f4f6; padding-left:10px; padding-top: 5px; padding-bottom: 5px; }

/* read only fields */
div.readonly         { width: 100%; max-width: 980px; border: 1px solid #aaaaaa; background: #f3f4f6; padding: 3px 3px; font-weight: normal; color: #333333; overflow-y: auto; margin: 0px; margin-top: 1px; margin-bottom: 1px; }

/* html area fields */
div.htmlarea      { width: 100%; border: 1px solid #aaaaaa; background: #ffffff; padding: 5px 10px; font-weight: normal; color: #333333; overflow-y: auto; margin: 0px; margin-top: 1px; margin-bottom: 1px; color: black; }
div.htmlarea      { padding: 125px; padding-top: 85px; padding-bottom: 100px; margin: 0px; color: black; font-size: 12pt; }
div.htmlarea p    { font-size: 12pt; color: black; padding: 0px; margin: 0px; margin-bottom: 12pt; line-height: 1.3; }

/* advanced search bar */
a.searchbar   { cursor: pointer; text-decoration: none; }
div.searchbar { background-color:#e0e1e3; padding-bottom: 5px; text-align: right; padding-right: 10px; font-size: 10px; font-weight: normal; color: #888888; }

/* ------------------------------------------------------------------------ */
/* Miscellaneous            						    */
/* ------------------------------------------------------------------------ */
/* content sections */
div.section { padding: 0px; }
div.section div.title { background-color: #e6ecef; border-bottom: 1px solid #aaaaaa; padding: 2px 5px; padding-top: 10px; font-weight: bold; color: #504350; margin-top: -1px; }
div.section div.title a { text-decoration: underline; }
div.section div.content { padding: 5px; padding-bottom: 10px; margin: 0px; background: #e6ecef; }

/* warning boxes */
table.warning { margin: 0px; padding: 0px; border: 1px solid #aaaaaa; width: 100%; }
table.warning td { padding: 10px; background: #e0e1e3; }
table.warning td.icon { border:1px solid white; }
table.warning td.icon img { width: 16px; height: 16px; }
table.warning td.content { width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: red; letter-spacing: 1px; border-top: 1px solid white; border-bottom: 1px solid white; padding: 10px; }

/* info boxes */
#message td    { padding: 10px; padding-top: 0px; }
#message table.warning { width: 100%; padding: 0px; margin: 0px; }
#message table.warning td { padding: 4px; }
#message table.warning td.icon { display: none; }
#message table.warning td.content { font-size: 12px; color: #504350; }
#message table.warning td.content button {clear: both; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; border: 1px solid #ed008c; background: #ed008c; color:#ffffff; width: 140px; font-size: 16px; padding:10px 0px; border-radius: 7px 7px 7px 7px;}
#message table.warning td.content button:hover { color: #ed008c; background:#ffffff; }

/* calendar styles */
#calendar                        { position: absolute; display: none; z-index: 100; background: #ffffff; width: 250px; }
#calendar table		         { border-collapse: collapse; border-spacing: 0; text-align: center; font-size: 10px; width: 100%; }
#calendar table tr th            { width: 30px; height: 20px; border: 1px solid #555555; background: #cccccc; }
#calendar table tr.days th	 { background: #dddddd; }
#calendar table tr th img        { border: none; padding: 0px; }
#calendar table tr th div        { width: 92px; text-align: center; }
#calendar table tr td            { height: 20px; border: 1px solid #555555; }
#calendar table tr td a	         { color: #504350; display: block; height: 100%; line-height: 20px; padding: 0px 8px; }
#calendar table tr td a:hover    { background: #ccccdd; }
#calendar table tr td.today a    { background: #504350; }
#calendar table tr td.outside a  { background: #eeeeee; color: #aaaaaa; }
#calendar table tr td.selected a { background: #ffbbbb; }

/* iframe shim */
iframe.hider { display: none; position: absolute; }
iframe.bordered { border: 1px solid #aaaaaa; border-radius: 3px; margin-top: 5px; }

/* embedded pdfs */
object.embeddedpdf { background: url(../images/general/loading.gif) no-repeat center; background-attachment: fixed; background-position: center; } 

/* ----------------------------------------------------------------------- */
/* Charts								   */
/* ----------------------------------------------------------------------- */
div.chart             { background: #e8e9eb;  text-align: left; border-top: 1px solid #ffffff; border-radius: 0px 0px 10px 10px; margin-bottom: 5px; padding: 20px; }
div.chart object      { margin-left: auto; margin-right: auto; }
div.chart embed       { margin-left: auto; margin-right: auto; }
div.chartcontrols     { text-align: right; padding-right: 0px; }
div.chartcontrols a   { font-size: 12px; font-weight: bold; color: #555555; }
div.chart-container {background-color: #ffffff; border-radius: 4px; padding: 20px; border: 1px solid #939496; -webkit-box-shadow: 1px 1px 10px 0px rgba(88, 33, 6, 0.149) ; -moz-box-shadow: 1px 1px 10px 0px rgba(88, 33, 6, 0.149) ; box-shadow: rgba(88, 33, 6, 0.149) 0px 10px 22px 0px}
div.chart-render {min-height: 450px; width: 100%; }
div.chart-no-data {text-align: center;}
div.chart-no-data h2 {font-weight: normal;}


a.new_order       { position:absolute; top:50px; left:50%; margin-left: -70px; border: 1px solid #ed008c; background: #ed008c; color:#ffffff; width: 140px; font-size: 16px; padding:10px 0px; border-radius: 7px 7px 7px 7px; text-align: center;}
a.new_order:hover { color: #ed008c; background:#ffffff; }


@media screen and (min-width: 1400px) {
	div.chart {padding: 40px;}
	div.chart-container {padding: 40px;}
}