body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #3298b8;
}

a {
	text-decoration: none;
}

h1,h2,h3,h4 {
	padding:0px;
	margin:0px;
	color: #e17009;
}

ul,ol,h2,h3,h,hr
{
	margin:0px;
}

input { border: 1px solid #a6c9e2; font-size: 12px; padding: 2px; }
textarea, select { border: 1px solid #a6c9e2; width: 300px; }

#page-container {
	width: 919px;
	margin: -3px auto 0 auto;
}


#page-leftbg {
	position: relative;
	margin: 0 -239px -555px 0;
	width: 239px;
	height: 555px;
	background: url("../images/page-left-bg.jpg") no-repeat;
	z-index: 1;
	top: -0px;
	left: -235px;
}

#pageBody
{
	width: 919px;
	margin: -3px auto 0px auto;
	padding: 0 2px 0 2px;
	background: url("../images/mainbox-repeat.png") repeat-y;
	position: relative;
	z-index: 1;
	min-height: 500px;
	text-align: left;
}

#page-top
{
	width: 923px;
	height: 7px;
	margin: 15px auto 0 auto;
	background: url("../images/mainbox-top.png") no-repeat;
	clear: both;
}

#page-bottom
{
	width: 923px;
	height: 7px;
	top: -0px;
	margin: 0 auto 15px auto;
	background: url("../images/mainbox-bottom.png") no-repeat;
	clear: both;
	position: relative;
	z-index: 2;
}

#login-box {
	width: auto;
	height: 32px;
	float: right;
	margin: 0 0 -32px 0;
	position: relative;
	top: -20px;
	z-index: 3;
}

#login-box .left {
	width: 4px;
	height: 32px;
	background: url("../images/loginbg-left.png") no-repeat;
	float: left;
	margin: 0;
	clear: left;
}

#login-box .right {
	width: 4px;
	height: 32px;
	background: url("../images/loginbg-right.png") no-repeat;
	float: right;
	margin: 0;
}

#login-box .content {
	width: auto;
	height: 28px;
	background: url("../images/loginbg-repeat.png") repeat-x;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#header
{
	width: 100%;
	margin: 0px 0 0 0;
	padding: 0;
	height: 104px;
	background: url("../images/headerbg-wave.png") repeat-x;
	z-index: 2;
	position: relative;
}

#header .hcontainer {
	width: 900px;
	height: 104px;
	margin: 0 auto;
}

#content
{
    padding: 20px;
}

#footer
{
	padding: 10px;
	margin: 10px 20px 0 20px;
	width: auto;
	font-size: 0.8em;
	text-align: center;
	width: auto;
	position: relative;
	z-index: 2;
	bottom: 0px;
	border: 0;
}

#logo
{
	padding: 0;
	width: 237px;
	height: 101px;
	background: url("../images/logo.png") no-repeat;
	margin: 0px 0 0 6px;
	float: left;
}



#header-banner {
	float: right;
	position: relative;
	z-index: 0;
	width: 400px;
	height: 100px;
	margin: 15px 10px -115px 0;
}

#mainmenu
{
	height: 42px;
	margin: 0px 0 0 0;
	position: relative;
	z-index: 1;
	float: right;
	bottom: -67px;
}

#mainmenu li span
{
	display: inline-block;
	width: auto;
	height: 28px;
	padding: 0px 0px 0 0px;
	margin: 0 0px 0 0;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	background: url("../images/maintab-multi.png") top left no-repeat;
	top: -4px;
	position: relative;
	
}

#mainmenu li span:hover
{
	background: transparent url("../images/maintab-active.png") left no-repeat;
	height: 28px;
}

#mainmenu ul li.active span {
	background: transparent url("../images/maintab-active.png") left no-repeat;
	height: 35px;
	color: #e17009;
	margin: 0 0 0 -3px;
	padding: 0;
	position: relative;
	top: -4px;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
	float: right;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color: #2e6e9e;
	background: transparent url("../images/maintab-multiend.png") top right no-repeat;
    display: block;
	width: auto;
	padding: 8px 12px 0 12px;
	height: 21px;
	margin: 0px 0 3px 0;
	text-decoration: none;
}

#mainmenu ul li a:hover
{
	color: #4caad6;
	background: url("../images/maintab-multiend.png") top right no-repeat;
	text-decoration:none;
	height: 21px;
}

#mainmenu ul li.active a {
	color: #e17009;
	background: url("../images/maintab-activeend.png") top right no-repeat;
	text-decoration:none;
	height: 28px;
	margin: 0px 0 3px 0;
	padding: 12px 12px 0 14px;
}

div.error, div.notice, div.info, .success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.info
{
	background:#F2F2F2;
	color:#514721;
	border: 1px solid #ddd;
}

div.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

#inputButtonFixed {
	width: 82px;
	height: 32px;
	background: url("../images/inputButtonFixed.png") bottom left;
	border: 0;
	cursor: pointer;
	color: #666;
}

#inputButtonFixed:hover {
	background-position: top left;
	color: #333;
}

#inputButtonFixedfp {
	width: 82px;
	height: 32px;
	background: url("../images/inputButtonFixed.png") bottom left;
	border: 0;
	cursor: pointer;
	margin: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

