/* BASE STYLE SET */


/* global body styles */

HTML
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

HTML, BODY
{
	padding: 0;
	margin: 0;
	height: 100%;
}

P, BLOCKQUOTE, LI, TD	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }
HR						{ width: 100%; border-top: 0px; border-bottom: 2px solid #AABBCC; }

#container
{
	min-height: 100%;
	width: 100%;
	background-color: #666666;
	background-image: url('/images/corporate_bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

.rss {
  margin-left: 3px;
  padding: 0 0 0 19px;
  height: 16px;
  background: url('/images/icon_rss_16x16.png') no-repeat 0 50%;
}

/* NextGen styles */

.dash_hdr
{
	background-color: #A0A0A4;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

A.dash_nav			{ color: #005295; font-size: 11px; text-decoration: none; }
A.dash_nav:hover	{ text-decoration: underline; }
A.dash_nav:active	{ text-decoration: underline; }

TABLE.header TR TD
{
	color: #003388;
	font-size: 14px;
	font-weight: bold;
	background: #CCDDEE;
	border-top: 1px solid #003388;
	border-bottom: 1px solid #EEEEEE;
	width: 100%;
	padding: 6px 6px 6px 6px;
}

TABLE.wizard TR TD
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	height: 17px;
	border: 0;
	padding: 0px 0px 0px 0px;
}

A.wizard	{ color: #0000FF; }

TD.label
{
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}

TR.data TD
{
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
}

TD.data_header
{
	font-size: 11px;
	font-weight: bold;
	background: #DDDDDD;
	border-bottom: 1px solid #BBBBBB;
}

TD.data_header_on
{
	font-size: 11px;
	font-weight: bold;
	background: #CCCCCC;
	border-bottom: 1px solid #BBBBBB;
}

A.data			{ color: #0000FF; text-decoration: none; }
A.data:hover	{ text-decoration: underline; }
A.data:active	{ text-decoration: underline; }


/* named text styles */

.title			{ color: #003388; font-size: 14px; font-weight: bold; }
.title_arrows	{ font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; font-weight: bold; }

.nav_hdr		{ color: #003388; font-size: 10px; font-weight: bold; }
.error			{ color: #CC0000; font-size: 16px; font-weight: bold; }
.headline		{ color: #003388; font-size: 16px; font-weight: bold; }
.doc_info		{ color: #8899AA; font-size: 10px; }

.big			{ font-size: 14px; }
.medium			{ font-size: 11px; }
.small			{ font-size: 10px; }
.xsmall			{ font-size: 9px; }

P.justify		{ text-align: justify; }


/* named table styles (generic TD and TH exist in global styles) */

TABLE				{ border-collapse: collapse; }

DIV.nav
{
	width: 130px;
	border-bottom: 1px dashed #B2B2B2;
	margin: 0 6px 0 6px;
	padding: 4px 0 4px 0;
	clear; both;
}

TD.nav_mypdc_home	{ background: #5588BB; border-top: 1px solid #AABBCC; }

TR.blue				{ background: #003388; }
TD.blue				{ background: #003388; }

TR.blue_lt			{ background: #6699CC; }
TD.blue_lt			{ background: #6699CC; }

TR.bluegray			{ background: #CCDDEE; }
TD.bluegray			{ background: #CCDDEE; }

TR.bluegray_lt		{ background: #DDEEFF; }
TD.bluegray_lt		{ background: #DDEEFF; }

TR.bluegray_dk		{ background: #AABBCC; }
TD.bluegray_dk		{ background: #AABBCC; }

TR.yellow			{ background: #FFCC00; }
TD.yellow			{ background: #FFCC00; }

TR.yellow_lt		{ background: #FFEE77; }
TD.yellow_lt		{ background: #FFEE77; }

TR.gray				{ background: #CCCCCC; }
TD.gray				{ background: #CCCCCC; }

TR.gray_lt			{ background: #EEEEEE; }
TD.gray_lt			{ background: #EEEEEE; }

TR.red				{ background: #CC0000; }
TD.red				{ background: #CC0000; }

TR.white			{ background: #FFFFFF; }
TD.white			{ background: #FFFFFF; }

TR.black			{ background: #000000; }
TD.black			{ background: #000000; }

TD.hdr_blue			{ color: #FFFFFF; text-align: center; font-weight: bold; background: #003388; }
TD.hdr_bluegray		{ color: #000000; text-align: center; font-weight: bold; background: #CCDDEE; }
TD.hdr_bluegray_dk	{ color: #FFFFFF; text-align: center; font-weight: bold; background: #AABBCC; }
TD.hdr_gray			{ color: #FFFFFF; text-align: center; font-weight: bold; background: #CCCCCC; }
TD.hdr_gray_lt		{ color: #003388; text-align: center; font-weight: bold; background: #EEEEEE; }

TD.hc_getting_started {
	height: 100px;
	background-image: url('/help/getting_started_banner.jpg');
	background-position: center-left;
	background-repeat: no-repeat;
}

TD.snapshot_hdr {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: #003388;
}

TD.snapshot_subhdr {
	font-size: 10px;
	font-weight: bold;
	background: #DDEEFF;
}

TD.snapshot {
	font-size: 10px;
	border-top: 1px solid #AABBCC;
}


/* border styles (typically for table elements) */

.bdr1_blue			{ border: 1px solid #003388; }
.bdr2_blue			{ border: 2px solid #003388; }
.bdr1_bluegray		{ border: 1px solid #CCDDEE; }
.bdr2_bluegray		{ border: 2px solid #CCDDEE; }
.bdr1_bluegray_dk	{ border: 1px solid #AABBCC; }
.bdr2_bluegray_dk	{ border: 2px solid #AABBCC; }
.bdr2_yellow		{ border: 2px solid #FFCC00; }
.bdr2_yellow_lt		{ border: 2px solid #FFEE77; }
.bdr2_green			{ border: 2px solid #BBDDAA; }
.bdr1_gray			{ border: 1px solid #CCCCCC; }
.bdr2_gray			{ border: 2px solid #CCCCCC; }
.bdr2_black			{ border: 2px solid #000000; }

.bdr1L_blue			{ border-left: 1px solid #003388; }
.bdr2L_blue			{ border-left: 2px solid #003388; }
.bdr1B_blue			{ border-bottom: 1px solid #003388; }
.bdr2B_blue			{ border-bottom: 2px solid #003388; }

.bdr1L_bluegray		{ border-left: 1px solid #CCDDEE; }
.bdr2L_bluegray		{ border-left: 2px solid #CCDDEE; }
.bdr1B_bluegray		{ border-bottom: 1px solid #CCDDEE; }
.bdr2B_bluegray		{ border-bottom: 2px solid #CCDDEE; }

.bdr1L_bluegray_dk	{ border-left: 1px solid #AABBCC; }
.bdr2L_bluegray_dk	{ border-left: 2px solid #AABBCC; }
.bdr1B_bluegray_dk	{ border-bottom: 1px solid #AABBCC; }
.bdr2B_bluegray_dk	{ border-bottom: 2px solid #AABBCC; }

.bdr1L_yellow		{ border-left: 1px solid #FFCC00; }
.bdr2L_yellow		{ border-left: 2px solid #FFCC00; }
.bdr1B_yellow		{ border-bottom: 1px solid #FFCC00; }
.bdr2B_yellow		{ border-bottom: 2px solid #FFCC00; }

.bdr1L_gray			{ border-left: 1px solid #CCCCCC; }
.bdr2L_gray			{ border-left: 2px solid #CCCCCC; }
.bdr1B_gray			{ border-bottom: 1px solid #CCCCCC; }
.bdr2B_gray			{ border-bottom: 2px solid #CCCCCC; }
.bdr1T_gray			{ border-top: 1px solid #CCCCCC; }
.bdr2T_gray			{ border-top: 2px solid #CCCCCC; }

.bdr1L_gray_lt		{ border-left: 1px solid #EEEEEE; }
.bdr2L_gray_lt		{ border-left: 2px solid #EEEEEE; }
.bdr1B_gray_lt		{ border-bottom: 1px solid #EEEEEE; }
.bdr2B_gray_lt		{ border-bottom: 2px solid #EEEEEE; }


/* anchor styles */

A.nav					{ color: #3f3f3f; font-size: 10px; text-decoration: none; }
A.nav:hover				{ color: #005295; text-decoration: underline; }
A.nav:active			{ color: #005295; text-decoration: underline; }

A.nav_dashboard			{ color: #003388; font-size: 11px; text-decoration: none; }
A.nav_dashboard:hover	{ color: #3366CC; text-decoration: underline; }
A.nav_dashboard:active	{ color: #3366CC; text-decoration: underline; }

A.nav_dashboard_red			{ color: #CC0000; font-size: 11px; text-decoration: none; }
A.nav_dashboard_red:hover	{ color: #CC0000; text-decoration: underline; }
A.nav_dashboard_red:active	{ color: #CC0000; text-decoration: underline; }

A.nav_dashboard_orange			{ color: #B76612; font-size: 11px; text-decoration: none; }
A.nav_dashboard_orange:hover	{ color: #B76612; text-decoration: underline; }
A.nav_dashboard_orange:active	{ color: #B76612; text-decoration: underline; }

.nav_dashboard_gray		{ color: #999999; font-size: 11px; }


A.nav_mymls				{ color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
A.nav_mymls:hover		{ text-decoration: underline; }
A.nav_mymls:active		{ text-decoration: underline; }

A.nav_mypdc_home		{ color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
A.nav_mypdc_home:hover	{ color: #FFDD11; font-size: 10px; font-weight: bold; text-decoration: underline; }
A.nav_mypdc_home:active	{ color: #FFDD11; font-size: 10px; font-weight: bold; text-decoration: underline; }

A.nav_mypdc				{ color: #003388; font-size: 10px; font-weight: bold; text-decoration: none; }
A.nav_mypdc:hover		{ text-decoration: underline; }
A.nav_mypdc:active		{ text-decoration: underline; }

A.title					{ color: #003388; font-size: 14px; font-weight: bold; }

A.headline				{ color: #003388; font-size: 16px; font-weight: bold; text-decoration: none; }
A.headline:hover		{ text-decoration: underline; }
A.headline:active		{ text-decoration: underline; }

A.footer				{ color: #717073; text-decoration: none; }	
A.footer:hover			{ text-decoration: underline; }
A.footer:active			{ text-decoration: underline; }

A.no_visited			{ color: #0000FF; text-decoration: underline; }

A.no_underline			{ color: #000000; text-decoration: none; }
A.no_underline:hover	{ color: #0000FF; text-decoration: underline; }
A.no_underline:active	{ color: #0000FF; text-decoration: underline; }

A.white_small			{ color: #FFFFFF; font-size: 10px; }
A.white_small:hover		{ text-decoration: underline; }
A.white_small:active	{ text-decoration: underline; }

A.showHide				{ color: #003388; text-decoration: none; }
A.showHide:hover		{ color: #003388; text-decoration: underline; }
A.showHide:active		{ color: #003388; text-decoration: underline; }


/* colored text styles */

.blue			{ color: #003388; }
.blue_small		{ color: #003388; font-size: 10px; }
.blue_big		{ color: #003388; font-size: 14px; }

.orange			{ color: #b76612; }
.orange_small		{ color: #b76612; font-size: 10px; }
.orange_big		{ color: #b76612; font-size: 14px; }

.green			{ color: #339900; }
.green_small	{ color: #339900; font-size: 10px; }
.green_big		{ color: #339900; font-size: 14px; }

.red			{ color: #CC0000; }
.red_small		{ color: #CC0000; font-size: 10px; }
.red_big		{ color: #CC0000; font-size: 14px; }

.yellow			{ color: #FFFF33; }
.yellow_small	{ color: #FFFF33; font-size: 10px; }
.yellow_big		{ color: #FFFF33; font-size: 14px; }

.purple			{ color: #3300CC; }
.purple_small	{ color: #3300CC; font-size: 10px; }
.purple_big		{ color: #3300CC; font-size: 14px; }

.gray			{ color: #CCCCCC; }
.gray_small		{ color: #CCCCCC; font-size: 10px; }
.gray_big		{ color: #CCCCCC; font-size: 14px; }

.gray_dk		{ color: #717073; }
.gray_dk_small	{ color: #717073; font-size: 10px; }
.gray_dk_big	{ color: #717073; font-size: 14px; }

.white			{ color: #FFFFFF; }
.white_small	{ color: #FFFFFF; font-size: 10px; }
.white_big		{ color: #FFFFFF; font-size: 14px; }


/* form styles */

.form_login
{
	height: 20px;
	width: 150px;
	font-size: 10px;
	background: #FFFFFF;
}

.form			{ font-size: 10px; background: #FFFFFF; }
.form_bluegray	{ font-size: 10px; background: #CCDDEE; }
.required		{ font-size: 10px; background: #FFFF99; }
.disabled		{ font-size: 10px; background: #CCCCCC; }
.form_small		{ font-size: 9px; background: #FFFFFF; }


/* other styles */

DIV.page		{ page-break-after: always; }
DIV.page_before	{ page-break-before: always; }
HR.bluegray_dk	{ color: #AABBCC; background-color: #AABBCC; height: 1px; }
HR.dotted		{ width: 100%; border-top: 0px; border-bottom: 2px dotted #AABBCC; }




/* PRODUCT SPECIFIC STYLES */


/* Public Records Data Update styles */

#prDataUpdate TABLE {
	width: 90%;
	font-size: 11px;
}

#prDataUpdate TH, #prDataUpdate TD {
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	margin: 0;
	border: 1px solid #bec0c2;
}

#prDataUpdate TH {
	color: #fff;
	background-color: #717073;
	font-weight: bold;
}

#prDataUpdate TH.empty {
	background-color: #fff;
	border: 0;
}

#prDataUpdate TH.top {
	color: #000;
	background-color: #bec0c2;
}

#prDataUpdate TD.county {
	text-align: left;
}


/* styles from _global.css - these need to be converted within the site then DELETED from here */

div.printFormatTitle 		{ color: Black; display: inline; font-size: 120%; font-family: Verdana, Arial; }
.propertyTitle				{ font-size: 100%; color: #003388; font-family: Verdana, Arial; font-weight: bold; }
.propertyField				{ font-size: 80%; color: #003388; font-family: Verdana, Arial; font-weight: bold; }
.propertyValue				{ font-size: 80%; color: black; font-family: Verdana, Arial; }
.propertyDescription		{ font-size: 80%; color: #003388; font-family: Verdana, Arial; }

font.medGreen				{ font-size: 18px; color: #ABBF08; font-family: Verdana; }
font.smBlack				{ font-size: 12px; color: Black; font-family: Verdana; }
font.smBlackBold			{ font-size: 12px; color: Black; font-family: Verdana; font-weight: bold; }
font.vsmBlackBold			{ font-size: 10px; color: Black; font-family: Verdana; font-weight: bold; }
font.xsmBlackBold			{ font-size: 9px; color: Black; font-family: Verdana; font-weight: bold; }
font.xsmBlack				{ font-size: 9px; color: Black; font-family: Verdana; }
font.medBlack				{ font-size: 18px; color: Black; font-family: Verdana; }
font.medBlackBold			{ font-size: 18px; color: Black; font-family: Verdana; font-weight: bold; }
font.smDarkBlue				{ font-size: 12px; color: #003388; font-family: Verdana; }
font.smDarkBlueBold			{ font-size: 12px; color: #003388; font-family: Verdana; font-weight: bold; }
font.vsmDarkBlueBold		{ font-size: 10px; color: #003388; font-family: Verdana; font-weight: bold; }
font.xsmDarkBlue			{ font-size: 9px; color: #003388; font-family: Verdana; }
font.xsmDarkBlueBold		{ font-size: 9px; color: #003388; font-family: Verdana; font-weight: bold; }
font.xsmRed					{ font-size: 9px; color: red; font-family: Verdana; }

a.compactFieldName:link		{ font-size: 9px; color: #003388; font-family: Verdana; }
a.compactFieldName:visited	{ font-size: 9px; color: #003388; font-family: Verdana; }

a.smBlackBold				{ font-size: 12px; color: Black; font-family: Verdana; font-weight: bold; }
a.smBlackBold:hover			{ font-size: 12px; color: Black; font-family: Verdana; font-weight: bold; }

a.smDarkBlueBold			{ font-size: 12px; color: #003388; font-family: Verdana; font-weight: bold; }
a.smDarkBlue				{ font-size: 12px; color: #003388; font-family: Verdana; }
a.xsmDarkBlue				{ font-size: 9px; color: #003388; font-family: Verdana; }
a.smBlueBold				{ font-size: 12px; color: blue; font-family: Verdana; font-weight: bold; }


/* @Metrolist specific styles (for printable version) */

TH.stats06	{ font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold; }
TD.stats06	{ font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-size: 10pt; }
A.index06	{ font-family: arial, helvetica, sans-serif; color: #005295; font-size: 9pt; text-decoration: underline; }

A.headline06			{ font-family: arial, helvetica, sans-serif; color: #005295; font-size: 12pt; font-weight: bold; text-decoration: none; }
A.headline06:visted		{ text-decoration: underline; }
A.headline06:hover		{ text-decoration: underline; }
A.headline06:active		{ text-decoration: underline; }

.issue06		{ font-family: verdana, arial, helvetica, sans-serif; color: #717073; font-size: 8pt; text-align: right; font-weight: bold; }
.article06		{ font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: justify; }
.fineprint06	{ font-family: verdana, arial, helvetica, sans-serif; color: #717073; font-size: 8pt; text-align: justify; }
.tagline06		{ font-family: verdana, arial, helvetica, sans-serif; color: #717073; font-size: 8pt; font-weight: bold; }



TH.stats	{ font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold; }
TD.stats	{ font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt; }
A.index		{ font-family: arial, helvetica, sans-serif; font-size: 9pt; text-decoration: underline; }
.issue		{ font-family: arial, helvetica, sans-serif; color: #000000; font-size: 9pt; text-align: right; font-weight: bold; }
.fineprint	{ font-family: arial, helvetica, sans-serif; color: #000000; font-size: 8pt; text-align: justify; }
.tagline	{ font-family: arial, helvetica, sans-serif; color: #000000; font-size: 9pt; font-weight: bold; }



/* Training Schedule specific styles */

TD.tr_text		{ font-size: 10px; }
.tr_largehead	{ color: #FFFFFF; font-size: 20px; font-weight: bold; }
.tr_header1		{ font-size: 18px; font-weight: bold; }



/* icons - from Use PrimeAccess content CSS files */

.iconPDF, .iconDemo, .iconTraining {
	font-size: 14px;
	padding: 8px 15px 8px 0;
	display: block;
}

.iconPDF {
	/* image width is 41px */
	height: 48px;
	line-height: 48px;
	background: url('/public/use_primeaccess/images/icon_pdf.png') no-repeat 20px 50%;
	padding-left: 80px;
}

.iconDemo {
	/* image width is 48px */
	height: 48px;
	line-height: 48px;
	background: url('/public/use_primeaccess/images/icon_demo.png') no-repeat 17px 50%;
	padding-left: 80px;
}

.iconTraining {
	/* image width is 52px */
	height: 48px;
	line-height: 48px;
	background: url('/public/use_primeaccess/images/icon_training.png') no-repeat 15px 50%;
	padding-left: 80px;
}

#resourcesFloat { /* no box around icons */
}

#resourcesBoxVert {
	width: 220px;
	height: 194px;
	float: right;
	margin: 0 15px 0 15px;
	background-color: #fff;
	border: 3px solid #FFECBC;
	text-align: left;
}

#resourcesBoxHoriz {
	height: 64px;
	margin: 0 15px 0 15px;
	background-color: #fff;
	border: 3px solid #FFECBC;
	text-align: left;
}

#resourcesBoxVert .iconBorder {
	border-bottom: 1px solid #DBE7F4;
}

#resourcesBoxHoriz .iconBorder {
	border-right: 1px solid #DBE7F4;
}

#resourcesFloat A,			#resourcesBoxVert A,			#resourcesBoxHoriz A			{ text-decoration: none; color: #005295;}
#resourcesFloat A:link,		#resourcesBoxVert A:link,		#resourcesBoxHoriz A:link		{ text-decoration: none; }
#resourcesFloat A:visited,	#resourcesBoxVert A:visited,	#resourcesBoxHoriz A:visited	{ text-decoration: none; }
#resourcesFloat A:hover,	#resourcesBoxVert A:hover,		#resourcesBoxHoriz A:hover		{ text-decoration: underline; }
#resourcesFloat A:active,	#resourcesBoxVert A:active,		#resourcesBoxHoriz A:active		{ text-decoration: underline; }

#resourcesBoxVert A,			#resourcesBoxHoriz A			{ color: #005295;}
#resourcesBoxVert A:link,		#resourcesBoxHoriz A:link		{ background-color: #FFF; }
#resourcesBoxVert A:visited,	#resourcesBoxHoriz A:visited	{ background-color: #FFF; }
#resourcesBoxVert A:hover,		#resourcesBoxHoriz A:hover		{ background-color: #DBE7F4; }
#resourcesBoxVert A:active,		#resourcesBoxHoriz A:active		{ background-color: #DBE7F4; }
