/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: GCS Land Search Application | Master Stylesheet
' Description	: This page contains overall styles for the application
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 02/13/2007	: David Ellenwood - Created Page
' 01/30/2009    : CLZ - Added background color to recordDetails h3
' 02/11/2009    : CLZ - Replaced the 3 "div#permitsTab h4.permitDnloadLink ..." 
'                       entries with ".adobeDnloadLink ..."
' 02/25/2009    : CLZ - Added entries for not assessed and not taxed
' 06/07/2011	: CJM(Netkinetix) - Added div.noScriptMessage and div.noScriptMessageMessage
'						element styles that are shown when <noscript> is displayed. Also added
'						.attnFakeBtn, .attnFakeBtn:hover, attnFakeBtnAddToCart, attnFakeBtnViewDoc
'						and msgNoResultsFound.
' 06/20/2011    : DPE - Changed styles for paging
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*  No Javascript Message */
div.noScriptMessage{background-color:#ffffdc;font-weight:bold;border-bottom:2px solid #888865;}
div.noScriptMessage div.noScriptMessageMessage{padding:2px;text-align:center;color:#000000;}

/* Draw Attention Fake Buttons */
.attnFakeBtn
{
	padding:2px;padding-left:5px;padding-right:5px;
	font-weight:bold; text-decoration:none;
	color:#FFFFFF; background-color:#339933;
	border-top:1px solid #33ff33; border-left:1px solid #33ff33; 
	border-bottom:1px solid #009900; border-right:1px solid #009900;
	background-repeat:no-repeat; background-position:2px 1px;
}
.attnFakeBtn:hover {
	text-decoration:none;
	color:#FFFFFF; background-color:#33cc66;
	border-top:1px solid #00ff66;		border-left:1px solid #00ff66; 
	border-bottom:1px solid #009933;	border-right:1px solid #009933;
}
.attnFakeBtnAddToCart{ background-image:url(custom/styleImages/cart_17x15_ffffff.png); padding-left:21px; }
.attnFakeBtnViewDoc{ background-image:url(custom/styleImages/magnifying-glass_15x15_ffffff.png); padding-left:21px; }

/* No Results Found Message */
.msgNoResultsFound{ text-align:center; color:#ff0000; font-style:italic;font-weight:bold;padding:10px; font-size:16px; }




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {}
 
body {
	background:#039 url('default/pageBk.png') repeat-x;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

a 			{color:#333; text-decoration:none;}
a:visited	{color:#333;}
a:hover		{color:#000; text-decoration:underline;}
a:active	{color:#666; text-decoration:none;}


h1,h2,h3,h4,h5,h6,p,form {margin:0; padding:0;}
	
h1 {font-size:1.25em; color:#039;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.75em;}
h6 {font-size:.75em;}
p  {font-size:.8em;}

ul {margin:0; padding:0;}

form {}
	
table {}

th {}

img {border:none;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
    clear:both;
    display:block;
    font-size:1px;
    line-height:1px;
    margin:0 0 -1px 0;
    padding:0;
    color:#fff;
    background:transparent;
}

.error {color: #f00;}

/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray; /* width:250px; */
}

.modalPopup h3 {
	color:#fff;
	background:#039;
	padding:3px 5px;
}

.buttonExit 
{
    float:right;
}
.sorter {padding-left:5px; clear:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#outerWrap {
    background:#66c;
	margin:0 2% 50px 2%;
	padding:0 6px 6px 6px;
}

#innerWrap {
	background:#fff;
	padding:0 15px 15px 15px;
	position:relative;
}


/* ~~~~~~~~~~~~~ MASTHEAD ~~~~~~~~~~~~ */
#masthead {}

#corpLogo {
    float:left;
    width:180px;
    height:130px;
    margin:0 15px 0 0;
    text-align:center;
}

#appHeader {
    height:21px;
    margin:0 0 0 195px;
    padding:3px 5px 0px 0;
    color:#fff;
    background:transparent url('default/appHeaderBk.jpg') repeat-x;
}

#appHeader h4,
#appHeader ul               {font-size:12px; font-weight:normal; line-height:1;}
#appHeader h4#appUser       {float:left; padding:4px 0 5px 15px; background:transparent url('default/appHeaderCornerOut.jpg') bottom left no-repeat;}
#appHeader h4#appDateTime   {float:right; padding:4px 0 5px 0;}
#appHeader ul#appNav        {float:right; padding:0px 0 5px 8px; list-style:none;}
#appHeader ul#appNav li     {float:left; padding:0 5px; border-left:1px solid #aaa;}

#appHeader ul#appNav li a {
    display:block;
    color:#ccc;
    font-weight:bold;
    padding:3px 5px 3px 18px;
    background-repeat:no-repeat;
    background-position:3px 3px;
}

#appHeader ul#appNav li a:hover {color:#fff; background-color:#000; text-decoration:none;}

#appHeader ul#appNav li a#ctl00_lnkSignOut       {background-image:url('default/appSignOutIcon.gif');}
#appHeader ul#appNav li a#ctl00_lnkAbout         {background-image:url('default/appAboutIcon.gif');}
#appHeader ul#appNav li a#ctl00_lnkHome          {background-image:url('default/appHomeIcon.gif');}
#appHeader ul#appNav li a#ctl00_lnkSignOut:hover {background-image:url('default/appSignOutIconOver.gif');}
#appHeader ul#appNav li a#ctl00_lnkAbout:hover   {background-image:url('default/appAboutIconOver.gif');}
#appHeader ul#appNav li a#ctl00_lnkHome:hover    {background-image:url('default/appHomeIconOver.gif');}

#corpHeader     {margin:1em 2em 1em 215px;}


#browserCheck.error {
    color:#f00;
    background:#fff;
    font-size:.9em;
    font-weight:bold;
    display:block;
    margin:1em 2em 1em 215px;
    padding:3px 5px;
    border:1px solid #f00;
}

/*~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~ */
#footer						{float:left; width:100%; margin-top:15px;}
#footer div#poweredByGCS	{text-align:center; float:left; width:145px;}
#footer h5					{float:left; text-align:right; width:100%; margin:0 0 0 -150px; padding:18px 0 0 0; font-size:.65em; font-weight:normal; color:#666;}
#footer h5 a				{color:#666; text-decoration:underline;}
#footer h5 a:hover			{color:#333;}
#footer h6					{float:left; text-align:center; width:100%; font-size:.65em; font-weight:normal; color:#666;}


/* ~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~ */
#content {}


/* ~~~~~~~~~~~~~ LOGIN FORM ~~~~~~~~~~~~ */
#content form.loginForm						{width:400px; margin-left:215px; padding:12px; background:#e8e8f5 url('default/searchBox-TopLeft.png') no-repeat;}
#content form.loginForm h2					{color:#333; font-size:.9em; padding:3px 0;  border-bottom:1px solid #666;}
#content form.loginForm label				{font-size:.8em; font-weight:bold;}
#content form.loginForm table				{width:100%; margin:.5em 0;}
#content form.loginForm table .submitBtn	{margin-right:30%;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 SEARCH TABS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content div#searchBox {width:640px; margin-left:180px;}

#content div#searchBox div#searchHead       {margin:0 0 1px 12px; border-bottom:3px solid #039;}
#content div#searchBox div#searchHead span  {float:left; width:auto; font-size:.7em; padding:7px 0 0 3px;}
#content div#searchBox div#searchHead ul    {float:left; display:inline; width:auto; list-style:none; margin-left:5px; font-size:.9em;}
#content div#searchBox div#searchHead ul li {float:left;}

#content div#searchBox div#searchHead ul li a {
    width:80px;
    display:block;
    margin:4px 2px 0px 2px;
    padding:2px 5px 0px 5px;
    text-align:center;
    color:#333;
    background:#e8e8f5 url('default/tabs-Top.png') no-repeat;
}

#content div#searchBox div#searchHead ul li a:hover {text-decoration:none; margin-top:0; padding:4px 5px 2px 5px;}
#content div#searchBox div#searchHead ul li a.sel   {font-weight:bold; color:#fff; margin-top:0; padding:4px 5px 2px 5px; cursor:default; background:#039 url('default/tabs-Top.png') no-repeat;}

#content div#searchBox div#searchHead h4        {float:right; width:auto; font-size:.7em; font-weight:normal; padding:7px 0 0 0;}
#content div#searchBox div#searchHead h4 img    {margin-bottom:-2px;}

#content div#searchBox div#searchFields {
    z-index:2;
    width:618px;
    font-size:.8em;
    margin:0 0 0 0;
    padding:0px 10px 10px 12px;
    background:#c7c7e0 url('default/searchBox-TopLeft.png') no-repeat;
}

#content div#searchBox div#searchFields.flyout	{position:absolute;}

/* Netkinetix Change: added " , div#IFrameModal_DialogTitle" */
#content div#searchBox div#searchFields h3 , div#IFrameModal_DialogTitle{
    color:#fff;
    clear:both;
    font-size:.9em;
    margin-top:1em;
    padding:1px 3px;
    background:#039;
}

#content div#searchBox div#searchFields input,
#content div#searchBox div#searchFields select          {font-size:11px;}
#content div#searchBox div#searchFields label           {font-size:.85em;}
#content div#searchBox div#searchFields div.searchPanel {float:left; margin:3px 8px;}

#content .error {
    color:#f00;
    background:#fff;
    font-weight:bold;
    display:block;
    margin:15px 12px 0 8px;
    padding:3px 5px;
    border:1px solid #f00;
}

