/* -------------------------------------------------------------------------------------
 TABBED TABLE
 ------------------------------------------------------------------------------------------ */
.tabNormal {
	height			: 30px ;
	background		: #E8F1F6 ;
	border			: 1px solid white ;
	border-bottom		: 1px solid #C0C0C0 ;
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #354499 ;
	padding-left		: 3px ;
	cursor			: hand ;
}
.tabHilite {
	background		: white ;
	color			: #C0C0C0 ;
	border			: 1px solid #C0C0C0 ;
	border-bottom		: 0px solid black ;
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #354499 ;
	font-weight		: bold ;
	padding-left		: 3px ;
}
.labelCell {
	width				: 25% ;
	text-align			: right ;
	font-weight			: bold ;
	padding-right		: 5px ;
	border-bottom		: 1px solid white ;
	padding-bottom		: 3px ;
	background			: #D0D0FF ;
}
.labelMandatoryCell {
	width				: 25% ;
	text-align			: right ;
	font-weight			: bold ;
	padding-right		: 5px ;
	border-bottom		: 1px solid white ;
	border-top			: 3px solid #D0D0FF ;
	border-right		: 2px inset red ;
	padding-bottom		: 3px ;
	background			: #D0D0FF ;
}
.dataCell {
	border-bottom		: 1px solid white ;
	padding-left		: 4px ;
	padding-bottom		: 3px ;
	background			: #F0F0FF ;
}
/* -------------------------------------------------------------------------------------
 TITLES
 ------------------------------------------------------------------------------------------ */
.pageTitle {
	width		: 100% ;
	margin		: 4px ;
	padding		: 4px ;
	border		: 1px solid #C0C0C0 ;
	background	: navy ;
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: medium ;
	text-align		: center ;
	color		: white ;
	font-weight	: bold ;
}
.dispensationBlob {
	padding-right		: 1px ;
	color			: #FF1010 ;
}
.moveBlob {
	padding-left		: 1px ;
	color			: #1010FF ;
}
.nameBlob {
	color			: #10FF10 ;
}
.specialOrderBlob {
	color			: #10FFFF ;
}
.letterBlob {
	color			: #C0C0C0 ;
}
.notepadBlob {
	color			: #FF8000 ;
}
/* -------------------------------------------------------------------------------------
 PANELS
 ------------------------------------------------------------------------------------------ */
.panel {
	width			: 95% ;
	border			: 1px solid navy ;
	margin-bottom		: 5px ;
}
.panelHeader {
	font-weight		: bold ;
	color			: white ;
	background		: navy ;
	padding		: 2px ;
}
.panelBody {
	padding		: 3px ;
	background		: white ;
}
.panelFooter {
}
/* -------------------------------------------------------------------------
 over ride some basic HTML tags 
 --------------------------------------------------------------------------- */
body {
	padding		: 0px ;
	margin			: 0px ;
	background		: #FFFFFF ;
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #3e568 ;
}
select {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border			: 1px solid black ;
}
input {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border			: 1px solid black ;
}
.normalInput {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border		: 1px solid #D0D0FF ;
	width			: 60% ;
	margin		: 2px 0px 2px 0px ;
/*	behavior		: url( agenthtc ) ;	*/
}
.normalInputHi {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
/*	behavior		: url( agenthtc ) ;	*/
	width			: 60% ;
	margin		: 2px 0px 2px 0px ;
	border		: 1px solid #B0B0FF ;
}
.normalInputSelect {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
/*	behavior		: url( agenthtc ) ;	*/
	width			: 60% ;
	border		: 1px solid #303099 ;
	margin		: 2px 0px 2px 0px ;
/*	background		: #FFFFD0 ;	*/
}
.normalInputNumber {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border		: 1px solid black ;
	width		: 95% ;
	text-align		: right ;
}
.mandatoryInput {
	font-family			: Arial, Helvetica, sans-serif ;
	font-size			: x-small ;
/*	background		: #FFF0F0 ; 		*/
	border			: 1px solid black ;
	border-left			: 4px solid red ; 	
	width			: 95% ;
}
.errorText {
	display		: none ;
	border		: 1px solid #FF1010 ;
	background		: #FFF0F0 ;
	text-align		: left ;
	color			: #200000 ;
	margin		: 4px 4px 4px 0px ;
	padding		: 2px ;
}
.explainText {
	text-align		: left ;
	font-style		: italic ;
	color			: #200000 ;
	margin		: 4px 4px 4px 0px ;
	padding		: 2px ;
}
.errorInput {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	background		: #FFF0F0 ; 		
	border		: 1px solid #C0C0FF ;
	width			: 60% ;
	margin		: 2px 0px 2px 0px ;
}
.normalRadio {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border		: 0px ;
}
.normalCheckbox {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border		: 0px ;
}
textarea {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	border			: 1px solid black ;
}
table {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #3e568 ;
}
td {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #3e568 ;
}
A:active { 
	font-family		: Arial, Helvetica, sans-serif ;
	font-size 		: x-small ; 
	font-weight 		: bold ; 
	color 			: #3E568E ; 
	text-decoration 		: none ; 
} 
A:link { 
	font-family		: Arial, Helvetica, sans-serif ;
	font-size 		: x-small ; 
	font-weight 		: bold ; 
	color 			: #3E568E ; 
	text-decoration 		: none ; 
} 
A:visited { 
	font-family		: Arial, Helvetica, sans-serif ;
	font-size 		: x-small ; 
	font-weight 		: bold ; 
	color 			: #3E568E ; 
	text-decoration 		: none ; 
} 
A:hover { 
	font-family		: Arial, Helvetica, sans-serif ;
	font-size 		: x-small ; 
	font-weight 		: bold ; 
	color 			: navy ; 
	text-decoration 		: underline ; 
} 
/* -------------------------------------------------------------------------
 define some custom classes
 --------------------------------------------------------------------------- */
