/* body { overflow:scroll; } */
body { font-family: Verdana,sans-serif; height: 100%; padding: 0; margin: 0; font-size: 11px; }
html { height: 100%; overflow-y: scroll; }
div.world {
	min-height: 100%;
	width: 900px;
	min-width: 400px;
	margin: auto; 
	padding: 0 10px;
	-webkit-box-shadow: 0 4px 7px rgb(200,200,200);
	-moz-box-shadow: 0 4px 7px rgb(200,200,200);
	box-shadow: 0 4px 7px rgb(200,200,200);
	background-color: white;
}
div.horizon {
	z-index: -1;
	position: fixed;
	top: 24px;
	left: 0;
	width: 100%;
	height: 100%;
}
div.horizon.upper {
	height: 200px;
	/* background-color: #006600 ;
	opacity: 0.5; 
	-webkit-box-shadow: 0 4px 7px #006600;
	*/
}
div.horizon.lower {
	/* background-color: #008d00;
	opacity: 0.5; */
}
ul.series_list { list-style: none; padding: 0; }
ul.series_list li { padding: 0; margin: 4px; }
ul.series_list li a { display: block; text-decoration: none; font-weight: bold; padding: 8px; }
a.back_button { float: right; }
div.floating-footer {
	height: 2px;
	background-color: rgb( 230,230,230 );
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}
div.floating-footer:hover {
	height: auto;
	border-top: 1px solid rgba( 180,180,180,0.8 );
	-webkit-box-shadow: 0 -2px 2px rgb(220,220,220);
}
#class_button { margin: 4px 4px; }
ul.form-list { margin-top: 0; list-style: none; padding: 0; border-collapse: collapse; }
li.fieldrow { margin: 0; padding: 3px; border-collapse: collapse; border-top: none; }
li.fieldrow label { vertical-align: middle; display: inline-block; width: auto; font-weight: bold; margin-bottom: 3px; margin-right: 6px; }
	.fieldrow label { margin-top: 0; padding-top: 0; }
li.fieldrow label.wide { display: inline-block; width: 100%; font-weight: bold; }
li.fieldrow input:not( .ui-combobox-input ) { border-radius: 3px; padding: 3px; width: 95%; margin: auto; border: 1px solid rgb(180,180,180); }
li.fieldrow.money input { width: 7em; }
li.fieldrow select { margin-right: 10px; }
li.fieldrow div.group { display:inline-block;margin-right:10px; white-space:nowrap; }
li.fieldrow div.group:first-child { margin-left:0; }
div.ui-widget-header { padding: 0 6px; }
/* .ui-button.ui-state-active { color: rgb(85,85,85) !important; font-weight: bold !important; } */
/* .ui-button.ui-state-default { color: rgb(110,110,110); } */
div.diamond_sponsors {
	text-align: right; 
	}
div.sponsors_tray {
	min-height: 48px;
	margin: 0;
	padding: 8px;
	text-align: center;
/*	border: 1px solid rgb(190,190,190);
	-webkit-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	-moz-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	box-shadow: inset 0 0 3px 3px rgb(200,200,200);
*/
}
div.sponsors_tray img { max-height: 24px; margin: 4px 8px; }
div.diamond_sponsors img.diamond { max-height: 72px; max-width: 400px; }
div.sponsors_tray img.gold { max-height: 40px; }
div.sponsors_tray img.silver { max-height: 32px; }
div.diamond_sponsors a { border: none; }
div.diamond_sponsors a img { border: none !important; }
div.diamond_sponsors img { border: none !important; }
/*
div.sponsors_tray img:hover { 
	-webkit-box-shadow: 3px 3px 3px 3px rgb(200,200,200);
	-moz-box-shadow: 3px 3px 3px 3px rgb(200,200,200);
	box-shadow: 3px 3px 3px 3px rgb(200,200,200);
	}
	*/
td.yacht_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.yacht_name, div.yacht-name { /* font-family: Marvel, Open Sans, sans-serif; */ font-size: 1.2em; font-weight: bold; font-style: italic; }
div.alt-name { font-size: 11px; font-weight: normal; }
span.sail_no { color: rgb(100,100,100); }
table.protest-table { border-collapse: collapse; }
table.protest-table tr { border: 1px inset rgb(200,200,200); }
table.protest-table td { padding: 5px; }
table.protest-table th { padding: 5px; text-align: left; }
li span.sortable-handle { cursor: move; }
a.edit-class { font-size: 8px !important; }


