/* 	--  (c) 2008 neighborex, Inc. All rights reserved.   -- */

HTML {	BACKGROUND: #fff;	COLOR: #000; HEIGHT:100%}
DIV {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
DL {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
DT {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
DD {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
UL {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
OL {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
LI {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
H3 {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
H4 {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
H5 {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
H6 {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
PRE {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
CODE {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
FORM {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
FIELDSET {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
LEGEND {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
INPUT {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
TEXTAREA {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
P {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
BLOCKQUOTE {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
TH {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px}
TABLE {	BORDER-COLLAPSE: collapse;	border-spacing: 0}
IMG {	BORDER-RIGHT: 0px;	BORDER-TOP: 0px;	BORDER-LEFT: 0px;	BORDER-BOTTOM: 0px}

body {
				font-family: Arial, Helvetica, sans-serif;
				#font-family: "lucida grande", tahoma, verdana, arial, sans-serif; # Facebook fonts  
				background-color: #FFFFFF;
				HEIGHT: 100%;
}

* {
				font-family: Arial, Helvetica, sans-serif;
}

input, textarea, select{
				font-family:inherit;
				font-size:inherit;
				font-weight:inherit;
}

div {			margin:0;
				margin-top:0;
				margin-left:0;
				margin-right:0;
				margin-bottom:0;
				padding:0;
}

.spacer {		display:block;
				clear:both; 
				height:0;
				margin: 0;
				line-height:0; 
				font-size:0; 
				overflow:hidden; }

li {			list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
}

form {			display: inline;
				margin: 0px;
	}
	
.smallfont {
               font-size: 9pt !important;
              }

.smallfontbold {
               font-size: 9pt !important;
               font-weight: bold !important;
              }

.smallerfont {
               font-size: 8pt !important;
             }

.smallestfont {
               font-size: 7pt !important;
             }

td.smallerfont{
               font-size: 8pt !important;
              }

td.smallestfont {
               font-size: 7pt !important;
             }

.fontnormal {
               font-weight: normal;
              }

.italicemphasis {
               color: #FF0033;
               font-style: italic;
               font-weight: bold;
              }

.formelement {
               text-align: left;
	          }

#nexnav {
  				font-size: 12pt;
  				margin: 0;
  				padding: 0;
}

#nexnav UL {
				zoom: 1;
			}

#nexnav li {	float: left;
				zoom: 1;
}

#nexnav li.on{	
				zoom: 1;
}

#nexnav li.inactive{	
				zoom: 1;
}
#nexnav li a {	color:#FFFFFF;
				cursor:pointer;
				text-decoration:none;
				font-size:85%;
				font-weight:bold;
				text-transform:uppercase;
				margin:0px;
				zoom: 1;
}

#nexnav li a:hover, a:focus.name, a:active.name {text-decoration:underline; }
#nexnav li.inactive a:hover, a:focus.name, a:active.name {text-decoration:none; }
#nexnav li.on a:hover, a:focus.name, a:active.name {text-decoration:none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#nexmainnav {
		background: url("/media/csp/images/mainnavfade.png") repeat-x;
		zoom: 1;
		BORDER-BOTTOM: #f1f1f1 1px solid; 
}

#nexmainnav a {
				float:left;
				padding:5px 14px;
				zoom: 1;
}

#nexmainnav li.on a{
			margin-bottom: -2;
			color:#314251; 
			background: url("/media/csp/images/subnavfade.png") repeat-x;						
			zoom: 1;
			border-color: #d8d8dc #d8d8dc #f1f1f1 #d8d8dc;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			cursor:default;			
}

#nexmainnav a.inactive {
			color:#FFFFFF; 
			zoom: 1;
			cursor:default;
			text-decoration:none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#nexsubnav {
		background-color: #f1f1f1;
		border-color:#d8d8dc;
		border-style:solid;
		border-width: 0px 1px 1px 1px;
		zoom: 1;
}

#nexsubnav a {
				float:left;
				padding:5px 14px;
}

#nexsubnav li a {
				text-transform:none;
				color: #854c93;
}

#nexsubnav li.on a{
				color:#314251;
				cursor:default;		 						
}

#nexsubnav li.inactive a{
			color:#555555; 						
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#nexlogonav {
			padding:0px 10px 0px 5px;
			margin-bottom:2px; 
			color:#314251;
			zoom: 1;
}

div.row span.left {
  float: left;
  text-align: left;
  display:table-cell;
  vertical-align: middle;
  color: #000000;
  width: 25%;
  height:54px;
  }

div.row span.expireMessage {
  font-size: 8pt !important;
  color:#990000;
  font-weight:normal;
}


div.row span.expireMessage a {
  color: blue;
  text-decoration: underline;
}

div.row span.right {
  float: right;
  text-align: right;
  #display:table-cell;
  color: #00A4BF;
  width: 70%;
  font-weight: bold;
  #height:54px;
  display:inline;
  display:inline-table;
  display:inline-block;
  vertical-align:middle;
  }

div.row a {
    color: #00A4BF;
    text-decoration:none;
  }
  
div.row a:hover, a:focus.name, a:active.name {text-decoration:underline;}
		
div.row span.separator {
  color: #000000;
  font-size: 8pt;
  font-weight: normal;
  }
	
div.row span.loginform {
  color: #000000;
  font-size: 8pt;
  font-weight: normal;
  }

div.row INPUT {
	background-color: #f1f1f1;
	font-size: 8pt
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.seamless {
				border: 0px;
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

td.seamless-left {
				border: 0px;
				width: 170px;
				min-width: 170px;
				border-collapse: collapse;
				border-spacing: 0;
				empty-cells: show;
}

td.seamless-left-main {
				border: 0px;
				width: 510px;
				min-width: 510px;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

td.seamless-center {
				border: 0px;
				width: 5px;
				min-width: 5px;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

td.seamless-right {
				border: 0px;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

td.neighborhood-row {
				font-size: 12pt;
				font-weight: bold;
}


table.framed {
				background-color: #f8f8f8;
				border: 1px solid #3B5998;
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

table.framed td {
				padding-left: 8px;
				padding-right: 8px;
				font-size: 9pt;
}

table.adsense {
				background-color: #FFFFFF;
				border: 1px solid #FFFFFF;
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}
			
tr.oddRow {
				background-color: #f8f8f8;
}

tr.evenRow {
				background-color: #ffffff;
}

h1 			{
				font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
				font-size: 17pt;
				color: #854c93;
				text-align: center;
				padding-top: 30px;
				padding-bottom: 10px;
				vertical-align: middle;	
				text-align: center;
}

.facebook 	{
				padding-top: 10px;
				padding-bottom: 5px;
}

div.float-left {
				font-size: 8pt;
				float: left;
				padding: 1em;
				margin: 0 1em 0 0;
				}
.home{
				color:#314251;
				font-size: 12pt;
				font-weight: bold;
				text-align:center;
				}

li.home {
				list-style-position:inside;
				list-style-type:disc;
	}

div.image-float-left {
				font-size: 8pt;
				font-weight: bold;
				text-align:center;
				float: left;
				width: 185px;				
				padding: 1em;
				margin: 0 1em 0 0;
				color: #00008b; 
				}

div.image-float-right {
				font-size: 8pt;
				font-weight: bold;
				text-align:center;
				float: right;
				width: 185px;
				padding: 1em;
				margin: 0 0 0 1em;
				color: #00008b;
				}

h2 			{
				background-color: #f8f8f8;
				font-size: 12pt;
				border-bottom: 1px solid #0e1f5b;
				padding-top: 0.8em;
				padding-bottom: 0.8em;
				vertical-align: middle;
			}
			
.beta 			{
				font-weight: bold;
				font-size: 10pt;
			}


.navframed  {
			  	background-color: #ffffff;
  				font-size: 1em;
  				border-bottom: 1px solid #0e1f5b;
  				border-left: 1px solid #0e1f5b;
  				border-right: 1px solid #0e1f5b;
  				border-top: 1px solid #0e1f5b;
  				width: 100%;
}

.footerframed  {
				background-color: #f8f8f8;
				text-align: center;
  				border: 1px solid #0e1f5b;
  				width: 100%;
  				padding: 10px 10px 5px 5px;
}

.footerframed  td {

  				padding: 10px 10px 5px 5px;
}

.footerframed a {
    color: #000000;
    text-decoration:none;
  }
  
.footerframed a:hover, a:focus.name, a:active.name {text-decoration:underline;}
		


table.error {
				background-color: #ffebe8 ;
				color: #0e1f5b;
				border: 1px solid #dd3c10;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;								
			}

.errorrow  {
               font-size: 10pt;
               text-align: left;
              }

.errormessage {
				font-weight: bold;
				font-size: 12pt;
				color: #854c93;
				text-align: center;
              }

.errorcode {
				font-weight: normal;
				font-size: 8pt;
				color: #000000;
				text-align: right;
              }

table.confirm-framed {
				background-color: #fff9d7 ;
				border: 1px solid #e2c822;
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
}

table.confirm {
				background-color: #fff9d7;
				color: #9f460b;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;		
			}

.confirmrow  {
               font-size: 10pt;
               text-align: left;
               
              }

.confirmmessage {
               font-size: 10pt;
               color: #c64942;
              }

.servicemark {
               font-size: 6pt;
               vertical-align: super
              }

.servicenameA  {
              }

.servicenameB  {
              }

.servicenamenav  {
               font-weight: bold;
               font-size: 1em;
               color: #9f460b;
               text-decoration: none;
              }

.useragreement {
				font-size: 11pt;
				font-family: Arial, Helvetica, sans-serif;
				background-color: #fefefe;
				width: 650px;
				height: 300px;
				overflow:auto;
}
	

.nextback{
				font-size: 14pt;
				font-weight: bold;
				vertical-align: middle;
}

.firstnextback{
				font-size: 18pt;
				font-weight: bold;
				vertical-align: middle;
}

.bullet{
				vertical-align: middle;
}

free_space {
				width: 40px;
}


/* --------------------------------------------------- */           
/* Calendar Styles                                     */
/* --------------------------------------------------- */

table.calendarTable {
				width: 100%;
				border-spacing: 1px;
}

td.calendarMonthHeader {
				background-color: #854c93;
  				border: 1px solid #666666;
				color: #ffffff;
				text-align: center;
				font-weight: bold;
				height: 20px;		
				font-size: 10pt;
}

td.calendarDayHeader {
				background-color: #757676;
  				border: 1px solid #666666;
				color: #ffffff;
				text-align: center;
				height: 20px;
				width: 80px;
				font-size: 8pt;
}

td.calendarDayOutOfRange {
				background-color: #f4f2f2;
  				border: 1px solid #666666;
				color: #ffffff;
				height: 80px;
}

div.calendarDay {
				height: 100%;
				height: 80px;
}

td.calendarDayInRange {
				background-color: #ffffff;
  				border: 1px solid #666666;
				color: #000000;
				height: 80px;
				vertical-align: top;
}

td.calendarDayMouseover {
				background-color: #ffffa6;
				height: 80px;
				vertical-align: top;
}

td.calendarDayToday {
				background-color: #fffdff;
				border: 2px solid #854c93;
				color: #000000;
				height: 80px;
				vertical-align: top;
}

div.calendarAccepted {
				background-color: #ff9999;
				border: 1px solid #666666;
				color: #000000;
}

div.calendarAvailable {
				background-color: #99ff99;
				border: 1px solid #666666;
				color: #000000;
}

div.calendarOwnerAvailable {
				background-color: #ffff99;
				border: 1px solid #666666;
				color: #000000;
}

div.calendarOwnerAccepted {
				background-color: #99ccff;
				border: 1px solid #666666;
				color: #000000;
}

/* --------------------------------------------------- */           
/* Sortable tables                                     */
/* --------------------------------------------------- */

table.sortable {
				border: 0px;
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0px;
				empty-cells: show;
				}

table.sortable thead {
    			padding: 6px;
    			font-weight: bold;
    			cursor: pointer;
				}    			

table.sortable td th {
    			  padding: 6px;   			
}

.div_staging {
               font-size: 8pt;
               color: #d2d2d2;
}

/* -------------------------------------------------------- */

.black_overlay{
	visibility: hidden;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #413743;
	z-index:1001;
	-moz-opacity: 0.2;
	opacity:.20;
	filter: alpha(opacity=20);
}
 
.white_content {
	visibility: hidden;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 500px;
	padding: 8px;
	border: 3px solid #854c93;
	background-color: #ffffff;
	z-index:1002;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	vertical-align: middle;
	min-height:"100%";
}

/* BUTTON MARK UP */

.button { /* Top left corner, top edge */
float:left;
color:#ffffff; /* Text colour */
background:#333 url("/media/csp/images/button.gif") no-repeat; /* Fallback bg colour for images off */
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
.button * {display:block;}
.button span { /* Top right corner */
padding:6px 0 0;
background:url("/media/csp/images/corners.gif") no-repeat right top;
}
.button span span { /* Bottom left corner, left and bottom edges */
padding:0 0 0 6px;
background:url("/media/csp/images/button.gif") no-repeat left bottom;
}
.button span span span { /* Bottom right corner */
padding:0 0 6px;
background:url("/media/csp/images/corners.gif") no-repeat right bottom;
}
.button span span span span { /* Right edge */
padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
background:url("/media/csp/images/button.gif") no-repeat right center;
}
.button:hover,
.button:focus,
.button:active { /* Help keyboard users */
outline:2px solid #ff0; /* Not supported by IE/Win :-( */
color:#fff;
}