.topMenuArea {
	background-color	: #CCD4E4 ;
	width			: 100% ;
	height			: 80px ;
	vertical-align		: top ;
}
.leftMenuArea {
	background-color	: #E8F1F6 ;
	width			: 180px ;
	height		: 500px ;
	vertical-align	: top ;
	text-align		: center ;
}
.mainPageArea {
	height			: 500px ;
	padding		: 10px ;
	background-color	:#F0F2F7 ;
	vertical-align		: top ;
}
.dialogBody {
	padding		: 10px ;
	background-color	:#F0F2F7 ;
}
.layoutTable {
	margin-left		: 10 px ;
	margin-right		: 10 px ;
	border			: 0px solid #C0C0CC ;
}
.displayTable {
	border			: 1px solid navy ;
	background-color		: #FFFFFF ;
	margin			: 5px ;
	width			: 95% ;
	filter			: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#C0C0C0', Positive='true') ;
}
.smallButton {
	font-family		: Arial, Helvetica, sans-serif ;
	margin-right		: 2px ;
	font-size		: xx-small ;
	font-weight		: bold ;
	color			: white ;
	background-color		: navy ;
	border			: 1px solid black ;
	cursor			: hand ;
}
.normalButton {
	font-family			: Arial, Helvetica, sans-serif ;
	font-size			: x-small ;
	font-weight		: bold ;
	text-align			: center ;
	color			: white ;
	background-color		: navy ;
	border			: 1px solid black ;
	margin-right		: 2px ;
	cursor			: hand ;
}
.icon {
	border			: 1px solid #C0C0C0 ;
	cursor			: hand ;
	margin			: 0px 2px 0px 2px ;
}
.infoArea {
	padding			: 3px ;
	margin			: 3px ;
	border			: 1px solid #C0C0C0 ;
	background-color		: white ;
	color			: #black ;
	text-align			: center ;
}
.helpArea {
	padding		: 2px ;
	margin			: 2px ;
	display			: none ; 
	border			: 1px solid #FFFF10 ;
	background-color	: #FFFFD0 ;
	color			: #black ;
}
.errorArea {
	padding		: 2px ;
	border			: 1px solid #FF1010 ;
	background-color	: #FFD0D0 ;
	color			: #black ;
}
.longInput {
	width			: 100% ;
	margin-right		: 10px
}
.appTitle {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: large ;
	color		: white ;
	font-weight	: bold ;
}
.mainTitle {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: medium ;
	color			: #354499 ;
	font-weight		: bold ;
}
.subTitle {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #354499 ;
	font-weight		: bold ;
}
.appSubTitle {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color		: white ;
	font-weight	: bold ;
}
.lable {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #354499 ;
	font-weight		: bold ;
	text-align		: right ;
	padding-right		: 3px ;
}
.normalText {
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: x-small ;
	color			: #354499 ;
}
.rtEdit{
	font-family		: Arial, Helvetica, sans-serif ;
	font-size		: small ;
	width			: 400px ;
	height			: 400px ;	
}
.actionBar {
	margin			: 2px ;
}
/* PAGE LINKS, NEXT, PREV ETC */
.oddRow {
	background		: white ;
}
.oddHiliteRow {
	background		: #E8F1F6 ;
}
.evenRow {
	background		: #F0F0F0 ;
}
.evenHiliteRow {
	background		: #E8F1F6 ;
}
.normalRow {
	background		: white ;
}
.hiliteRow {
	background		: #E8F1F6 ;
}
.headerCell {
	vertical-align		: top ;
	background		: navy ;
	color			: white ;
	padding		: 2px ;
	font-weight		: bold ;
}
.headerSection {
	vertical-align		: top ;
	background		: navy ;
	color			: white ;
	font-size		: small ;
	font-weight		: bold ;
}
.normalCell {
	vertical-align		: top ;
	border-bottom		: 1px solid #C0C0C0 ;
	padding-right		: 2px ;
	padding-left		: 4px ;
}
.normalCellRight {
	vertical-align		: top ;
	border-bottom		: 1px solid #C0C0C0 ;
	text-align			: right ;
	padding-right		: 2px ;
	padding-left		: 4px ;
}
.hiliteCell {
	vertical-align		: top ;
	background		: #E8F1F6 ;
	padding-right		: 2px ;
	border-bottom		: 1px solid #101010 ;
	border-top		: 1px solid #101010 ;
}
.checkbox {
	border			: 0px ;
}