#overall-classes-list { list-style-type: none; margin: 0; padding: 0; width: 300px; }
#overall-classes-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; }

#division-classes-list { list-style-type: none; margin: 0; padding: 0; width: 300px; }
#division-classes-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; }

#graphics-list { list-style-type: none; margin: 0; padding: 0; width: 600px; }
#graphics-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; }

#sponsors-list, #docs-list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sponsors-list li, #docs-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; position: relative; }
.ui-buttonset .ui-button { margin-right: -.5em; }

.box-list { list-style-type: none; margin: 0; padding: 0; width: auto; }
.box-list li { margin: 4px ; padding: 0.4em; padding-left: 0.4em; font-size: 1em; }
.box-list li.ui-state-default { font-weight: normal; }
.box-list li div.list-item-field { display: inline-block; overflow: hidden; text-overflow: ellipsis; padding: 1px; white-space: nowrap; }

.image-well {
	padding: 6px;
	text-align: center;
	vertical-align: center;
	height: 200px;
	width: 400px;

	border: inset 0 0 3px 3px rgb(200,200,200);
	-webkit-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	-moz-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	box-shadow: inset 0 0 3px 3px rgb(200,200,200);
}
.image-well img { display: inline-block; vertical-align: middle; top: 50%; }

div.list-block {
	display: inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:top;
}
div.list-field {
	display: inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:30%;
	vertical-align:middle;
}
.dim { color: rgb(150,150,150); }
span.real-name {
	font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; font-weight: normal; 
}
.sail { font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; margin: 0 3px; }
.design { font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; margin: 0 3px; }
.country { font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; margin: 0 3px; }
.rating { font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; margin: 0 0; }
.times { font-family: 'Ubuntu Condensed', sans-serif; display: inline-block;text-overflow:elipsis;overflow:hidden;white-space:nowrap }
.owner { font-family: 'Ubuntu Condensed', sans-serif; font-size: 12px; sans-serif; display: inline-block;text-overflow:elipsis;overflow:hidden;white-space:nowrap }
span.csa-version { font-size: 9px; }
span.csa-version.expired { color: red; }