/* Netkinetix Change: added " , .IFrameModal_DialogButtons .submitBtn" */
#content .submitBtn , .IFrameModal_DialogButtons .submitBtn {
    color:#fff;
    font-size:2;
    font-weight:bold;
    height: 22px;
    margin:15px 3px 3px 5px;
    background:#039 url('default/submitBtnBk.png') repeat-x;
    border-top:1px solid #66c;
    border-right:1px solid #006;
    border-bottom:1px solid #006;
    border-left:1px solid #66c;
}

#content .adobeDnloadLink				{font-size:.9em; }
#content .adobeDnloadLink a				{color:#039;} /* CUSTOM */
#content .adobeDnloadLink a.submitBtn	{color:#fff; padding:1px 3px;}


/* --------------------------- PARCEL SEARCH TAB SPECIFIC ------------------------------ */
#content div#searchBox div#searchFields div.parcel {width:190px;}
#content div#searchBox div#searchFields div.parcel .parcelNo    {width:100px; margin:6px 5px 0 25px;}
#content div#searchBox div#searchFields div.parcel .altParcelNo {width:100px; margin:6px 5px 0 3px;}

#content div#searchBox div#searchFields div.owner {float:right; clear:right; width:395px;}
#content div#searchBox div#searchFields div.owner .lastName     {width:318px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.owner .firstName    {width:318px; margin:6px 5px 0 3px;}

