/* CSS Document */

input:focus, 
textarea:focus,
checkbox:focus,
select:focus {
	/* background-color: lightblue; */
	background-color: #eacd9a;
}

input.error, 
select.error,
radio.error {
	border: 2px solid red;
	color: red;
	margin: 0;
}

input.required, 
select.required {
	border-left: 4px solid red;
}

.error {
	color: red;
}

#nav {
	font: small/ 1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	margin: 0;
	padding: 0;
	/* background: #D59A33; */
	list-style-type: none;
	width: 846px;
	float: left; /* Contain floated list items */
}

#nav li {
	font: small/ 1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	margin: 0;
	padding: 0;
	float: left;
	background: #D59A33;
}

#nav a {
	font: small/ 1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	float: left;
	width: 120px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2.5;
	text-align: center;
	border-right: 1px solid #FFFFFF;
}

#nav #nav_pass a {
	border: none;
}

#nav a:hover {
	background: #FF9900;
}

#body_comp #nav_comp a,
#body_contact #nav_contact a,
#body_area #nav_area a,
#body_properties #nav_properties a,
#body_sched #nav_sched a,
#body_floorplans #nav_floorplans a,
#body_bill #nav_bill a,
#body_services #nav_services a,
#body_list #nav_list a,
#body_users #nav_users a,
#body_pass #nav_pass a
	{
	background: #5D5D5D;
	color: #FFFFFF;
	font-weight: bold;
}

.doublespace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

a {
	text-decoration: none
}

.style1 {
	color: #000000
}

div.help {
	display: inline-block;
/*  JS 11/10/10
Not sure what this is needed for but with it enabled
 the help icons don't show in certain places.  Turning it off for now.
	display: inline-table;
*/
}

.doWaitClass {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/progress.gif) center center no-repeat gray;
	opacity: 0.6;
	filter: alpha(opacity =   60);
	z-index: 500;
	clear: both;
}

.popupPos, #timeWindowPopupPos,#removeTurnPopupPos,#schedulePopupPos,#moveOutPopupPos,#moveInPopupPos
	{
	position: absolute;
	left: 283px;
	z-index: 1000;
	top: 122px;
	display: none;
}

.popup, #timeWindowPopup,#removeTurnPopup,#schedulePopup,#moveOutPopup,#moveInPopup
	{
	border: solid 1px black;
	background: repeat-x top #ccc;
	/* width: 400px; */
	font: normal 11px Arial, sans-serif;
}

div .scheduleCell {
	font-family: "Times New Roman", Times, serif;
	color: #d59a33;
}

@charset "utf-8";

body {
	/* background-color: #9bbc7b; */
}

.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #CC3333;
}

.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #D59A33;
}

.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFFF66;
}

.lime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #99FF66;
}

.green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #9BBC7B;
}

.teal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #00CC99;
}

.sky {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #99CCFF;
}

.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #0099CC;
}

.indigo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #6633FF;
}

.purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #663399;
}

.violet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #9966CC;
}

.fushia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #CC0099;
}

.hotpink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FF0099;
}

.pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FF99CC;
}

.cocoa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #996633;
}

.khaki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #CCCC66;
}

.pebble {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #999966;
}

.stone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #CCCCCC;
}

.peach {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFCC99;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 22px;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.style4 {
	font-family: Arial, Helvetica, sans-serif
}

a:link {
	color: #495563;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #495563;
}

a:hover {
	text-decoration: underline;
	/* color: #FFCC00; */
	color: #dd9737;
}

a:active {
	text-decoration: none;
}

.style5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9BBC7B;
	/* font-weight: 300; */
	font-style: normal;
}

.style10 {
	font-size: small;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #D59A33;
}

.style11 {
	font-family: Arial, Helvetica, sans-serif
}

.style12 {
	color: #5D5D5D;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.style13 {
	background-image: url(/static/images/gradient_grey.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.style14 {
	font-size: 16px
}

.style16 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5D5D5D
}

.style21 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.style23 {
	color: #D59A33
}

.style25 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

legend {
	margin-left: 1em;
	color: #555555;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}

fieldset {
	/* float: left; */
	clear: left;
	width: 750px;
	margin: 0.5em 1em 1em 1em;
	padding: 0;
	background: url(/static/images/gradient_grey.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: scroll;
}

fieldset.submit {
	border: 0 none #FFF;
	background: none;
}

.label {
	float: left;
	width: 10em;
	margin-right: 0.5em;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
}

.calendarHeader {
	color: #5d5d5d;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.calendarSubHeader a:hover {
	color: #5d5d5d;
	text-decoration: none;
}

.calendarSubHeader {
	color: #d59a33;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.calendarHeaderBG {
	background-color: #e4f1cd;
}

#calendarDiv {
	position: relative;
	float: left;
	background-color: white;
	padding: 7px 7px 7px 5px;
}

#calendarNavButtons {
	float: left;
	padding-left: 37px;
	position: relative;
}

.ie #calendarNavButtons {
	padding-left: 37px;
}

