@charset "utf-8";
/* CSS Document */

/* This is the main stylesheet in use by the online payment request system */

body {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px;
	
	background: #999999;
	background-image:url(images/stripey.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
	}

td		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; }
th		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; }
select	{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }
h2		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; padding-top: 24px; color:#5b622a; }
h3		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; padding: 0; }
h4		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; padding: 0; color: #5b622a; }
ul		{ margin-top: 0; }

/* A:link		{ text-decoration: underline; color: #0000ff;} */
/* A:visited	{ text-decoration: none; color: #6699cc; } */
/* A:active	{ text-decoration: none; color: #ff0000; } */
/* A:hover		{ text-decoration: underline; color: #ff0000; } */
A:link		{color:#5b622a;}
A:visited	{color:#5b622a;}
A:active	{color:#5b622a;}
A:hover		{color:#0000ff;}


.foundation #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #5b622a;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.foundation #mainContent {
	background-image:url(images/main_back_kidsonsteps.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px;
	/* height: 360; */
	padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
}

.foundation #mainContentOtherImage {
	background-image: none;
	margin-right: 0px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left: 20px;
}

.foundation #mainContentFullWidth {
	background-image: none;
	margin-right: 20px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left: 20px;
}

.foundation #mainContentNoBackground {
	background-image: none;
	margin-right: 200px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.foundation #topContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 0px;
}
.foundation #topNavBar {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#c9c9c9;
	color: #ffffff;
	border-bottom: 1px solid #5b622a;
	border-top: 1px solid #5b622a;
	padding-bottom: 0px;
	text-align: right;
	padding-top: 0px;
	font-size: 10px;
}	
	A.topNavBar:link	{ color: #ffffff; }
	A.topNavBar:visited	{ color: #ffffff; }
	A.topNavBar:active	{ color: #000000; }
	A.topNavBar:hover	{ color: #000000; text-decoration: underline; }
	

.foundation #bottomNavBar {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#5b622a;
	color: #ffffff;
	padding-bottom: 6px;
	text-align: center;
	padding-top: 6px;
	font-size: 10px;
}


.foundation #subMenu {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#ffffff;
	color:#5b622a;
	padding-bottom: 0px;
	margin-bottom: -12px;
	text-align: right;
	padding-top: 20px;
	font-size: 12px;	
}
A.subMenu	{color:#5b622a;}


.foundation #crumbTrail {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#ffffff;
	color: #5b622a;
	padding-bottom: 4px;
	text-align: left;
	padding-top: 4px;
	font-size: 10px;
}


.crumbTrailSelected {
	color: #660000;
	font-weight: bold;
}

.crumbTrailDisabled {
	color: #999999;
}

A.crumbTrail:link	{ color: #336699; }
A.crumbTrail:visited	{ color: #336699; }
A.crumbTrail:active	{ color: #000000; }
A.crumbTrail:hover	{ color: #000000; text-decoration: underline; }


.panel_page_body {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px;
	
	background: #ffffff;
	background-image:none;
	margin: 12; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 12px 12px;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
	}

.boldTitleText {
	color: #5b622a;
	font-weight: bold;
}

/**************************************************/
/* Navigation                                     */
/**************************************************/

/* general messages are in dark red, and a bit larger */
.message	{ color: #660000; font-size: 12px; font-weight: bold; }

/* error messages are in red */
.error		{ color: #cc0000; }
.errorHigh	{ color: #000000; background-color: #ffff00; }

/* legal copy on footer of each page */
.navUser	{ font-size: 10px; text-align: right; color: #4f3b38; padding-right: 10px; }
.footer		{ font-size: 10px; text-align: center; }

/* legal */
.legal_head	{ font-weight: bold; }

/* Form styles */
.formRequired	{ color: #990000; }
.formError	{ font-weight: normal; color: #000000; background-color: #ffff00; padding-left: 4px; }
.formDisable	{ color: #999999; }

/**************************************************/
/* Navigation                                     */
/**************************************************/

/* Major navigation */
.majorOn		{ padding-top: 2px; text-align: center; font-weight: bold; color: #7e0b16; border-top: #72625f 1px solid; }
.majorOff		{ padding-top: 2px; text-align: center; font-weight: bold; color: #4f3b38; background-image: url(images/background_level_3.gif); }

A.navMajorOn:link	{ color: #7e0b16; }
A.navMajorOn:visited	{ color: #7e0b16; }
A.navMajorOn:active	{ color: #7e0b16; }
A.navMajorOn:hover	{ color: #7e0b16; }

A.navMajorOff:link	{ color: #4f3b38; }
A.navMajorOff:visited	{ color: #4f3b38; }
A.navMajorOff:active	{ color: #4f3b38; }
A.navMajorOff:hover	{ color: #4f3b38; text-decoration: underline; }

/* Minor navigation */
A.navMinorOn		{ padding-left: 2px; padding-right: 2px; font: 11px verdana, arial, helvetica, sans-serif; font-weight: bold; color: #7e0b16; text-decoration: underline; }
A.navMinorOn:link	{ color: #7e0b16; }
A.navMinorOn:visited	{ color: #7e0b16; }
A.navMinorOn:active	{ color: #7e0b16; }
A.navMinorOn:hover	{ color: #7e0b16; }

A.navMinorOff		{ padding-left: 2px; padding-right: 2px; font: 11px verdana, arial, helvetica, sans-serif; font-weight: bold; color: #666666; text-decoration: none; }
A.navMinorOff:link	{ color: #4f3b38; }
A.navMinorOff:visited	{ color: #4f3b38; }
A.navMinorOff:active	{ color: #4f3b38; }
A.navMinorOff:hover	{ color: #4f3b38; text-decoration: underline; }

/* Page header */
.pageHead		{ font-weight: bold; background-color: #939393; color: #ffffff; text-align: center; padding-top: 3px; padding-bottom: 3px; }

.instructions		{ background-color: #fafafa; padding: 10px; border: 1px solid #cccccc; }
.body_darker		{ background-color: #ffffff; }
.formInfo		{ padding: 10px; }
.tip			{ font-size: 10px; }
.notice			{ color: #999999; }

/* search claims page */
.scHead			{ font-size: 14px; font-weight: bold; color: #7e0b16; }
.scTip			{ font-size: 10px; }
.scNum			{ font-size: 18px; font-style: italic; font-weight: bold; color: #660000; }
.scWord			{ font-size: 14px; font-weight: bold; color: #660000; }

/* alternating row colors */
.rowOn			{ background-color: #ffffff; }
.rowAlt			{ background-color: #eeeedd; }

/* general alignment */
.dollar			{ text-align: right; }
.credit			{ color: #cc0000; }
.subTotal		{ font-weight: bold; color: #333333; text-align: right; }
.grandTotal		{ font-weight: bold; color: #000000; text-align: right; }
.colHead		{ background-color: #ccccbb; color: #000000; }
.moreOpt		{ font-size: 12px; font-weight: bold; color: #777777; }
.small			{ font-size: 10px; }
.bold			{ font-weight: bold; }

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

/* padding */
.padL10R10		{ padding-left: 10px; padding-right: 10px; }

/* Table: claim cost summary */
.ccs			{ border: 1px solid #dddddd; border-collapse: separate; }

.ccs thead th		{ background-color: #939393; color: #ffffff; font-weight: bold; }
.ccs thead td		{ background-color: #939393; color: #ffffff; }

.ccs tbody th		{ border-top: 1px solid #eeeeee; background: #f4f4f4; font-weight: normal; text-align: left; }
.ccs tbody td		{ border-top: 0px solid #eeeeee; }
.ccs tbody .center	{ border-top: 1px solid #eeeeee; text-align: center; }
.ccs tbody .right	{ border-top: 1px solid #eeeeee; text-align: right; }
.ccs tbody .alt th	{ border-top: 1px solid #eeeeee; background: #e5e5e5; }
/* .ccs tbody .alt td	{ border-top: 1px solid #eeeeee; background: #fafafa url(images/tb03.gif) repeat-x 0 100%; } */
.ccs tbody .alt td	{ border-top: 1px solid #eeeeee; background: #fafafa; }
.ccsHead		{ font-size: 12px; font-weight: bold; color: #777777; }
.ccsHeadOLA	{ color: #777777; background-color: #ebebeb; }
/* .ccs .alt		{ border-top: 1px solid #eeeeee; background: #fafafa url(images/tb03.gif) repeat-x 0 100%; } */
.ccs .alt		{ border-top: 1px solid #eeeeee; background: #fafafa; }
.ccs .thisView		{ color: #cc0000; text-decoration: underline; }
.ccs .bold		{ color: #333333; font-weight: bold; }

/* column sort buttons - bold */
.ccs .btnUp		{ background-color: #939393; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #333333; border-right: 1px solid #333333; padding-left: 3px; padding-right: 3px; }
.ccs .btnDown		{ background-color: #e5e5e5; border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding-left: 3px; padding-right: 3px; }
.ccs .btnUp a		{ cursor: pointer; font-weight: bold; color: #eeeeee; }
.ccs .btnUp a:hover	{ color: #ffffff; }
.ccs .btnDown a		{ cursor: pointer; font-weight: bold; color: #333333; }
.ccs .btnDown a:hover	{ color: #000000; }

.ccs .standOut		{ background-color: #e5e5e5; }
/* .ccs .standOut a	{ font-weight: bold; color: #333333; }

/* column sort buttons - normal */
.ccs .btnUpNorm		{ background-color: #939393; color: #ffffff; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #333333; border-right: 1px solid #333333; padding-left: 3px; padding-right: 3px; }
.ccs .btnDownNorm	{ background-color: #e5e5e5; color: #333333; border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding-left: 3px; padding-right: 3px; }
.ccs .btnUpNorm a	{ cursor: pointer; color: #ffffff; }
.ccs .btnDownNorm a	{ cursor: pointer; color: #333333; }

/* total line */
.ccs .total th,
.ccs .total td,
.ccs .total:hover th,
.ccs .total:hover td	{ background: #dddddd; border: none; color: #333333; }

/* Table: find claim */
.find			{ border: 1px solid #dddddd; }
.find thead th		{ background-color: #939393; color: #ffffff; text-align: center; font-weight: bold; }
.find thead td		{ background-color: #939393; color: #ffffff; }
.find .pad		{ padding: 10px; }
.find .shade		{ background-color: #fafafa; }
.find .notice		{ background-color: #ee6666; }

/* Table: light headers */
.generic thead th	{ background-color: #939393; color: #ffffff; font-weight: bold; }
.generic thead td	{ background-color: #939393; color: #ffffff; }

/* Light-weight table alterations */
.tdAlt			{ border-top: 1px solid #eeeeee; background: #fafafa url(images/tb03.gif) repeat-x 0 100%; }

.navDropDown		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #ffffff; }

.faq			{ padding-bottom: 20px; }
.faqQ			{ font-weight: bold; }
.faqA			{ padding-left: 20px; padding-top: 5px; }

/* instant underwriting */
.prog			{ border: 1px solid #dddddd; border-collapse: separate; }
.progText		{ font-size: 10px; }
.progRow		{ background: #fafafa url(images/tb03.gif) repeat-x 0 100%; }

/* Claim navigation */
.claimNav		{ text-align: right; }

.lb 			{ border-left: 1px solid #dddddd; }

/* Site map */
.siteMapMajorOn		{ font-weight: bold; }
.siteMapMajorOff	{ font-weight: bold; }
.siteMapMinorOn		{ padding-left: 10px; }
.siteMapMinorOff	{ padding-left: 10px; }

.updateDone		{ color: #0033ff; }
.updatePending		{ color: #ff6600; }

/* Resource page */
.docTitle		{ font-family: arial, helvetica, sans-serif; color: #4f3b38; font-size: 14px; font-weight: bold; }
.docPage		{ color: #000066; }