#content div#searchBox div#searchFields div.address {float:right; width:395px;}
#content div#searchBox div#searchFields div.address .houseNo        {width:75px; margin:6px 5px 0 27px;}
#content div#searchBox div#searchFields div.address .houseNoSuffix  {width:35px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .prefixDir      {width:62px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .strName        {width:187px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .strNameType    {width:80px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .suffixDir      {width:67px; margin:6px 8px 0 19px;}
#content div#searchBox div#searchFields div.address .unitType       {width:85px; margin:6px 8px 0 3px;}
#content div#searchBox div#searchFields div.address .unitNo         {width:47px; margin:6px 5px 0 3px;}

#content div#searchBox div#searchFields div.pls {width:332px;}
#content div#searchBox div#searchFields div.pls .section    {width:20px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.pls .textTown   {width:20px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.pls .ddlTown    {width:40px; margin:6px 5px 0 0px;}
#content div#searchBox div#searchFields div.pls .textRange  {width:20px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.pls .ddlRange   {width:40px; margin:6px 0px 0 0px;}
#content div#searchBox div#searchFields div.pls .forty      {width:40px; margin:6px 15px 0 22px;}
#content div#searchBox div#searchFields div.pls .oneSixty   {width:40px; margin:6px 0px 0 8px;}

#content div#searchBox div#searchFields div.other {width:250px;}
#content div#searchBox div#searchFields div.other .municipality {width:175px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.other .realEstate   {float:left; display:block; margin:6px 8px 0px 3px;}
#content div#searchBox div#searchFields div.other .personal     {float:left; display:block; margin:6px 8px 0px 3px;}


