html, body {
	font-family: Verdana;
	font-size: 11px;
	height: 100%;
	margin: 0;
}

/* Reset class */
.none {
	font-family: Verdana !important;
	font-size: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	text-deocration: none !important;
}

/* IE7 likes to put borders around linked images */
a img {
	border: none;
}

/* Center Panel. Site Content. */
.ui-layout-unit {
	padding: 0;
}

div.ui-layout-center {
	left: 5px !important;
	width: 99% !important;
}
div.ui-center-content {
	z-index: auto !important;
	border: none;
}
div.ui-center-content,
div.ui-center-content > div,
div.ui-south-content,
div.ui-south-content > div {
	background: none no-repeat #F9F9F9 !important;
}

div.ui-south-content {
	border: none;
}

#content {
	padding: 10px;
}

/* Page title composite component */
.body_content {
	font-size: 12px;
	font-weight: bold;
	color: #066abe;
	margin: 0px 0 10px 0;
}

/* Select Related CSS */
div.selectWrap {
	width: 180px; /* Defaut width, may need to be overridden */
	overflow: hidden;
	text-align: center;
}
div.selectWrap select.autoWidth {
	width: auto;
}

/* Button Related CSS */
.ui-widget-content button {
	font: bold 12px arial !important;
	color: #404040 !important;
	height: 22px;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 2px;
	white-space: nowrap;
}
.ui-widget-content button.ui-state-hover { /* Hover */
	box-shadow: 0px 1px 1px #8E8E8E;
}
.ui-widget-content button.ui-state-active { /* Click */
	box-shadow: 0px 1px 2px #8E8E8E inset;
}
.ui-button .ui-button-text { /* Button Text Positioning */
	line-height: 0.8 !important;
}
.ui-widget-content button.btn-positive { /* Blue */
	border: 1px solid #5CA8C2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6DBF9', endColorstr='#71BDEC');
	background-image: linear-gradient(bottom, rgb(113,189,236) 44%, rgb(166,219,249) 72%);
	background-image: -o-linear-gradient(bottom, rgb(113,189,236) 44%, rgb(166,219,249) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(113,189,236) 44%, rgb(166,219,249) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(113,189,236) 44%, rgb(166,219,249) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(113,189,236) 44%, rgb(166,219,249) 72%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(113,189,236)),
		color-stop(0.72, rgb(166,219,249))
	);
	
}
.ui-widget-content button.btn-positive.ui-state-hover { /* Blue Hover */
	border: 1px solid #478091;
}
.ui-widget-content button.btn-negative,
a.btn-negative { /* Grey */
	border: 1px solid #C3C3C3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8');
	background-image: linear-gradient(bottom, rgb(232,232,232) 44%, rgb(255,255,255) 72%);
	background-image: -o-linear-gradient(bottom, rgb(232,232,232) 44%, rgb(255,255,255) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(232,232,232) 44%, rgb(255,255,255) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,232,232) 44%, rgb(255,255,255) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(232,232,232) 44%, rgb(255,255,255) 72%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(232,232,232)),
		color-stop(0.72, rgb(255,255,255))
	);
}
.ui-widget-content button.btn-negative.ui-state-hover { /* Grey Hover */
	border: 1px solid #8E8E8E;
}
.ui-widget-content button.btn-secondary,
div.ui-splitbutton.btn-secondary > button { /* Green */
	color: #025002;
	border: 1px solid #86A583;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFFACF', endColorstr='#87C387');
	background-image: linear-gradient(bottom, rgb(135,195,135) 44%, rgb(223,250,207) 72%);
	background-image: -o-linear-gradient(bottom, rgb(135,195,135) 44%, rgb(223,250,207) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(135,195,135) 44%, rgb(223,250,207) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(135,195,135) 44%, rgb(223,250,207) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(135,195,135) 44%, rgb(223,250,207) 72%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(135,195,135)),
		color-stop(0.72, rgb(223,250,207))
	);
}
.ui-widget-content button.btn-secondary.ui-state-hover { /* Green Hover */
	border: 1px solid #5C7059;
}
div.button-number {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	display: inline-block;
	position: absolute;
	margin-top: -12px;
	margin-left: -14px;
	z-index: 10;
	width: 19px;
	height: 16px;
	padding: 3px 1px 1px 0px;
	border: 1px solid #811A1D;
	border-radius: 15px;
	background-color: #D52D2D;
	cursor: pointer;
	text-align: center;
}