#inputButtonFixedfp:hover {
	background-position: top left;
	color: #333;
}

.action-submit input
{
	display: inline-block;
	width: auto;
	height: 28px;
	padding: 0px 4px 4px 7px;
	margin: 0 0px -2px 0;
	color: #3981a2;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: url("../images/actions-link.png") bottom left no-repeat;
	border: 0;
	text-align: center;
}

.action-submit input:hover
{
	background-position: top left;
	color: #4caad6;
}

.action-submit span
{
	background: transparent url("../images/actions-link-end.png") bottom right no-repeat;
    display: inline-block;
	width: auto;
	padding: 0 3px 2px 0;
	height: 28px;
	margin: 0 0 0 0;
}

.action-submit span:hover
{
	background: transparent url("../images/actions-link-end.png") top right no-repeat;
}

.actions
{
	font-size: 8pt;
	margin: -35px 0 5px 0;
	padding: 0;
	float: right;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

/* Front Page */

#clearbox-tl { width: 6px; height: 6px; background: url("../images/clearbox-tl.png") no-repeat; float: left; position: relative; top: -7px; left: -7px; margin: 0 0 -6px 0; }
#clearbox-tr { width: 6px; height: 6px; background: url("../images/clearbox-tr.png") no-repeat; float: right; position: relative; top: -7px; right: -7px; margin: 0 0 -6px 0; }
#clearbox-bl { width: 6px; height: 6px; background: url("../images/clearbox-bl.png") no-repeat; float: left; position: relative; bottom: 5px; left: -7px; margin: 0 0 0px 0; }
#clearbox-br { width: 6px; height: 6px; background: url("../images/clearbox-br.png") no-repeat; float: right; position: relative; bottom: 5px; right: -7px; margin: 0 0 0px 0; }

#clearbox { width: 550px; border: 1px solid #a6c9e2; padding: 6px; margin: 0px 0px 5px 0;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
}

#cbheader {
	width: 348px;
	height: 30px;
	padding: 8px 0 0 4px;
	margin: -3px 0 0 -3px;
	border: 1px solid #4297d7;
	background: url("../images/cbheader-repeat.png") 50% 50% repeat-x;
	font-size: 16px;
	color: #fff;
}

#cbheader .tl { width: 5px; height: 5px; background: url("../images/cbheader-corners.png") top left no-repeat; float: left; position: relative; top: -9px; left: -5px; margin: 0 0 -5px 0; }
#cbheader .tr { width: 5px; height: 5px; background: url("../images/cbheader-corners.png") top right no-repeat; float: right; position: relative; top: -9px; right: -1px; margin: 0 0 -5px 0; }
#cbheader .bl { width: 5px; height: 5px; background: url("../images/cbheader-corners.png") bottom left no-repeat; float: left; position: relative; bottom: -31px; left: -5px; margin: -5px 0 0px 0; }
#cbheader .br { width: 5px; height: 5px; background: url("../images/cbheader-corners.png") bottom right no-repeat; float: right; position: relative; bottom: -31px; right: -1px; margin: -5px 0 0px 0; }

#fp-orderInspec {
	float: left;
	width: 360px;
	height: 300px;
	margin: 5px 0 0 0;
}

#fp-orderInspec .fp-order {
	color: #999;
	border: 1px solid #CCC;
	font-size: 12px;
	dislpay: inline;
}

#mshiteimg {
	width: 360px;
	height: 125px;
	background: url("../images/mshi-teimg.gif") no-repeat;
	position: absolute;
	float: left;
	clear: left;
	top: 210px;
}

#fp-welcome {
	float: left;
	width: 348px;
	height: 300px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
	border: 1px solid #a6c9e2;
	margin: -10px 0 15px 0;
	padding: 6px;
}

#fp-welcome h1 {
	font-size: 18px;
	font-weight: none;
}

#fp-welcome p {
	font-size: 12px;
	font-weight: none;
	margin: 10px 0;
}

#fp-updates {
	float: right;
	position: relative;
	width: 348px;
	top: -310px;
	margin: 0 0 -250px 0;
}

#fp-updatestab {
	height: 250px;
	border: 0;
	margin: -7px 0 -10px -10px;
}

#fp-tabs {
	clear: both;
	width: 100%;
	margin: 0px 0 0px 0;
	top: 10px;
	position: relative;
}


#fp-tab1 {
	height: 150px;
	border: 0;
	margin: -7px 0 -10px -10px;
}

#fp-tab1 p{
	font-size: 12px;
}

#fp-tab1 h3{
	font-size: 14px;
	margin: 0;
}

#fp-tab2 {
	height: 150px;
	border: 0;
	margin: -7px 0 -10px -10px;
}

#fp-reasons {
	width: 500px;
	height: 405px;
	float: right;
	margin: -10px 0 0 0;
}

#fp-reasons .header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#inspection-create .form {
	width: 100%;
	border: 0;
}

#inspection-create .simple {
	display: inline-block;
	margin: 0 4px 0 0;
}

/* About Us Page */

#about-nachi {
	float: left;
	margin: 10px 0 0 0;
}

