﻿input.password, input.text, select, textarea { font-size:93%; border:1px solid #CCC; border-color:#000 #EEE #EEE #000; background:#E2F0FB; }
input.text { padding:2px 3px; width:180px; }
input.radio, input.checkbox { vertical-align:middle; }
select { padding:1px; width:222px; }
textarea { width:95%; }

.formitem { clear:both; padding:2px 0 2px 10px; margin:0 0 0 0; }
.formitem span.label { line-height:1.6em; width:110px; margin:0 5px; padding:0; text-align:right; float:left; display:block; }
.formitem textarea { vertical-align:top; width:auto; }
.formbuttons {clear:both; padding:2px 0 2px 10px; margin:0 0 0 130px;}

fieldset, div.fieldset { border:1px solid #999; padding:10px; margin-bottom:10px; }
fieldset { margin-left:10px; }
div.fieldset { margin:15px 10px 5px 10px; }
legend, div.fieldset h3 { padding:0 5px; color:#999; font-weight:bold; font-size:114%; }
div.fieldset h3 { margin-top:-1.3em; margin-left:5px; background:#FFF; display:inline; float:left; }
dl { border-top:1px solid #EEE; clear:both; padding:5px 0 5px 10px; margin:0; }
dt { width:170px; margin:0px; padding:0 5px; text-align:right; float:left; font-weight:bold; }
dd { padding:1px 0 0 180px; }

.loginform { width:45%; float:left; }
.marinaform .text { width:220px; }

.marinainfo { padding:2px 5px 15px 10px; }
.marinapageheaderbar { font-weight:bold; color:#FFFFFF; text-align:right; width:950px; height:25px; background-color:#0055BB; margin:-30px 25px 0 25px; padding:5px 10px 0 0;}

.commands a { padding:4px 6px 4px 26px; background:no-repeat 4px 50%; line-height:3em; text-decoration:none; font-weight:bold; font-size:11px; }
.commands a:hover { background-color:#666; color:#EEE; border:0; }

#CurrentLatLong { border:1px solid #CCC; background:#EEE; padding:5px; }

/* Context Menu: */
#ContextMenu { position:absolute; background:#FFF; border:1px solid #CCC; z-index:100; }
#ContextMenu .menuitem a { padding:2px; display:block; width:140px; background-repeat:no-repeat; background-position:5px 50%; padding-left:30px; line-height:22px; border-bottom:1px solid #999; color:#666; }
#ContextMenu .menuitem a:hover { background-color:#EEE; }
#cmd-selectplace a { background-image:url(/lib/img/icons/20/add.gif); }
#cmd-marinasaround a { background-image:url(/lib/img/icons/16/find.png); }
#cmd-zoomin a { background-image:url(/lib/img/icons/16/zoom_in.png); }
#cmd-zoomout a { background-image:url(/lib/img/icons/16/zoom_out.png); }
#cmd-cancel a { background-image:url(/lib/img/icons/16/comment_delete.png);}

/*====================================================================================
   TABS
====================================================================================*/
.tabs { height:30px; color:#383D42; position:relative; z-index:102; overflow:hidden; /*background:url('http://cdn.last.fm/depth/nav2/gradient.gif') top left repeat-x; */}
.tabs ul { padding:0 10px 0 0; margin:0; }
.tabs li { margin:0; padding-left:11px; line-height:31px; display:block; float:left; height:31px; background:url(img/tabs/left.gif) top left repeat-x; }
.tabs li.first { background-image:url(img/tabs/first.gif); }
.tabs li.firstcurrent { background-image:url(img/tabs/first_on.gif); }
.tabs li a, .tabs li span { color:#808080; padding-right:11px; line-height:31px; text-decoration:none; display:block; float:left; background:url('img/tabs/right.gif') top right no-repeat; border:0; }
.tabs li span { color:#CCC; }
.tabs li.current, .tabs li.lastcurrent {	background-image:url(img/tabs/left_on.gif); margin-left:-2px; padding-left:11px; }
.tabs li.current a, .tabs li.firstcurrent a, .tabs li.lastcurrent a { background-image:url(img/tabs/right_on.gif); color:#404040; height:35px; }
.tabs li a:hover {	color:#404040; }
.tabs li.last a { background-image:url(img/tabs/end.gif); padding-right:22px; }
.tabs li.lastcurrent a { background-image:url(img/tabs/end_on.gif); padding-right:25px; }
.tabcontent { border:1px solid #999; margin:-1px 0 10px 0; padding:10px; background:#FFF; }

/*==================================================================*/
/*=  Login
/*==================================================================*/
.login { padding:20px; width:50%; float:left; }
.login input.text { width:200px; font-size:114%; padding:2px 5px; }
.login div.clearafter label { display:block; width:80px; text-align:right; float:left; padding:3px 5px; }
.login div.rememberme { padding:5px 0 5px 70px; margin:15px 40px 10px 20px; border-top:1px dotted #06234B; border-bottom:1px dotted #06234B; }
.login div.rememberme em { display:block; padding-left:27px; font-size:82%; font-style:normal; }
.login div.rememberme label { padding-left:5px; }
.login div.passwordrecovery { padding:5px; margin:10px; }
.login p.alert { color:red; margin:10px 0; }