/* jquery-ui input overrides */
.ui-state-default, 
.ui-widget-content input.ui-state-default,
.ui-widget-content textarea.ui-state-default,
.ui-chkbox div.ui-chkbox-box,
img.checkBox {
	background: #FFFFFF;
	color: #000000;
}
 
/* Helper CSS classes */
.center {
	text-align: center;
}
.textAlignRight {
	text-align: right;
}
.textAlignLeft {
	text-align: left;
}
.left {
	float: left;
}
.right {
	float: right;
}
.strong {
	font-weight: bold;
}
.emphasis {
	font-weight: bold;
	font-style: italic;
}
.hidden {
	display: none;
}
.red {
	color: red !important;
}
.noBorder {
	border: 0px solid !important;
}
.hideTableHeader thead tr {
	display: none;
}
.dialogOverflowHidden > div.ui-dialog-content {
	overflow: hidden !important;
}


.ui-separator {
	border-color: #ddd;
	border-bottom: none;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 2px 2px 4px #444;
	box-shadow: 2px 2px 4px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

.shadow-small {
	-moz-box-shadow: 1px 1px 2px #444;
	-webkit-box-shadow: 1px 1px 2px #444;
	box-shadow: 1px 1px 2px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#444444');
}

.shadow-large {
	-moz-box-shadow: 4px 4px 6px #444;
	-webkit-box-shadow: 3px 3px 6px #444;
	box-shadow: 3px 3px 6px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444');
}



/* Form Related CSS */
form .form_panelGrid,
form .form_panelGrid tr,
form .form_panelGrid td{
	border: none !important;
}
.form_field_label {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	width: 100px;
}
.input_label {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	float: right;
}
.input_label_contact_us {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	float: left;
}
.input_label.ui-state-error {
	border: 0px solid !important;
}
input.hasDatepicker {
	width: 75px;
}
input.hideFilter {
	display: none !important;
}
form .ui-selectonemenu {
	font: 11px verdana;
	color: #464646;
	border: 1px solid #cc0606;
	padding-right: 15px;
}

/* Table styling */
.table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.table td,
.table tr {
	border: none !important;
	padding: 4px 2px 4px 0;
}

/* style filter input fields */
input.dialogFilter {
	background: none !important;
	background-color: white !important;
	background-image: url('/resources/images/icons/filter icon.png') !important;
	background-repeat: no-repeat !important;
	background-position: 6px 7px !important;
	padding-left: 25px !important;
}

/* tooltip */
.tooltip {
	background: #FFFFE1;
	border: 1px solid #000000;
	font-size: 10px;
	padding: 5px 20px;
	max-width: 250px;
}
.tooltip ul {
	list-style-type: none;
	padding-left: 0;
}

/* TODO: Comment */
div.content-nopadding > div.ui-widget-content {
	padding: 0;
}


/*------------------------Primefaces Widget Styling-------------------------------*/

/* Fix for issue where fileUpload button takes up way too much space */
.ui-fileupload-buttonbar .ui-fileupload-choose input {
	transform: none !important;
}

/* Primefaces BreadCrumb */
.ui-breadcrumb {
	border: none;
	background: none;
	position: absolute;
	top: 6px;
	right: 5px;
	max-width: 60%;
}
.ui-breadcrumb > ul {
	width: 100%;
	height: 100%;
}
.ui-breadcrumb ul li a.ui-icon-home {
	background-image: url("/resources/images/icons/home_icon.png");
	background-position: 0px 0px;
	margin-top: 3px;
}

/* Primefaces SelectBooleanCheckbox label */
.checkbox-label {
	position: relative;
	top: -4px;
}

/* Primefaces SelectOneMenu */
.ui-widget-content label.ui-selectonemenu-label {
	margin-right: 30px; /* width of the dropdown icon */
}

/* Primefaces SelectBoolean */
.ui-chkbox-box {
	width: 16px;
}

/* Primefaces Dialog */
.ui-widget-content div.ui-dialog-titlebar.ui-widget-header {
	background: none repeat transparent;
	border: 0px solid;
}


/* Primefaces horizontal tab header, accordion header, and panel header background color */
.ui-widget-content div.ui-tabs-top ul.ui-tabs-nav,
.ui-widget-content h3.ui-accordion-header,
.ui-widget-content div.ui-panel-titlebar {
	background: rgb(165,218,249) ; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(165,218,249,1) 0%, rgba(115,189,236,1) 100%) ; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,218,249,1)), color-stop(100%,rgba(115,189,236,1))) ; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(165,218,249,1) 0%,rgba(115,189,236,1) 100%) ; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(165,218,249,1) 0%,rgba(115,189,236,1) 100%) ; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(165,218,249,1) 0%,rgba(115,189,236,1) 100%) ; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(165,218,249,1) 0%,rgba(115,189,236,1) 100%) ; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5daf9', endColorstr='#73bdec',GradientType=0 ) ; /* IE6-9 */
	border: 1px #5CA8C2 solid;
}
.ui-widget-content div.ui-tabs-top li.ui-state-default:not(.ui-tabs-selected) { /* Horizontal tab header color */
	background: none repeat #B9D9EE;
	color: #025D94;
	border: 1px #4F9DCD solid;
}
.ui-widget-content div.ui-tabs-top li.ui-state-default a { /* Horizontal tab header text */
	color: #025D94;
	font-weight: bold;
}
.ui-widget-content h3.ui-accordion-header a,
.ui-widget-content h3.ui-accordion-header > form { /* Accordion header text */
	color: #025D94;
	font-weight: bold;
	height: 17px;
}


