html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; overflow:hidden; font-family: Arial, Verdana, Sans-serif; overflow:hidden; }

#mainHeader > table { width:100%; border-collapse:collapse; margin:0px; padding:0px; boder:none; }
#mainHeader > table tr { margin:0px; padding:0px; line-height:0px; }
#mainHeader > table td { margin:0px; padding:0px 5px; }

#xxmainPane, .xxminiPane { background-color:#FFd; }
#mainPane, .miniPane {
  background: #FFd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,#FFa,#FFe,#FFa); /* Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,#FFa,#FFe,#FFa); /* For Opera 11.6 to 12.0 */
  background: -moz-linear-gradient(left,#FFa,#FFe,#FFa); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,#FFa,#FFe,#FFa); /* Standard syntax */
}

.box, .inside_box, .inside_header, .inside_body, head, body, div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.inside_box { overflow: auto; width: 100%; height: 100%; padding:0px 11px 2px 0px; }
.inside_header { display:block; width:100%; height:32px; padding: 5px; color:#FFF; background-color: #666; text-align: left; font-weight:bold; font-size:14px; overflow:hidden; white-space: nowrap; }
.inside_body_old { position:absolute; left:0px; right:3px; top:30px; bottom:4px; }
.inside_body { position:absolute; top:32px; bottom:0px; width:100%; }

.gcrud { margin: 0; padding: 0; font-family: 'Arial', 'Sans'; font-size: 100%; color: #111; }
.gcrud #gcrudHeader { background: #111111; padding: 10px 20px; }
.gcrud #gcrudHeader h1 { margin: 0; }
.gcrud #gcrudHeader h1 a { color: gold; text-decoration: none; }
.gcrud #gcrudBreadcrumb { padding: 5px 20px; font-size: 80%; border-bottom: 1px solid #ddd; }
.gcrud #gcrudBreadcrumb ul { margin: 0; padding: 0; list-style: none; }
.gcrud #gcrudBreadcrumb li { display: inline; }
.gcrud #gcrudBreadcrumb a { color: #333; }
.gcrud #gcrudBreadcrumb li:last-child a { color: #888; text-decoration: none; }
.gcrud .gcrudFlash { padding: 5px 20px; border-bottom: 1px solid #ddd; color: #fff; }
.gcrud .flashError { background: #c00; text-align: center; }
.gcrud .flashSuccess { background: #54BD06; text-align: center; }

.gcrud .gcrudContent { padding: 10px 20px; }
.gcrud .gcrudContent h2 { margin-top: 10px; margin-bottom: 5px; }
.gcrud .gcrudContent a { color: #444; }

.gcrud .gcrudContent table { width: 100%; border: 1px solid #ddd; border-top: none; border-collapse: collapse; }
.gcrud .gcrudContent table thead tr { background: #0A65AF; }
.gcrud .gcrudContent table th { color: #fff; font-weight: bold; }
.gcrud .gcrudContent table th a { color: #fff; font-weight: bold; }
.gcrud .gcrudContent table th { text-align: left; padding: 6px 5px; }
.gcrud .gcrudContent table td { text-align: left; padding: 4px 5px; }
.gcrud .gcrudContent table td { /* border-bottom: 1px solid #eee; */ }
.gcrud .gcrudContent table tr.even, .gcrud .gcrudContent table tr td.even { background: #f9f9f9; }
.gcrud .gcrudContent table tr th.matrix, .gcrud .gcrudContent table tr td.matrix { border-left: 1px solid #eee; text-align: center; }
.gcrud .gcrudContent table tr:last-child td { /* border-bottom: 1px solid #ddd; */ }

.gcrud .gcrudSortedDesc:after { content: '▼'; }
.gcrud .gcrudSortedAsc:after { content: '▲'; }

.gcrud form { margin: 0; }

.gcrud input[type="text"],
.gcrud input[type="password"],
.gcrud input[type="checkbox"],
.gcrud input[type="file"],
.gcrud textarea,
.gcrud select,
.gcrud td.finding,
.gcrud td.causation,
.objectForm .jqx-widget,
.objectForm .jqx-tree-dropdown-root,
.objectForm .jqx-dropdownlist-content,
.objectForm .jqx-grid-table,
.objectForm .editable {
	font-family: 'Helvetica', 'Arial', 'Sans'; // considering 'Times', 'serif';
	font-size: 12px !important;
	font-weight: bold;
	background-color: #cFF !important;
	color: black !important;
	vertical-align: top;
}

/*===
.gcrud textarea:focus,
.gcrud input[type="text"]:focus,
.gcrud input[type="password"]:focus {
	outline: #00F solid medium
}
===*/

.nonObjectForm .jqx-dropdownlist-content {
	background-color: inherit !important;
}

##.objectForm .jqx-grid-table .jqx-cell { background-color: transparent; }

.gcrud input[type="text"]:disabled,
.gcrud input[type="password"]:disabled,
.gcrud input[type="checkbox"]:disabled,
.gcrud input[type="file"]:disabled,
.gcrud textarea:disabled,
.gcrud select:disabled,
.gcrud td.finding_disabled,
.gcrud td.causation_disabled {
	font-family: 'Helvetica', 'Arial', 'Sans'; // considering 'Times', 'serif';
	font-size: 12px !important;
	background-color: #eeeeee !important;
	vertical-align: top;
}

.gcrud textarea { padding: 2px; }

.gcrud .objectForm { border: 1px solid #ddd; background-color: #FFF; }
.gcrud .objectForm label { display: block; float: left; font-weight: bold; width: 20%; color: #666; cursor: arrow; }
label.ordinary { width: auto !important; display: inline !important; float:none !important; font-weight:normal; }
.gcrud .attachmentsField { display: block; margin-left: 20%; }
.gcrud .communicationsField { display: block; margin-left: 20%; }
.gcrud .communicationsField td { padding: 0px 5px !important; }
.gcrud .evaluationsField { display: block; margin-left: 20%; }
.gcrud .evaluationsField td { padding: 0px 5px !important; }
.gcrud .causationsField { display: block; margin-left: 20%; }

.gcrud .pitchField { display: block; margin-left: 20%; }
.gcrud .pitchField table { width:98%; margin:0px; border:none; border-collapse:collapse; }
.gcrud .pitchField td { margin:0px; padding:0px; }
.gcrud .pitchField p { color:#00d; margin:0px; font-size:100%; }
.gcrud .pitchField span { font-size:100%; }
.gcrud .pitchField input { font-size:100% !important; }
.gcrud .pitchField textarea { font-size:100% !important; }
.gcrud .PitchFieldFontSize select { font-size:100% !important; }

.gcrud label.bigfield { width: 100%; }
.gcrud .gcrudField { padding: 10px; border-bottom: 1px solid #eee; position: relative; z-index: 0; min-height:2em; }
.gcrud .gcrudField .error { margin-left: 20%; padding-left: 10px; z-index: 0; margin-top: 12px; font-size: 100%; padding-right: 10px; background:#F00; color: #000; border-radius:6px; }
.gcrud .gcrud_hidden { display: none; }
.gcrud .gcrudButtons { text-align: right; margin: 0; padding: 10px; }
.gcrud .gcrudButtons, .gcrudButtonGrey { background: #efefef; }
.gcrud .gcrudField .hasError { /* color: #c00; */ /* background: #FF8 !important; */ }
.gcrud .gcrudField select[multiple] { max-height: 100px; }
.gcrud .gcrudField .gcrudHelp { font-size: 70%; color: #888; display: block; margin-left: 20%; margin-top: 5px; }
.gcrud .objectForm .currentAttachment { display: block; font-size: 80%; margin-left: 20%; padding-top: 4px; }
.gcrud .objectForm .removeAttachment { display: block; font-size: 80%; margin-left: 20%; }

.gcrud #gcrudFooter { font-size: 80%; color: #aaa; padding: 10px 20px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-top: 20px; }
.gcrud #gcrudFooter a { color: #333; }

.gcrud .gcrudNew { text-align: right !important; }
.gcrud .gcrudNew a { background: #54BD06; padding: 2px 10px; font-size: 90%; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #fff !important; text-decoration: none; }
.gcrud .gcrudNew a:hover { opacity: .8; }

.gcrud #gcrudList { position: relative; z-index: 0; }
.gcrud #gcrudListAdd a { margin: 0; position: absolute; z-index: 0; top: 0; right: 0; background: #54BD06; padding: 3px 10px; font-size: 90%; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #fff !important; text-decoration: none; }
.gcrud #gcrudListAdd a:hover { opacity: .8; background-color: #00ee00 !important; /* light green */ }
.gcrud #gcrudListSearch { padding: 4px 5px; border: 1px solid #ddd; background: #efefef; }
.gcrud #gcrudListSearch input[type="text"] { width: 40%; }
.gcrud #gcrudListSearch a { color: #111 !important; font-size: 90%; }
.gcrud #gcrudListPagination { padding: 4px 5px; border: 1px solid #ddd; background: #efefef; border-top: 0; font-size: 90%; position: relative; z-index: 0; }
.gcrud #gcrudListPagination .gcrudCount { margin: 0; }
.gcrud #gcrudListPagination .gcrudPages { margin: 0; position: absolute; z-index: 0; right: 5px; top: 4px; }

.gcrud #gcrudShow { position: relative; z-index: 0; }
.inside_panel .gcrud #gcrudShow { overflow-y: scroll; height: 100%; }
.gcrud .gcrudDelete input[type="submit"], .gcrud .gcrudDelete .text { color: #fff !important; border: none; margin: 0; position: absolute; z-index: 0; top: 0; right: 0; background: #c00 !important; padding: 2px 10px; font-size: 90%; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer; }
.gcrud .gcrudDelete input[type="submit"]:hover { opacity: .7; background-color: #ee0000 !important; /* light red */ }

.gcrud input[type=text],
.gcrud input[type=password],
.gcrud select,
.gcrud textarea,
.objectForm .jqx-tree,
.objectForm .jqx-dropdownlist-state-normal {
	border: 1px solid #888;
	width: 78% !important;
}

.gcrud .pitchField input[type=text],
.gcrud .pitchField select,
.gcrud .pitchField textarea {
 	width: 98% !important;
}

.nonObjectForm .jqx-tree,
.nonObjectForm .jqx-dropdownlist-state-normal {
	width: 100% ! important;
}

#.objectForm .jqx-grid-table .jqx-widget,
#.objectForm .jqx-panel .jqx-widget {
#	width: 100% !important;
#}

.gcrud input[type=text],
.gcrud input[type=password],
.gcrud select,
.gcrud textarea {
	padding-left: 1ex;
}

.inside_panel .gcrud input[type=text],
.inside_panel .gcrud input[type=password],
.inside_panel .gcrud select,
.inside_panel .gcrud textarea {
}

a.pdfview { background-color: #ddd !important; border:1px solid #555 !important; text-decoration:none !important; color: #333 !important; padding:0px 3px; }
a.editview { background-color: #FFc; border:1px solid #555 !important; text-decoration:none !important; color: #333 !important; padding:0px 3px; }
a.viewview { background-color: #8F8; border:1px solid #555 !important; text-decoration:none !important; color: #333 !important; padding:0px 3px; }
a.adminedit { background-color: #Fd7; border:1px solid #555 !important; text-decoration:none !important; color: #333 !important; padding:0px 3px; }

.thumbnail { display:inline-block; text-align:center; width:180px; margin-bottom: 10px; vertical-align:top; }
## .thumbnail img { border: 1px solid #666; }
.dropzone { border: 1px dashed #666 !important; }
.dz-success-mark { display: none; }
.dz-error-mark { display: none; }
.dropzone { min-height: 150px !important; }
.dz-message { text-align: center; }

table.bordered { border-collapse: collapse; }
table.bordered th, table.bordered td { border: 1px solid #000; border-spacing: 0px; }

table.noborder, table.noborder th, table.noborder td { border: none !important; border-spacing: 0px; border-collapse: collapse; }

.indented, table.indented th, table.indented td { padding: 5px; }

div.bordered { border: 1px solid #000; padding:2px; }
div.greyed { background-color: #eee; }

.black	{ background-color: #444; color: #FFF; }
.blue	{ background-color: #04F; color: #FFF; }
.red	{ background-color: #F00; color: #000; }
.orange	{ background-color: #F80; color: #000; }
.green	{ background-color: #3c3; color: #000; }
.finalgreen	{ background-color: #060; color: #FFF; }
.yellow	{ background-color: #FF0; color: #000; }
.cyan	{ background-color: #0FF; color: #000; }
.purple	{ background-color: #F0F; color: #FFF; }
.white	{ background-color: #FFF; color: #000; }
.darkblue	{ background-color: #04F; color: #FFF; }

.ellipsis { padding: 1px 5px 2px 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hand { cursor: pointer; }

.banner { width:100%; text-align:center; font-weight:bold; font-size:120%; background-color: #3aa; color: #FFF; margin: 0px; padding: 10px 0px; }

.relationChoices { display:inline-block; width:75%; line-height:150%; }
.relationChoices label { white-space: nowrap; text-decoration: none; width: auto !important; display: inline; border: 1px solid white; padding-right:2px; margin-right: 5px; margin-bottom: 5px; }
.relationChoices label.relationFieldSelected { background-color:#deF; border-color: #888; }

.bold { font-weight:bold; }

.small { font-size: 75%; }

.topalign, .aligntop, table.topalign td, table.aligntop td { vertical-align:top; }

div#actionStatus { display: inline-block; text-align: left; font-size: 14px; font-weight: normal; margin: 0em 0.5em 0.5em 0em; color: #036; line-height:30px; }
div#actionStatus .past, div#actionStatus .current, div#actionStatus .future, div#actionStatus .cancelled { border-color: #036; border-width: 1px; border-style: solid; padding: 0.2em 0.5em 0.2em 0.5em; }
div#actionStatus .current { color: #FFFFFF; background-color: #036; font-weight: bold; }
div#actionStatus .cancelled { color: #FFFFFF; background-color: #088; font-weight: bold; }
div#actionStatus .future { border-style: dotted; }
div#actionStatus p.arrow { padding-left: 0.5em; margin-bottom: 0.2em; }

.rot90 {
  -webkit-transform: rotate(270deg); /* Safari and Chrome */
  -moz-transform: rotate(270deg); /* Firefox */
  -ms-transform: rotate(270deg); /* IE 9 */
  -o-transform: rotate(270deg); /* Opera */
  -webkit-transform-origin: 0 0;
  -moz-transform-origin:    0 0;
  -ms-transform-origin:     0 0;
  -o-transform-origin:      0 0;
  transform: rotate(270deg);
  transform-origin: 0 0 0;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 8 */
  position:absolute;
  bottom:0;
}

.centred, .centered { text-align:center; }

/*===
[contenteditable="true"], .high { background-color:#FFd; outline:1px solid black; overflow-y:auto; }
[contenteditable="true"]:hover, .high:hover { background-color:#aeF }
[contenteditable="true"]:active, [contenteditable="true"]:focus, .high:focus { outline:3px solid #00f; background-color:#aeF; }
===*/

.impact { font-family: Impact, Charcoal, sans-serif }
.arial { font-family: Arial, Helvetica, sans-serif }
.invert { color:#FFF;background-color:#3c3c78; }

/* input styling */

input[type="text"], input[type="password"], select, textarea { border-radius: 6px; border:1px solid #888; padding:2px 1ex !important; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:1px solid #F00; box-shadow: 0 0 4pt 0pt #000; }
input[type="button"], input[type="image"], input[type="submit"] { background-color:#ddd; border-top:   2px solid #ccc; border-left:  2px solid #aaa; border-right: 2px solid #888; border-bottom:2px solid #444; border-radius: 6px; padding:2px 5px; }
input[type="button"]:hover, input[type="image"]:hover, input[type="submit"]:hover { background-color:#Fd0; box-shadow: 0 0 4pt 0pt #888; cursor:pointer; }

/*
** @font-face {
**	font-family: DejaVuSans;
**	src: url('../fonts/DejaVuSans.ttf');
** }
*/