/* --------------------------- PERMIT SEARCH TAB SPECIFIC ------------------------------ */
#content div#searchBox div#searchFields div.permit {width:190px;}
#content div#searchBox div#searchFields div.permit .issueNoPrefix   {width:40px; margin:6px 0px 0 8px;}
#content div#searchBox div#searchFields div.permit .issueNo         {width:72px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.permit .dept	        {width:130px; margin:6px 0 0 28px;}
#content div#searchBox div#searchFields div.permit .appType         {width:130px; margin:6px 0 0 1px;}
#content div#searchBox div#searchFields div.permit .appNoPrefix     {width:40px; margin:6px 0px 0 11px;}
#content div#searchBox div#searchFields div.permit .appNo           {width:72px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.permit .year            {width:40px; margin:6px 0px 0 20px;}

#content div#searchBox div#searchFields div.reference {float:right; clear:right; width:395px;}
#content div#searchBox div#searchFields div.reference .lastName     {width:322px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.reference .firstName    {width:322px; margin:6px 0px 0 3px;}


/* --------------------------- DOCUMENT SEARCH TAB SPECIFIC ------------------------------ */
#content div#searchBox div#searchFields div.document {width:190px;}
#content div#searchBox div#searchFields div.document .docNo     {width:120px; margin:6px 0px 0 26px; text-align:right;}
#content div#searchBox div#searchFields div.document .volume    {width:45px; margin:6px 0px 0 12px; text-align:right;}
#content div#searchBox div#searchFields div.document .page      {width:34px; margin:6px 0px 0 3px; text-align:right;}
#content div#searchBox div#searchFields div.document .dateMin   {width:100px; margin:6px 0px 0 5px;}
#content div#searchBox div#searchFields div.document .dateMax   {width:100px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.document .docType   {width:131px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.document .DocTypesList  {width:190px; height:75px; margin:6px 0px 0 0px;}

#content div#searchBox div#searchFields div.name {width:395px; float:right;}
#content div#searchBox div#searchFields div.name .lastName  {width:320px; margin:6px 0px 0 6px;}
#content div#searchBox div#searchFields div.name .firstName {width:143px; margin:6px 3px 0 5px;}
#content div#searchBox div#searchFields div.name .nameType  {width:105px; margin:6px 0px 0 5px;}

#content div#searchBox div#searchFields div.plat				{width:395px; float:right;}
#content div#searchBox div#searchFields div.plat .platType		{width:175px; margin:6px 0px 0px 5px;}
#content div#searchBox div#searchFields div.plat .platDescript	{width:332px; margin: 6px 0px 0px 2px;}
#content div#searchBox div#searchFields div.plat .blockLabel	{margin:0px 0px 0px 22px; text-align:right;}
#content div#searchBox div#searchFields div.plat .block			{width:63px; margin:6px 5px 0px 3px;}
#content div#searchBox div#searchFields div.plat .lotType		{width:100px; margin:6px 5px 0px 5px;}
#content div#searchBox div#searchFields div.plat .lot			{width:63px; margin:6px 0px 0px 5px;}
#content div#searchBox div#searchFields div.plat .sectionLabel	{margin:0px 0px 0px 11px; text-align:right;}
#content div#searchBox div#searchFields div.plat .section		{width:25px; margin:6px 5px 0px 3px;}
#content div#searchBox div#searchFields div.plat .township		{width:25px; margin:6px 0px 0px 5px;}
#content div#searchBox div#searchFields div.plat .townshipDir	{width:40px; margin:6px 5px 0px 1px;}
#content div#searchBox div#searchFields div.plat .range			{width:25px; margin:6px 0px 0px 5px;}
#content div#searchBox div#searchFields div.plat .rangeDir		{width:40px; margin:6px 0px 0px 1px;}
#content div#searchBox div#searchFields div.plat .fortyLabel	{margin:0px 0px 0px 30px; text-align:right;}
#content div#searchBox div#searchFields div.plat .forty			{width:45px; margin:6px 5px 0px 3px;}
#content div#searchBox div#searchFields div.plat .oneSixtyLabel	{margin:0px 0px 0px 15px; text-align:right;}
#content div#searchBox div#searchFields div.plat .oneSixty		{width:45px; margin:6px 5px 0px 3px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 SEARCH RESULTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content div#resultsListParcel,
#content div#resultsListPermit,
#content div#resultsListDocument    {position:relative; margin:15px 0; border:1px solid #039;}

