@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	width: 744px;
	background: #9fb3cc;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

img { border: none; }

img.left { float: left; margin: 0 5px 2px 0; }

img.right { float: right; margin: 0 0 2px 8px; }

/* Header */

#header {
	width: 744px;
	height: 128px;
	margin: 0 auto;
	padding: 0 0 92px 0;
	background: #9fb3cc url(../images/header/headerbottom.jpg) 0 bottom no-repeat;
}

/* Page */

#border {
	width: 744px;
	margin: 0 auto;
	background:url(../images/footer/trim.jpg) top repeat-y;
}

#pagecontainer {
	width: 730px;
	margin: 0 auto;
}

.clear {
	clear: both;
	margin: 0;
}

#page {
	width: 730px;
	margin: 0 auto;
	background: #FFFFFF url(../images/header/pagetop.jpg) top no-repeat;
}

/* Content */

#content {
	float: right;
	width: 510px;
	margin: 0;
	padding: 0 17px 0 0;
}

#pagetitle {
	padding: 29px 0 5px 2px;
	text-align: justify;
}

.section {
	width: 100%;
	clear: both;
}

.sectiontitle {
	display: block;
	padding: 2px 0 2px 24px;
	background: #526786 url(../images/general/sectiontitle.jpg) top 0 no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aacceb;
	font-size: small;
	font-weight: bold;
	border-bottom: solid 1px #aacceb;
}

/* Other Sections  */

.colclear {
	clear: both;
	height: 15px;
}

.columnpad {
	padding: 0 0 0 20px;
}

#legal {
	clear: both;
	font-size: x-small;
	color: #666666;
}

.errorstatus {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

/* Footer */

#footer {
	width: 744px;
	height: 32px;
	margin: 0;
	clear: both;
	background: url(../images/footer/footeralt.jpg) top no-repeat;
}

/* Checkin Specific */

form {
  margin: 0;
  padding: 0;
}

form label { 
	width: 100px;
	float: left;
	padding: 0; 
	margin: 4px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.inventory {
	width: 220px;
	height: 130px;
	overflow: hidden;
	float: left;
	margin: 4px 0 0 0;
	font-size: x-small;
}

form .input,
form select,
form textarea {
	width: auto;
	margin: 5px 0 0 5px;
}

form br {clear: left;}

#printlogo {display:none;}

#logo {display:block;}

.checkinclear { clear: both; height: 2px; }

/* Sections */

#pagetop {
	width: 744px;
	height: 32px;
	margin: 0;
	background: url(../images/footer/pagetop.jpg) top no-repeat;
}

#pagetop p {
	text-align: right;
	padding: 10px 25px 0 0;
	font-size: 11px;
	color: #526786;
}
#pagealt {
	width: 730px;
	margin: 0 auto;
	background: #FFFFFF;
}


.checkinlayout {
	width: 690px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	background: url(../images/checkin/repeattopy.jpg) top repeat-y;
}

.checkinlayoutalt {
	width: 690px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	background: #FFFFFF url(../images/checkin/repeatmidy.jpg) top repeat-y;
}

.checkintop {
	background: url(../images/checkin/checkintop.jpg) top no-repeat; width: 690px; height: 100px;
}

.clienttop {
	background: url(../images/checkin/repeattopy.jpg) 0 0 repeat-y;
}

.checkinclient {
	width: 320px;
	padding: 0 10px 10px 10px;
	float: left;
}

.checkinsystem {
	width: 320px;
	padding: 0 10px 10px 10px;
	float: right;
}

.checkincolors {
	padding: 0 10px 0 10px;
	background: #FFFFFF url(../images/checkin/repeatmidy.jpg) top repeat-y;
}

.checkincolorsalt {
	padding: 0;
	background: #FFFFFF url(../images/checkin/repeatmidy.jpg) top repeat-y;
}

.checkincolors p { height: 22px; }

.checkinsymptons {
	width: 320px;
	float: left;
}

.checkinverified {
	width: 320px;
	float: right;
}

.checkinbutton {
	text-align: center;
}

.checkinbuttonalt {
	width: 200px;
	float: right;
	text-align: center;
	padding: 10px 0 10px 0;
}

.signotice { padding: 10px 0 0 0; font-size: 11px; font-weight: bold; }

