/******************************************/
/***		ELEMENT STYLES				***/
/******************************************/
body
{
	font-size: 10px;
	background-image: none;
	color: #333333;
	font-family: verdana;
	background-color: ghostwhite;
}
.pageInfo
{
	 
	font-size: 10px;
	color: #333333;
	line-height: 16px;
	font-style: italic;
	font-family: verdana;
}
HR
{
	width: 100%;
	color: lightgrey;
	height: 1px;
}
.dottedLine
{
	
	margin : 0;
	margin-bottom : 12px;
	margin-top : 6px;
	padding : 0;
	font-size : 1px;
	height : 1px;
	display : block;
	border : 0 none inherit;
	border-bottom : 1px dotted #C1D1D0;
	
}
.shadow
{
	background-image: url(../Images/shadow.jpg); 
	BACKGROUND-REPEAT: repeat-y;
}

/******************************************/
/***			LOGIN PAGE				***/
/******************************************/
.loginBack
{
	background-position: center center;
	background-image: url(../Images/Login.jpg);
	background-repeat: no-repeat;
}
.loginText
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align:center;*/
}
.loginTextLight
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align:center;*/
}
.loginHelpText
{
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	line-height: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.loginInfoText
{
	padding-right: 6px;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	line-height: 10pt;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.loginValidator
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.loginTextbox
{
	border-right: #5B5B5B 1px solid;
	padding-right: 2px;
	border-top: #5B5B5B 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
	border-left: #5B5B5B 1px solid;
	color: #333333;
	padding-top: 2px;
	border-bottom: #5B5B5B 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.loginDropDown
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 270px;
}
.loginErrorText
{
	font-family: Verdana;
	font-size: 10px;
	color: Red;
	font-style: italic;
}
.loginBody
{
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
}
.borders {
	font-family: Verdana;
	font-size: 9px;
	color: #333333;
	text-align: left;
	word-spacing: normal;
	font-weight: bold;
}
.textboxnoborder
{
	border-right:none;
	border-top: none ;
	font-weight: normal;
	font-size: 10px;
	border-left: none;
	color: #333333;
	border-bottom: none ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: whitesmoke;
}

.textbox
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #333333;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.textBoxRight
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #333333;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;

}

.searchTextbox
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: lightgrey 1px solid;
	color: #333333;
	border-bottom: lightgrey 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	
}
/******************************************/
/***		IMAGE LINK BUTTON			***/
/******************************************/
.imageLinkButton
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: white 1px solid;
	color: #5b5b5b;
	border-bottom: white 1px solid;
	font-family: verdana;
}
.imageLinkButtonHover
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: lightgrey 1px solid;
	cursor: default;
	color: #5B5B5B;
	border-bottom: lightgrey 1px solid;
	background-repeat: repeat-x;
	font-family: verdana;
	background-color: white;
}
.imageLinkButtonImage
{
	width: 16px;
	height: 16px;
}
.addEditImageLinkButton
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: white 1px solid;
	color: #333333;
	border-bottom: white 1px solid;
	font-family: verdana;
}
.addEditImageLinkButtonHover
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: lightgrey 1px solid;
	cursor: default;
	color: #333333;
	border-bottom: lightgrey 1px solid;
	background-repeat: repeat-x;
	font-family: verdana;
}
.addEditImageLinkButtonImage
{
	width: 16px;
	height: 16px;
}
.searchImageLinkButton
{
	border-right: #e8e8e8 1px solid;
	border-top: #e8e8e8 1px solid;
	font-size: 10px;
	border-left: #e8e8e8 1px solid;
	color: #333333;
	border-bottom: #e8e8e8 1px solid;
	font-family: verdana;
	font-weight: normal;
}
/******************************************/
/***			PIN PAD					***/
/******************************************/
.pinPadTextBox
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
}
.pinPadPad
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	background-attachment: fixed;
	/*background-image: url(http://localhost/Bank@Home/Images/pinPadBack.gif);*/
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-repeat: no-repeat;
	background-color: Transparent;
	background-color: #f8f8f8;
}
.pinPadButton
{
	border-right: #f8f8f8 1px solid;
	border-top: #f8f8f8 1px solid;
	font-size: 10px;
	border-left: #f8f8f8 1px solid;
	color: #333333;
	border-bottom: #f8f8f8 1px solid;
	font-family: tahoma;
	background-color: #f8f8f8;
}
/******************************************/
/***			BUTTONS					***/
/******************************************/
.button
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
	border-left: dimgray 1px solid;
	color: #333333;
	padding-top: 2px;
	border-bottom: dimgray 1px solid;
	font-family: Verdana, Arial;
	background-color: whitesmoke;
}
.saveButton
{
	border-right: dimgray 0px solid;
	padding-right: 18px;
	background-position: center center;
	border-top: dimgray 0px solid;
	font-weight: normal;
	font-size: 10px;
	background-image: url(../Images/saveButton.jpg);
	padding-bottom: 1px;
	vertical-align: top;
	border-left: dimgray 0px solid;
	width: 92px;
	color: #333333;
	padding-top: 0px;
	border-bottom: dimgray 0px solid;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	height: 20px;
}
.cancelButton
{
	border-right: dimgray 0px solid;
	padding-right: 18px;
	background-position: center center;
	border-top: dimgray 0px solid;
	font-weight: normal;
	font-size: 10px;
	background-image: url(../Images/cancelButton.jpg);
	padding-bottom: 1px;
	vertical-align: top;
	border-left: dimgray 0px solid;
	width: 92px;
	color: #333333;
	padding-top: 0px;
	border-bottom: dimgray 0px solid;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	height: 20px;
}
.deleteButton
{
	border-right: dimgray 0px solid;
	padding-right: 18px;
	background-position: center center;
	border-top: dimgray 0px solid;
	font-weight: normal;
	font-size: 10px;
	background-image: url(../Images/deleteButton.jpg);
	padding-bottom: 1px;
	vertical-align: top;
	border-left: dimgray 0px solid;
	width: 92px;
	color: #333333;
	padding-top: 0px;
	border-bottom: dimgray 0px solid;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	height: 20px;
}
.shoppingButton
{
	border-right: dimgray 0px solid;
	padding-right: 18px;
	background-position: center center;
	border-top: dimgray 0px solid;
	font-weight: normal;
	font-size: 10px;
	background-image: url(../Images/shoppingButton.jpg);
	padding-bottom: 0px;
	vertical-align: top;
	border-left: dimgray 0px solid;
	width: 104px;
	color: #333333;
	padding-top: 0px;
	border-bottom: dimgray 0px solid;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	height: 20px;
}
.goButton
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 1px;
	border-left: dimgray 1px solid;
	color: #333333;
	padding-top: 1px;
	border-bottom: dimgray 1px solid;
	font-family: tahoma, Arial;
}
.buttonBase
{
	border-right: darkgray 1px solid;
	padding-right: 5px;
	border-top: darkgray 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
	border-left: darkgray 1px solid;
	color: #333333;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Arial;
	height: 32px;
	/*background-color: #eeeeee;*/
}
/******************************************/
/***			DROPDOWN LISTS			***/
/******************************************/
.dropDown
{
	padding-right: 1px;
	padding-left: 1px;
	font-size: 10px;
	padding-bottom: 0px;
	color: #333333;
	padding-top: 0px;
	font-family: Verdana, Arial;
	
}
.searchDropDown
{
	padding-right: 1px;
	padding-left: 1px;
	font-size: 10px;
	padding-bottom: 0px;
	color: #333333;
	padding-top: 0px;
	font-family: Verdana, Arial;
	font-weight: normal;
}
/******************************************/
/***			TEXT STYLES				***/
/******************************************/
.notice
{
	BACKGROUND-POSITION-X: center; 
	BACKGROUND-IMAGE: url(../images/notice.gif); 
	BACKGROUND-REPEAT: no-repeat;
}
.infoImage
{
	background-position: left center;
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
}
.itemTitle
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial;
	font-weight: bold;
}
.itemTitleDiscount
{
	font-size: 10px;
	color: #333333;
	font-family: tahoma;
	font-weight: bold;
}
.itemTitleHead
{
	padding-left: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #5F93BB;
	border-bottom: lightgrey 1px solid;
	font-family: tahoma, Arial;
	height: 30px;
}
.itemTitleNoBorder
{
	
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial;
	height: 25px;
}
.normalText
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: normal;
}
.redText
{
	color: Red;
	font-size: 10px;
	font-family: verdana;
	font-weight: normal;
}
.grayText
{
	color: #5F93BB;
	font-weight: bold;
}
.leftBorder
{
	border-left: lightgrey 1px solid;
	
	color: lightgrey;
}
.leftBorderAndBottom
{
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	color: lightgrey;
}
.errorPageText
{
	border-right: lightgrey 1px solid;
	padding-right: 8px;
	border-top: lightgrey 1px solid;
	padding-left: 8px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 5px;
	border-left: lightgrey 1px solid;
	color: red;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	font-style: normal;
	font-family: tahoma;
	height: 100px;
	line-height: 14pt;
	background-color: whitesmoke;
}
.newspaper
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	line-height: 14pt;
	font-family: verdana;
	text-align: justify;
	font-style: normal;
}
.newspaperItalics
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	line-height: 14pt;
	font-family: verdana;
	text-align: justify;
	font-style:italic;
}
.newspaperBullet
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	line-height: 14pt;
	font-family: verdana;
	text-align: center;
}
.normalTextDiscount
{
	font-size: 10px;
	color: #333333;
	font-family: tahoma;
	font-weight: normal;
}
.normalTextBold
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: bold;
}
.info
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-style: italic;
}
.shoppingInfoTop
{
	background-position: right bottom;
	background-image: url(../Images/info_top.jpg);
	background-repeat: repeat-x;
}
.shoppingInfoTopLeft
{
	background-position: left top;
	font-size: xx-small;
	background-image: url(../Images/info-top-left.jpg);
	width: 23px;
	background-repeat: no-repeat;
	height: 18px;
}
.shoppingInfoTopRight
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-REPEAT: no-repeat;
	background-image: url(../Images/info-top-right.jpg);
	width: 35px;
	height: 18px;
	font-size: xx-small;
}
.shoppingInfoBottom
{
	background-position: right bottom;
	background-image: url(../Images/info_bottom.jpg);
	background-repeat: repeat-x;
}
.shoppingInfoBottomLeft
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-REPEAT: no-repeat;
	background-image: url(../Images/info-bottom-left.jpg);
	width: 23px;
	height: 28px;
	font-size: xx-small;
}
.shoppingInfoBottomRight
{
	BACKGROUND-POSITION: right bottom; 
	BACKGROUND-REPEAT: no-repeat;
	background-image: url(../Images/info-bottom-right.jpg);
	width: 35px;
	height: 28px;
	font-size: xx-small;
}
.shoppingInfoLeft
{
	background-position: right bottom;
	background-image: url(../Images/info_left.jpg);
	background-repeat: repeat-y;
}
.shoppingInfoRight
{
	background-position: right bottom;
	background-image: url(../Images/info_right.jpg);
	background-repeat: repeat-y;
}
.shopping
{
	font-size: 10px;
	width: 100%;
	color: #333333;
	font-style: italic;
	font-family: arial;
	background-color: #ffffd9;
}
.shoppingInfo
{
	border-right: lightgrey 1px solid;
	padding-right: 2px;
	border-top: lightgrey 1px solid;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 5px;
	border-left: lightgrey 1px solid;
	width: 100%;
	color: #333333;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	font-style: italic;
	font-family: arial;
	background-color: #ffffd9;
}
.shoppingInfoNoBorder
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 5px;
	/*width: 100%;*/
	color: #333333;
	padding-top: 5px;
	font-style: italic;
	font-family: arial;
	background-color: #FDF9EE;
	text-align: justify;
}
.shoppingInfoText
{
	font-size: 10px;
	width: 100%;
	color: #333333;
	font-style: italic;
	font-family: arial;
	background-color: #ffffd9;
}
.PurchaseInfo
{
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-size: 10px;
	padding-bottom: 15px;
	border-left: lightgrey 1px solid;
	width: 100%;
	color: #333333;
	line-height: 20px;
	padding-top: 15px;
	border-bottom: lightgrey 1px solid;
	font-style: italic;
	font-family: arial;
	background-color: #ffffd9;
}
/******************************************/
/***	VALIDATORS AND SUMMARIES		***/
/******************************************/
.validationSummary
{
	border-right: darkgray 1px;
	padding-right: 3px;
	border-top: darkgray 1px;
	padding-left: 3px;
	font-size: 10px;
	padding-bottom: 10px;
	border-left: darkgray 1px;
	width: 100%;
	color: red;
	line-height: 12pt;
	padding-top: 8px;
	border-bottom: lightgrey 1px solid;
	font-style: italic;
	font-family: verdana;
	list-style-type: decimal;
}
.validator
{
	font-size: 10px;
	color: red;
	font-family: verdana;
}
.validatorItem
{
	font-size: 10px;
	color: red;
	font-family: verdana;
	font-style: italic;
}
.calcSummaryTable
{
	border-right: gray 1px solid;
	padding-right: 3px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 3px;
	border-left: gray 1px solid;
	padding-top: 3px;
	border-bottom: gray 1px solid;
	width: 350px;
	background-color: White;
}
.calcSummaryHead
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: Verdana, Arial;
	height: 25px;
	background-color: #697494;
}
.calcSummaryItem
{
	background-color: #fafafa;
}
/******************************************/
/***		ADD-EDIT NAV MENU			***/
/******************************************/
.addEditNav
{
	padding-left: 10px;
	padding-bottom: 4px;
	width: 100%;
	padding-top: 4px;
	border-bottom: #e8e8e8 1px solid;
	vertical-align: top;
}
.addEditNavPageTitle
{
	font-size: 10px;
	font-weight: normal;
	color: gray;
	font-family: verdana;
	text-decoration: none;
	
}
.addEditNavLink
{
	font-size: 10px;
	font-weight: bold;
	color: gray;
	font-family: verdana;
	text-decoration: none;
}
A.addEditNavLink:Link
{
	font-size: 10px;
	font-weight: bold;
	color: gray;
	font-family: verdana;
	text-decoration: none;
}
A.addEditNavLink:Hover
{
	font-weight: bold;
	font-size: 10px;
	color: gray;
	font-family: verdana;
	text-decoration: underline;
}
A.addEditNavLink:Visited
{
}
A.addEdit	Link:Active
{
}
/******************************************/
/***			HYPERLINKS				***/
/******************************************/
.hyperlink
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.hyperlink:Link
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.hyperlink:Visited
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.hyperlink:Active
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.hyperlink:Hover
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	font-family: verdana;
	text-decoration: underline;
}
.advertHyperlink
{
}
A.advertHyperlink:Link
{
}
A.advertHyperlink:Hover
{
	cursor: hand;
}
/******************************************/
/***			BANNER MENU				***/
/******************************************/
.topMenuLink
{
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
A.topMenuLink:Link
{
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
A.topMenuLink:Visited
{
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
A.topMenuLink:Active
{
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
A.topMenuLink:Hover
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
.logoutLink
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
A.logoutLink:Link
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
A.logoutLink:Visited
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
A.logoutLink:Active
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
A.logoutLink:Hover
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
/******************************************/
/***			BANNER					***/
/******************************************/
.bannerTopBack
{
	/*background-image: url(http://localhost/Payroll/Images/brownBannerBack.jpg);*/
	
	
}
.bannerBottomBack
{
	
	font-size: 10px;
	font-family: Verdana;
	height: 0px;
	vertical-align: middle;
	color: White;
}
.bannerMiddleBack
{
	
	height: 0px;
}
.companyName
{
	font-size: 19px;
	font-family: Arial;
	font-weight: bold;
	color: #5B5B5B;
}
.welcomeMessage
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: 'Bookman Old Style';
}
/******************************************/
/***			COPYRIGHT				***/
/******************************************/
.copyright
{
	font-size: 10px;
	color: #333333;
	font-family: tahoma;
	
}
.infoHyperlink
{
	font-weight: bold;
	font-size: 10px;
	color: midnightblue;
	font-family: verdana;
	text-decoration: none;
}
A.infoHyperlink:Link
{
	font-size: 10px;
	color: midnightblue;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.infoHyperlink:Visited
{
	font-size: 10px;
	color: midnightblue;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.infoHyperlink:Active
{
	font-size: 10px;
	color: midnightblue;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
}
A.infoHyperlink:Hover
{
	font-size: 10px;
	color: midnightblue;
	font-weight: bold;
	font-family: verdana;
	text-decoration: underline;
}
/************************************************/
/***PORTLET AND ADD-EDIT PAGE STRUCTURE STYLES***/
/************************************************/
.bannerCell
{
	vertical-align: top;
	height: 75px;
}
.footerCell
{
	border-top: lightgrey 1px solid;
	vertical-align: bottom;
	height: 8px;
}
.contentCell
{
	padding-bottom: 0px;
	vertical-align: top;
	background-color: white;
	text-align: center;
}
.contentTable /*table in content cell*/
{
	width: 550px;
}
.bodyTable
{
	border-right: darkgray 1px solid;
	padding-right: 0px;
	border-top: darkgray 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: darkgray 1px solid;
	width: 890px; /*990*/
	padding-top: 0px;
	border-bottom: darkgray 1px solid;
	height: 500px;
	background-color: White;
}
.mainBodyBorder
{
	border-right: #5F93BB 0px solid;
	border-top: #5F93BB 0px solid;
	border-left: #5F93BB 0px solid;
	border-bottom: #5F93BB 0px solid;
}
.addEditOverallTable
{
	height: 500px;
}
.panel
{
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 5px;
	border-left: lightgrey 1px solid;
	color: #333333;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: whitesmoke;
}
/******************************************/
/***	DESKTOP THREE PANE STYLES		***/
/******************************************/
.contentPane
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 4px;
	height: 100%;
	border-left: lightgrey 1px solid;
	border-right: lightgrey 1px solid;
	width: 528px;
}
.rightPane
{
	background-color: white;
	/*
	width: 0px;
	
	padding-left: 8px;
	padding-right: 5px;
	*/
	padding-top: 0px;
	height: 100%;
	padding-right: 2px;
	padding-left: 0px;
}
.advertFrame
{
	height: 100%;
	width: 170px;
}
.whatsNewFrame
{
	height: 100%;
	width: 170px;
}
.leftPane
{
	height: 100%;
	width: 170px;
	padding-right: 0px;
	padding-left: 2px;
}
/******************************************/
/***		PORTLET STYLES				***/
/******************************************/
.portletMenu
{
	border-right: lightgrey 1px solid;
	padding-right: 1px;
	border-top: lightgrey 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: lightgrey 1px solid;
	width: 100%;
	padding-top: 1px;
	border-bottom: lightgrey 1px solid;
	background-repeat: repeat-x;
	height: 26px;
	background-color: white;
	text-align: right;
}
.portletBody
{
	padding-left: 0px;
	padding-bottom: 25px;
	width: 100%;
	padding-top: 6px;
}
.activeCardTable
{
	font-size: 10px;
	padding-bottom: 3px;
	color: #333333;
	padding-top: 6px;
	font-family: verdana;
	text-decoration: none;
}
.portletTitleTable
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 3px;
	width: 100%;
	color: #333333;
	padding-top: 2px;
	font-style: normal;
	font-family: verdana;
	height: 25px;
}
.portletTitleCell
{
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	background-color: whitesmoke;
}
.portletTitleImage
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}
.portletTitleImageCell
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	background-color: #94B7D1;
}
.searchTable
{
	padding-left: 5px;
	padding-bottom: 5px;
	width: 100%;
	padding-top: 2px;
	background-color: #fefee4;
	vertical-align: middle;
}
.tip
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	padding-bottom: 5px;
	color: #1a4d80;
	line-height: 15pt;
	padding-top: 0px;
	border-bottom: #e8e8e8 1px solid;
	font-style: italic;
	font-family: verdana;
	background-color: #fefee4;
}
.tipHead
{
	padding-right: 5px;
	border-top: #e8e8e8 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	padding-top: 5px;
	font-style: italic;
	font-family: verdana;
	background-color: #fefee4;
}
.headBar
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(../Images/headbar.jpg);
	color: #ffffff;
	padding-top: 4px;
	background-repeat: repeat-x;
	font-family: verdana;
	height: 24px;
	text-align: center;
}