#content table.results                          {font-size:.8em; border-collapse:collapse; width:100%;}
#content table.results tr.page                  {background:#e8e8f5;}
#content table.results tr.page span#resultCount	{float:left; width:25%;  padding:4px 0 0 3px; font-weight:bold;}
#content table.results tr.page span#resultsDisplayed	{float:left; width:25%; text-align:center; padding:4px 0 0 0; font-weight:bold;}
/*#content table.results tr.page div*/#pager					{position:relative; float:right; text-align:right;}
/*#content table.results tr.page div*/#pager span#pageTitle		{position:absolute; top:4px; left:0; font-weight:bold;}
/*#content table.results tr.page div*/#pager table            {margin-left:45px;}
/*#content table.results tr.page div*/#pager table td         {padding:0 5px; color:#fff; background:#039; font-weight:bold;}
/*#content table.results tr.page div*/#pager table td a       {display:block; color:#039; background:#fff; margin:0 -5px; padding:0px 5px!important; border:1px solid #039;}
#content table.results tr.page div#pager table td a:hover {color:#fff; background:#66c; text-decoration:none;}

#content table.results tr.head                  {background:#039; text-align:left; font-size:.9em;}
#content table.results tr.head th               {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff;}
#content table.results tr.head th a             {color:#fff;}

#content table.results tr.row                   {font-size:.8em;}
#content table.results tr.alt                   {background:#e8e8f5;}
#content table.results tr.row:hover             {background:#66c;}

#content table.results tr.row td                {font-size:.9em; padding:3px 5px; white-space:nowrap;}
#content table.results tr.row td a              {display:block; text-decoration:none;}
#content table.results tr.row:hover td a        {color:#fff;}

#content table.results tr.sel td                {font-size:.9em; padding:3px 5px; white-space:nowrap; background:#039;}
#content table.results tr.sel td a              {color:#fff; display:block; text-decoration:none;}

#content div#resultsListParcel .resultsLegend			{margin:1em 0 0 0; padding:0; font-size:.8em; border:none; background:#e8e8f5;}
#content div#resultsListParcel .resultsLegend table		{border:1px solid #039;}
#content div#resultsListParcel .resultsLegend table img	{margin-bottom:-3px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 VIEWING A RECORD
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* --------------------------- OVERALL RECORD-VIEW LAYOUT ------------------------------ */
#content div#recordBox      {width:100%; float:left; background:#e8e8f5;}
#content ul#recordNav       {float:left; list-style:none; width:130px; padding:12px 8px 5px 12px; background:url('default/searchBox-TopLeft.png') no-repeat}

#content div#recordDetails  {font-size:.9em; margin:0 0 0 150px; padding:12px; border-left:20px solid #fff; position:relative; min-height:120px;}

