﻿@charset "UTF-8";
/* CSS Document */

body{background-image:url(../img/background.jpg);
	margin:0px;
	padding:0px;
	font-family: "HelveticaNeue", Sans-Serif;
 }
	
@font-face {
  font-family: "HelveticaNeue";
  src: url('../fonts/HelveticaNeue.eot');
  src: url('../fonts/HelveticaNeue.eot?#iefix') format('eot'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'), url('../fonts/HelveticaNeue.otf') format('opentype'), url('../fonts/HelveticaNeue.svg') format('svg'); }

@font-face {
  font-family: "HelveticaNeue-Medium";
  src: url('../fonts/HelveticaNeueMedium.eot');
  src: url('../fonts/HelveticaNeueMedium.eot?#iefix') format('eot'), url('../fonts/HelveticaNeueMedium.woff') format('woff'), url('../fonts/HelveticaNeueMedium.ttf') format('truetype'), url('../fonts/HelveticaNeueMedium.otf') format('opentype'), url('../fonts/HelveticaNeueMedium.svg') format('svg'); }

@font-face {
  font-family: "HelveticaNeueBold";
  src: url('../fonts/HelveticaNeueBold.eot');
  src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('eot'), url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../fonts/HelveticaNeueBold.ttf') format('truetype'), url('../fonts/HelveticaNeueBold.otf') format('opentype'), url('../fonts/HelveticaNeueBold.svg') format('svg'); }

@font-face {
  font-family: "HelveticaNeueCondensedBold";
  src: url('../fonts/HelveticaNeueCondensedBold.eot');
  src: url('../fonts/HelveticaNeueCondensedBold.eot?#iefix') format('eot'), url('../fonts/HelveticaNeueCondensedBold.woff') format('woff'), url('../fonts/HelveticaNeueCondensedBold.ttf') format('truetype'), url('../fonts/HelveticaNeueCondensedBold.otf') format('opentype'), url('../fonts/HelveticaNeueCondensedBold.svg') format('svg'); }

.header{background:url(../img/header.jpg) repeat-x;
	width:100%;
	height:74px;
	margin:0px;
	padding:0px;}
	
.wrap{width:1125px;
	height:100%;
	margin:0px auto 0px}

.clear{width:100%; height:1px; clear:both;}
/*Login*/
.image{background:url(../img/office.jpg) no-repeat scroll 0 0 transparent;
width:1124px;
height:639px;
z-index: 100;
background-position:top;
padding-top:20px;
}

p {
  font-family: "HelveticaNeue", Sans-Serif;
  font-size:14px;
}
a, img {
    border:none;
    outline:none
}

h1{font-family: "HelveticaNeueCondensedBold", Sans-Serif;
font-size:24px;
color:#871634;
letter-spacing:1px;}

#loginbkg{ width:255px;
height:295px; padding:20px; margin:70px 0px 0px 50px; background-color:#fff; opacity:0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}

#login{ width:255px;
height:275px; opacity:1;filter: alpha(opacity=100);}

.loginid{background: url(../img/icon-man.png) no-repeat scroll 190px 3px;
padding-right:30px;
background-color:#b5b5b5;
 height:20px;
 width:180px;
 border:solid 1px #959595;
 margin-bottom:15px;
 float:right;}
 
.loginpin{background: url(../img/icon-lock.png) no-repeat scroll 190px 3px;
padding-right:30px;
background-color:#b5b5b5;
 height:20px;
 width:180px;
 border:solid 1px #959595;
 margin-bottom:15px;
 float:right;}
 
.cbcontainer label{color:Black;}
.padtop{padding-top:15px;}
.padtop2{margin-top:90px;}
.padtopfloat{padding-top:15px;float:left;}
 
.fields_label{font-family: "HelveticaNeueBold", Sans-Serif; font-size:14px; color:#555555;}
/*label{
  width: 10px;
  float: left;
  text-align: right;
  margin-bottom: 0.5em;
  display: block
}*/

#submit a {
float:right;
display: block;
width: 94px;
height: 36px;
background: transparent url(../img/submit.jpg) no-repeat;
margin:-4px 0px 0px 0px;
}

#submit a:hover {
background-position: -94px 0;
} 
#submit a:active {
background-position: -188px 0;
} 

