/* Project: 	Justice Cash Management System (JCAMS) */
/* Page ID: 	1 */
/* Page Name: 	index.jsp */
/* Author: 		William X Yang (william@greyform.com) */
/* Modified: 	01.09.2005 */

/* GLOBAL PAGE SETTINGS */
body {margin: 0; padding: 0;}
p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;}
ul {
	margin: 0px; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#square { 
	list-style-type: square; 
}
#square2 { list-style-type: square; }
#arrowList { list-style-image: url(../images/itinerary_arrow2.gif); }
#blockArrow { list-style-image: url(../images/arrow_right4.gif); }
#newsArrow { list-style-image: url(../images/arrow_news.gif); padding-bottom: 10px; }
#quicklinks { list-style-type: square; padding-bottom: 2px; }
#quicklinks2 { list-style-image: url(../images/quicklinks.gif); padding-bottom: 1px; }

/* COLORS */
.bgBlack {background-color:#000000;}
.bgBlue1 {background-color:#D7E2EE;}
.bgBlue2 {background-color:#F2F6FB;}
.bgBlue3 {background-color:#859CB4;}
.bgGreen1 {background-color:#658D6C;}
.bgGrey2 {background-color:#666666;}
.bgGrey3 {background-color:#999999;}
.bgGrey4 {background-color:#CCCCCC;}
.bgGrey5 {background-color:#E6E6E6;}
.bgWhite {background-color:#FFFFFF;}

/* GENERAL TEXT SETTING */
.bodyCopy {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.7em; line-height: 1.7em;}
.bodyCopy A:link {color: #859CB4; text-decoration: none;}
.bodyCopy A:visited {color: #859CB4; text-decoration: none;}
.bodyCopy A:active {color: #859CB4; text-decoration: none;}
.bodyCopy A:hover {color: #859CB4; text-decoration: underline;}

.bodyCopyBold {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-weight: bold; font-size: 0.6em;}
.bodyCopyBold A:link {color: #6592B6; text-decoration: none;}
.bodyCopyBold A:visited {color: #6592B6; text-decoration: none;}
.bodyCopyBold A:active {color: #6592B6; text-decoration: none;}
.bodyCopyBold A:hover {color: #24608E; text-decoration: underline;}

.bodyCopyDay {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.6em;}
.bodyCopyDay A:link {color: #859CB4; text-decoration: none;}
.bodyCopyDay A:visited {color: #859CB4; text-decoration: none;}
.bodyCopyDay A:active {color: #859CB4; text-decoration: none;}
.bodyCopyDay A:hover {color: #859CB4; text-decoration: underline;}

.bodyCopyWhite {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 0.6em;}
.bodyCopyWhite A:link {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhite A:visited {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhite A:active {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhite A:hover {color: #FFFFFF; text-decoration: underline;}

.bodyCopyWhiteBold {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 0.6em;}
.bodyCopyWhiteBold A:link {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhiteBold A:visited {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhiteBold A:active {color: #FFFFFF; text-decoration: none;}
.bodyCopyWhiteBold A:hover {color: #C5D5AA; text-decoration: underline;}

.bodyCopySmallWhite {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 0.55em;}
.bodyCopySmallWhite A:link {color: #FFFFFF; text-decoration: none;}
.bodyCopySmallWhite A:visited {color: #FFFFFF; text-decoration: none;}
.bodyCopySmallWhite A:active {color: #FFFFFF; text-decoration: none;}
.bodyCopySmallWhite A:hover {color: #FFFFFF; text-decoration: underline;}

.caption { 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.55em;
	margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}
.captionRC { 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 0.55em;	
}

.date {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; font-size: 0.55em;}
.error {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none; font-size: 0.6em; font-weight: bold;}

.formLabel {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #888888; text-decoration: none; font-size: .6em; font-weight: bold;}
.form {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.6em;}
.formError {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none; font-size: 0.6em; font-weight: bold;}

.footer { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.55em;}
.footer A:link {color: #3F6E9A; text-decoration: underline;}
.footer A:visited {color: #3F6E9A; text-decoration: underline;}
.footer A:active {color: #3F6E9A; text-decoration: underline;}
.footer A:hover {color: #0D3B6A; text-decoration: underline;}

.header {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0D3B6A; text-decoration: none; font-size: 0.6em; font-weight: bold;}
.header1 {font-family : serif; color: #4F8157; text-decoration: none; font-size: 0.8em; font-weight: bold;}
.bodyCopyHeader1 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.8em; font-weight: bold;}
.subHeader {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 0.55em;}
.subHeader1 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 0.9em;} /* 859CB4 */
.subHeader1 A:link {color: #859CB4; text-decoration: none;} 
.subHeader1 A:visited {color: #859CB4; text-decoration: none;}
.subHeader1 A:active {color: #859CB4; text-decoration: none;}
.subHeader1 A:hover {color: #859CB4; text-decoration: underline;}
.subHeader1Green {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #43794C; font-weight: bold; font-size: 0.8em;} /* 859CB4 */

.itinerary {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: .6em; line-height: 1.5em;}
.itinerary A:link {color: #859CB4; text-decoration: none;}
.itinerary A:visited {color: #859CB4; text-decoration: none;}
.itinerary A:active {color: #859CB4; text-decoration: none;}
.itinerary A:hover {color: #859CB4; text-decoration: underline;}

.photoCopy {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.6em; line-height: 2em;}
.photoCopy A:link {color: #859CB4; text-decoration: none;}
.photoCopy A:visited {color: #859CB4; text-decoration: none;}
.photoCopy A:active {color: #859CB4; text-decoration: none;}
.photoCopy A:hover {color: #859CB4; text-decoration: underline;}

/* PRIMARY NAVIGATION */
.primaryNav {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 0.6em;}
.primaryNav A:link {color: #859CB4; text-decoration: none;}
.primaryNav A:visited {color: #859CB4; text-decoration: none;}
.primaryNav A:active {color: #859CB4; text-decoration: none;}
.primaryNav A:hover {color: #859CB4; text-decoration: underline;}

.primaryNavOn {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #43794C; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: .6em;
}
.primaryNavOn A:link {color: #43794C; text-decoration: none;}
.primaryNavOn A:visited {color: #43794C; text-decoration: none;}
.primaryNavOn A:active {color: #43794C; text-decoration: none;}
.primaryNavOn A:hover {color: #43794C; text-decoration: none;}

/* SPACERS */
.hrzSpacer1 { width: 1px; height: 0px; }
.hrzSpacer5 { width: 5px; height: 0px; }
.hrzSpacer10 { width: 10px; height: 0px; }
.hrzSpacer20 { width: 20px; height: 0px; }
.hrzSpacer_25per { width: 188px; height: 0px; }
.hrzSpacer_50per { width: 382px; height: 0px; }
.hrzSpacer_75per { width: 575px; height: 0px; }
.hrzSpacer_100per { width: 770px; height: 0px; }
.hrzLine1Blue { background-color:#D7E2EE; height: 1px; }
.hrzLineDotted { 
	margin: 0px; border: 0px; padding: 0px; height: 1px; 
	/* background-image: url(/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	/* background-image: url(/greyform/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	background-image: url(../images/rule_dotted_hrz_blue.gif);
	background-repeat: repeat-x;
	font-size: 0px; line-height: 0px;
}
.hrzLineDotted10 { 
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px;
	border: 0px; padding: 0px; height: 1px; 
	/* background-image: url(/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	/* background-image: url(/greyform/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	background-image: url(../images/rule_dotted_hrz_blue.gif);
	background-repeat: repeat-x;
	font-size: 0px; line-height: 0px;
}
.hrzLineDotted20 { 
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px;
	border: 0px; padding: 0px; height: 1px; 
	/* background-image: url(/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	/* background-image: url(/greyform/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	background-image: url(../images/rule_dotted_hrz_blue.gif);
	background-repeat: repeat-x;
	font-size: 0px; line-height: 0px;
}
.hrzLineDotted30 { 
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px;
	border: 0px; padding: 0px; height: 1px; 
	/* background-image: url(/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	/* background-image: url(/greyform/worksite/sandquisteurope/images/rule_dotted_hrz_blue.gif); */
	background-image: url(../images/rule_dotted_hrz_blue.gif);
	background-repeat: repeat-x;
	font-size: 0px; line-height: 0px;
}

.vrtSpacer1 { width: 1px; height: 1px; }
.vrtSpacer1_grey { background-color:#666666; height: 1px; }
.vrtSpacer2 { width: 1px; height: 2px; }
.vrtSpacer3 { width: 1px; height: 3px; }
.vrtSpacer4 { width: 1px; height: 4px; }
.vrtSpacer5 { width: 1px; height: 5px; }
.vrtSpacer9 { width: 1px; height: 9px; }
.vrtSpacer10 { width: 1px; height: 10px; }
.vrtSpacer15 { width: 1px; height: 15px; }
.vrtSpacer_100per { background: #FFFFFF; height: 100%; }

/* TABLES */

.tableHeader {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #0D3B6A; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: 9px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color:#CADAE6;
}
.tableHeader A:link {color: #0D3B6A; text-decoration: none;}
.tableHeader A:visited {color: #0D3B6A; text-decoration: none;}
.tableHeader A:active {color: #0D3B6A; text-decoration: none;}
.tableHeader A:hover {color: #0D3B6A; text-decoration: underline;}

.tableBodyCopy {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-decoration: none; 
	font-weight: none; 
	font-size: .6em;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color:#FFFFFF;
}
.tableBodyCopy A:link {color: #6592B6; text-decoration: none;}
.tableBodyCopy A:visited {color: #6592B6; text-decoration: none;}
.tableBodyCopy A:active {color: #6592B6; text-decoration: none;}
.tableBodyCopy A:hover {color: #24608E; text-decoration: underline;}

.tableForm {
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color:#FFFFFF;
}

.highlightBox { 
	background: #F7F2CE; /* FFF3CF F2F6FB EFEDB8 FFFCCF F7F2CE */
	padding: 4px 5px 5px 5px; 
	border-top: #DBD6B1 1px solid; /* CABC92 D7E2EE DBD6B1 */
	border-left: #DBD6B1 1px solid;
	border-bottom: #DBD6B1 1px solid;
	border-right: #DBD6B1 1px solid;
}

.highlightBoxItinerary { 
	background: #F2F6FB; /* FFF3CF F2F6FB D7E2EE EFEDB8 FFFCCF F7F2CE */
	padding: 4px 5px 5px 5px;
}

.scroll_table_message {overflow: auto; width: 100%; height: 150px;}
.scroll_table_daily_statements {overflow: auto; width: 100%; height: 127px;}
.scroll_table_monthly_statements {overflow: auto; width: 100%; height: 150px;}
.scroll_table_canned_reports {overflow: auto; width: 100%; height: 150px;}
.scroll_table_custom_reports {overflow: auto; width: 100%; height: 150px;}