@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

*{
	font-family: 'PT Sans Narrow' !important;	
}

.SpecialInstructions {
		color:#e17009;
		font-weight: 700;
}

#MoreInfo * {
			font-size:16px;
	
}

#HeaderLogDivResponsive {
		display:none;
	}
.CustomLogo {
			top:40px !important;
	
}
#HeaderLogDiv {
	background-repeat: no-repeat;
	background-image: url("/images/DomLogo.png");
	width:352px;
	height:138px;
	z-index:25;
	
	}
	
.default-responsive #HeaderLogDiv {
	display:none !important;
	
 
 
 }	

.default-responsive .CustomLogo {
	top:0px !important;
	width:100% !important;
 
 
 }

	.default-responsive  #HeaderLogDivResponsive {
	display: block !important;
 	width:100%;
	
	z-index:25;
 
 }	
.default-responsive  #LogoResoponsive {
	
 	width:200px;
	
 
 }	
	
	
.CustomFooter {
			background-color:#002868 ;
			height:100px;
	
}
	
@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


	
	
 .ui-dialog-buttonset {
		font-size: 14px;
		padding: 1px 1px 1px 1px; /* Or whatever makes it small enough. */
}
.ui-dialog-buttonpane {
		padding: .2em 1em .2em .2em !important;
}
	
	
.LargeCheckBox{
			height:30px;
			width:30px;
	
}

.HomeWatchDetail {
	position:fixed;
	background:white;
}

.CustomerInfo *{
			font-size: 20px;	
			line-height: 22px;
}

#VisitTabs
 {
	margin:5px 0px 5px 0px;
	padding:5px 5px 5px 5px;
}


.ui-tabs .ui-tabs-panel
{
	margin:1px 0px 1px 0px;
	padding:5px 5px 5px 5px;
}

.DetailsTab  {
	margin:5px 0px 5px 0px;
	padding:5px 5px 5px 5px;
}
.art-footer .FooterMenu
{
		margin: 0 auto 0 auto !important;
		width:100%;
}


.art-footer ul li 
{
		text-align: center;
		display:inline; 
		padding: 0 15px;
		margin: 10px !important; 
		list-style: none;
		 	
	} 


.popover {
		color: red !important;
		font-family: 'PT Sans Narrow' !important;	
		font-size:10px;
		padding-left:20px !important;
}

.profile-edit .popover {
			display:none !important;
	
}

span
{
			font-family: 'PT Sans Narrow' !important;	
}


.SmallTable th {
			font-size:10px;
	   
}

.button {
			background-color: blue !important;
			color:white;
			padding:8px;
			border-radius: 5px;
			cursor:pointer;
			font-size:10px;
}

.strikeout { 
text-decoration: line-through;
color:red;
}

.visform input, .visform select, .visform textarea{
	background-color: #c4dcf8 !important;
	border-color: black;
}
input.art-button, button.art-button {
	background-color: blue !important;
}


input.art-button.hover{
	background-color: green !important;
}
.Under6Warning {
		color:red;
		font-weight: 900;	
}


.HideEmpty {
		display:NONE;			
	
}


#tabs {
					min-width: 600px;
					height:450px;
	
	 
}



#Accounting {
			overflow-y: scroll;
			height:360px;
	
}


#Phone,#PhoneEdit,#PhoneSearch {
  -moz-appearance:textfield;
	-webkit-appearance: none;
    margin: 0;
}

#PhoneResults {
	display:none;
	position:absolute;
	z-index:9999999;
	background-color:  #ace6ff;
	border: 1px solid #0452fb;	
	cursor: pointer;
	opacity: 1;
	padding:11px;
	margin-left:15px;
	border-radius: 10px;
}

#PhoneResults .item:hover
{
			background-color: #fffaa2;
}

#SearchTableBody tr:hover
{
			background-color: #fffaa2;
}

#ActiveHomeWatch tr:hover
{
			background-color: #fffaa2;
}




#HiddenAdminMenu {
		padding-left:20px;
		color:white;
}

.CreditCardTotals li
{
		display:table-row;
		width:250px;
		
	
}

.CreditCardTotals label
{
		display:table-cell;
	  min-width:125px;
}

.CreditCardTotals input
{
		display:table-cell;		
		width:75px;
		margin:6px;
		
	
}

input, select, textarea {
			text-shadow: none !important;
	
}


.customTwoEahhealsheadder{
	position: absolute;
	margin-top: 10px;
}


.FillerColumn
{
				border:0px !important;
				background-color: none !important;
				padding:0px;
	
	
}
	

.DashboardIcons li
 {
	 		list-style: none;
	 		float:left;
	 
	 
 }