#about-teilogo {
	float: right;
	margin: -5px 0 0 0;
}

/* Contact Page */

#contactus .row {
	display: inline-block;
	width: auto;
}


/* Dashboard */

#dbheader {
	width: 100%;
	height: 200px;
}

#dbadvisor {
	height: 200px;
	float: left;
	clear: left;
}

#dbtabs {
	width: 400px;
	height: 200px;
	float: right;
}

#dbcalendar { float: left; width: 190px; height: 200px; border: 1px solid #a6c9e2; padding: 6px; margin: 0px 0px 10px 15px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
}

#dbadvisor { width: 230px; border: 1px solid #a6c9e2; padding: 6px; margin: 0 0px -10px 0;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
}

#dbadvisor .header { width: 216px; height: 30px; border: 1px solid #4297d7; padding: 8px 6px 4px 12px; margin: -3px 0px 0px -3px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/cbheader-repeat.png")  50% 50% repeat-x;
	font-size: 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#dbnotif { width: auto; border: 1px solid #a6c9e2; padding: 6px; margin: 20px 0px -10px 0px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
}

#dbnotif .header { width: auto; height: 30px; border: 1px solid #4297d7; padding: 8px 6px 4px 12px; margin: -3px -3px 0px -3px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/cbheader-repeat.png")  50% 50% repeat-x;
	font-size: 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#roundedbox { width: auto; border: 1px solid #a6c9e2; padding: 6px; margin: -10px 0px 10px 0;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/clearbox-repeat.png")  50% 50% repeat-x;
}

#roundedbox .header { width: auto; height: 30px; border: 1px solid #4297d7; padding: 8px 6px 4px 12px; margin: -3px -3px 6px -3px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	background: url("../images/cbheader-repeat.png")  50% 50% repeat-x;
	font-size: 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/* Reports */

.firstname {
	color: #06F;
}

.reportTable {
	width: 100%;
	border: 1px solid #000;
}

/* Agent Registry */

#agent-registry .row {
	display: inline-block;
	margin: 0;
}

/* Inspection View */

#inspectionViewLeft {
	width: 50%;
	float: left;
}

#inspectionViewRight {
	width: 50%;
	float: right;
}

/* Request Inspection Form */

#lineform {
	width: auto;
	height: 39px;
	background: url("../images/1lineform-repeat.png");
	margin: 0px 0px 10px 0;
	padding: 0;
	text-align: left;
}

#lineform input {
	color: #444;
	border: 1px solid #CCC;
}

#lineform .header {
	width: 143px;
	height: 18px;
	top: -20px;
	margin: 0 0 -17px 0;
	padding: 6px 0 0 8px;
	background: url("../images/1lineform-top.png");
	position: relative;
	z-index: 3;
	color: #666;
}

#lineform .left {
	width: 7px;
	height: 35px;
	top: -3px;
	margin: 0 4px 0 0;
	padding: 0;
	background: url("../images/1lineform-left.png") bottom left;
	position: relative;
	float: left;
	z-index: 2;
}

#lineform .right {
	width: 7px;
	height: 39px;
	top: -7px;
	margin: 0 0 0 0;
	padding: 0;
	background: url("../images/1lineform-right.png");
	position: relative;
	float: right;
	z-index: 2;
}

#largeform {
	width: auto;
	height: 169px;
	background: url("../images/largeform-repeat.png");
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}

#largeform .header {
	width: 198px;
	height: 18px;
	top: -20px;
	margin: 0 0 -17px 0;
	padding: 6px 0 0 8px;
	background: url("../images/largeform-top.png");
	position: relative;
	z-index: 3;
	color: #666;
}

#largeform .left {
	width: 7px;
	height: 165px;
	top: -3px;
	margin: 0 4px 0 0;
	padding: 0;
	background: url("../images/largeform-left.png") bottom left;
	position: relative;
	float: left;
	z-index: 2;
}

#largeform .right {
	width: 7px;
	height: 169px;
	top: -172px;
	margin: 0 0 0 0;
	padding: 0;
	background: url("../images/largeform-right.png");
	position: relative;
	float: right;
	z-index: 2;
}

span.infoHeader {
	font-size:15pt;
	color:#00B2EE;
}

div.whatIsNext
{
  margin: 15px 0px 15px 0px;
  font-size: 15pt;
}

div.whatIsNext h1
{
  color:#00B2EE;
  font-size: 15pt;
}

div.whatIsNext li
{
  padding: 5px 0px 0px 0px;
}

div.whatIsNext a
{
  font-style: "cursive", "fantasy", "monospace";
  font-weight: bold;
  padding: none;
  font-size: 10pt;
}

div.supportTicket
{
  background-color: #fbfbfb;
}

div.supportTicket h1
{
  font-style: italic;
  font-size: 15pt;
}

div.supportTicket div.left
{
  text-align: left;
  float: left;
}

div.supportTicket div.right
{
  text-align: right;
  float: right;
}

div.portlet
{
  margin: 10px;
  padding: 5px;
  background: #f5f8f9;
	border: 1px solid #ddd;
}

div.portlet .portlet-title
{

}