html
{
	overflow-y: scroll
}

/* set form margin to 0 so the modal popups look right. this can be removed once reset.css is used */
form
{
	margin: 0
}

#pageContent
{
	clear: both;
	width: 950px; margin: auto;
}

#pageContentMargin
{
	margin: 10px;
}

body {
	font-family: arial, sans-serif; font-size: 12px; line-height: 15px; color: #2A2221; text-decoration: none; margin:0;
	background-color: #fff;
}

.hide, .hideUntilPageLoaded, .hideFromAVN
{
	display: none;
}

.noPadding
{
	padding: 0 !important
}

.noMargin
{
	margin: 0 !important
}

.clearFloats, .clear
{
	clear: both;
}

a {
	color: #1111CC; 
}

.namedAnchor, .namedAnchor:hover {
	color: #2A2221;
}

.headline1, .headline2, .headline3, .heading1{
    font-family: georgia, sans-serif;
}

.headline1, .heading1{
    font-size: 24px; line-height: 27px;
}

.headline2 {
	font-size: 18px; line-height: 21px;
}

.headline3 {
	font-size: 14px; line-height: 17px;
}

.headline4, .headline5 {
	font-weight:bold;
}

.noIndent {
	margin-left: 0
}

a.etControl:link, a.etControl:visited, a.etControl:active, a.etControl:hover
{
	color: #2A2221; 
}

.etControl
{
	text-decoration: none;
}

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

a.colouredDecorated:link {
	text-decoration:none;
}

a.colouredDecorated:visited {
	text-decoration:none;
}

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

a.colouredDecorated:active {
	text-decoration:none;
}

.banner-heading{
	background: #D4081C; font-size: 18px; color: #FFFFFF; font-weight : normal;
}

.colouredsmall {
	font-size: 12px; line-height: 15px;
}

.menu-heading {
	font-weight : bold; padding-left:2px;
}

body.mainFrame {
	background-color: #FFFFFF; margin:0px;
}

/*contrasting background for content table headers e.g. light yellow with smallText*/
.hdrColourSmallText	{
	font-size: 12px; text-decoration:none;background:#EEEEEE;
}

.info-heading-row {
	background: #D4081C; font-size: 12px; color: #FFFFFF; font-weight : bold; line-height:14px;
}

/*default height for form fields, except textareas*/
input {
	height:16px; 
}

select {
	height:22px; 
}

textarea {
	height:220px; 
}
.textboxes	{
	width:220px;
}

/*default style for block elements, all are listed to ensure various browsers pick up the right style*/
p {
	margin-left:12px;
}

th {
	font-weight:bold
}


hr	{
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	width:96%;
}

/* the following three classes will be deleted soon */
.borderColour {
	border-style:solid;border-width:4px;border-color:#FFFF66
}

.normalSizeText {
	font-size: 12px; vertical-align: top; text-align: left;
}

.smallText {
	font-size: 12px; vertical-align: top; 
}

.smallTextMiddle {
	font-size: 12px; vertical-align: middle; 
}

.verySmallText {
	font-size: 12px; vertical-align: top; 
}

.onePixel {
	line-height:1px;
}

.checkboxAlignLeft {
	margin-left:-3px
}

.checkboxAlignBottom {
	margin-bottom:-2px
}

.errorColour {
	text-decoration:none; font-weight:bold; color: #CC0033;
}

.etInfoBox	{
	width:944px;padding:2px;border:1px solid #008800
}

.errorBox	{
	width:944px; padding:2px; border:1px solid #FF0000;
}

.errorBoxWithScroll	{
	width:944px; padding:2px; border:1px solid #FF0000; height: 65px; overflow: auto;
}

.requiredBox	{
	width:944px;padding:2px;border:1px solid #0000FF;
}

.requiredBoxWithScroll	{
	width:944px;padding:2px;border:1px solid #0000FF; height: 65px; overflow: auto;
}

