@charset "utf-8";
/* CSS Document */

html {
	height:94%;
	}

body {
	font-family:lucida grande,tahoma,arial,sans-serif;
	color:#737373;
	margin:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#c9c9c9;
	height:94%;
	}

a {
	color:#737373;
	text-decoration:none;
	}

a:hover {
	color:#cccccc;
	cursor:pointer;
	}

#wrapper {
	background-color:#fff;
	margin:auto;
	width:960px;
	min-height:100%;/*94%*/
	padding:5px 20px 30px 20px;
	position:relative;
	overflow:auto;
	}

#header {
	float:none;
	padding-bottom:20px;
	height:97px;
	}
		
#header_in {
	float:none;
	border-bottom: 2px solid #ecf1f7;
	padding-bottom:20px;
	height:95px;
	}
		
#logo {
	float:left;
	/*text-align:center;*/
	}
	
#rightnav {
	float:right;
	font-size:14px;
	margin-top:10px;
	}
	
#topstrip_utility {
	font-size:12px;
	text-align:right;
	border-bottom:1px dashed #ecf1f7;
	padding:5px 0px 8px 0px;
	/*margin-bottom:20px;*/
	}

#impersonating {
	float:left;
}
	
.home {
	background-color:#b6b6ff;
	border-radius:10px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	font-weight:bold;
	}
	
.username {
	background-color:#ffe0d9;
	border-radius:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	}

.viewingsdate {
	background-color:#b6b6ff;
	border-radius:10px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	}
	
#homenav {
	padding-top:0px;
	float:none;
	background:#fff;
	position:relative;
	}
	
#contentarea {
	padding-top:10px;/*16px*/
	float:none;
	background:#FFF;
	}

.pagetitle {
	font-size:28px;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	}

#navicons {
	width:445px;
	height:85px;
	border:2px solid #ecf1f7;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	margin: 10px 0px 0px 5px;
	padding:10px;
	float:left;
	position:relative;
	}
	
.icontext {
	font-size:18px;
	font-weight:bold;
	}
	
#copyright {
	float:left;
	padding-bottom:10px;
	font-size:14px;
	}

#matsys {
	font-size:11px;
	float:right;
	padding-bottom:10px;
}

#footer {
	width:960px;
	height:20px;
	margin:auto;
	background:#fff;
	padding:20px;
	padding-bottom:20px;
	padding-top:0px;
	box-shadow:0px 0px 7px #bebebe;
	}
	
#innernav {
	float:left;
	margin-top:20px;
	margin-left:60px;
	}

#iframe {
	border:1px dashed #CCCCCC;
	}

#login {
	padding-top:20px;
	margin-top:50px;
	}

#loginform {
	width:370px;
	padding:25px;
	margin:auto;
	margin-top:20px;
	/*border:2px solid #ecf1f7;*/
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-color:#fff;

	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	-moz-box-shadow: rgba(200,200,200,0.5) 0 2px 2px;
	-webkit-box-shadow: rgba(200,200,200,0.5) 0 2px 2px;
	-khtml-box-shadow: rgba(200,200,200,0.5) 0 2px 2px;
	box-shadow: rgba(200,200,200,0.5) 0 2px 2px;
	}
	
#loginform > form > label {
	display:inline-block;
	width:70px;
	vertical-align:middle;
	text-align:right;
	}

.field {
	background:#ecf1f7;
	width:267px;
	height:25px;
	margin:5px;
	border:0px;
	margin-left:10px;
	padding:7px;
	font-size:16px;
	color:#666;
	}

.field2 {
	background:#ecf1f7;
	width:100px;
	margin-left:10px;
	padding:7px;
	font-size:14px;
	color:#666;
}

.field3 {
	width:100px;
	margin-left:10px;
	padding:7px;
	font-size:14px;
	color:#666;
}

.field4 {
	width:300px;
	margin-left:10px;
	padding:7px;
	font-size:14px;
	color:#666;
}

.fieldtime {
	background:#ecf1f7;
	width:120px;
	height:25px;
	margin:5px;
	border:0px;
	margin-left:10px;
	padding:7px;
	font-size:16px;
	color:#666;
	}

.docfield {
	background:#ecf1f7;
	height:39px;
	margin:5px;
	border:0px;
	color:#666;
	font-size:16px;
	/*margin-top:6px;
	margin-bottom:6px;*/
	}

.loginbutton {
	background:#001d47;
	height:40px;
	width:100px;
	margin-left:260px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
	
#fpass {
	margin:auto;
	width:425px;
	padding:0px;
	margin-top:0px;
	font-size:14px;
	text-align:right;
	}
	
