/* core html styles */
body
{
	font-family: Arial;
	font-size:  smaller;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	text-align: left;	
	padding-left: 2px;
	background-color: #ECECEC;
}

body, td, div {font-family: Arial ! important; font-size: 100% ! important;}

/* class styles */

.templateTable {width: 700px; background-color: #FFFFFF;}
.templateBanner {border: solid 1px red; padding: 5px;}
.templateContentBody {border: solid 1px green; margin: 5px 0px; padding: 5px;}
.templateContentMain {width: 500px; vertical-align: top;}
.templateContentSide{width: 200px; vertical-align: top;}
.templateFooter {border: solid 1px blue;}

.infoPanel
{
	width: 100%;	
	background-color: #a9a9a9;	
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 5px;			
	color: White;
	font-weight: bold;
}

.infoPanel A
{
	color: White;
}

.mainTableLayout
{
	width: 800px;	
}

.logoArea
{
	width: 800px;	
	background-image: url(images/title.gif);
    background-repeat: repeat-x;
	color: White;
}

.logoAreaRight
{
	color: white;	
	text-align: right;
	font-weight: bold;
}

.logoAreaRight A
{
	color: white;	
	text-align: right;
	font-weight: bold;
}

.mainMenuBackground
{
	BACKGROUND-IMAGE: url(images/menu.gif);
	background-repeat: repeat-x;
}

.textColumn
{
	background: #d9dadc;	
	padding: 5px 5px 5px 5px;
}

/* edit mode controls */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	display: inline-block;
	color: Black;
}

.CMSPageManager
{
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}


/* Navigation controls */

/* tree menu */

.CMSTreeMenuTable { width:180px;}
.CMSTreeMenuItem { BACKGROUND: #ff8f2e; padding: 3px; border: 1px solid white; color: black}
.CMSTreeMenuSelectedItem { BACKGROUND: #e87511; padding: 3px; border: 1px solid white; }
.CMSTreeMenuLink { COLOR: black; TEXT-DECORATION: none }
.CMSTreeMenuSelectedLink { COLOR: black; TEXT-DECORATION: none }

/* main menu */

.CMSMenu { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-IMAGE: url(images/menu.gif); background-repeat: repeat-x; }
.CMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}

.SubmenuCMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; background-image: none; background: #ff8f2e}
.SubmenuCMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.SubmenuCMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: blue; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; }
.SubmenuCMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511;}
.SubmenuCMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511;}
.SubmenuCMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511;}


/* Content styles */


/* Image Gallery */

.ImageGalleryPager
{
	border: solid 1 black;
	padding: 2;
	margin: 5 0 5 0;
	text-align: center;	
}
.ImageGalleryPager div
{
	display: inline;
}
.ImageGalleryPagerPrevious
{
	width: 20%;
	text-align: left;
}
.ImageGalleryPagerNext
{
	width: 20%;
	text-align: right;
}

.ImageGalleryPager
{
	background-color: #fec698;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	width: 600px;
}