#calendarNavButtons a {
	float: left;
	background: url(/images/calendarTabBg.png) no-repeat top transparent;
	width: 70px;
	height: 18px;
	text-align: center;
	font-size: 11px;
	padding: 4px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

#calendarNavButtons a:link,#calendarNavButtons a:visited,#calendarNavButtons a:hover,#calendarNavButtonsMonth a:link,#calendarNavButtonsMonth a:visited,#calendarNavButtonsMonth a:hover
	{
	text-decoration: none;
	color: #000000;
}

#calendarNavButtons a.selectedTab {
	background: url(/images/calendarTabBgSelected.png) no-repeat top
		transparent;
	z-index: 10;
	color: white;
	margin-right: -10px;
	margin-left: -10px;
}

.weekDate {
	color: #5D5D5D;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.monthDate {
	color: #5D5D5D;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.calendarToday {
	background-color: #D59A33;
	color: #000000;
}

.calendarOtherMonth {
	background-color: #e4f1cd;
}

.calendarDayHeader {
	background-color: #9bbc7b;
	color: #000000;
	font-family: verdana, helvetica, arial;
	font-size: 16px;
	font-weight: bold;
}

.calendarDayViewEmployee {
	text-align: center !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5D5D5D;
	overflow: hidden;
	white-space: nowrap;
	background-color: #F5F5F5;
}

.calendarDayViewTime {
	font-family: Arial, helvetica, sans-serif;
	color: #666666;
	size: 14px;
	background-color: #F5F5F5;
	text-align: right !important;
	font-weight: bold;
}

.boldGray {
	font-weight: bold;
	color: #5d5d5d;
	font-family: Arial, Helvetica, sans-serif;
}

.boldBlack {
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.tableGradient {
	background-image: url(/static/images/gradient_grey.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}

.schedulingNotificationText {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}

.actionItemText {
	font-size: 14px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal
}

.actionItemsTitle,.schedulingNotificationsTitle {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.actionItemsNote {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.serviceProHeaderBG {
	background-color: #d59a33;
}

.serviceProSubHeaderBG {
	background-color: #666666;
}

.calendarDayViewJob {
	width: 125px;
	position: absolute;
	top: -1px;
	left: 0;
	padding: 0 2px;
	display: block;
	border: 1px solid #000000;
	font-size: 12px;
	overflow: hidden;
}

.calendarWeekViewJob {
	padding: 0 2px;
	display: block;
	border: 1px solid #000000;
	font-size: 12px;
	overflow: hidden;
}

.pending {
	opacity: 0.5;
}

#dayViewTable {
	border: 1px solid #CCCCCC;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}
/* hover help */
.help {
	background: url(/images/icon_question_or.png) no-repeat transparent;
	/* float:left; */
	width: 20px;
	height: 16px;
	/* margin: 5px; */
	cursor: help;
	/* z-index: 1001; */
	vertical-align: middle;
}

.help div {
	display: none;
}

.hoverHelp {
	display: none;
	position: absolute;
	width: 250px;
	top: 17px;
	left: 18px;
	border: solid 1px #333333;
	cursor: help;
	z-index: 1001;
}

.hoverHelp span {
	display: block;
	position: relative;
	padding: 5px;
	border: solid 2px #cccccc;
	background-color: white;
	min-height: 40px;
	color: black;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

.ie6 .hoverHelp span {
	padding: 12px 5px;
}

.hoverHelp p {
	margin: 0 0 5px 0;
	padding: 0;
}

#pointy {
	position: absolute;
	left: -14px;
	top: 20px;
	width: 17px;
	height: 14px;
	background: url(/images/pointy_left.png) no-repeat;
	z-index: 1002;
}

.avatar {
	float: left;
}

.style20 {
	color: #D59A33;
	font-weight: bold;
}

.style22 {
	color: #FFFFFF
}

.style27 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12;
	color: #5D5D5D;
}

.bold {
	font-weight: bold;
}

tr.highlighted {
	/* background-color: #ff9900 !important; */
	background-color: #eacd9a !important; 
}

tr.needsAction {
	background-color: red;
}