.headBarNoBorder
{
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	font-family: verdana;
	text-align: center;
}

/******************************************/
/***			NAVIGATION BAR			***/
/******************************************/
.NavMenu
{
	font-weight: normal;
	font-size: 10px;
	color: #C4A16A;
	font-family: verdana;
	width: 150px;
	height: 100%;
	vertical-align: middle;
}
.NavMenuHi
{
	border-right: lightgrey 1px solid;
	padding-right: 3px;
	border-top: lightgrey 1px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 3px;
	vertical-align: middle;
	border-left: lightgrey 1px solid;
	width: 150px;
	color: #5B5B5B;
	padding-top: 3px;
	border-bottom: lightgrey 1px solid;
	font-family: verdana;
	background-color: white;
}
.NavMenuHiSub
{
}
.NavMenuItem
{
	border-right: #F3EAD9 1px solid;
	padding-right: 3px;
	border-top: #F3EAD9 1px solid;
	padding-left: 3px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 3px;
	vertical-align: middle;
	border-left: #F3EAD9 1px solid;
	width: 150px;
	color: #5B5B5B;
	padding-top: 3px;
	border-bottom: #F3EAD9 1px solid;
	font-family: verdana;
}
.NavMenuSub
{
	
}
/******************************************/
/***		TOP NAVIGATION BAR			***/
/******************************************/
.topNavItem
{
	font-weight: normal;
	font-size: 10px;
	/*background-image: url(../Images/menuBack.gif);*/
	vertical-align: middle;
	color: #333333;
	background-repeat: no-repeat;
	font-family: verdana;
	height: 20px;
}
.topNavBottomItem
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 10px;
	vertical-align: middle;
	color: white;
	font-family: verdana;
	height: 25px;
	text-decoration: none;
}