.DashboardIcons span
{
				text-align: center;
				vertical-align: middle;
	
}
.TableCssSmall {
		border-collapse:collapse;
		margin:3px;
		}


.TableCssSmall td {
		border:solid black 1px ;
		font-size:12px;
		padding:2px;

}

.TableCssSmall th {
		border:solid black 1px;
		font-size:12px;
		padding:2px;
}



.TableCss {
		border-collapse:collapse;
		margin:0px;
		}


.TableCss td {
		border:solid black 1px ;
		font-size:18px;
		padding:8px;

}

.TableCss th {
		border:solid black 1px;
		font-size:18px;
		padding:7px;
}

.error {
		background-color: Red;
}

.errorClass {
					color:red;
										
	
}

.errorBackGroundClass {
					background-color: red;
										
	
}

.PopUpDiv {
	z-index: 999999 !important;
	
}

.DatabasePlaceHolder {
		cursor: pointer;
	
	
}


.ui-datepicker-trigger
{
		position: absolute;
		
	
}

.CustomUl li {
		list-style-type: circle;
		list-style:circle;
		padding-left:10px;
	
}

button {
    background-color: #dbd3e6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #e9e2f5;
  padding: 2px;
}

.SmallButton {
	 background-color: #dbd3e6;
	 border-radius:7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 2px solid  rgba(103, 170, 246, 0.3);
  padding: 2px;
	font-size:13px !important;
	cursor: pointer;
}
.SmallButton:hover {opacity: 0.6; }

.clickbutton {
			cursor: pointer;
			padding:5px;
			
}

#WaitDiv {
			display:none;
			position: fixed;
			height:100%;
			width:100%;
			text-align:center;
			vertical-align: middle;		
			z-index:9999;

}

#WaitImage {
			position: absolute;
			top:40%;
			height:75px;
		
}


.cursor {
	cursor: pointer;
	
	
}



ul.menuflat li
{
display: inline;
padding: 10px;
}

/*---crew box---**/

.Crew-box1{
	float: left;
	width: 45%;
	padding-left: 5px;
	padding-right: 5px;
}
.Crew-box2{
	float: left;
	width: 45%;
	padding-left: 5px;
	padding-right: 5px;
}



ul.menuflat li
{
display: inline;
font-size: 19px;
padding: 10px;
}
.art-nostyleMembersMenu a:link{
color:white;
 }
 .art-nostyleMembersMenu a:active{
color:white;
 }
 .art-nostyleMembersMenu a:visited{
color:white;
 }
 .art-nostyleMembersMenu a:hover{
color:#d5c7e1;
 }
 
.art-nostyleMembersMenu{
background-color: #7d4baa;
height: 100%;
text-align: center;
padding-top: 8px;
padding-bottom: 12px;
margin-bottom: -23px;
 }
 
 
 
 
 .HeaderStyle {
		font-weight:900;
	
}



.colorRows tr:nth-child(even) {background: rgba(49, 102, 140, 0.55)}
.colorRows tr:nth-child(odd) {background: rgba(103, 170, 246, 0.3)}



#BoatTitle {
		font-size:18px;
		margin:3px,3px,3px,3px;
		}

#Date {
		font-size:15px;	
		margin:3px,3px,3px,3px;
}