.warningBox	{
	width:944px;padding:2px;border:1px solid #000066;
}

.warningBoxWithScroll	{
	width:944px;padding:2px;border:1px solid #000066; height: 65px; overflow: auto;
}

input.button, input.standardButton, input.largeButton, input.extraLargeButton, input.extraLargeButton, input.standardReverseButton, input.largeReverseButton {
	font-weight: bold; cursor:pointer; height: 24px;
}

/* disabled button style for ie10 */
input[type="button"]:disabled, input[type="submit"]:disabled {
	color: #A4A4A4 !important;
	text-shadow: 1px 1px 1px #FFF;
}

/*
CA - heading1 style now defined under headline1 styles (see above)
.heading1 {
	font-size:16px; font-weight:bold;
}*/

/*CA - instances of heading1 have been migrated to use contentHeading and heading1 changed to be the same as 
headline1.  This is a work around to avoid the need to change all content pages that use heading1 for
 the page heading style and to keep consistent with those pages that use headline1.  */
.contentHeading {
	font-size:16px; font-weight:bold;
}

.heading2 {
	font-size:14px; font-weight:bold;
}

.heading3 {
	font-weight:bold;
}

h1 {
	font-family: georgia, sans-serif; font-size: 24px; line-height: 27px; color: #D3091D; font-weight: normal; margin-left:6px;
}

h2 {
	font-size:14px; font-weight:bold; margin-left:8px;
}

h3 {
	font-size:12px; font-weight:bold; margin-left:10px;
}


/* infobox and links box link styles, used on the home page */

.info-heading {
	font-weight : bold; line-height:17px;
}

a.spartan:link {
	color: #2A2221; text-decoration:none;
}

a.spartan:visited {
	color: #2A2221; text-decoration:none;
}

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

a.spartan:active {
	color: #2A2221; text-decoration:none;
}

.infoError {
	background-color:#FF0000;
}

/*contrasting background for content table headers */
.hdrColour      {
		background:#EEEEEE
}
/*contrasting background for content table headers */
.hdrColourTwo   {
		background:#EEEEEE
}

/* used to space out the links on landing pages, sitemap etc */
.landingPageLink {
	margin-top: 5px;
	margin-bottom: 5px;
}

