/* CSS Document */
html, body {
	height:100%;
	color: #333333;
	font-size: 12px;
}

body{ 
	background-color:#d7ebf9;
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	font-family:'Arial', Helvetica, sans-serif;
	background-image:url(../images/logo_swift_fade.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment: fixed;
	
}

td, th, p, input, textarea, select{
	font-size: 12px;
}

th {
	background-color: #deedf7;
	vertical-align: bottom;
}

h1{font-size:15px;}
h2{font-size:13px}
h3{font-size:12px}
h4{font-size:14px;color: green}

abbr:hover {
	cursor: help;
}

/* Older definition for using divs as a table */

div.row {
	display:table-row;
}
div.table > form {
	display:table-row-group;
}

div.cell, div.header {
	display:table-cell;
	border-bottom:1px solid #aed0ea;
	border-left:1px solid #aed0ea;
	padding:3px;
	vertical-align:top;
}
div.cellspan {
	display:table-cell;
	border-bottom:1px solid #aed0ea;
	padding:3px;
}
div.cell:last-child,
div.header:last-child,
div.cellspan:last-child {
	border-right:1px solid #aed0ea;
}

div.row:first-child > div.header {
	border-top:1px solid #aed0ea;
}

div.header {
	border-top: 1px #aed0ea solid;
	background:#deedf7;
	font-weight:bold;
}

/* Defining objects to build a table based on class references */
DIV.table 
{
	display:table;
	border-top: 1px #aed0ea solid;
	border-left: 1px #aed0ea solid;
}
FORM.tr, DIV.tr
{
	display:table-row;
}
SPAN.td, DIV.td
{
	display:table-cell;
	border-right: 1px #aed0ea solid;
	border-bottom: 1px #aed0ea solid;
	padding: 2px;
}
SPAN.th, DIV.th
{
	display:table-cell;
	border-right: 1px #aed0ea solid;
	border-bottom: 1px #aed0ea solid;
	padding: 2px;
	background-color: #deedf7;
	font-weight: bold;
}

/* Define basic bordered table based on class references */
TABLE.bordered 
{
	display:table;
	border-top: 1px #aed0ea solid;
	border-left: 1px #aed0ea solid;
	border-spacing: 0;
}
TABLE.bordered > thead > tr > td,
TABLE.bordered > tbody > tr > td,
TABLE.bordered > tfoot > tr > td
{
	display:table-cell;
	background-color: #fff;
	border-right: 1px #aed0ea solid;
	border-bottom: 1px #aed0ea solid;
	padding: 2px;
	vertical-align: top;
}
TABLE.bordered > thead > tr > th,
TABLE.bordered > tbody > tr > th,
TABLE.bordered > tfoot > tr > th
{
	display:table-cell;
	border-right: 1px #aed0ea solid;
	border-bottom: 1px #aed0ea solid;
	padding: 2px;
	/*background-color: #c6c5bb;*/
	background: #deedf7;
	font-weight: bold;
}

/* Define optional table classes */

TABLE.leftheader th {
	text-align: left;
}

TABLE.rowhover tr:hover td {
	background-color: #eaeaea;
}

TABLE TR.deletedRow TD {
	background-color: #fee;
}

TABLE TR.deletedRow TD .deletedMsg {
	font-size: 11px;
	font-weight: bold;
	color: #f00;
}

/* Define basic bordered div based on class references */
DIV.bordered {
	border: 1px #aed0ea solid;
	padding: 2px;
}

/* Define the default horizontal rule line */
HR {
	border: 0;
	height: 1px;
	background: #999;
}

/* Define Row Colouring */
.rowParent {
	background-color: #CCCCFF;
}
.rowChild {
	background-color: #DDDDDD;
}

/*e9e7dc default*/
/*c2bbb5 dark brown 20%*/
/*e7e7e8 grey from pdf bg*/
/*53c1bb green*/
/*E1D9CB brown 20% from pdf*/

.menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #f2f5f7;
	border-bottom: 1px #aed0ea solid;
	
	z-index: 1;
}

.contents {
	border:1px solid #aed0ea;
	border-radius:8px;
	padding:15px;
	background:#FFF;
	box-shadow:1px 1px 1px #aed0ea;
	margin-top:36px;
}

a:hover {
	color:#ff6332; /* A49B8F */
	text-decoration:none;
}
a {
	color:#2779aa;
	text-decoration:none;
}

/* Standard Colours */
.nav {
	color:#2779aa !important;
	text-decoration:none; 
	font-weight:bold;
}
.nav:hover {
	color:#ff6332 !important; /* A49B8F ; 1b75bb*/
	text-decoration:none;
	font-weight:bold;
}