#TOB {
			font-size:18px;
			margin:3px,3px,3px,3px;
	
}
.warnings {
	font-size:13px;
}





		.customerEditForm label {
		  font-family: 'PT Sans Narrow';
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 2%;
			font-weight:900;
			font-size:13px;
		}

		.customerEditForm span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}


		/*
		---------------------------
		width
		--------------------------- */

		.customerEditForm label.w100 {
			width: 98%;
			display: block;
		}
		
		.customerEditForm label.w80 {
			width: 80%;
			display: block;
		}
		
		.customerEditForm label.w75 {
			width: 73%;
			display: block;
		}
		.customerEditForm label.w50 {
			width: 48%;
			display: block;
		}
		
		.customerEditForm label.w30 {
			width: 28%;
			display: block;
		}
		
		.customerEditForm label.w25 {
			width: 23%;
			display: block;
		}

		.customerEditForm label.w15 {
			width: 13%;
			display: block;
		}


		.customerEditForm label.px150 {
			width: 150px;
			overflow-x: none;
			display: block;
		}


		/*
		---------------------------
		position
		--------------------------- */
		.customerEditForm label.p15 {
			margin-left: 16%;
		}

		.customerEditForm label.p25 {
			margin-left: 26%;
		}
		
		.customerEditForm label.p30 {
			margin-left: 32%;
		}
		
		.customerEditForm label.p50 {
			margin-left: 51%;
		}
		.customerEditForm label.p75 {
			margin-left: 76%;
		}
		.customerEditForm label.p80 {
			margin-left: 80%;
		}

		/*
		---------------------------
		errors
		--------------------------- */

		.customerEditForm label.error input.field,
		.customerEditForm label.error select.field,
		.customerEditForm label.error textarea.field {
			border-color: #dd1100;
		}

		.customerEditForm label.error span.title {
			color: #dd1100;
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		.customerEditForm label span.title {
			font-style: italic;	
			font-size:16px;
			
		
		}
		.customerEditForm label span.example {
			color: #999;
			font-style: italic;	
		}


		.customerEditForm .boxFormat
		{
				width: 100%;
				display: block;
				border: 1px solid #d0d6da;
				border-left: 3px solid #809db5;
				background: #e9edf0;
				padding: 4px;
				font-family: 'PT Sans Narrow'; font-size: 1em;
				box-sizing: border-box;
				-moz-box-sizing: border-box; /* gecko */
				-webkit-box-sizing: border-box; /* khtml/webkit */
				-ms-box-sizing: border-box; /* IE */
	}


		/*
		---------------------------
		input/select fields 
		--------------------------- */
		
		
		.customerEditForm label input.field,
		.customerEditForm label select.field,
		.customerEditForm label textarea.field {
			
			display: block;
			border: 1px solid #d0d6da;
			border-left: 3px solid #809db5;
			background: #e9edf0;
			padding: 4px;
			font-family: 'PT Sans Narrow'; font-size: 1em;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
			
		}

		.customerEditForm label select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}

		.customerEditForm label input.field:focus,
		.customerEditForm label select.field:focus,
		.customerEditForm label textarea.field:focus {
			border: 1px solid #d0d6da;
			border-left: 3px solid #57ab44;
			background: #e0eadd;
		}

		/* Pflichtfelder
			mandatory fields */
		.customerEditForm label.mandatory input.field,
		.customerEditForm label.mandatory select.field,
		.customerEditForm label.mandatory textarea.field {
			border: 1px solid #809db5;
			border-left: 8px solid #809db5;
		}

		/* Kalenderfelder
			calendar fields */
		.customerEditForm label.calendar input.field {
			padding-right: 25px;
		}


		/*
		---------------------------
		checkboxes and radios
		--------------------------- */

		.customerEditForm input.select {
			display: block;
			float: left;
			margin: 0;
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		.customerEditForm input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}

		.customerEditForm input.submit:hover,
		.customerEditForm input.submit:focus {
			background: #57ab44;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}


		/*
		---------------------------
		calender icon
		--------------------------- */
		
		.customerEditForm a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		.customerEditForm a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		.customerEditForm label.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
		}

		.customerEditForm label span.title:hover,
		.customerEditForm label span.title:focus {
			color: #57ab44;
			cursor: pointer;
		}

		.customerEditForm label br {
			margin: 0 0 2px 0;
		}


		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */

		.customerEditForm label.wauto {
			width: auto;
			margin-right: 15px;
		}
		.customerEditForm label.radiocheck {
			margin-bottom: 10px;
		}
		.customerEditForm label.radiocheck span.wrapper {
			padding-right: 0;
		}
		.customerEditForm label.wauto span.wrapper {
			display: inline;
		}
		.customerEditForm label.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}

/*
		---------------------------
		clearing elements
		--------------------------- */

		.clear {
			clear: both;
			display: block;
			padding: 0 0 10px 0;
		}

		.clearMin {
			clear: both;
			display: block;
			padding: 0 0 1px 0;
		}
		
		

		

	
			/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }



/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.13%; }
.span_1_of_3 { 
	width: 31.26%; 
    min-height: 200px;
    max-height: 200px;
	padding-top: 8px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	border-radius: 15px;
	border: 1px solid #6074af;
	background-color: white;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.82);
}

.frontPageBurbcol{
			position: relative;
}


	
		/* @media only screen and (min-width:1496px)
{
.customDeagle2 { position: absolute; top: 95px; width: 27%}	*/
		
	
@media only screen and (min-width:996px)
{
		.art-sidebar1 {margin-top:200px !important; display: table-column;}
	    .BlurbBoxIcon {padding-left: 40%; position: absolute; bottom: 0;}
	
}	
	
	
	/*  GO FULL WIDTH BELOW 990 PIXELS */
@media only screen and (max-width: 995px) {
	  .BlurbBoxIcon {padding-left: 40%; position: absolute; bottom: 0;}

}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.BlurbBoxIcon {padding-left: 40%; position: absolute; bottom: 0;}



}

@media only screen and (max-width: 1300px) {
	
	}





.art-post22 {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.45);
    padding: 3px;
}
.art-postcontent22 h2 {
	color: #0026ac !important;
	font-weight: bold; 
}

.widget {
  -webkit-box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
  -moz-box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
  box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
}