.uploadbutton {
	background:#001d47;
	height:40px;
	width:100px;
	margin-top:5px;
	margin-left:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}

#suggestionscontainer {
	float:none;
	height:230px;
	}

#suggestions {
	width:400px;
	float:left;
	}

#previoussuggestions {
	float:left;
	margin-left:30px;
	width:525px;
	}

.suggestions {
	background:#ecf1f7;
	width:350px;
	height:100px;
	border:0px;
	padding:7px;
	font-size:16px;
	color:#999;
	border:1px solid #CCC;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.sendbutton {
	background:#001d47;
	height:40px;
	width:100px;
	/*margin-left:222px;*/
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:right;
	margin-right:34px;
	cursor:pointer;
	}

.table {
	border:1px dashed #CCCCCC;
	font-size:11px;
	padding:10px;
	}
	
table td {
	background:#ecf1f7;
	padding:10px;
	}

.table2 {
	border:1px dashed #CCCCCC;
	font-size:11px;
	padding:10px;
	}

.table2 td {
	background:#ecf1f7;
	/*padding:10px;
	border-bottom:#f2f2f2 1px solid;
	border-top:#ffffff 2px solid;
	border-right:#ffffff 2px solid;*/
	}

.table3 {
	border:1px dashed #CCCCCC;
	font-size:10px;
	padding:1px;
	}

.table3 td {
	/*background:#F0D1FF;*/
	/*padding:10px;
	border-bottom:#f2f2f2 1px solid;
	border-top:#ffffff 2px solid;
	border-right:#ffffff 2px solid;*/
	}

#tooltipdiv {
	float:left;
	width:710px;
	margin:5px;
	/*padding:10px;
	height:171px;*/
	}

#tooltipdiv2 {
	float:left;
	width:200px;
	margin:5px;
	/*padding:10px;
	height:171px;*/
	}

#tooltipdiv3 {
	float:left;
	width:500px;
	margin:5px;
	/*padding:10px;
	height:171px;*/
	}
	
.tddays {
	border-bottom:1px solid #ccc;/*#001d47*/
}

.tdsatsun {
	border-bottom:1px solid #ccc;/*#F00*/
}

.tddates {
	border-bottom:2px solid #ccc;
	height:70px;
	font-size:11px;
	vertical-align:text-top;
}

.tdcompletedviewingsdates {
	border:4px solid #96EF0F;/*#b4e620 #0C6*/
	height:60px;
	font-size:11px;
	vertical-align:text-top;
}

.tddatestoday {
	border:4px solid #999;
	/*background:#dfdfdf;*/
	height:60px;
	font-size:11px;
	vertical-align:text-top;
}

.tdfutureviewingsdates {
	border:4px solid #f7f90A;/*#001d47*/
	height:60px;
	font-size:11px;
	vertical-align:text-top;
}
	
#docstable {
	float:left
	}	
	
#docupload {
	float:left;
	width:440px;
	margin-left:20px;
	border:1px #CCC dashed;
	padding:10px;
	height:171px;
	}
	
#filelisting {
	float:left;
	margin-top:20px;
	width:900px;
	}
	
.calendarul {
	font-size:11px;
	margin:10px;
	margin-top:5px;
	padding:0px;
	}

#viewingdetails {
	width:600px;
	}
	
form label {
	display:inline-block;
	width:130px;
	vertical-align:middle;
}

.viewingstextarea {
	background:#ecf1f7;
	width:350px;
	height:100px;
	margin:5px;
	margin-left:10px;
	border:0px;
	padding:7px;
	font-size:16px;
	color:#666;
	border:1px solid #CCC;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
.viewingstextareasmall {
	background:#ecf1f7;
	width:265px;
	height:100px;
	margin:5px;
	margin-left:10px;
	border:0px;
	padding:7px;
	font-size:16px;
	color:#666;
	border:1px solid #CCC;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
.eventbutton {
	background:#001d47;
	height:40px;
	width:125px;
	/*margin-left:337px;*/
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:right;
	margin-right:453px;
	cursor:pointer;
	}
	
.eventbutton1 {
	background:#001d47;
	height:40px;
	width:125px;
	margin-left:252px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
	
.eventbutton2 {
	background:#001d47;
	height:40px;
	width:125px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
	
.offerbutton {
	background:#001d47;
	height:40px;
	width:125px;
	margin-left:0px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
	
.refdatabutton {
	background:#001d47;
	height:40px;
	width:125px;
	margin-left:140px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	cursor:pointer;
	}

.managepasswordbutton {
	background:#001d47;
	height:40px;
	width:125px;
	margin-left:145px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	cursor:pointer;
	}
	
.managepasswordbutton2 {
	background:#001d47;
	height:40px;
	width:150px;
	margin-left:5px;
	margin-top:5px;
	border:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}

.clear {
	clear:both;
	}
	
.adminicons {
	margin-left:10px;
	margin-right:0px;
	margin-bottom:-1px;
	}

.formdivs {
	float:left;
	font-size:12px;
	}

.formdivs2 {
	float:left;
	font-size:12px;
	margin-left:138px;
	}

.backlink {
	font-size:9px;
	}
	
.headerli {
	display:inline;
	padding:9px;
	position:relative;
	}
	
.headerul {
	margin-left:0px;
	padding-left:0px;
	}
	
.smalltext {
	font-size:12px;
	}

.smallertext {
	font-size:11px;
	}
	
#calendarmonth {
	float:left;
	width:320px;
}

#calendarmonthsale {
	float:left;
	width:190px;
}

#calendarutility {
	float:left;
	}

#calendar {
	float:left;
	width:100%;
	}
	
#calendarjournal {
	float:left;
	width:700px;
	}
	