/*	Primefaces vertical tabs. Assigns vertical tab UL elements a fixed width and gradient style. */
div.ui-tabs.ui-tabs-left ul.ui-tabs-nav {
	padding: 0px;
	background: none;
	border: none;
	height: 100%;
	
	position: absolute;
	top: 0px;
	bottom: 0px;
	
	background: #fbf5f5; /* Old browsers */
	background: -moz-linear-gradient(left, #fbf5f5 1%, #ffffff 7%, #fefefe 92%, #ebebeb 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#fbf5f5), color-stop(7%,#ffffff), color-stop(92%,#fefefe), color-stop(97%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fbf5f5 1%,#ffffff 7%,#fefefe 92%,#ebebeb 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fbf5f5 1%,#ffffff 7%,#fefefe 92%,#ebebeb 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #fbf5f5 1%,#ffffff 7%,#fefefe 92%,#ebebeb 97%); /* IE10+ */
	background: linear-gradient(to right, #fbf5f5 1%,#ffffff 7%,#fefefe 92%,#ebebeb 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf5f5', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */
}
div.ui-tabs.ui-tabs-left ul.ui-tabs-nav > li { /* tabs */
	font-weight: bold !important;
	padding: 6px;
	padding-left: 0px;
	margin-bottom: 2px;
	width: 90%;
	background: none;
	background-image: none !important;
}
div.ui-tabs.ui-tabs-left li.ui-state-default:not(.ui-tabs-selected) { /* unselected tabs */
	border: none;
	border-bottom: 1px solid #E2E0E1 !important;
	cursor: pointer;
}
div.ui-tabs.ui-tabs-left li.ui-state-default.ui-tabs-selected { /* selected tab */
	background: #FFFFFF !important;
	border: 1px solid #C0C0C0 !important;
	border-right: 0 !important;
	-moz-box-shadow: -1px 1px 2px #BBB;
	-webkit-box-shadow: -1px 1px 2px #BBB;
	box-shadow: -1px 1px 2px #BBB;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=225, Color='#BBBBBB')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=225, Color='#BBBBBB');
}
div.ui-tabs.ui-tabs-left li.ui-state-default.ui-tabs-selected a { /* selected tab text */
	padding-left: 25px;
}
div.ui-tabs.ui-tabs-left div.ui-tabs-panel {
	background: #FFFFFF !important;
}
div.ui-tabs.ui-tabs-left > div.ui-tabs-panels {
	/*float: left !important;*/
}
span.tab-main-title {
	font-weight: bold;
}
span.tab-minor-title {
	font-size: 0.8em;
}
ul.ui-tabs-nav li.ui-state-default a { 
	color: #373737;
}
ul.ui-tabs-nav li.ui-tabs-selected span.tab-main-title {
	color: #066ABE;
}
ul.ui-tabs-nav li.ui-state-default span.tab-minor-title {
	color: #707070;
}
ul.ui-tabs-nav li.ui-tabs-selected span.tab-main-title:after {
	content: " \00BB"; /* appends right double angle bracket onto active tab */
}


/*	Primefaces watermark. Currently works for FF, Chrome, Safari, and not MSIE.*/
::-webkit-input-placeholder {
	color: #BCBCBC !important;
}
input:-moz-placeholder {
	color: #BCBCBC !important;
}
/*	placeholder (ghosttext, watermark) MSIE styling */
.ui-watermark {
	color: #BCBCBC;
}


/* Primefaces Datatable */
.ui-widget-content div.ui-datatable th.ui-state-default { /* Header background color */
	background: none #BBE1F6;
	font-weight: bold;
}
.ui-widget-content div.ui-datatable div.ui-paginator { /* Pagination background color */
	background: none transparent;
	border: 1px solid #AAAAAA;
	border-top: 0px solid;
	padding: 10px 0px;
}
.ui-widget-content div.ui-datatable div.ui-datatable-tablewrapper > table {
	border: 1px solid #AAAAAA;
}
.ui-widget-content div.ui-datatable tr { /* Row height */
	height: 32px;
	text-align: left;
}
.ui-widget-content div.ui-datatable tr.ui-datatable-even { /* Even row coloring */
	background: #FFFFFF;
}
.ui-widget-content div.ui-datatable tr.ui-datatable-odd { /* Odd row coloring */
	background: #F9FCF6;
}
.ui-widget-content div.ui-datatable tr.ui-datatable-odd:hover,
.ui-widget-content div.ui-datatable tr.ui-datatable-even:hover { /* row hover coloring */
	background: #DDD;
}

.ui-widget-content div.ui-datatable td.dateCol {
	text-align: center;
}
.ui-widget-content div.ui-datatable td.genderCol {
	text-align: center;
}
.ui-widget-content div.ui-datatable td.inputOptionCol {
	text-align: center;
}
.ui-widget-content div.ui-datatable td.inputCheckCol {
	text-align: center;
}
.ui-widget-content div.ui-datatable td.inputTextCol {
	text-align: center;
}
.ui-widget-content div.ui-datatable td.numberCol {
	text-align: right;
}

/* Primefaces Calendar */
.ui-icon-calendar,
button.ui-datepicker-trigger {
    background-image: url('/resources/images/icons/calendar.png') !important;
    background-position: center !important;
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
}

/* Custom Datatable Paginator Style */
span.ui-paginator-jtp-text-container {
	padding: 0 5px;
}

input.ui-paginator-jtp-text {
	width: 20px;
	text-align: right;
}
.skip-link {
	left: 50%;
	position: absolute;
	transform: translateY(-100%);
}
.skip-link {
	background: #e77e23;
	height: 30px;
	left: 50%;
	padding: 8px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
}

.skip-link:focus {
	transform: translateY(0%);
}