.topNavBottomSelected
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
	color: #FBBC68;
	font-family: verdana;
	text-decoration: none;
}
A.topNavBottomSelected:Link
{
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
	color: #FBBC68;
	font-family: verdana;
	text-decoration: none;
}
A.topNavBottomSelected
{
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
	color: #FBBC68;
	font-family: verdana;
	text-decoration: none;
}
A.topNavBottomSelected:Active
{
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
	color: #FBBC68;
	font-family: verdana;
	text-decoration: none;
}
.topNavItemSelected
{
	background-image: url(../Images/menuBackSelected.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: normal;
	font-size: 10px;
	color: white;
	font-family: verdana;
	vertical-align: middle;
}
.topNavHyperLinkBottom
{
	text-decoration: none;
	color: white;
}

.topNavHyperLinkTop
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
A.topNavHyperLinkTop:Active
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
A.topNavHyperLinkTop:Link
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
.topNavHyperLinkTopSelected
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
A.topNavHyperLinkTopSelected:Active
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
A.topNavHyperLinkTopSelected:Link
{
	text-decoration: none;
	font-weight : bold;
	color: white;
}
.topNavSeparator
{
	font-family : Verdana;
	font-size: 10px;
	color: silver;
}
.topNavTopCell
{
	/*border-top: #2e70A7 2px solid;*/
	background-image: url(../Images/topNavTopCell.jpg);
	background-repeat: repeat-x;
	height: 28px;
}
.topNavTopBottomStrip
{
	background-position: center bottom;
	background-image: url(../Images/topNavTopBottomStrip.jpg);
	background-repeat: repeat-x;
}
.topNavBottomCell
{
	background-image: url(../Images/topNavBottomCell.jpg);
	background-repeat: repeat-x;
	height: 25px;
}
/******************************************/
/***			DATAGRIDS				***/
/******************************************/
.gridItem
{
	padding-right: 5px;
	/*border-top: lightgrey 1px solid;*/
	padding-left: 5px;
	font-size: 10px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: white;
}
.gridAltern
{
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-size: 10px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: white;/*#fefee4*/
}
/*
.gridHeader
{
	border-right: #eeeeee 1px solid;
	border-top: #bebebe 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	border-left: #eeeeee 1px solid;
	color: white;
	border-bottom: #bebebe 1px solid;
	height: 30px;
	background-color: #969696;
}
*/
.gridHeader
{
	padding-right: 5px;
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 5px;
	color: #333333;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: whitesmoke;
}
.gridHeaderLeft
{
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 5px;
	border-left: lightgrey 1px solid;
	color: #333333;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: whitesmoke;
	padding-right: 5px;
	
}
.gridHeaderRight
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 5px;
	color: #333333;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	height: 25px;
	background-color: whitesmoke;
	padding-right: 5px;
	
}
.gridHeader A:Link
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.gridHeader A:Visited
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.gridHeader A:Active
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.gridHeader A:Hover
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.gridPager
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	height: 20px;
}
.gridPager A:Active
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: bold;
}
.gridPager A:Visited
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: normal;
}
.gridPager A:Link
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: normal;
}
.gridPager A:Hover
{
	font-size: 10px;
	color: #333333;
	font-family: verdana;
	font-weight: bold;
}
.grid
{
	width: 100%;
}
/******************************************/
/***			HELP PAGE				***/
/******************************************/
.helpFrame
{
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
	width: 94%;
	padding-top: 5px;
	height: 100%;
}
.helpNewspaperStyle
{
	line-height: 15pt;
}
.helpBottomNavigator
{
	
	padding-top: 25px;
}
.helpHyperlink
{
	font-size: 10px;
	color: blue;
	font-family: verdana;
	text-decoration: underline;
}
A.helpHyperlink:Hover
{
	font-size: 10px;
	color: blue;
	font-family: verdana;
	text-decoration: underline;
}
.helpBottomNavHyperlink
{
	font-size: 10px;
	color: blue;
	font-style: italic;
	font-family: verdana;
	text-decoration: underline;
}
.helpHeadBack
{
	background-color: white;
	height: 32px;
}
.helpHeadText
{
	font-size: 10px;
	font-weight: bold;
	color: black;
	font-family: verdana;
}
.helpNumber
{
	width: 20px;
	font-size: 10px;
	color: #333333;
	line-height: 12pt;
	font-family: verdana;
	vertical-align: top;
}
.helpListItem
{
	padding-bottom: 7px;
}
.helpText
{
	font-size: 10px;
	color: #333333;
	line-height: 12pt;
	font-family: verdana;
}
.helpSubHeading
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 6px;
	padding-top: 0px;
	color: #555555;
	font-family: verdana;
}
.helpNotesBullets
{
	
	font-size: 10px;
	vertical-align: top;
	color: #333333;
	line-height: 12pt;
	font-family: verdana;
}
.helpItemTitleHead
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 6px;
	color: #333333;
	font-family: verdana;
	height: 25px;
}
.helpItemTitle
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 6px;
	padding-top: 15px;
	color: #444444;
	font-style: normal;
	font-family: verdana;
}
.helpTable
{
	width: 100%;
}
/******************************************/
/***	PRINT PAGE HEADER AND FOOTER	***/
/******************************************/
.clock
{
	border-right: #5B5B5B 1px solid;
	border-top: #5B5B5B 1px solid;
	font-size: 10px;
	border-left: #5B5B5B 1px solid;
	border-bottom: #5B5B5B 1px solid;
	font-family: Verdana;
	color: White;
	background-color: #5B5B5B;
}
/******************************************/
/***	PRINT PAGE HEADER AND FOOTER	***/
/******************************************/
.printHeaderTable
{
	padding-bottom: 15px;
	width: 100%;
	border-bottom: #eeeeee 1px solid;
}
.printFooterTable
{
	padding-top: 6px;
	width: 100%;
	border-top: #eeeeee 1px solid;
}
/******************************************/
/***	VIEW PAGE STRUCTURE STYLES		***/
/******************************************/
.printHeaderCell
{
	vertical-align: top;
	height: 80px;
}
.printFooterCell
{
	vertical-align: bottom;
	height: 20px;
}
.printContentCell
{
	vertical-align: top;
	width: 100%
}