#content div#recordDetails table.recordTitle        {font-size:.8em; border-collapse:collapse; border:none; width:100%; margin-bottom:1em;}
#content div#recordDetails table.recordTitle tr th  {padding:3px 5px; text-align:left; vertical-align:top; background:#039;} /* CUSTOM */
#content div#recordDetails table.recordTitle tr td  {font-size:.9em; padding:3px 5px; border:1px solid #ccc; background:#fff; text-align:left; vertical-align:top;}
#content div#recordDetails table.recordTitle tr td img  {margin-bottom:-3px;}
#content div#recordDetails table.recordTitle h3     {color:#fff; font-size:1em; margin:0; padding:0; background:transparent;}
#content div#recordDetails table.recordTitle .right {text-align:right;}
/* #content div#recordDetails table.recordTitle option.priorTaxesDue
{
    background: url(default/BackTaxesSmall.png);
}
*/
/* --------------------------- RECORD-VIEW NAV ------------------------------ */
#content ul#recordNav li a              {font-weight:bold; display:block; padding:1px 3px; font-size:.9em;}
#content ul#recordNav li a:hover        {color:#fff; background:#66c; text-decoration:none;}
#content ul#recordNav li a.sel          {color:#fff; background:#039;}
#content ul#recordNav li a.sel:hover    {color:#fff; background:#039; text-decoration:none; cursor:default;}


/* --------------------------- RECORD-VIEW ------------------------------ */


#content div#colm1 {float:left; width:60%;}
#content div#colm2 {float:left; width:40%;}

#content div#recordDetails div.panel                    {margin:0 0 1em 0; font-size:.8em; background:#fff;}
#content div#recordDetails div.panel h3                 {font-size:1em; color:#fff; background:#039; padding:3px 5px;}
#content div#recordDetails div#colm2 div.panel          {margin-left:12px;}

#content div#recordDetails div.panel table              {border-collapse:collapse; border:none; width:100%;}
#content div#recordDetails div.panel table tr.row       {font-size:.9em;}
#content div#recordDetails div.panel table tr th a      {}
#content div#recordDetails div.panel table tr th,
#content div#recordDetails div.panel table tr td        {border:1px solid #ccc; text-align:left; padding:2px 5px; vertical-align:top;}
#content div#recordDetails div.panel #pager				{float:left;}
#content div#recordDetails div.panel #pager span#pageTitle	{top:0;}
#content div#recordDetails div.panel #pager table		{width:auto;}
#content div#recordDetails div.panel #pager td			{padding:0 5px; border:none; text-align:center;}
#content div#recordDetails div.panel table .right       {text-align:right;}
#content div#recordDetails div.panel table .total       {font-weight:bold;}

#content div#recordDetails div.panel div.box            {font-size:.9em; border:1px solid #ccc; padding:2px 5px;}
#content div#recordDetails div.panel div.info .title    {font-weight:bold;}

/* --------------------------- RECORD-VIEW: PARCEL TAB SPECIFIC ------------------------------ */
#content div#parcelTab div#colm1            {float:right;}
#content div#parcelTab div#colm2            {float:left;}
#content div#parcelTab div#colm2 div.panel  {margin-left:0; margin-right:12px;}
#content div#parcelTab div#colm2 div.summary table th {white-space:nowrap;}
#content div#recordDetails div.taxwrap      {height:70px; overflow:auto; border:1px solid #ccc;}
#content div#recordDetails div.taxwrap table    {width:90%; margin:-1px;}
#content div#recordDetails div.taxwrap td       {padding:0 5px!important; font-size:1.1em!important; line-height:1; font-weight:bold; vertical-align:middle!important;}
#content div#recordDetails div.taxwrap td input[type=image] {margin:2px 0 -1px 0;}
#content div#recordDetails div.taxwrap td a     {padding:2px 0;}

/* --------------------------- RECORD-VIEW: TAXES TAB SPECIFIC ------------------------------ */
#content div#taxesTab div#colm1 div.summary span.notTaxed           {float:left; width:auto;}
#content div#taxesTab div#colm1 div.summary span.billInfo           {float:right; width:auto; font-size:1.25em;}
#content div#taxesTab div#colm1 div.summary span.billInfo .billNo   {font-weight:bold;}
#content div#taxesTab div#colm1 div.key     {}
#content div#taxesTab div#colm1 h3.taxKey   {font-size:1em;}
#content div#taxesTab .responseMsg			{display:block; color:#f00; border:1px solid #f00; background:#fff; font-size:.9em; font-weight:bold; margin:1em 0 0 1em; padding:1em;}

