body, html {
	margin:0;
	padding:0;
}

body {
	/*background: #535353;*/
	background: #ffffff;
	color: #52514E;
	font: 10px arial, verdana, sans-serif;
	padding-bottom: 50px;
}

a { text-decoration: none;}

.borderless td {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	border-style: none !important;
	padding: 0 !important;
	height: 2em !important; 
}

h1 {
	font-size: 1.2em;
	margin: 1em 0;
	line-height: 1.15em;
}

p {
	margin: 1.5em 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

.wrapper {
	margin: 0 auto;
	max-width: 95%;
}

.container {
	margin: 0 auto;
	max-width: 100%;
}

.header {
	padding: 0em;
	background: #253753;
	height:7em;
}

.footer {
	padding: 1em;
}

.header, .footer, .header a, .footer a {
	color: #ffffff;
}

.logo {
	float: left;
	height: inherit;
}

.session-state {
	position: absolute;
	top: 1em;
	right: 1em;
}

.tagline {
	height: inherit;
}

.content {
	padding: 1em 0;
}

.content-second {
	background: #D0EDF3;
}

.content-third {
	background: #F9F2E0;
}

.post-sidebar {
	float: left;
	width: 70%;
}

.sidebar-right {
	float: right;
	width: 30%;
	padding: 1em;
}

/* Media query to make the sidebar drop and stack below the content when the screen is smaller than 800px, and giving both the sidebar and content to the left 100% width. */
@media (max-width: 800px) {
	.sidebar-right, .post-sidebar {
		width: 100%;
		float: none;
	}
	.sidebar-right {
		padding-top: 0;
	}
}

.box-area {
	padding: 1em;
	background: #7E9FA7;
	color: #F3FDFF;
	margin-top: 1.2em;
}

.footer {
	background: #000000;
	text-align: center;
	font-size: 1.2em;
}

section:first-of-type {
	padding-top: 13em;
}

.header, .footer {
	position: fixed;
	width:100%;
}

.header {
	top: 0;
}

.footer {
	bottom: 0;
}

.clear {
	clear:both;
}

.ccr-title {
	color: #E52A2D;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 4em;
}

.ccr-breadcrumb {
	color: #372f2b;
	font-weight: bold;
	line-height: 1em;
	font-size: 1.2em;
}

.ui-widget {
	font-family: arial, verdana, sans-serif;
	font-size: 1.2em;
}

.ui-panel-title, .ui-column-title {
	font-size: 1.2em;
}

.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
	font-weight: normal;
	font-size: 1.1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 14px !important;
}

.ui-messages-error, .ui-message-error {
	font-size: 1.2em !important;
}

.ui-messages-info, .ui-message-info {
	font-size: 1.2em !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
	font-size: 12px;
}

.ui-widget-content.ui-dialog .ui-dialog-titlebar {
	font-size: 1.2em;
}

.ui-widget .field-label {
	font-size: 1.2em;	
}

.ui-corner-all {
	border-radius: 1px !important;	
}

.ui-corner-top {
	border-top-left-radius: 1px !important;
	border-top-right-radius: 1px !important;
}

.ui-corner-bottom {
	border-bottom-left-radius: 1px !important;
	border-bottom-right-radius: 1px !important;
}

.ui-selectoneradio td {
	padding: 0px 9px 0px 0px !important;
}

.ui-radiobutton .ui-radiobutton-box {
	border-radius: 10px !important;
}

/*.ui-radiobutton-icon {
	margin-left: 0px !important;
}*/

/*.ui-selectonemenu .ui-selectonemenu-trigger {
	width:25px !important;
}*/

.ui-panel .ui-panel-content {
	padding: 0px 0px 0px 0px !important;
}

.ui-datatable .ui-datatable-header {
	text-align: left !important; 
}

.ui-datatable .ui-datatable-header > .tblHeader {
	display: inline-block;
	margin-top: 5px;
}

.ccr-panelgrid-header {
	.ui-widget-header;
	text-align: left;
}

.ccr-panelgrid-subheader {
	.ui-state-default;
}

.ccr-panelgrid.ui-panelgrid>*>tr,
.ccr-panelgrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.ccr-panelgrid.ui-panelgrid {
	border: 1px solid #cccccc !important;
}

/*
.ui-widget-header {
	background: #7e0202 !important;
	background: -moz-linear-gradient(top, #cc0000, #7e0202) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc0000), to(#7e0202)) !important;
    
    border: 1px solid #4d4d4d;
}
*/

.field-label {
	display:inline-block; 
	padding-top: 5px;
	font-weight: bold;
	word-break: keep-all;
}

.field-value {
	display:inline-block; 
	padding-top: 5px;
}

.field-input-1 { width: 10%; }
.field-input-2 { width: 20%; }
.field-input-3 { width: 30%; }
.field-input-4 { width: 40%; }
.field-input-5 { width: 50%; }
.field-input-6 { width: 60%; }
.field-input-7 { width: 70%; }
.field-input-8 { width: 80%; }
.field-input-9 { width: 90%; }
.field-input-10 { width: 100%; }

thead th .input-filter {
	width: 90% !important;
}

.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-1,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-2,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-3,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-4,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-5,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-6,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-7,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-8,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-9,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-10,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-11,
.inner-grid > .ui-grid-responsive > .ui-grid-row > .ui-grid-col-12 {
	
	padding: 0px 0px;
}

.search-result-output {
	white-space:pre-line !important;
	word-wrap:break-word;
}

.columnLabel {
	width:25em;
	font-weight:bold;
}

.columnField {
	width:40em;
}

li.ui-tabs-outline {
	outline: none;
	z-index: 0 !important;
}

.ccr-attachment {
	text-decoration: underline;
}

.ui-picklist-source,
.ui-picklist-target {
	width: 450px !important;
}

.dlg-disable-scroll .ui-dialog-content {
	overflow: hidden !important;
}

.ui-datatable-header {
    height: 25px; 
}

.ui-tabs-panel {
	padding: 1em 0em !important;
}

/* Login Bar */
.nav {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	width: 100%;
	background: #737373;
	background: -moz-linear-gradient(top, #737373, #737373);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#737373));
    background: -ms-linear-gradient(top, #737373 0%, #737373 100%);
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
	border: 1px none #737373;
}

#ackLetter {
	display: none;
}

/* styles for IE */
.ui-watermark{
	color: #989da5 !important;
}

/* styles for chrome and safari */
:-webkit-input-placeholder {
   color: #989da5 !important;
}

/* styles for mozilla */
:-moz-placeholder {
	color: #989da5 !important;
}

/* styles for mozilla */
::-moz-placeholder {
	color: #989da5 !important;
}

/* styles for IE */
:-ms-input-placeholder{ 
	color: #989da5 !important;
	font-weight: normal !important;
}

/* styles for Edge */
::-ms-input-placeholder{
	color: #989da5 !important;
	font-weight: normal !important;
}

.ccr-dv-border {
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.ccr-dv-border-r {
	border-bottom: 1px solid #aaaaaa;
}

.ccr-dv-border-b {
	border-right: 1px solid #aaaaaa;
}

.ccr-dv-installment {
	width: 8%;
	height: 100%;
	line-height: 100%;
	text-align: center;
}