.fineprint{font-size:10px; color:#252525; margin-top:30px;}

#quote{color:#e1e1e1; line-height:24px; text-align:right; width:720px; float:right; padding:100px 30px 10px 0px}

.copyright{text-align:center;
color:#636363;}
	
.float_r{float:right;}
.float_l{float:left;}


/*HOME height:332px;*/
.logout{font-family:Arial, Helvetica;
float:right;
padding:30px 10px 0px 10px;
} 

.logout a{color:#871633;}
.logout a:hover{color:#0c4c87;}

.imagehome{background:url(../img/office-home.jpg) no-repeat scroll 0 0 transparent;
width:1124px;
height:425px;
z-index: 100;
background-position:top;
padding-top:20px;
}

#instructions{color:#e1e1e1; font-family: "HelveticaNeue-Medium", Sans-Serif;line-height:24px; text-align:left; width:640px; float:right; padding:10px 30px 10px 450px}
.sub {font-size: 13px;font-family: "HelveticaNeue", Sans-Serif; line-height:15px;}

li{padding-bottom:10px;}
li.safari{line-height:21px;}

#unscheduled a {
float:left;
display: block;
width: 233px;
height: 30px;
background: transparent url(../img/unscheduled.jpg) no-repeat;
margin:-4px 0px 0px 0px;
}

#unscheduled a:hover {
background-position: -233px 0;
} 
#unscheduled a:active {
background-position: -466px 0;
} 

.content {background:#ffffff;
width:1024px;
height:100%;
min-height:605px;
padding:25px 50px 25px 50px;
margin:0px;
}
.remaining{font-size:17px; margin-bottom:0px;}
.subremaining{font-size:13px; font-style:oblique;margin-top:0px;}
.allselection{width:916px; padding:55px 104px 55px 0px; overflow: auto;}
.department{width:350px; height:157px; background:#ececec; float:left; padding:20px 25px 20px 25px; margin:0px 8px 8px 0px;}
.departmentsmall {
  width: 190px;
  height: 100px;
  background: #ececec;
  float: left;
  padding: 20px 25px 20px 25px;
  margin: 0px 8px 8px 0px;
  position: relative;
}
#topleft{margin:0px 4px 4px 0px;}
#topright{margin:0px 0px 4px 4px;}
#bottomleft{margin:4px 4px 50px 0px;}
#bottomright{margin:4px 0px 50px 4px;}

a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 108px;
   height: 34px;
   background: url(../img/button.png) no-repeat;
   line-height: 34px;
   vertical-align: text-middle;
   text-align: center;
   color: #141414;
   font-family: sans-serif;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   /*text-shadow: #222222 1px 1px 0;*/
   text-decoration:none;
   margin-left:700px;
   margin-bottom:20px;
}
a.button > span {
   display: -moz-inline-block;
}

.complete{background:#909195; }
.noservice{ background:url(../img/noservice.jpg); }
.departmentnoservice{ font-size:16px; font-style:oblique; color:#ffffff;margin: 10px 0px 0px 12px;}

.departmentname{ font-size:16px; font-weight:bold; color:#63656a;margin: 0px 0px 0px 12px;}
.status{font-size:13px; font-style:oblique; font-weight:normal; color:#63656a;}

label{color:#63656a;font-size:14px;}
.checkmark{margin:20px 0px 0px 40px;}
.noservicelabel{color:#8c6370;}

/*SURVEY*/
.imagesurvey{background:url(../img/imagesurvey.jpg) no-repeat scroll 0 0 transparent;
width:1124px;
height:145px;
z-index: 100;
background-position:top;
padding-top:20px;
}

.instructionsSurvey{color:#e1e1e1; font-family: "HelveticaNeue-Medium", Sans-Serif;line-height:24px; text-align:left; width:630px; float:right; padding:10px 30px 10px 660px}

.questions{font-family:"HelveticaNeue", Sans-Serif; font-size:12px; color:#63656a; line-height:20px; margin-top:30px;}
.grey{background-color:#ececec;}
.center{text-align:center;}
.section{color:#000000;font-family: "HelveticaNeueBold", Sans-Serif; font-size:16px;}
.sectionsub{color:#000000;font-family: "HelveticaNeue", Sans-Serif; font-size:13px; font-style:oblique;}
#employee{width:150px; background-color:#ebebeb;font-family: "HelveticaNeue", Sans-Serif; font-size:12px; color:#63656a; border:solid 1px #a2a4a6;}
#comments{height:150px;}
.departmentlist{width:350px; background-color:#ebebeb;font-family: "HelveticaNeue", Sans-Serif; font-size:12px; color:#63656a; border:solid 1px #a2a4a6;}