﻿header nav > ul > li.admin .img-link > a
    { background: transparent url('../img/bg/img-link10.png') no-repeat center bottom; }

header nav > ul > li.leads .img-link > a
    { background: transparent url('../img/bg/img-link7.png') no-repeat center bottom; }

header nav > ul > li.concierge .img-link > a
    { background: transparent url('../img/bg/img-link4.png') no-repeat center bottom; }

header nav > ul > li.charters .img-link > a
    { background: transparent url('../img/bg/img-link3.png') no-repeat center bottom; }

header nav > ul > li.reports .img-link > a
    { background: transparent url('../img/bg/img-link9.png') no-repeat center bottom; }

header nav > ul > li.tasks .img-link > a
    { background: transparent url('../img/bg/img-link5.png') no-repeat center bottom; }

header nav > ul > li.rentals > a
    { width:96px }
header nav > ul > li.leads > a
    { width:78px }
header nav > ul > li.services > a
    { width:90px }
header nav > ul > li.realestate > a
    { width:110px }
header nav > ul > li.tasks > a
    { width:78px }
header nav > ul > li.admin > a
    { width:75px }

th {
	background:#3F342E;
	background: #4e4139;

	font-family: 'Palatino Linotype';
	font-weight:bold;
	font-size:16px;
	text-align:left;
	padding:2px 4px 2px 4px;
	white-space: nowrap;
}

th a {
    color: #af6e30;
	color: #D5D1CE;
	color: #d2c3a1;
	text-decoration:none;
}

td {
	padding:3px 5px 3px 5px;
}

.StandardListCell {
	padding:2px;
}
.StandardListHighlight {
	background: #28221F;
}

h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}
h3.ListTitle {
	padding:5px 0 5px 5px; 
	margin-bottom:2px;
	
	font-size:18px;
	color:  #d2c3a1;

/*	
	background: #74482b;
	background: #562e1d;
	background: #603913;
	background: #4e4139;
*/	

}

.notification-counter {   
    margin-top: 6px;
    margin-left: -5px;
    position: absolute;
/*
    background-color: rgba(212, 19, 13, 1);
*/    
    background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
    color: white;
    border-radius: 50px;
    padding: 1px 4px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-weight:bold;
    font-size:10px;
    font-style:normal;
    line-height:11px;
    border: 1px solid white;
}

.notification-menu-counter {
	margin-top: -3px;
	margin-left: -2px;
    position: absolute;
/*
    background-color: rgba(212, 19, 13, 1);
*/    
    background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
    color: white;
    border-radius: 50px;
    padding: 1px 4px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-weight:bold;
    font-size:10px;
    font-style:normal;
    line-height:11px;
    border: 1px solid white;
}

article table {
margin: 0 auto;
}

form, div#ResSysForm {
	font-family: 'Palatino Linotype'; font-weight: normal; color: #d2c3a1;
}

form#DateForm, form#ResSysForm, form#ResSysForm2, div#ResSysForm {
    font-size: 16px; font-style: normal; line-height: 30px; margin-top: 6px; margin-bottom: 13px; color: #af6e30 !important;
}

form#login {
    font-size: 20px; font-style: normal; line-height: 40px; margin-top: 13px; margin-bottom: 13px; color: #af6e30 !important;
}

form#FindForm {
    font-size: 16px; font-style: normal; line-height: 30px; margin-top: 13px; margin-bottom: 13px; color: #af6e30 !important;
}

label {
    color:#af6e30; margin-right:5px; text-align:right;
}

a.button5 {
	padding-top:5px;
}

.TotalRow {
	font-size:15px; font-weight:bold; text-align:right;
}

#header .pageTitle
    { width: 960px; margin: 0 auto; margin-top:40px; text-align:center; }
    
textarea {
	color: #000;
}    

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 300px;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-20px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 6px #666;
}

.ui-tooltip {
    box-shadow: 5px 5px 6px #666;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-tooltip:hover span {
	background:#F00;
}

.card-container {
    width: 100%;
    max-width: 350px;
    margin: 0px auto;
}

.OtherFees {
	width: 65px;
	display: inline;
	text-align: right;
}

/*
Remove spinners from input with type=number
*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	display:none;
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/*
cssdeck.com/labs/css-checkbox-styles
*/
<!--[if !(IE)]><!--> 
input[type=checkbox] {
	visibility: hidden;
}

.fancyCheck {
	width: 20px;	
	margin: 0px auto;
	position: relative;
}

.fancyCheck label {
	cursor: pointer;
	position: absolute;
	left:0px;
	top: 7px;
	width: 20px;
	height: 20px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
/*
	background: #fcfff4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
*/
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
}

.fancyCheck label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #af6e30;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fancyCheck label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.fancyCheck input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

<!--<![endif]-->