.calendarjournalul {
	font-size:11px;
	margin:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	}
	
#print {
	float:right;
	margin-left:10px;
	}
	
#alert, .alert {
	background:#ffe0d9;
	border-radius:5px;
	padding:5px;
	width:415px;
	margin:auto;
	border:1px dashed #fc5c37;
	font-size:12px;
	text-align:center;
	}

.completedviewings {
 	border-bottom: 3px solid #96EF0F;/*#b4e620 #0C6*/
	font-size:12px;
	padding:3px;
	}

.today {
 	border-bottom: 3px solid #999;
	font-size:12px;
	padding:3px;
	}
	
.futureviewings {
 	border-bottom: 3px solid #f7f90A;/*#001d47*/
	font-size:12px;
	padding:3px;
	}

#form_left_50px {
	width:50%;
	float:left;
	}

#datatable {
	float:left;
	/*margin-top:20px;*/
	}
	
.editbutton {
	background-color:#001d47;
	color:#fff;
	cursor:pointer;
	}
	
img {
	border:0px;
	}

#salelist {
	float:left;
	padding:0px 20px 20px 20px;
	width:220px;
	}

#saleul li {
	background:#ffe0d9;
	margin-bottom:5px;
	padding:10px;
	width:100%;
	border-radius:3px;
	list-style:none;
	}

#saleul {
	padding:0px;
	padding-right:20px;
	list-style:inside;
	height:550px;
	width:220px;
	overflow-x:hidden;
	overflow-y:auto;
	}

.tdrequestsheading {
	border-bottom:#999 2px solid;
	/*background:#fff;
	color:#999;
	font-weight:bold;*/
	}

.tdpendingrequest {
	border-bottom:#f00 1px solid;
	background:#fff;
	/*color:#f00;
	font-weight:bold;*/
	}

.tdscheduledrequest {
	border-bottom:#ffde01 2px solid;
	background:#fff;
	/*color:#ffde01;
	font-weight:bold;*/
	}

.tdprocessedrequest {
	border-bottom:#96ef0f 2px solid;
	background:#fff;
	/*color:#96ef0f;
	font-weight:bold;*/
	}

.tdabortiverequest {
	border-bottom:#4285f4 2px solid;
	background:#fff;
	}

.hrefpendingrequest {
	color:#f00;
	font-weight:bold;
	}

.hrefscheduledrequest {
	color:#ffde01;
	font-weight:bold;
	}

.hrefprocessedrequest {
	color:#96ef0f;
	font-weight:bold;
	}

.hrefabortiverequest {
	color:#4285f4;
	font-weight:bold;
	}

.pendingrequest {
 	border-bottom: 3px solid #f00;/*#b4e620 #0C6*/
	font-size:12px;
	padding:3px;
	}

.scheduledrequest {
 	border-bottom: 3px solid #ffde01;/*#b4e620 #0C6*/
	font-size:12px;
	padding:3px;
	}
	
.processedrequest {
 	border-bottom: 3px solid #96ef0f;/*#001d47*/
	font-size:12px;
	padding:3px;
	}

.abortiverequest {
	border-bottom: 3px solid #4285f4;/*#001d47*/
	font-size:12px;
	padding:3px;
	}

.checkbox {
	/* Double-sized Checkboxes */
	/*-ms-transform: scale(2);*/ /* IE */
	/*-moz-transform: scale(2);*/ /* FF */
	/*-webkit-transform: scale(2);*/ /* Safari and Chrome */
	/*-o-transform: scale(2);*/ /* Opera */
	/*padding: 10px;*/
	margin:10px;
	margin-top:20px;
	margin-bottom:15px;
}