.ui-selecting { background: #FECA40; }
.ui-state-default.ui-selected { background: #F39814; color: white; }
.ui-selectable-helper { border: 1px dotted black; z-index: 400; }

.ui-selected { background: #ffe88a; }

ul.picker-list *.rating, ul.picker-list *.loa, ul.picker-list *.owner { display:none; }
.ui-selectable-helper { z-index: 3000; }


li.hot { 
	-webkit-box-shadow: inset 0 0 2px 2px rgb(240,180,180);
}
div.licence {
	width: 100%;
	text-align: center;
	padding: 4px;
	margin-top: 6px;
}
.tiny { font-size: 8px; }
div.top-strip {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px; 
	background-color: rgba(255,255,255,0.9);
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 0 3px 5px rgb(220,220,220);
	-moz-box-shadow: 0 3px 5px rgb(220,220,220);
	box-shadow: 0 3px 5px rgb(220,220,220);
	z-index: 3000;
}

/* div.top-strip h3 { margin: 4px; position: normal; } */
div.top-strip div.login_link,div.user_link,div.admin_link { cursor: pointer; position: absolute; padding: 3px; top: 3px; margin: 0; }
div.top-strip .ui-button-text { line-height: 1em; padding: 1px 2.1em 1px 1em; }
div.top-strip div.admin_link a { text-decoration: none; color: inherit; }

div.user_menu { background-color: rgba(255,255,255,0.99); }
div.user_menu ul { list-style:none;padding:0; }
div.user_menu ul li { padding: 0; }
div.user_menu ul li a { display: block; padding: 5px 10px; text-decoration: none; font-weight: bold; color: rgb(30,30,30);}
div.user_menu ul li a:hover { background-color: rgb(200,200,200); }
div.user_menu label { display: block; margin: 5px 0 0 0; }
div.user_menu input[ type = text | type = password ] { display: block; margin: 0 ; width: auto; }

div.login_div { background-color: rgba(255,255,255,0.99); }
div.login_div label { display: block; margin: 5px 0 0 0; }
div.login_div input[ type = text | type = password ] { display: block; margin: 0 ; width: auto; }
div.top-opener { position: fixed; right: 0; top: 0; display: block; z-index: 1000; color: rgb(230,230,230); }
.tooltip div {
	margin-top: 6px;
	margin-left: 20px;
}
.tooltip div:first-child {
	text-indent: -20px;
}
.tooltip div label {
	text-indent: -20px;
	display: block;
	font-weight: bold;
}
.close { 
	background-color: rgb(235,255,235);
}
.vclose {
	background-color: rgb(210,255,210);
}
.wow {
	background-color: rgb(180,255,180);
	-webkit-box-shadow: inset 0 0  5px rgb(0,255,0);
	-moz-box-shadow: inset 0 0  5px rgb(0,255,0);
	-box-shadow: inset 0 0  5px rgb(0,255,0);
}
div.colour-key {
	display:inline-block;text-align:center;vertical-align:middle;padding:4px;width: 60px;
}

em.result_vg {
	font-weight: bold;
	font-style: normal;
}
ul.plainlist {
	list-style:none;padding:0;
}
ul.plainlist li {
	margin: .5em 0;
}
table.ftable { width: 100%; table-layout: fixed; }
table.ftable td { vertical-align: baseline; }

.explan p { margin: .5em 0; }
.explan { vertical-align: top; padding: 0 .5em; margin: .5em 0; }
.explan h3 { margin: 0.5em 0; }

em em { font-weight: bold; }

li.fieldrow textarea { width: 95%; height: 4em; }
li.fieldrow.inline * { vertical-align: baseline; }
li.fieldrow.inline label { display: inline-block; width: 25%; margin-right: 0.5em; }
li.fieldrow.inline input:not( .ui-combobox-input ) { display: inline; width: 66%; margin-right: 0.5em; }
li.fieldrow.inline textarea { display: inline; width: 66%; margin-right: 0.5em; vertical-align: top; }
li.fieldrow.inline span.note { display: block; margin-left: 30%; font-size: 0.8em; font-style: italic; }
li.fieldrow span.note { display: block; margin-left: 0; font-size: 0.8em; font-style: italic; }
li.fieldrow.inline.longlabel label { width: 40%; }
li.fieldrow.inline.longlabel input { width: 50%; }

li.fieldrow.inline .buttonset input { width: auto; margin-right: -0.5em; }
li.fieldrow.inline .buttonset label { width: auto; margin-right: -0.5em; }
li.fieldrow.inline div.buttonset { display: inline;  padding: 2px; }

ul.bread {
	margin: 0.5em 0;
	padding: 0;
}

ul.bread li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: auto;
	margin: 5px 1px 0 0;
	text-indent: 1.5em;
	position: relative;
}

ul.bread li:before {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	left: 1px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}

ul.bread li:first-child:before {
	    border-color: transparent;
}

ul.bread li a:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	right: -15px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent rgb( 220,220,220 );
	z-index: 10;
}
ul.bread li:last-child a {
	padding-right: 1.5em;
}
ul.bread li:last-child a:after {
	border-width: 0;
}
ul.bread li a {
	display: block;
	background: rgb( 220,220,220 );
	padding-right: 6px;
	text-decoration: none;
	font-weight: bold;
	color: rgb( 180,180,180 );
	cursor: default;
}
ul.bread li.error a {
	color: red;
}

/*
ul.bread li a:hover {
	    background: rgb( 200,200,200 );
}

ul.bread li a:hover:after {
	    border-color: transparent transparent transparent rgb( 200,200,200 ) ; 
}
*/

ul.bread li.active a {
	background: rgb( 240,240,240 );
	color: black;
	z-index: 100;
}

ul.bread li.active a:after {
	border-left-color: rgb( 240,240,240 );
	color: black;
}

ul.breadx {
	list-style:  none;
	padding: 0;
	background: #ffe88a url(images/ui-bg_glass_45_ffe88a_1x400.png) 50% 50% repeat-x;
}
ul.breadx li {
	line-height: 30px;
	padding: 0;
	margin: 0;
	display: inline-block;
}
ul.breadx li * {
	vertical-align: top;
}
li.fieldrow.inline label.error { width: auto; color: red; display: inline; font-weight: normal; }
li.fieldrow label.error { width: auto; color: red; display: inline; font-weight: normal; }

li.fieldrow input.error { border: 1px solid red; background-color: rgb( 255,220,220 ); }

table.fee_detail {
	width: 100%;
	border-collapse: collapse;
	cell-spacing: 0;
	cell-padding: 0;
}
table.fee_detail h4 {
	margin: 0.1em 0;
}

table.fee_detail h4 input {
	width: auto !important;
}
table td.money { text-align: right; }

div.dialog-button-tray {
	text-align: right;
}
div.invoices ul.invoice {
	margin-bottom: 1.5em;
}
div.invoices ul.invoice-list > li {
	padding: 1em;
}

ul.invoice {
	list-style: none;
	padding: 0;
}
ul.invoice li {
	border: 1px solid rgb(200,200,200);
	border-width: 0 0 1px 0;
}
ul.invoice li:first-child {
	border-width: 1px 0 1px 0;
}
.inactive_search { 
	color: rgb(200,200,200);
	}

.firefox_search {
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding-left: 0.5em;
	font-size: 10px; 
}
	.fieldrow.shortfield { width: auto; }
	.entry_fee_calc { display: inline-block; vertical-align:middle;margin-left: 1em; }
	.entry_fee_calc .ui-button-text { padding: .5em 1em .4em 2.7em }
	li.fieldrow input[type=checkbox] { display: inline; width: auto; }
	input[type=checkbox] + label { padding-left: 8px; }


.step-list { list-style: none; padding: 0; }
.step-list li { color: rgb(200,200,200); display: inline; font-weight: bold; font-size: 13px; }
.step-list li.current { color: rgb( 0,0,0 ); }
.fieldrow.shortfield { width: auto; }
ul.form-list { margin-top: 0; }
.fieldrow label { margin-top: 0; padding-top: 0; }
	

#class_list {
	width: auto;
	position: absolute;
	white-space: nowrap;
}