.printBodyTable  /*overall table*/
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
}
.printContentTable /*table in print content cell*/
{
	width: 500px;
}
.printButtonBase
{
	height: 30px;
}
.printHyperlink
{
	font-size: 10px;
	color: gray;
	font-family: tahoma;
	text-decoration: none;
}
A.printHyperlink:Link
{
	font-size: 10px;
	color: gray;
	font-family: tahoma;
	text-decoration: none;
}
/******************************************/
/***			NEWS MODULE				***/
/******************************************/
.newsCell
{
	background-color: whitesmoke;
}
.newsTitle
{
	font-size: 10px;
	color: #666666;
	font-family: verdana;
	font-weight: 900;
}
.newsAbstract
{
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	font-family: arial;
	text-align: justify;
}
.faq
{
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 10px;
	color: #333333;
	line-height: 13pt;
	font-family: verdana;
	text-align: justify;
}
.faqHyperlink
{
	font-size: 10px;
	color: #5F93BB;
	font-weight: normal;
	font-family: verdana;
	text-decoration: none;
}
A.faqHyperlink:Link
{
	font-size: 10px;
	color: #5F93BB;
	font-weight: normal;
	font-family: verdana;
	text-decoration: none;
}
A.faqHyperlink:Visited
{
	font-size: 10px;
	color: #5F93BB;
	font-weight: normal;
	font-family: verdana;
	text-decoration: none;
}
A.faqHyperlink:Active
{
	font-size: 10px;
	color: #5F93BB;
	font-weight: normal;
	font-family: verdana;
	text-decoration: none;
}
A.faqHyperlink:Hover
{
	font-size: 10px;
	color: #5F93BB;
	font-weight: normal;
	font-family: verdana;
	text-decoration: underline;
}