.sitemapLink {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.left, #headerLogo, #clientSearch, #clientSearchFindText, #clientSearchInput, #clientSearchInText, #clientSearchSelect, #clientSearchButton, #footerSupportNumber
{
	float: left;
}

.right, #headerUserProfile_iol, #headerUserProfile_avn, a#headerLinks, #userProfileTable_HEADER, #footerLinksDiv, #footerLinksTable
{
	float: right;
}

.headlinePadding
{
	padding-bottom: 8px; 
}

.productFormDescription
{
	padding-top: 8px;
	padding-bottom: 20px;
}

.underline 
{
	text-decoration:underline;
}

.hidden
{
	display: none;
}

.italic 
{
    font-style: italic;
}
/*=====================================================================================*/
/*-------------MENU STYLES BELOW-------------------------------------------------------*/
/*=====================================================================================*/

.menuOn
{
	background: url('/avnimages/sealcorp/menu_tab.gif') no-repeat right;
	text-decoration: none;
}

.menuOff
{
	background: none;
	text-decoration: none;
}

.menuSelected
{
	background-color:#ffffff;
	text-decoration: none;
	border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
}

/*=====================================================================================*/
/*-------------COMMON HEADER AND FOOTER STYLES BELOW-----------------------------------*/
/*=====================================================================================*/

#headerBackground, #header 
{
	min-width: 950px;
	height: 100px;
}

#header
{
	width: 950px; margin: auto; position: relative;
}

#headerLogo
{
	margin-top: 15px;
}

#clientSearch
{
	margin-top: 40px; margin-left: 10px;
}

#headerUserProfile_avn
{
	margin-top: 17px;
}

#headerUserProfile_iol
{
	/*absolute positioning used because width of IOL logo (650px) forces this element down below logo when float:right used*/
	position: absolute; top: 25px; right: 0px;
}

#clientSearchFindText
{
	width: 40px; text-align: left; margin-top: 2px;
}

#clientSearchInput
{
	width: 220px; font-size: 0;
}

#clientSearchInText
{
	width: 30px; text-align: center; margin-top: 2px;
}

#clientSearchSelect
{
	width: 84px;
}

.headerText, .headerTextDark, .headerTextLight, .headerTextBold, .headerTextGrey, .searchText, .userProfileLabel, .userProfileValue, a#headerLinks, a#footerLinks,.searchInputSelect, .headerCellText
{
	font-size: 14px; font-family: Arial; line-height: 17px;
}

.headerTextDark
{
	color: #2A2221;
}

.headerTextLight, .headerTextBold
{
	color:#FFF;
}

.headerTextBold
{
	font-weight:bold;
}

.headerTextGrey
{
	color:#CCC;
}

.searchTextGrey, .searchTextDark
{
	font-size: 12px; font-family: Arial; line-height: 15px; color:#CCC;
}

.searchTextGrey
{
	color:#CCC;
}

.searchTextDark
{
	color:#2A2221;
}

.headerCell
{
	padding: 0px; vertical-align: top; border: 0px; margin: 0px; border-collapse: collapse;
}

.userProfileLabel, .userProfileValue
{
	text-align: left;
}

a#headerLinks 
{
	text-decoration:underline; color:#FFF;
}

a#headerBuildLink 
{
	color:#FFF;
}

input.searchInputText
{
	height: 15px; line-height: 16px; width: 215px;
}

select#searchSelect
{
	padding: 2px; font-size: 12px; font-family: Arial; line-height: 15px;
}

#clientSearchButton {
	margin-top: -1px; 
}

#userProfileTable_HEADER
{
	table-layout:fixed; width: 250px;
}

.userProfileLabelCell_avn
{
	width:50px;
}

.userProfileLabelCell_iol
{
	width:60px;
}

.userProfileValueCell_avn
{
	width:140px;
	text-align: left;
}

.userProfileValueCell_iol
{
	width:200px;
	text-align: left;
}

.userProfileLinkCell
{
	width:50px;
}


.userProfileValue 
{
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;
}

#breadCrumbs_TOP, #breadCrumbs_BOTTOM
{
	font-size: 12px; line-height: 40px; width: 950px; margin: auto;
}

#breadCrumbs_TOP
{
	border-bottom: 1px solid #CCC;
}

#breadCrumbs_BOTTOM
{
	border-top: 1px solid #CCC;
}

#mainMenuBar 
{
	min-width:950px;
    height: 40px;
    background-image: url('/avnimages/sealcorp/menu_background.jpg');
}

/**Added For Footer Components**/

#footer
{
	width: 950px; margin: auto; position: relative;
}

.footerBGColour
{
	background-color: #EfEfEf;
}

.rightborder {
	border-right: 1px solid #808080; border-height: 50px;
}

a#footerLinks 
{
	font-size: 14px;
}
.footerText{
	color:#2A2221;	font-size: 14px;
}

.footerTable
{
	color:#2A2221;	font-size: 14px;
}

#footerGradient
{
	clear: both;
	min-width: 950px;
}

#footerBackground
{
	min-width: 950px;
	height: 74px;
}


#footerSupportNumber
{
	padding-top: 2px;
}

#footerLinksDiv
{
	padding-top: 2px; width: 400px;
}

/* The following styles are used to ensure footer is always placed at bottom of screen or content depending on which is taller*/

/*stretch html, body and container elements to full window height. 
Note: to make page container inherit body overflow use min-height property. 
IE6 or earlier does not support this, so we have to make sure that IE, but only IE, applies height property to fix it.*/
html, body, #container
{
	height: 100%;
}

body > #container
{
	height: auto; min-height: 100%;
}