.guru.top-strip {
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
}
.regattaguru {
	font: 22px Pompiere,Verdana,sans-serif;
}
.guru.top-strip a.guru {
	width: 107px;
	display: inline-block;
	overflow: visible !important;
	overflow-x: hidden;
	font: 22px Pompiere,Verdana,sans-serif;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
	color: rgba(20,20,20,0.8);
	position: normal;
	margin-left: 12px;
	vertical-align: middle;
}
.guru.top-strip {
	color: rgba(20,20,20,0.8);
}
.guru.top-strip a.event_menu {
	text-decoration: none;
	color: rgba(20,20,20,0.8);
	font-size: 13px;
	display: inline-block;
	margin-left: 12px;
	margin-top: 0;
	border: 1px solid rgb( 200,200,200 );
	padding: 10px 10px 2px 10px;
	border-width: 0;
	/*
	border-left-width: 1px;
	*/
	vertical-align: middle;
}
div.event_series {
	position: absolute;
	display: block;
}

li.notice {
	margin: 6px 0;
	border-top: 1px dotted grey;
}
li.notice:first-child {
	margin: 6px 0;
	border-width: 0;
}
.notice-headline h3 {
	text-shadow: 2px 2px 3px rgb(220,220,220);
	font-size:  1.2em;
}
.notice-body {
	margin-top: 0.5em;
	margin-left: 4ex;
	width: 95ex;
}
.notice-body p {
	margin: 0.5em 0;
}
.notice-body p:first-child {
	margin-top: 0;
}
.notice-dateline {
	margin: 0 4ex;
	vertical-align: baseline;
	font-size: 11px;
	font-style: italic;
}

.tool-links {
margin:0.2em;
vertical-align: baseline;
}
.tool-links a {
	text-decoration: none;
	color:#6D84B4;
	font-family: 'lucida grande',tahoma,verdana,sans-serif;
	font-size: 11px;
}
.tool-links a:hover {
	text-decoration: underline;
}


span.read-more, span.read-less {
	display: inline;
}

span.read-more a {
	text-decoration: none;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-size: 11px;
	color: #6D84B4;
	margin-top: 1em;
}
span.read-less a {
	text-decoration: none;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-size: 11px;
	color: #6D84B4;
	margin-top: 1em;
}