.leftmargin {
	margin-left:10px;
	}

.topmargin {
	margin-top:0px;
	padding-top:15px;
	}

.strongtext {
	font-weight:bold;
	}

strongsmalltext {
	font-size:12px;
	font-weight:bold;
	}

#collapse {
	float:right;
	margin-right:30px;
	}

#collapse2 {
	float:right;
	margin-right:410px;
	}

#collapse3 {
	float:right;
	margin-right:270px;
	}

#navicons1 {
	width:182px;
	height:220px;
	border:2px solid #ecf1f7;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
	position:relative;
	}
	
#navicons2 {
	width:182px;
	height:220px;
	border:2px solid #ecf1f7;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin-left:25%;
	margin-bottom:10px;
	text-align:center;
	float:left;
	position:relative;
	}

#navicons3 {
	width:182px;
	height:220px;
	border:2px solid #ecf1f7;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin-right:25%;
	text-align:center;
	margin-bottom:10px;
	float:right;
	position:relative;
	}

#innernav2 {
	float:left;
	margin-top:12px;
	margin-left:5px;
	}

.emailheader {
	width:500px;
	margin-left:140px;
	margin-top:-20px;
	}
	
.emailheader td {
	background:#ffffff;
	padding:0px;
	}

.emailheader a {
	text-decoration:none;
	}

#emailbody {
	width:500px;
	margin-left:140px;
	margin-top:-20px;
	}

#map_canvas {
	border:1px dashed #CCCCCC;
	width:950px;
	height:300px;
	margin-top:10px;
}

#calendar_body_wrapper {
	float:left;
	}

#calendar_header {
	margin:0px 0px 3px 0px;
	padding:3px;
	background-image:url(../images/calendar-header-bg.png);
	/*border-radius:2px;*/
	float:left;
	width:99.3%;
	height:22px;
}

#calendar_time {
	width:50px;
	float:left;
	font-size:10px;
	}
	
#calendar_time > table td {
	padding:5px;
	text-align:center;
	background:#d4d4e4;
	border-bottom:1px solid #5b7896;
	border-right:1px solid #5b7896;
	}
	
#calendar_time > table th {
	padding:5px;
	background-image:url(../images/calendar-time-bg.png);
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
#calendar_names {
	float:left;
	font-size:10px;
	overflow:scroll;
	overflow-y:hidden;
	width:94.7%;
	}
	
#calendar_names > table td {
	box-sizing:border-box;
	padding:5px;
	text-align:center;
	font:Tahoma, Geneva, sans-serif;
	font-size:10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
#calendar_names > table th {
	padding:5px;
	background-image:url(../images/calendar-name-bg.png);
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}

#calendar_names > table tr:hover {
	background:#d4d4e4;
	}

#date_selector {
	width:178px;
	float:left;
	}
	
#header_date {
	float:left;
	}

/*#header_date ul li {
	display:inline;
	list-style:none;
	background-image:url(../images/date-selection-bg.png);
	padding:0px 5px 0px 5px;
	border-radius:5px;
	border:1px solid #fff;
	}

#header_date #currentdate {
	background:#6cf;
	}

#header_date #currentdate a {
	color:#fff;
	text-decoration:none;
	}*/

.header_date_li {
	display:inline;
	list-style:none;
	background-image:url(../images/date-selection-bg.png);
	padding:0px 5px 0px 5px;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
	}
	
.header_date_li .smallertext {
	color:#737373;
	}

.header_date_li_selected {
	display:inline;
	list-style:none;
	background: #036;
	padding:0px 5px 0px 5px;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
	}

.header_date_li .smallertext:hover{
	color:#cccccc;
	cursor:pointer;
	background: #036;
	}

.header_date_li_selected .smallertext:hover{
	color:#cccccc;
	cursor:pointer;
	}

#header_date ul li:hover {
	background: #036;
	}
	
#header_date ul {
	padding:0px;
	margin:0px;
	}

.dashedBorder {
	border:1px dashed #CCCCCC;
	}

#welcome {
	width:920px;
	height:35px;
	/*border:1px solid #ecf1f7;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;*/
	background-color:#fff;
	margin: 10px 0px 0px 5px;
	padding:10px;
	float:left;
	position:relative;
	}

.graphBar {
	float:left;padding:10px;width:6px;height:15px;white-space:nowrap;text-align:center;
	}

.opacityControl {
	filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;color:#000;
	}

.greyOut {
	filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;color:#000;text-decoration:line-through;
	}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.highlight {
	color:#f00;
	/*font-weight:bold;*/
}