/*
footer positioning
height, margin-top must be equal and opposite.  Height must also equal padding-bottom of #content style
height = height of 1px grey horizontal line (1px) + breadcrumbs (40px) + footer gradient (20px) + footer (74px)
*/
#footerContainer {
	height: 135px; clear: both; position: relative; z-index: 10; margin-top: -135px;
} 
	
/*
Prevent page content from rendering behind the footer
padding-bottom must equal height of footerContainer
*/
#content
{
	padding-bottom: 135px;
}

/*=====================================================================================*/
/*-------------COMMON HEADER AND FOOTER STYLES ABOVE-----------------------------------*/
/*=====================================================================================*/

/*Watermark on the textbox - Used in the Autocomplete fields*/
.WaterMarkedTextBox
{
	color: gray;
}

.textIndent {
	padding-left: 	15px; 
	text-indent : 	-15px;
}

.no-indent {
    margin:0px;
    padding:15px;
}

.align-right {
    text-align: right;
}

.line-border {
    border-top: 1px solid #CCC;
    width: 100%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
} 

/*=====================================================================================================*/
/*collapse component styles (see au.com.sealcorp.avn.util.struts2.component.collapse.CollapseComponent)*/
/*=====================================================================================================*/

.collapseContainer
{
	clear: both;
	overflow: hidden;
}

.borderBottom
{
	border-bottom: 1px solid #CCC;
}

.borderTop
{
	border-top: 1px solid #CCC;
}

.msg_head, .msg_head_no_pointer 
{
	color:#2A2221;
	line-height: 64px;
}

.msg_head 
{
	cursor: pointer;
}

.msg_body 
{
	padding-bottom: 20px;
}

.icon
{
	float: left;
	width: 27px;
	margin-top: 24px;
}

.icon:hover
{
	cursor: hand;
}

.collapseItem
{
	float: left;
	min-height: 64px;
}

.collapseItemSmall
{
	float: left;
	min-height: 24px;
}

/*=====================================================================================================*/
/*collapse component styles (see au.com.sealcorp.avn.util.struts2.component.collapse.CollapseComponent)*/
/*=====================================================================================================*/

/*=====================================================================================================*/
/*tab menu styles (overrides styles in jquery.ui.all.css)
/*=====================================================================================================*/

.ui-widget-content
{
	border: none;
}

.ui-tabs .ui-tabs-panel
{
	border-top: 1px solid #E6E6E6  !important;
	margin-left: 0px;
}

#tabLoadingGraphic 
{
	float: right;
	position: relative;
	display: none;
}

input, select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

/*=====================================================================================================*/
/*tab menu styles (overrides styles in jquery.ui.all.css)
/*=====================================================================================================*/

/*=====================================================================================================*/
/*button styles
/*=====================================================================================================*/

.art-button:hover
{
	color: #2A2221 !important;
	text-decoration: none !important;
}