.ImageGalleryPagerPrevious
{
	float: left;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPagerNext
{
	float: right;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPreviewImage
{
	border-width: 0px;
}

.ImageGalleryDetailImage
{
	border-width: 0px;
}

.ImageGalleryParent
{
	padding: 2px 2px 2px 2px;
}

.ImageGalleryItem
{
	padding: 2px 2px 2px 2px;
}

/* Shopping Cart */

.CommerceCartHeader
{
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
}

/* Others */

.FormErrorLabel
{
  color: Red;
}

/* AHRGS Specific CSS */

/* Background */

.bg_DarkGreyFiller  { background-color: #DADBDD; }
.bg_White           { background-color: #FFFFFF; }
.bg_TopGreyGradient { width: 920px; height: 20px; background-image: url(../Images/bg_top_grey_gradient.jpg); background-repeat: repeat-x; }
.bg_LeftSideGreyGradient    { background-image: url(../Images/bg_left_grey_gradient.jpg); background-repeat: repeat-y; }
.bg_RightSideGreyGradient   { background-image: url(../Images/bg_right_grey_gradient.jpg); background-repeat: repeat-y; }
.bg_ContentLeftSideGreyGradient    { width: 23px; background-image: url(../Images/bg_content_left_gradient.gif); background-repeat: repeat-y; }
.bg_ContentRightSideGreyGradient   { width: 23px; background-image: url(../Images/bg_content_right_gradient.gif); background-repeat: repeat-y; }
.bg_BottomGreyGradient             { width: 884px; height: 30px; background-image: url(../Images/bg_bottom_grey_gradient.gif); background-repeat: repeat-x; }
.bg_BottomGreyGradientHome             { width: 884px; height: 30px; background-image: url(../Images/bg_bottom_grey_gradient_home.gif); background-repeat: repeat-x; }
.bg_ContentBottomGreyGradientHome      { height: 20px; background-image: url(../Images/bg_bottom_content_gradient.jpg); background-repeat: repeat-x; }
.bg_ContentBottomGrey              { height: 9px; background-image: url(../Images/bg_content_border_bottom.gif); background-repeat: repeat-x; }
.bg_ContentTop                     { height: 9px; background-image: url(../Images/bg_content_border_top.gif); background-repeat: repeat-x; }
.bg_ContentTopGreyGradient      { width:837px; height: 25px; background-image: url(../Images/bg_content_gradient_top.gif); background-repeat: repeat-x; }
.bg_ContentTopGreyGradientNoLine      { width:837px; height: 25px; background-image: url(../Images/bg_content_gradient_top_noline.gif); background-repeat: repeat-x; }
.bg_ContentBottomGreyGradient      { width:837px; height: 22px; background-image: url(../Images/bg_content_gradient_bottom.gif); background-repeat: repeat-x; }
.bg_ContentBorderGreyGradient      { width:20px; height: 543px; background-image: url(../Images/bg_content_grey_gradient.gif); background-repeat: repeat-x; background-color:#FAFAFA; }
.bg_ContentBorderGreyGradientFilling      { width:20px; background-color:#FAFAFA; }
.bg_ContentBorderGreyGradientFillingDark      { width:20px; background-color:#EFEFEF; }
.bg_ContentBorderLineRight         { width:1px; background-image: url(../Images/bg_content_border_line.gif); background-repeat: no-repeat; background-color:#F0F2F1; }
.bg_ContentBorderLeft              { width:4px; background-image: url(../Images/bg_content_border_left.gif); background-repeat: repeat-y; }
.bg_ContentBorderRight             { width:4px; background-image: url(../Images/bg_content_border_right.gif); background-repeat: repeat-y; }
.bg_LeftNavBorderLeft              { width:2px; background-image: url(../Images/bg_leftnav_border_left.gif); background-repeat: repeat-y; }
.bg_Nav                            { width:167px; /*background-image: url(../Images/bg_nav.gif); background-repeat: repeat-y;*/ vertical-align:top;}

.bg_Popup               { background-color: #fefefe; }
.bg_Popup_Gradient      { width: 100%; height: 100%; background-image: url(../Images/bg_popup.gif); background-repeat: repeat-x;  }
.bg_popup_border_left   { background-image: url(../Images/bg_popup_border_left.gif); background-repeat: repeat-y; }
.bg_popup_border_right  { background-image: url(../Images/bg_popup_border_right.gif); background-repeat: repeat-y; }

/* Div */
.leftNavPadding               { border-top: solid 1px #E9E9E9; width:15px; background-color:#FFFFFF; }
.leftNavPaddingNoline         { width:15px; background-color:#FFFFFF; }
.leftNavMenu            { width:160px; padding: 0px 0px 0px 3px; }

/* Left navigation */
/* .bg_Nav { background: url(../images/menu/nav_bg_tile.jpg) repeat-x;}*/
.bg_Nav IMG             { display: block; }
.bg_Nav A               { display: block;  color: #FFFFFF;	font-size: 0.8em; height:20px;	font-weight: bold;	line-height: 21px;	padding-left: 26px;	background-image: url(../images/menu/nav_bullet_arrow.gif);	background-position: 14 8;	background-repeat: no-repeat;	padding-right: 20px;text-decoration: none; }
.bg_Nav A.selected      { background: url(../Images/menu/bg_leftnav_selected.jpg); }
.bg_Nav A:hover         { text-decoration: underline; }


#headerShadow {
	position: absolute;
	top: 90px;
}

A {
	color: #3097EB;
}

.content {
/*	background: url(../images/framework/bg_tile_content.gif) repeat-x; */
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 19px;
	padding-right: 25px;
	font-size: 0.75em;
	color: #1B527D;
}

.contentHomepage {
/*	background: url(../images/framework/bg_tile_content.gif) repeat-x; */
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 19px;
	padding-right: 25px;
	font-size: 0.75em;
	color: #1B527D;
	width: 324px;
	float: left;
}

* html .contentHomepage {
	width: 368px;
}

.content P {
	font-size: 0.75em;
	color: #1B527D;
}

.contentHomepage P {
	font-size: 0.75em;
	color: #1B527D;
}

.content_main {
	background: url(../images/framework/bg_tile_content.gif) repeat-x;
	padding-top: 10px;
	padding-bottom: 22px;
	padding-left: 19px;
	padding-right: 19px;
	font-size: 0.75em;
	color: #1B527D;
}

H1 {
	font-size: 1.0em;
	margin: 0px;
}

H2 {
	font-size: 0.95em;
	margin: 0px;
}

H3 {
	font-size: 0.9em;
	margin: 0px;
}

H4 {
	font-size: 0.85em;
	margin: 0px;
}

.navContainer {
	background: url(../images/menu/nav_bg_tile.jpg) repeat-x;
	background-color: #FFFFFF;
	margin: 0px;
}

.navItem {
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 26px;
	background-image: url("../images/menu/nav_bullet_arrow.gif");
	background-position: 14 8;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.navItem a {
	color: #FFFFFF;
	font-size: 0.8em;
	text-decoration: none;
}

.navItem a:hover {
	text-decoration: underline;
}

.subnavItem {
	color: #FFFFFF;
	line-height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 38px;
	background-image: url("../images/menu/nav_bullet_dash.gif");
	background-position: 27 7;
	background-repeat: no-repeat;
	padding-right: 15px;
}

.subnavItem a {
	font-size: 0.7em;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: underline;
}

.navDivider {
	text-align: center;
/*	margin: 0px;
	padding: 0px;
	height: 2px;*/
}

.rightColumn 
{
	float:right;
	width:246px;
	/* padding-left:5px;
	border: 1px solid #000000; */
}

.themeImage 
{
	display: block;
}

.themeImageText 
{
	border: 0px solid #000000;
	float:left;
	width:226px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 11px;
	color: #0F6DB7;
	font-size: 5px;
}

* html .themeImageText {
	width: 246px;
	padding-top: 11px;
}

.footerNav {
	color: #FFFFFF;
	font-size: 12px;
}

.footerNav a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.footerNav a:hover {
	text-decoration: underline;
}

.pageHeader {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
}

/* Profile */
.divProfileRight {
	margin-left: 20px;
}

.profileName {
	font-size:15px;
	font-weight:bold;
	margin-top: 5px;
	display:block;
}

.profileTitle {
	font-size: 11px;
	font-style: normal;
	color: #3097EB;
	display: block;
}

.profileDetails {
	margin-top: 10px;
	display:block;
}

UL {
	font-size: 0.75em;
	list-style: none;
	margin-top: 5px;
	margin-left: -20px;
}

LI {
	line-height: 150%;
	padding-left: 10px;
	background-image: url("../images/framework/bullet_arrow.gif");
	background-position: 0 5;
	background-repeat: no-repeat;
}

* HTML UL {
	margin-left: 20px;
}

* HTML LI {
	background-position: 0 6;
}


.breadcrumbs {
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 0.7em;
}