/******************************************/
/***			AGENT TREE				***/
/******************************************/
.dtree {
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #999999;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
/******************************************/
/***			QUICK LINKS 			***/
/******************************************/
.quickLink
{
	padding-left: 6px;
	font-size: 10px;
	padding-top: 5px;
}
.quickLinkList
{
	font-size: 10px;
}
.quickLinkHead
{
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-bottom: lightgrey 1px dotted;
}
.quickLinkHeadHyperlink
{
	font-size: 10px;
	color: #FBBC68;
	font-weight: bold;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHeadHyperlink:Link
{
	font-size: 10px;
	color: #FBBC68;
	font-weight: bold;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHeadHyperlink:Visited
{
	font-size: 10px;
	color: #FBBC68;
	font-weight: bold;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHeadHyperlink:Active
{
	font-size: 10px;
	color: #FBBC68;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHeadHyperlink:Hover
{
	font-size: 10px;
	color: #FBBC68;
	font-weight: bold;
	font-family: tahoma;
	text-decoration: underline;
}
.quickLinkHyperlink
{
	font-size: 10px;
	color: gray;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHyperlink:Link
{
	font-size: 10px;
	color: gray;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHyperlink:Visited
{
	font-size: 10px;
	color: gray;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHyperlink:Active
{
	font-size: 10px;
	color: gray;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: none;
}
A.quickLinkHyperlink:Hover
{
	font-size: 10px;
	color: gray;
	font-weight: normal;
	font-family: tahoma;
	text-decoration: underline;
}
/******************************************/
/***			Card Styles 			***/
/******************************************/
.cardItem
{
	font-weight: bold;
	font-size: 9px;
	color: #333333;
	font-family: tahoma;
}
.cardItemHead
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	font-family: tahoma;
}
.cardItemTitle
{
	font-weight: normal;
	font-size: 9px;
	color: #333333;
	font-family: tahoma;
}
.cardBack
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 8px;
	background-image: url(../images/cardbgd.jpg);
	padding-bottom: 10px;
	padding-top: 10px;
	background-repeat: repeat-x;
}
.cardBackLeft
{
	font-size: 8px;
	background-image: url(../images/cardbgd_Left.jpg);
	background-repeat: no-repeat;
}
.cardBackRight
{
	background-position: right top;
	font-size: 8px;
	background-image: url(../images/cardbgd_right.jpg);
	background-repeat: no-repeat;
}
.cardInstruction
{
	font-weight: normal;
	font-size: 9px;
	color: #333333;
	font-family: verdana;
	text-align: justify;
	font-style: normal;
	background-position: right bottom;
	background-image: url(../images/logofaded.gif);
	background-repeat: no-repeat;
}