.buttonFont {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.art-button-wrapper, .art-button-wrapper-disabled
{
	display:inline-block; /*generates a inline box (no line break before or after the element)*/
	position:relative;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.art-button-wrapper .art-button, .art-button-wrapper-disabled .art-button
{
	display:block; /*generates a block box (a line break before and after the element)*/
	width: auto;
	white-space: nowrap;
	text-align: left;
	outline:none;
	overflow: visible;
	cursor: default;
	margin:0 !important;
	border:none;
	background:none;
	text-decoration: none !important;
	color: #2A2221;
	z-index:0;
	cursor: pointer;
}

.art-button-wrapper.active .art-button
{
	color: #2A2221 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r, .art-button-wrapper-disabled .l, .art-button-wrapper-disabled .r
{
	display:block;
	position:absolute;
	z-index:-1;
}

.art-button-wrapper .l, .art-button-wrapper-disabled .l
{
	left:0;
	right:5px;
}

.art-button-wrapper .r, .art-button-wrapper-disabled .r
{
	width:411px;
	right:0;
	clip: rect(auto auto auto 406px);/*clip can only be used on absolutely positioned elements - remove commas for cross browser format*/
}

.art-button-wrapper-small-disabled a,
.art-button-wrapper-standard-disabled a,
.art-button-wrapper-large-disabled a,
.art-button-wrapper-small-disabled input,
.art-button-wrapper-standard-disabled input,
.art-button-wrapper-large-disabled input
{
	color: grey !important;
}

/*=============================== small size button ===============================*/
input.spartanButtonSmall {
	height: 24px;
	padding: 0 5px !important;
}

.art-button-wrapper-small, .art-button-wrapper-small-disabled
{
	height: 24px;
}

.art-button-wrapper-small .art-button, .art-button-wrapper-small-disabled .art-button
{
	height: 24px;
	line-height: 24px;
	padding: 0 10px !important;
}

.art-button-wrapper-small .l, .art-button-wrapper-small .r,
.art-button-wrapper-small-disabled .l, .art-button-wrapper-small-disabled .r
{
	height: 72px; /*height of background image*/
	background-image: url('/avnimages/sealcorp/button_24.png');
}

.art-button-wrapper-small:hover .l, .art-button-wrapper-small:hover .r
{
	top: -24px;
}

.art-button-wrapper-small:active .l, .art-button-wrapper-small:active .r
{
	top: -48px;
}

/*=============================== standard size button ===============================*/
input.spartanButton {
	height: 29px;
}

.art-button-wrapper-standard, .art-button-wrapper-standard-disabled
{
	height: 29px;
}

.art-button-wrapper-standard .art-button, .art-button-wrapper-standard-disabled .art-button
{
	height: 29px;
	padding: 0 15px !important;
	line-height: 29px;
}

.art-button-wrapper-standard .l, .art-button-wrapper-standard .r,
.art-button-wrapper-standard-disabled .l, .art-button-wrapper-standard-disabled .r
{
	height: 87px; /*height of background image*/
	background-image: url('/avnimages/sealcorp/button_29.png');
}

.art-button-wrapper-standard:hover .l, .art-button-wrapper-standard:hover .r
{
	top: -29px;
}

.art-button-wrapper-standard:active .l, .art-button-wrapper-standard:active .r
{
	top: -58px;
}

/*=============================== large size button ===============================*/
input.spartanButtonLarge {
	height: 33px;
}

.art-button-wrapper-large, .art-button-wrapper-large-disabled
{
	height: 33px;
}

.art-button-wrapper-large .art-button, .art-button-wrapper-large-disabled .art-button
{
	height: 33px;
	padding: 0 15px !important;
	line-height: 33px;
}

.art-button-wrapper-large .l, .art-button-wrapper-large .r,
.art-button-wrapper-large-disabled .l, .art-button-wrapper-large-disabled .r
{
	height: 99px; /*height of background image*/
	background-image: url('/avnimages/sealcorp/button_33.png');
}

.art-button-wrapper-large:hover .l, .art-button-wrapper-large:hover .r
{
	top: -33px;
}

.art-button-wrapper-large:active .l, .art-button-wrapper-large:active .r
{
	top: -66px;
}

/*=====================================================================================================*/
/*disabled button styles
/*=====================================================================================================*/

.art-button-wrapper-disabled .art-button
{
	color: #919191 !important;
}

/*=====================================================================================================*/
/*modal popup styles
/*=====================================================================================================*/
/* override the width on each screen as required */
.modalContainer
{
	width: 500px;
}
	
.modalIcon
{
	padding: 10px;
	float: left;
}
	
/* override the width on each screen as required */
.modalContent
{
	width: 400px;
	float: left;
}

.modalHeadline
{
	margin-top: 17px; /*gives a total margin to top edge of popup of 30px*/
}

.modalBody
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.horizontalLineTop
{
	border-top: 1px solid #CCCCCC;
}

.modalButtonText
{
	padding-left: 5px;
	float: left;
	line-height: 34px;
}
	
.modalButton
{
	float: left;
	margin-left: 7px;
}
	
.modalButtonContainer
{
	clear: both;
	overflow: auto;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
	
.modalButtons
{
	float: right;
}

div.modal
{
	width:400px;
}
div.modalLong
{
	height: 300px;
	overflow: auto;
	position: relative;
}
div.modalLong .styled-table tbody
{
	height: 300px;
}
div.modalLong .styled-table tbody tr
{
	height: 20px;
}

.modalContentSmall
{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*=====================================================================================================*/
/*modal popup styles
/*=====================================================================================================*/

/*=====================================================================================================*/
/*display bar styles
/*=====================================================================================================*/
#displayBar {
	line-height:		42px;
	color:				#919191;
	width: 				920px; 
	margin: 			auto; 
	padding-left: 		15px; 
	padding-right: 		15px; 
	background-color: 	#E6E6E6; 
	border-bottom: 		1px solid #CCC;
}



/*=====================================================================================================*/
/*display bar styles
/*=====================================================================================================*/

/*=====================================================================================================*/
/*toolbar styles
/*=====================================================================================================*/
.contextualToolbar {
    background-image: url('/avnimages/sealcorp/action_bar_bg.jpg');
	height: 30px;
	width: 944px;
	float: left;
}

.contextualToolbarLeft {
    background-image: url('/avnimages/sealcorp/action_bar_bg_left.jpg');
    background-repeat: no-repeat;
	height: 30px;
	width: 2px;
	float: left;
}

.contextualToolbarRight {
    background-image: url('/avnimages/sealcorp/action_bar_bg_right.jpg');
    background-repeat: no-repeat;
	height: 30px;
	width: 2px;
	float: left;
}

 .contextualToolbar .leftButton, .contextualToolbar .leftButton:hover, .contextualToolbar .rightButton, .contextualToolbar .rightButton:hover {
    border: none;
    padding: 2px 8px;
    height: 30px;
	font-size:		14px;
    font-weight: bold;
    font-style: normal;
    font-family: Arial, Sans Serif;
    overflow:visible;
}

.contextualToolbar .leftButton {
    background: url('/avnimages/sealcorp/right_off.jpg') no-repeat top right;
    color: #474747;
}

.contextualToolbar .leftButton:hover, .contextualToolbar .leftButtonHover {
    background: url('/avnimages/sealcorp/right_on.jpg') no-repeat top right;
    color: #2A2221;
}

.contextualToolbar .rightButton {
    background: url('/avnimages/sealcorp/left_off.jpg') no-repeat top left;
    color: #474747;
    float: right;
}

.contextualToolbar .rightButton:hover, .contextualToolbar .rightButtonHover {
    background: url('/avnimages/sealcorp/left_on.jpg') no-repeat top left;
    color: #2A2221;
}

.contextualToolbar .toolbarButton-disabled, .contextualToolbar .toolbarButton-disabled:hover, .contextualToolbar .toolbarButton-disabled-hover {
	color:			#919191;
}
/*=====================================================================================================*/
/*toolbar styles
/*=====================================================================================================*/

/**
 * Table styles for screens such as Client Query based on style guide 
 */
.styled-table {
  border-collapse: collapse;
}
.styled-table .align-left {
  text-align: left;
}
.styled-table .align-right {
  text-align: right;
}
.styled-table .align-center {
  text-align: center;
}
.styled-table th, .styled-table td {
  padding: 2px;
}
.styled-table th {
    text-align: inherit;
}
.styled-table th {
  color: #FFF;
  font-weight: bold;
  background-color: #000;
  padding: 6px 2px 6px 2px;
}
.styled-table th a {
  color: #FFF;
  text-decoration:none;
}
.styled-table .modal {
  border-bottom: 1px solid #474747; 
}
.styled-table .modal th {
  background-color: #CCC; 
  color: #2A2221;
}
.styled-table td {
  background-color: #E6E6E6;
  vertical-align: top;
  border-bottom: 1px solid #E6E6E6;
  padding: 7px 2px 7px 2px;
}
.styled-table .alternate-row td {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}
.styled-table .last-row td {
  border-bottom: 1px solid #E6E6E6;
}
.styled-table .selected-row td {
  background-color: #D4EFFF;
  border-bottom: 1px solid #AFE1FF;
}
.styled-table .totals-row td {
  font-weight: bold;
  background-color: #FFF;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding-left: 12px;
}
.styled-table tfoot td {
  color: #2A2221;
  background-color: #CCC;
  vertical-align: middle;
  padding: 6px 2px 10px 2px;
}
.styled-table tfoot td a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.styled-table tfoot td a img {
  position: relative;
  top: 3px;
}
.styled-table tfoot td a.unavailable {
  color: #808080;
  cursor: inherit;
}
.styled-table tfoot td a.unavailable img {
  opacity: 0.5;
}

.styled-table .sortLink:hover {
	text-decoration: underline;
}

.mid-table-border {
    border-right: 10px solid white;
}

/* Hide section component styles */
.collapsableComponentHeader {
  width: 950px;
}

.collapsableComponentLink {
  text-decoration: none !important;
}
.collapsableComponentLink span {
  text-decoration: underline !important;
}

#advancedSearchArea .collapsableComponentHeader .collapsableComponentLink {
	position: relative;
	left: 210px;
}
.collapsableArea .collapsableArea .collapsableComponentHeader .collapsableComponentLink span {
	padding-left: 20px;
}

/* Ajax spinner */
.field-ajax-spinner {
	position: relative;
	padding: 2px;
	left: 1px;
	top: 3px;
}
#queryButtonCell .field-ajax-spinner {
	top: -7px;
}

.row-ajax-spinner {
	position: relative;
	width: 100%;
	height: 52px;
}

.row-ajax-spinner-img
{
	position: relative;
	top: 10px;
}

/* Modal dialog field popup */
#fancybox-outer {
	background-color: transparent !important;
}
div.modalContainer {
	background-color: #FFF;
	padding:		  10px;
}
.cancelModalButton a {
	text-decoration: underline;
	cursor: pointer;
	color: #FF0000;
}

/*=====================================================================================================*/
/*superfish menu styles
/*=====================================================================================================*/

.sf-menu, .sf-menu * {
	font: bold 14px Arial;
	color: #2A2221;
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:11;
}
.sf-menu {
	line-height:	15px;
	font: bold 14px Arial;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	font: bold 14px Arial;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		11;
}
ul.sf-menu u li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.5em .5em;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #474747;
}

