@charset "UTF-8";

/*---{ SETTING UP PAGE }---*/
html {		margin:0; padding:0; }
body {		margin:0;	padding:0; 
			font-family:"Lucida Grande", Helvetica; font-size:1em;
			color: #069;	text-align:center;														}
a { 				text-decoration:underline;	color: #069;										}
A:hover {			text-decoration:none;		color:#000;											}
td {				font-size: 10px;																}
p	{				font-size: 10px;																}
pre	{				font-size: 10px;	font-family: "Lucida Grande", Lucida, Helvetica, sans-serif;}
h1 {				padding: 1.5em;		color:#000066;		letter-spacing: .15em;
					font-variant:small-caps;
					font: 1.2em bold "Lucida Grande", Lucida, Helvetica, sans-serif;				}
a .register {		padding: 1.0em;		color:#000066;
					font: 1.0em "Lucida Grande", Lucida, Helvetica, sans-serif;						}			

/*---{ COMMON ELEMENTS }---*/
.title {	font: 18px "Lucida Grande", Lucida, Helvetica, sans-serif;		color: #006;  			}
.text {		font: 12px "Lucida Grande", Lucida, Helvetica, sans-serif;		color: #006;			}
img {		border-style: none; border:0;															}
.new 		{color:red;}

/*---{ MASTHEAD }---*/
div#container {		width: 945px;		margin: 0 auto;		padding: 0; text-align:center;			}
div#masthead {		width:945px; margin:0; padding:0;						}
div#masthead img { 	width:945px; border:0; padding:0; margin:0; }
ul#nav	{ 			display:inline; float:left; height: 30px; width: 945px;
					background-color:#236282; padding:0; margin:0;									}
ul#nav li {			display:inline; float:left; list-style:none; margin:0; padding:0;				}
ul#nav a {			display:block; float:left; text-decoration:none; color:#CCE8EA;
					padding: 5px 10px 0 10px; text-transform:lowercase; 							}
ul#nav a:hover, .active {	color:#fff; border-bottom: 5px solid #183549; background-color:#183549;}


/*---{ FOOTER }---*/
div#footer {		width: 945px; margin:0 auto;text-align:center;font-size: 10px; margin-top: 20px; }

ul#footerlist { text-decoration:none; list-style:none; display:inline; float:left; font-size: 10px; }


/*---{ LOGIN CONTENT }---*/
div#bodycontent {	margin: 0 auto;		padding:0;		width: 945px; background: #d3e7ea;			}
div#formcontent {	float:left;			width: 270px;												}
div#logincontent {	text-align:left;	float: right;		width: 645px;							}

/*---{ INSIDE CONTENT }---*/
div#content 	{margin:0 auto; padding:0; width:945px; 		}
div#maincontent {margin:0 auto; padding:0; width:650px; float:right;}
div#regcontent  {margin:0 auto; padding:0; width:945px; float:left; margin-left: 291px; margin-top:20px;}
div#addnewloc 	{visibility:hidden}

/*---{ LEFT INSIDE }---*/
div#subcontent 	{margin:0 auto; padding:0; width:291px; height:500px; background-color:#236282; float:left; text-align:left;}
div#subcontent ul {list-style-type:none;padding-left:20px;}
div#subcontent h4 {color:#fff; font: 16px "Lucida Grande", Lucida, Helvetica, sans-serif; padding-left: 10px;}
div#subcontent h4 a {color:#fff; text-decoration:none;}
div#subcontent h4 a:hover {color:#000;}
div#subcontent p {color:#fff; font: 12px "Lucida Grande", Lucida, Helvetica, sans-serif; padding: 0 10px;}

li.subhead, li.subhead a {color:#fff; font-size:16px; text-transform:lowercase; text-decoration:none;}
li.sub, li.sub a {color:#CCE8EA; font-size:13px; padding-left:10px;text-decoration:none;}
li.sub a:hover {color:#000;}
#addform {visibility:hidden;}


/*---{ USER LIST }---*/
table#userlist {width:653px; background-color: #fff; border:0; margin:0; padding:0; }
table#userlist th {text-align:left; font-size:14px; font-weight:bold; color:#236282; border-bottom:1px #236282 solid; padding-right:2px; text-transform:lowercase;	}
table#userlist td {text-align:left; font-size:12px; color:#236282; text-transform:lowercase; padding-bottom:2px; }
table#userlist td a {color:#236282; display:block;}
.rowone			{background-color:#fff;}
.rowtwo			{background-color:#eee;}
.icon			{padding: 0 4px; border:0;}
.boatname		{font-style:italic; color:#000; white-space:nowrap;}
.listname		{white-space:nowrap;}
.pagination 	{background-color: #fff; text-align:right; width: 645px; color:#236282; font-size:12px; margin:0; padding:2px 5px; }
.pagination a	{color:#236282; text-transform:lowercase; }
.pagination a:hover {text-decoration:none; color:#000;}
.detail 		{color:#fff; background-color:#ccc; padding: 2px; 
        		position:absolute; top:120px; left:40px;
				width:287px; border: 2px #236282 solid;
        		z-index:99; text-align:center;  visibility:hidden;}
				
/*---{USER PROFILE}---*/

#userprofile {		background-color: #fff;		padding: 10px;	width: 630px;	text-align:left;}
#userprofile ul {	list-style:none;}
#userprofile img {	margin: 10px;	float: right;								}
#contactinfo {		width: 280px;	float:left;		text-align:left;			}
#locationinfo {		float:left;		text-align:left;							}
#locationinfo ul { font-size:12px; text-indent:-30px; }
.profilename {		font-size:18px;												}


/*---{ login info items }---*/
ul#info {			position: absolute;list-style-type:none;	width: 645px;	margin:0;	padding:0;					}
#info li {			list-style-type:none;	float:left;		width: 158px;	padding: .5em 0;		}
#info p {			border-top: 1px solid #069;				border-left: 1px solid #069;
					font: 14px "Lucida Grande", Lucida, Helvetica, sans-serif;
					text-transform:lowercase;				margin: 0 10px;
					padding: 0 0 .5em .5em;															}
#info a {			position:absolute; width: 120px; height:120px; text-indent:-9999px; top:-95px; right: -20px;
					background-image:url(../images/register.png); background-repeat:no-repeat; width:150px; height:150px; }


/*---{ FORMS }---*/
#form_container { 	padding: 0; 	margin: 0; 		width: 270px; 		text-align: left; 			}
form p {			clear:left;		margin:0;		padding:8px 0 0 0;								}
form label {		width: 20%;		float:left;		text-align:right;
					font: 12px "Lucida Grande", Lucida, Helvetica, sans-serif;
					color: #069;	padding: 5px 10px;			text-transform:lowercase;			}
form input.txt {	background-color: #eefcff;		border: 1px solid #4e789c;
					width: 180px;	height:19px;
					font: 14px "Lucida Grande", Lucida, Helvetica, sans-serif;
					color: #069;	padding: 2px;													}
form select	{		background-color:#eefcff; border: 1px solid #4e789c; 
					font: 12px "Lucida Grande", Lucida, Helvetica, sans-serif; color: #069;			}		
form input.txtsm {	background-color: #eefcff;		border: 1px solid #4e789c;
					width: 40px;	height:19px;
					font: 14px "Lucida Grande", Lucida, Helvetica, sans-serif;
					color: #069;	padding: 2px;													}	
form textarea {background-color: #eefcff; border: 1px solid #4e789c; font: 12px "Lucida Grande", Lucida, Helvetica, sans-serif;
					color: #069; padding: 2px;}
									
form input#submit {	float:left;		width: 60px;	height: 20px;									}
legend {			font: 14px "Lucida Grande", Lucida, Helvetica, sans-serif;
					color: #069;	text-transform:lowercase;										}
fieldset {			border: 1px solid #069;			width: 270px;									}
.err {				color:#f00;																		}

#regform {			padding:0; margin:0; text-align:left;}
#regform p {		clear:left; margin:0; padding: 8px 0 0 0;}
#regform label {	width: 30%; float:left; text-align:right; 
					font-size: 12px; font-family: "Lucida Grande", lucida, helvetica, sans-serif;
					color: #069; padding: 5px 10px; text-transform:lowercase;}
#regform fieldset {	border: 1px solid #069; width:632px;}		

/* ---{Location Form}--- */			

#locform {			width: 291px; text-align:left; padding-left:20px;								}
#divregion3, 
#divregion4,
#divregion5 {		visibility:hidden;							}
.locoptions {		font-size:10px; color:#CCE8EA;				}

/* ---{Tool Tips}--- */
.toolTip
{
	color: #3366FF;
	position: relative;
}

.toolTipWrapper
{
	width: 250px;
	position: absolute;
	display: none;
	color: #444444;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;	
	z-index: 800;
	border-collapse:collapse;
}

.toolTipArrow
{
	background-image: url(../images/rollover_point-leftcenter.gif);
	width: 13px;
	height: 13px;
	float: left;
	position:relative;
	top:-17px;
	*top:3px;
	left:-10px;	
	*left:3px;
	_left:8px;
	z-index: 900;
}

.toolTipMid
{
	padding: 10px 10px;
	background-color: #ffffcc;
	border: 3px solid #ffd400;
	position:relative;
	min-height:25px;
	top:-50px;
	*top:-30px;
	*display:block;
	*height:100%;
}