.checkinbottom { background: url(../images/checkin/checkinbottom.jpg) top no-repeat; clear: both; height: 10px; }

/* Client Information */

.checkinclient p { height: 22px; margin: 5px 0 0 5px; clear: both; }

form .standard { width: 90px; float: left; margin: 5px 0 0 5px; }

form .long { width: 185px; float: left; margin: 5px 0 0 5px; }

form .short { width: 86px; float: left; margin: 5px 0 0 5px; }

form .shorter { width: 86px; float: left; margin: 5px 0 0 5px; background: #FFFFCC; }

form .zip { width: 50px; margin: 5px 0 0 135px; }

form .hear { width: 185px; margin: 5px 0 0 5px; }

/* System Information */

.systemleft { float: left; width: 160px; }

.systemright { float: left; width: 150px; padding: 0 0 0 5px; }

form label.systemshort { width: 50px; }

form label.systemmed { width: 60px; padding: 0 5px 0 0; }

form .hdsize { width: 35px; margin: 5px 0 0 5px; }

form .optional { width: 160px; margin: 5px 0 0 5px; }

.checkinback { width: 315px; background: url(../images/checkin/optionalrepeat.jpg) center top repeat-y; }

.checkinoptional { width: 315px; background: url(../images/checkin/optionalbottom.jpg) center bottom no-repeat; }

.checkinoptional p { padding: 0 0 10px 15px; }

.checkintable { margin: 2px 0 0 30px; }

.nodata { font-size: 11px; font-weight: bold; padding: 2px 5px 0 0; width: 260px; text-align: center; }

.tableselect { padding: 2px; margin: 0 0 2px 0; }

.tablename { padding: 2px; width: 120px; font-size: 11px; overflow: hidden; }

.tablephone { padding: 2px; width: 90px; font-size: 11px; overflow: hidden; }

/* System Evaluation */

.clientsymptoms { width: 290px; height: 80px; }

.clientinventory { width: 290px; height: 50px; }

.issuestext { text-align: justify; font-size: 11px; }

.preparer { width: 150px; margin: 5px 0 0 0; text-align: center; }

.imgevaluation { padding: 5px 0 0 0; }

.imggood { padding: 5px 0 0 40px; }

.imgcaution { padding: 5px 0 0 25px; }

.imgbad { padding: 5px 0 0 45px; }

.coltext { /* Process Column */
	float: left;
	width: 170px;
	padding: 0 10px 0 0;
}

.colgreen { /* Green Column */
	float: left;
	width: 140px;
	padding: 0 5px 15px 15px;
	background: url(../images/checkin/green.jpg) top no-repeat;
}

.colorange { /* Caution Column */
	float: left;
	width: 140px;
	padding: 0 5px 15px 15px;
	background: url(../images/checkin/orange.jpg) top no-repeat;
}

.colred { /* Bad Column */
	float: left;
	width: 140px;
	padding: 0 5px 15px 15px;
	background: url(../images/checkin/red.jpg) top no-repeat;
}

.checkininventory {
	width: 320px;
	padding: 10px 0 0 0;
	float: left;
}

.checkinsubmit {
	width: 320px;
	padding: 10px 0 0 0;
	float: right;
	text-align: center;
}

.gobacksubmit {
	width: 320px;
	float: right;
	text-align: center;
}

/* Footer Alt */

.checkinbottomalt { background: url(../images/checkin/checkinbottomalt.jpg) top no-repeat; clear: both; height: 10px; }

/* Optional Section */

.sigtop { background: url(../images/checkin/optionalalt.jpg) top no-repeat; width: 315px; height: 14px; }

.sig {
	width: 200px;
	border-bottom: dotted 1px #333333;
	margin: 4px 0 0 5px;
}

/* Receipt  */

.webthanks {
	width: 630px;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	text-align: justify;
}

.hours {
	font-size: 16px;
	color: #CC0000;
	text-align: center;
	font-weight: bold;
}

.hoursub {
	font-size: 12px;
	color: #CC0000;
	text-align: center;
}

/* Legal Text */

.legalsig { text-align: justify; font-size: 9px; margin: 0 10px 0 0 }

.legaltext { text-align: justify; font-size: 10px; }