/* --------------------------- RECORD-VIEW: ASSESSMENTS TAB SPECIFIC ------------------------------ */
#content div#assTab div.summary div.box         {height:2.25em;}
#content div#assTab div.summary span.notAssessed {float:left; width:auto;}
#content div#assTab div.summary span.info       {float:right; width:auto; font-size:1.1em; margin:.75em 0 -.75em 0; padding:0 0 0 2em;}
#content div#assTab div.summary span.info .data {padding:0 0 0 .25em;}

/* --------------------------- RECORD-VIEW: DOCUMENTS TAB SPECIFIC ------------------------------ */

#content div#documentsTab .formWrap           {width:100%;}
#content div#documentsTab div.docWrap         {padding:8px;}
#content div#documentsTab div.docSummary      {float:left; width:31%; margin-right:8px;}
#content div#documentsTab div.docGrantor      {float:left; width:67%;}
#content div#documentsTab div.docProperties   {width:100%; margin-top:8px;}

#content div#documentsTab table.results								{font-size:1.1em;}
#content div#documentsTab table.results tr.head                  {color:#fff; background:#039; text-align:left;} /* CUSTOM */
#content div#documentsTab table.results tr.head th               {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff;}
#content div#documentsTab table.results tr.head th a             {color:#fff;}

#content div#documentsTab table.results tr.row                   {}
#content div#documentsTab table.results tr.alt                   {background:#e8e8f5;} /* CUSTOM */
#content div#documentsTab table.results tr.row:hover             {background:#66c;} /* CUSTOM */

#content div#documentsTab table.results tr.row td                {padding:3px 5px; white-space:nowrap;}
#content div#documentsTab table.results tr.row td a              {display:block; text-decoration:none;}
#content div#documentsTab table.results tr.row:hover td a        {color:#fff;}

#content div#documentsTab table.results tr.sel td                {padding:3px 5px; white-space:nowrap; background:#039;} /* CUSTOM */
#content div#documentsTab table.results tr.sel td a              {color:#fff; display:block; text-decoration:none;}

/* --------------------------- RECORD-VIEW: PERMITS TAB SPECIFIC ------------------------------ */

#content div#permitsTab {}

#content div.permitList table.results							{font-size:1.1em;}
#content div.permitList table.results tr.head                  {color:#fff; background:#039; text-align:left;} /* CUSTOM */
#content div.permitList table.results tr.head th               {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff;}
#content div.permitList table.results tr.head th a             {color:#fff;}

#content div.permitList table.results tr.row                   {}
#content div.permitList table.results tr.alt                   {background:#e8e8f5;} /* CUSTOM */
#content div.permitList table.results tr.row:hover             {background:#66c;} /* CUSTOM */

#content div.permitList table.results tr.row td                {padding:3px 5px; white-space:nowrap;}
#content div.permitList table.results tr.row td a              {display:block; text-decoration:none;}
#content div.permitList table.results tr.row:hover td a        {color:#fff;}

#content div.permitList table.results tr.sel td                {padding:3px 5px; white-space:nowrap; background:#039;} /* CUSTOM */
#content div.permitList table.results tr.sel td a              {color:#fff; display:block; text-decoration:none;}

#content div.permitList table.results td table.fees		{border:none; width:100%;}
#content div.permitList table.results td table.fees	td	{border:none;}
#content div.permitList table.results td .totalFees			{float:right; text-align:right;}
#content div.permitList table.results td .showFeeDetails	{float:right; margin:0 0 2px 5px;}
#content div.permitList table.results td .feeDetails		{clear:both; margin:2px 6px 2px 0;}

#content div.permitList table.results td table td {font-size:1.1em;}

#content div#permitsTab h2.permitDetailsTitle			{color:#039; font-size:1.1em; margin:3px 0;} /* CUSTOM */

#content div#permitsTab table.details					{width:100% !important;}