.sf-menu li {
	background-image:		url('/avnimages/sealcorp/middle_off.jpg'); /*background of menu items (default state)*/
	background-position:	right top;
	background-repeat:		no-repeat;
}

.sf-menu li a {
	color: #474747;
}

.sf-menu li li {
	background:		#FFF;
	border-left:	1px solid #CCC;
}

.sf-menu li li a {
	font-weight: normal;
	font-size: 12px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-image:		url('/avnimages/sealcorp/middle_on.jpg');
	background-position:	right top;
	background-repeat:		no-repeat;
	color: #2A2221;
	
}

.sf-menu-disable :hover, .sf-menu-disable .sfHover,
.sf-menu-disable a:focus, .sf-menu-disable a:hover, .sf-menu-disable a:active,
.sf-menu-disable a, .sf-menu-disable a:visited {
    color: #919191 !important;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu  li li a:active {
	background:		#D4EFFF;
}

/*** arrows **/
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.2em;
	top:			0.7em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/avnimages/sealcorp/menu_arrow.gif') no-repeat 0 0; 
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.sf-menu a.sf-with-ul {
	padding-right: 	40px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/* point right for anchors in subs */
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/avnimages/sealcorp/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*=====================================================================================================*/
/*superfish menu styles
/*=====================================================================================================*/

/**
 * Table styles
 */
 
 .tableStylesNotesRow {
	background-color: #CCCCCC;
  	vertical-align: top;
}

.bottomBorder {
	background-color: #FFFFFF;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}

.topBottomBorder {
	background-color: #FFFFFF;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	vertical-align: top;
  	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.bottomBorderData {
	background-color: #FFFFFF;
  	height: 24px;
  	vertical-align: top;
	border-bottom: 1px solid #808080;
}

.bottomBorderAlternateData {
	background-color: #E6E6E6;
  	height: 24px;
  	vertical-align: top;
	border-bottom: 1px solid #808080;	
}

.bottomNoBorderAlternateData {
	background-color: #E6E6E6;
  	height: 24px;
  	vertical-align: top;
}

ul.unorderedListStyle li {
	margin-top: 6px;
}

ol.orderedListStyle {
	margin-left: 27px;
}

ol.orderedListStyle li {
	margin-top: 6px;
} 

.redColor{
    color: #F00;    
}

.date-input {
  background-image:url('/avnimages/sealcorp/date_selector_16.png');
  background-repeat:no-repeat;
  background-position: right;
  border: inset 1px #F0F0F0;
}

li.error-li {
   list-style-image:  url('/avnimages/sealcorp/error_16.png');
   margin:0px;
   padding-left: 5px;
}
li.warning-li {
   list-style-image:  url('/avnimages/sealcorp/warning_16.png');
   margin: 0px;
   padding-left: 5px;
}

.pageError {
    border: 1px solid #D3091D;
    padding: 10px;
}

.pageError ul {
    margin: 0px;
    padding-left: 30px;
}
.pageMessage {
    border: 1px solid #1111CC;
    padding: 10px;
}
.pageMessage ul {
    margin: 0px;
    padding-left: 30px;
}
li.message-li {
   list-style-image:  url('/avnimages/sealcorp/info_16x16.png');
   margin: 0px;
   padding-left: 5px;
}

.error-input {
	border: 1px solid #D3091D !important;
}

/*=====================================================================================================*/
/*workflow styles
/*=====================================================================================================*/
.workflow-tab
{
    font-size: 14px;
    font-style: normal;
    font-family: Arial, Sans Serif; 
    line-height: 45px;
    font-weight: bold;
}
.workflow-tab div
{
    float: left;
}
.workflow-navigation
{
    float: right;
    line-height: 40px;
}
.workflow-tab .active 
{
    background-image: url('/avnimages/sealcorp/progress_bar_blue_bg.gif');
    color: #0F7FB8;

}
.workflow-tab .separator 
{
    width: 27px;
    padding-left: 0px;
    padding-right: 0px;
}
.workflow-tab .separator-grey 
{
    background-image: url('/avnimages/sealcorp/progress_bar_grey.gif');
}
.workflow-tab .separator-blue-right 
{
    background-image: url('/avnimages/sealcorp/progress_bar_right_blue.gif');
}
.workflow-tab .separator-blue-left 
{
    background-image: url('/avnimages/sealcorp/progress_bar_left_blue.gif');
}
.workflow-tab .selectable, .workflow-tab .selectable a, .workflow-tab .completed
{
    background-image: url('/avnimages/sealcorp/progress_bar_grey_bg.gif');
    color: #474747;
}
.workflow-tab .unselectable
{
    background-image: url('/avnimages/sealcorp/progress_bar_grey_bg.gif');
    color: #AAA;
}
/*=====================================================================================================*/
/*workflow styles
/*=====================================================================================================*/


/*=====================================================================================================*/
/*Table styles for Client report screen
/*=====================================================================================================*/
.lightBorder
{
	border-style: solid; border-width: 1px; border-color: lightgray;
}
/*=====================================================================================================*/
/*Table styles for Client report screen
/*=====================================================================================================*/