body * {
  font-family: Arial, sans, sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

td {
	vertical-align: top;
}

table.bordered {
	border-collapse: collapse;
}
table.bordered td, table.bordered th {
	border: 1px solid black;
	padding: 5px 1ex;
}

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

.vcentred * {
	vertical-align:middle;
}

.flashSuccess {
	background-color: green;
	color: white;
	text-align: center;
	padding:0.5ex;
}
.flashError {
	background-color: red;
	color: white;
	text-align: center;
	padding:0.5ex;
	margin-bottom:3ex;
}

input.input[type="text"],
input.input[type="password"],
input.input[type="date"],
input.input[type="datetime"],
input.input[type="email"],
input.input[type="number"],
input.input[type="search"],
input.input[type="time"],
input.input[type="url"],
input.textarea,
input.select 
{
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    /*margin-bottom: 4%;*/
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
    border-radius:5px;
}
input.input[type="text"]:focus,
input.input[type="password"]:focus,
input.input[type="date"]:focus,
input.input[type="datetime"]:focus,
input.input[type="email"]:focus,
input.input[type="number"]:focus,
input.input[type="search"]:focus,
input.input[type="time"]:focus,
input.input[type="url"]:focus,
input.textarea:focus,
input.select:focus
{
    box-shadow: 0 0 5px #43AFD1;
    padding: 3%;
    border: 1px solid #43AFD1;
}

input[type="submit"],
input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #ccc; // was #43AFD1;
    border-bottom: 2px solid #888; // was #309EC2;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #000;
    border-radius:5px;
    font-size: inherit;
}
input[type="submit"]:hover,
input[type="button"]:hover{
    background: #F7D900; // was #2E99BC;
}

.button{
	height:2em;
	padding:15px 40px;
	margin:20px 25px;
	cursor:pointer;
	display:inline-block;
	color:#FFF;
	font-size:1em;
	border:1px solid #eee;
	background:#eee;
	border-radius:4px;
	line-height:2em;
	border:1px solid #aaa;
	text-decoration:none;
		
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
.button:hover{
	-webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    text-shadow:1px 1px 1px #eee;
}

input.button {
	height:3em;
	line-height:1.1em;
}

.light {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    padding: 1px 9px;
    top: -16px;
    left: -53px;
    height: 0px;
}
.button:hover .light{
	
	padding:1px 5px;
  
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -khtml-animation-name: shine;
    -khtml-animation-duration: 0.3s;
    -khtml-animation-timing-function: linear;
    -moz-animation-name: shine;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -o-animation-name: shine;
    -o-animation-duration: 0.3s;
    -o-animation-timing-function: linear;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    left:45px;
}

@-webkit-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -webkit-transform: rotate(-360deg); }
}

@-khtml-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -khtml-transform: rotate(-360deg); }
}

@-moz-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -moz-transform: rotate(-360deg); }
}

@-o-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -o-transform: rotate(-360deg); }
}

@-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; transform: rotate(-360deg); }
}

.green{
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}

.red{
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(top, #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.yellow{
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
	background: linear-gradient(top, #ffd65e 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}

.grey{
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
}

.black{
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.brown{
	background: #f6e6b4; /* Old browsers */
	background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */
	background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}

.blue{
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
	background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

.darkred{
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */
}

.purple{
	background: rgb(203,96,179); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=1 ); /* IE6-9 */
}


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