#content div#permitsTab div.permitComments				{float:left; width:60%; margin-right:8px;}
#content div#permitsTab div.permitComments .commentBox	{width:99%; height:150px;}
#content div#permitsTab div.permitPeople				{float:right; width:38%;}
#content div#permitsTab div.permitActivities			{}


/* --------------------------- RECORD-VIEW: MAPS TAB SPECIFIC ------------------------------ */
#content div#recordDetails address {
    color:#fff;
    font-size:1em;
    font-weight:bold; 
    font-style:normal;
    padding:1px 3px;
    background:#039;
}

#content div#recordDetails div.panel div#googleMap      {height:400px; border:3px solid #ccc; margin:12px;}
#content div#recordDetails div.panel span.infoWinHtml   {font-size:1.25em; font-weight:bold;}
#content div#recordDetails div.map                      {position:relative;}

#content div#recordDetails div.panel div#addressError {
    position:absolute;
    display:none;
    top:180px;
    left:75px;
    color:#f00;
    font-size:1.25em;
    margin-top:1em;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1em;
    padding:12px;
    background:#fff;
    border:1px solid #f00;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ADMINISTRATION LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content form.adminForm div.panel div.box {font-size:1.1em !important;}

#content form.adminForm div.appDetails table colgroup.title {width:20%;}

#content form.adminForm div table td.title		{font-size:1.1em; font-weight:bold; padding-top:5px !important;}
#content form.adminForm div table td.middle		{vertical-align:middle;}

#content form.adminForm div.appDetails input,
#content form.adminForm div.appDetails textarea {width:25em; position:relative; display:inline;}
#content form.adminForm div.appDetails textarea {height:120px;}

#content form.adminForm div.customImg {width:auto;}

#content form.adminForm div.treeView			{margin:0 0 1em 0; font-size:.85em; background:#fff;}
#content form.adminForm div.treeView div.box	{border:1px solid #ccc;}
#content form.adminForm div.treeView table td	{white-space:normal;}

#content form.adminForm table.formView			{width:100%; margin:0 5px;}
#content form.adminForm table.details			{width:98%; border-collapse:collapse; margin:5px 0; background:#e8e8f5;}
#content form.adminForm table.details th,
#content form.adminForm table.details td		{text-align:left; padding:3px 5px; border:1px solid #fff;}
#content form.adminForm table.details thead th	{color:#fff; background:#039;}
#content form.adminForm table.details td.null	{background:#fff;} 

#content form.adminForm input.btn				{margin:1em 3px .5em 3px;}
#content form.adminForm div.submitBtns			{font-size:1em; margin: 0 0 1em 0; padding:5px; background:#fff; border:1px solid #039;}
#content form.adminForm table.formView div.submitBtns		{margin:0 14px 5px 0;}
#content form.adminForm table.formView div.submitBtns input {margin:8px 5px 3px 0;}

#content form.adminForm div#groupsTab div#colm1 {width:40%;}
#content form.adminForm div#groupsTab div#colm2 {width:60%;}
#content form.adminForm div#groupsTab div#colm2 div.treeView {margin-left:12px;}

#content form.adminForm div#usersTab div#colm1 {width:40%;}
#content form.adminForm div#usersTab div#colm2 {width:60%;}
#content form.adminForm div#usersTab div#colm2 div.treeView {margin-left:12px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ERROR PAGE LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content #formError h5				{margin:2em 0 .25em 0;}
#content #formError .detailsBtn		{margin:1em 0;}
#content #formError #textBoxExceptionMessage	{width:100%; height:150px; }
#content #formError #textBoxStackTrace			{width:100%; height:150px; }


/* --------------------------- Start Added by Netkinetix --------------------------- */
#nkLeftNav {
	float:left;
	width:130px;
}

#content ul#recordNav {float:none; }

#content div#purchasedDocsAndCartLinks {
	float:none;
	text-align:left; 
	width: 130px; 
	font-weight:bold; 
	display:block; 
	padding:10px 10px 0px 12px; 
	font-size:.8em;

}

/* --------------------------- End Added by Netkinetix --------------------------- */