label note {
	display: inline;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
div.edit-content {
	border: 1px dotted blue;
	margin: -4px;
	padding: 4px;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
.new-entry {
	color: red;
}

.entry-age {
	display: block;
	font-size: 9px;
}

ul.ledger-list { list-style: none; padding: 0; border-top: 1px solid grey; }
ul.ledger-list li.ledger-user { border-bottom: 1px dotted grey; padding: 0.4em 0 1em 0; }
ul.ledger-list li.ledger-user span.payment_pending { color: red; font-weight: bold; }
ul.ledger-list li div.tool-links { display: inline-block; }
ul.ledger-list ul { list-style: none; padding: 0 0 0 2em; }
/* ul.ledger-list ul.detail { margin-bottom: 3em; } */
ul.ledger-list div.desc { display:inline-block; width: 40em; }
ul.ledger-list li ul li div.desc { width: 36em; }
ul.ledger-list div.amt { display:inline-block; width: 30%; text-align: right; }
ul.ledger-list div.amt.payment { color: red;  }
ul.ledger-list li.deleted div.desc { 
	/*	text-decoration: line-through; */
	color: rgb(180,180,180);
	}
ul.ledger-list h4 { margin: 0.4em 0 0 0; }
ul.ledger-list div.accounting { display: inline-block; width: 25em;; text-align: right; }
ul.ledger-list li.editing {
	/* background-color: rgb(240,240,240); */
	margin-bottom: 4em;
	padding-bottom: 3em;
	}
ul.ledger-list li.editing > div.accounting { font-weight: bold; }
div.loading {
	background-image: url( image_122556.gif );
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	font-weight: bold;
	font-size: 1.4em;
	padding: 1em;
}
div.loading.small {
	background-size: auto 24px;
	font-size: 1em;
}
.cc-form label { min-width: 140px; }
li.receipt.pending {
	color: rgb(180,90,90); 
}
li.receipt.declined div.amt {
	color: rgb(180,90,90); 
	text-decoration: line-through;
}
li.receipt.rejected div.amt {
	color: rgb(180,90,90); 
	text-decoration: line-through;
}
div.cc_process {
padding: 1.4em;
width: 90%;
margin-bottom: 4em;
position:relative;
border-color: red;
margin-top: 1em;
}
div.cc_process div.two-col {
	width: 100%; 
	height: auto;
	white-space: nowrap;
}
div.cc_process div.col {
	display: inline-block;
	width:46%;
	padding:1em;
	vertical-align:top;
	height:100%;
	white-space: normal;
}
div.cc_process h4 {
	margin: 0 0 0.4em 0;
}
div.cc_process ul li label {
	min-width: 16ex;
}
div.cc_process ul li input {
width: 98%;
}
div.cc_process ul li textarea {
border-radius: 3px; padding: 3px; width: 97%; margin: auto; border: 1px solid rgb(180,180,180);
}
div.cc_process div.button-tray {
	margin-top: 1em;
	text-align: right;
}
div.google-map {
	padding: 10px;
	width: 700px;
	text-align: center;
	-webkit-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	-moz-box-shadow: inset 0 0 3px 3px rgb(200,200,200);
	box-shadow: inset 0 0 3px 3px rgb(200,200,200);
}
ul.guru-list { list-style-type: none; margin: 0; padding: 0; width: auto; }
ul.guru-list > li { margin: 4px ; padding: 0.4em; padding-left: 0.4em; font-size: 1em; border: 1px solid rgb(220,220,220);
border-width: 1px 0;
	/*
	-webkit-box-shadow: 0 0 4px rgba(140,140,140,0.5);
	-mox-box-shadow: 0 0 4px rgba(140,140,140,0.5);
	box-shadow: 0 0 4px rgba(140,140,140,0.5);
	*/
}
ul.guru-list > li.editing {
	/* background-color: rgb(240,240,240); */
	margin-bottom: 4em;
	padding-bottom: 3em;
	background-image: none;
	}

ul.guru-list > li .hallo-edit {
	background-color: white;
	width: 95%;
	padding: 0.4em;
}
ul.guru-list > li img,
ul.guru-list > li h3,
ul.guru-list > li div 
	{
		display: inline-block;
		vertical-align: middle;
	}
ul.guru-list > li ul {
	padding-left: 10ex;
}
ul.guru-list > li a.series_link {
	text-decoration: none;
	color: inherit;
}
ul.entry-list li{
	background-color: rgba(255,255,255,0.8);
}
ul.entry-list li.editing {
	background-color: rgb(240,240,240);
	margin-bottom: 4em;
	padding-bottom: 3em;
	background-image: none;
	}
ul.entry-list form.entry-form {
	margin-top: 2em;
}
div.csa-rating-choice-row {
	padding: 0;
	font: 12px "Ubuntu Condensed", sans-serif;
}

label.csa-rating-button {
	padding: 0;
	font: 12px "Ubuntu Condensed", sans-serif;
}
form .ui-buttonset label.ui-button-text-only .ui-button-text {
	padding: .3em 1em;
	font-size: 11px;
	line-height: 1.5em;
	}
    .arrow {
        height: 50px;
        width: 50px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .arrow.top {
        top: -16px;
        bottom: auto;
    }
    .arrow.left {
        left: -25px;
		right: auto;
		top: 50%;
		width: 25px;
    }
    .arrow:after {
        content: "";
        position: absolute;
        left: 10px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 0 0 6px black;
		-webkit-box-shadow: 0 0 6px black;
		-moz-box-shadow: 0 0 6px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }
    .arrow.top:after {
        bottom: 16px;
        top: auto;
    }

    .ui-tooltip, .arrow:after {
        background: rgb(240,240,240);
        border: 2px solid white;
    }

    .ui-tooltip {
        padding: 10px 20px;
        border-radius: 20px;
        /* font:  18px Pompiere, Sans-Serif; */
        box-shadow: 0 0 7px black;
		-webkit-box-shadow: 0 0 7px black;
		-moz-box-shadow: 0 0 7px black;
    }
div.badge {
	display:inline-block;
	border-radius:9px;
	text-align:center;
	vertical-align:top;
	font-size:9px;
	padding:3px 5px 2px 5px;
	min-width:8px;
	height:12px;
	background-color:white;
	color:black;
	margin:-2px -2px -2px 4px;
	-webkit-box-shadow: inset 0 0 4px rgba(140,140,140,0.5);
	   -mox-box-shadow: inset 0 0 4px rgba(140,140,140,0.5);
	        box-shadow: inset 0 0 4px rgba(140,140,140,0.5);
}
div.badge.onwhite {
	background-color:rgb(240,240,240);
	float: right;
}
div.badge.small {
	margin: 0 4px 0 10px;
}
button.mymenu {
	display:inline-block;vertical-align:middle; font-size: 11px;
}

ul.mymenu.ui-widget {
	position:absolute;
	text-align:left;
	font-size: 12px;
}
ul.mymenu li a i {
	display:inline-block;
	vertical-align: middle;
	min-width: 1.4em;
}
div.badge.high {
	background-color:red;
	color: white;
	padding:3px 5px 2px 4px;
	font-weight: bold;
	border: 1px solid rgba( 255,0,0, 0.5 );
}
div.entry-list-tools { font-size: 11px; }
div.entry-list-tools i { line-height: 1em; }
@media screen
{
	.print-only { visibility: hidden; display: none; }
}
@media print
{
	div.entry-list-tools { visibility: hidden; }
	ul.entry-list li.ui-widget-content { border:  0.75pt solid grey; border-width: 0 0 0.75pt 0; }
	.print-only { visibility: normal, display: inline-block; }

}
div.summary * {
	vertical-align: top;
}
div.summary label {
	display: inline-block;
	min-width: 100px;
	font-weight: bold;
}
div.summary div {
	display: block;
	font-weight: normal;
}
.ui-combobox {
	position: relative;
	display: inline-block;
}
.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}
.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
}

.ui-guru-buttonset {
display: inline;
}
.guru-list-item div.detail {
	padding: 0.4em;
}
.ui-tabs-nav  {
	-webkit-box-shadow: inset 0 0 1px rgb(230,230,230);
	-moz-box-shadow: inset 0 0 1px rgb(230,230,230);
	box-shadow: inset 0 0 1px rgb(230,230,230);
}
.ui-menu {
	        box-shadow: 1px 1px 5px rgba(200,200,200,0.6);
	-webkit-box-shadow: 1px 1px 5px rgba(200,200,200,0.6);
	   -moz-box-shadow: 1px 1px 5px rgba(200,200,200,0.6);
}
.ui-tabs-nav li[role=tab] {
	-webkit-box-shadow: 0 0 1px rgb(230,230,230);
	-moz-box-shadow: 0 0 1px rgb(230,230,230);
	box-shadow: 0 0 1px rgb(230,230,230);
	margin-left: 4px;
}
.the_map .olControlAttribution { 
	bottom: 2px;
	font-size: 10px;
	color: rgb(150,150,150);
}
.the_map .olControlAttribution a { 
	color: rgb(150,150,150) !important;
	text-decoration: none !important;
}
ul.doc_stats div.doc-summary, ul.doc_stats ul {
	margin: 0.3em 0.5em ;
}
ul.yachts {
	list-style: none;
	padding: 0;
	/* font-size: 0.8em; */
}
ul.yachts li {
	padding: 1ex 2ex;
	border: 1px solid gray;
	border-width: 1px 0;
	margin: 1ex 0;
}
ul.yachts li div {
	display: inline-block;
	margin-right: 1ex;
	width: 20%;
}
ul.yachts li div.yacht-name {
	display: block;
	font-weight: bold;
	margin-left: 0;
	text-indent: -1ex;
}


ul.doc_stats {
	list-style: none;
	padding: none;
	font-size: 0.8em;
}