.fauxButton {
	border-radius:5px;
	border: 1px #666666 solid; /* Teal: #449988 */
	background-color: #EEEEEE; /* Teal: #AADDCC */
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.fauxButton:hover {
	border: 1px #666666 solid; /* Teal: #AA9988 */
	background-color: #AACEBE; /* Teal: #CCBBAA */
	cursor: pointer;
	box-shadow: 0px 0px 5px #777;
}

.search{ background-color:#CCCCCC}
.add{ background-color:#e9f9f7}
.alert{color:#CC0000; font-weight:bold}
.title{ background-color:#666666; color:#FFFFFF}
.deleted {text-decoration: line-through; color: #f00; background-color:#ddd;}
.mst{font-size:9px;}
.true{ background-color:#CCFFCC}
.false{ background-color:#FFCCCC}
.required{ background-color:PeachPuff}

/* Standard Element Widths */
.narrow{width:30px;}
.medium{width:80px}
.wide{width:150px}
.date,.datefield{width:80px}
.money{width:50px; text-align:right;}
.units{width:50px}

.dirtyField{
	background-color:#FFCCCC;
}

.toolTip{
	background-color:#FFC;
	font-size: 10pt;
	border: 1px solid;
	border-radius: 3px;
	padding: 2px;
}

.dirtyFieldGlow, .dirtyError {
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;		
	box-shadow: 0 0 5px rgba(255, 5, 5, 1);
	-webkit-box-shadow: 0 0 5px rgba(255, 5, 5, 1); 
	-moz-box-shadow: 0 0 5px rgba(255, 5, 5, 1);
}

.dirtyGlow {
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	/*border:1px solid rgba(255,5,5, 0.2);*/
	box-shadow: 0 0 5px rgba(255,203,61, 1);
	-webkit-box-shadow: 0 0 5px rgba(255,203,61, 1); 
	-moz-box-shadow: 0 0 5px rgba(255,203,61, 1);
	/*border:1px solid rgba(255, 5, 5, 0.8);	*/
}

.sys_msg {
	width:300px;
	height:25px;
	background-color:red;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-150px; 
	border:1px  solid #f0c36d;
	border-top:none;
	z-index:9999;
	background:#f9edbe;	
	border-radius:0 0 5px 5px;
	text-align:center;
	box-shadow: 2px 2px 2px #888888;
	display:none;
}

.readonly {
	background-color:#EEE;
}
input[readonly] {
	background-color:#EEE;
	color: #999;
}

/* Override the readonly on date controls */
input[readonly].datefield, input[readonly]#to, input[readonly]#from {
	background-color:#fff;
	color: #000;
}

.percentage {
	width: 50px;
	text-align: right;
}

.dev_container {
	border: 1px #FF6600 solid; 
	border-radius: 10px; 
	background-color: #FFCCAA; 
}
.postit {
	border: 1px black solid; 
	border-radius: 5px; 
	background-color: #ffffcc; 
	font-weight: normal;
	padding: 3px;
}

.pageButtons {
	margin-bottom: 10px;
}

input[type="text"], input[type="password"], select {
	border: 1px #aed0ea solid;
	padding-left: 3px;
	padding-right: 3px;
}

.pageTitle {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.cropDialog {
	position: absolute;
	top: 75px;
}

.userHistory {
	font-size: 11px;
	color: #666;
}

.requiredIndicate {
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.subText {
	font-size: 10px;
	color: #AAA;
}

.subTextDark {
	font-size: 10px;
	color: #333;
}

/*
 * Status summary styles
 * ----------------------
*/
.status-summary-good {
	color: #080;
}

.status-summary-bad {
	color: #cd0a0a;
	cursor:pointer;
}

/*
 * Custom jQuery icons
 * --------------------
*/
.ui-icon-green, .ui-icon.ui-icon-green {
	background-image: url(images/ui-icons_4ca300_256x240.png);
}
.ui-icon-red, .ui-icon.ui-icon-red {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-orange, .ui-icon.ui-icon-orange {
	background-image: url(images/ui-icons_f7a50d_256x240.png);
}


/*
 * Custom Autocomplete formatting
 * -------------------------------
*/
.ui-autocomplete-loading {
	background: white url('../images/loading.gif') right center no-repeat;
}
.autocomplete {
	color: #666666;position: relative;
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/*
 * Custom icon button formatting
 * ------------------------------
*/

.ui-widget input.iconButton,
.ui-widget button.iconButton,
.iconButton {
	font-size:11px;
	cursor: pointer;
	display:inline-block;
	padding: 3px 1px 1px 1px; /* T R B L */
}

.ui-widget input.iconButton label,
.ui-widget button.iconButton label,
.iconButton label,
.ui-widget input.iconButton .button-label,
.ui-widget button.iconButton .button-label,
.iconButton .button-label {
	display: inline-block;
	padding-right: 5px;
	font-weight: normal;
}

.iconButton .ui-icon {
	display: inline-block;
	vertical-align: bottom;
}

.ui-widget .largeButton,
.largeButton {
	padding: 5px;
	font-size:12px;
}
.ui-widget .buttonGroup .iconButton,
.ui-widget .buttonGroup .iconButton,
.buttonGroup .iconButton {
	float:left;
	margin-left: 1px;
	margin-right: 1px;
}

/* Help button formatting */
.icon-help {
	border-radius: 8px;
	width: 16px;
	height: 16px;
	padding: 0;
}
.icon-help:hover {
	cursor: help;
}
.icon-help span {
	margin-left: -1px;
}

/*
 * Custom jQuery UI formatting
 * -----------------------------------
*/
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 6px 12px; /* TB RL */
	font-size: 12px;
	font-weight: normal;
}

div .ui-tabs .ui-tabs-hide {
	display: none;
}

.ui-state-help {
	border: 1px solid #FF6600 ;
	background: #FFCCAA url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #990000;
}
.ui-state-help:hover {
	border: 1px solid #990000 ;
	background: #FFCCAA url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #990000;
}
/*
 * Custom jQGrid formatting
 * -----------------------------------
*/
.ui-jqgrid td input,
.ui-jqgrid td select,
ui-jqgrid td textarea {
	padding-bottom: inherit;
	padding-top: inherit;
	border-radius: 0;
	width: 95%;
}

.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
	font-size: 12px;
	border: 1px solid #aed0ea;
}

.ui-jqgrid .ui-jqgrid-htable th {
	height: auto;
}

.ui-jqgrid .ui-userdata {
	height: 18px;
	padding-top: 2px;
}

/*
 * Image flipping
 * ---------------
*/
.flipH {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
}
.flipV {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
}

/*
 * Custom control formatting
 * --------------------------
*/
.smallButton {
	height: 20px; 
	font-size:10px !important; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
}

/*
 * Grouping containers
 * --------------------
 */
.groupBox {
	font-size: 12px;
	padding: 5px;
}

.groupBox .groupTitle {
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.groupBox .groupLabel {
	font-weight: bold;
	text-align: right;
	font-size: 24px;
	opacity: 0.3;
}

.groupBox .groupForm {
	background-color: transparent;
	vertical-align: top;
}

.groupBox .groupForm th {
	background-color: transparent;
	vertical-align: top;
	text-align: left;
}

.groupBox .groupForm td {
	background-color: transparent;
	vertical-align: top;
}

.contentBox {
	margin-bottom: 5px;
	background: #fff;
	position:relative;
}

/*
 * Summary containers
 * -------------------
 */
.summaryBox {
	margin-bottom: 5px;
	background: #fff;
	position:relative;
}

.summaryBox .summaryBoxCloseIcon {
	position:absolute;
	top:5px;
	right:5px;
}

.summaryBox .summaryBoxEditIcon {
	position:absolute;
	bottom:5px;
	right:5px;
}

/*
 * Special table formatting
 * -------------------------
 */

/* linkLine format a table row that is used as a link */
.linkLine td {
	cursor: pointer;
}

.linkLine td a {
	display: block;
	color: #000;
}

.linkLine:hover > td{
	background-color: #e9f9f7;
}


/*
 * Form table formatting
 * ----------------------
 */
.formBox {
	background-color: #EEEEEE; 
	border: 1px #999999 solid; 
	border-radius: 10px; 
	padding: 5px;
}

.formTable {
	background-color: #EEEEEE;
}

.formTable thead th {
	font-weight: bold;
	font-size: 14px;
	background-color: #DDDDDD; 
	border: 1px #999999 solid; 
	border-radius: 5px; 
}

.formTable th {
	background-color: #EEEEEE;
	text-align: left;
}

.formTable td {
	background-color: #EEEEEE;
}

.formTable tfoot td {
	padding-top: 5px;
	text-align: right;
}

/*
 * Marquee formatting
 * -------------------
 */
#footerMarquee {
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #aed0ea;
	background-color: rgba(222, 237, 247, 0.8);
	position: fixed;
	left: 0;
	bottom: 0;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

#footerMarqueeSpacer {
	height: 10px;
}

/*
 * System Notice Dialog formatting
 * -------------------------------
 */
.sysNotice {
	
}
.sysNoticeError {
	color: #FF0000;
}
.sysNoticeWarn {
	color: #FF0000;
}
.sysNoticeSuccess {
	color: #009900;
}
.sysNoticePlain {
	
}

/*
 * Load indicator for select control
 * ----------------------------------
 */
.select-load-indicator {
	background: url("../images/loading.gif") no-repeat;
}


.header-watermark {
	display: none;
}

input[type="button"].btnSave, input[type="button"].btnDel, input[type="button"].btnAdd, input[type="submit"].btnSave, input[type="submit"].btnDel, input[type="submit"].btnAdd{
	border: none;
	border-radius:0;
	border: none; /* Teal: #449988 */
	background-color: transparent; /* Teal: #AADDCC */
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: none;
}
.btnSave{
	background-image: url('../images/Icon_Check.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	cursor: pointer;
}
.btnDel{
	background-image: url('../images/Icon_Delete.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	cursor: pointer;
}
.btnAdd{
	background-image: url('../images/Icon_Add.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	cursor: pointer;
}
.isdirty{
	background-color: #FFDDDD;
}

.impLink{
	text-decoration: underline;
	cursor: pointer;
	color: #FF0000;
}