html, body {
	background: #1a4c7e url('images/bgGradient.png') no-repeat;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

body {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%; /* 10px */
	color: #000;
}

/*  Layout 
---------------------------------------------------------------*/
#container {
	background: url('images/bgRadial.png') no-repeat;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 1.2em; /* 12px */
	line-height:1.5em;
}

LI LI, LI P, TD P, BLOCKQUOTE P {
	font-size: 1.2em; /* 12px */
	line-height:1.5em;
}

#page {
	color: #95c0e8;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 1em; /* center, not in IE5 */
}

#header {
	width: 900px;
	height: 77px;
	margin: 0;
	padding: 0 0;
	text-align: left;
	clear: both;
}

#content {
	background: #fff;
	color: #000;
	width: 890px;
	padding: 5px;
	float: left;
	clear: both;
	border: 1px solid #ffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	position: relative;
}

#left-col {
	width: 170px;
	padding: 0px 5px 10px 0px;
	float: left;
}

#right-col {
	width: 710px;
	padding: 0px 0px 0px 5px;
	float: left;
}

#footer {
	background: #c3cbd4;
	color: #212121;
	/*font-weight: bold;*/
	width: 890px;
	padding: 5px;
	margin: 1em 0;
	clear: both;
	float: left;
	border: 1px solid #c3cbd4;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#footer ul {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0;
}

#footer:after {
	background: url('images/footerShadow.png');
	height: 11px;
}

#footer h2 {
	font-size: 1.2em;
}

#footer .phoneNumber {
	font-size: 1.8em;
}

#quickLinks {
	width: 443px;
	padding: 0 0 0 10px;
	float: right;
	text-align: left;
	border-left: 1px solid #a9b1b8;
}

/*  Links 
---------------------------------------------------------------*/
a {
	color: #95c0e8;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

#content a {
	color: #257AA3;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#footer a {
	text-decoration: none;
	color: #0c76d4;
}

#footer a:hover {
	text-decoration: underline;
}

/*  Breadcrumbs
---------------------------------------------------------------*/
#breadCrumbs {
	background: url('images/footerBG.gif');
	color: #696e70;
	padding:0.4em;
	margin: 0 0 1em;
	font-weight: bold;
	border: 1px #AAAAAA solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

/*  Navigation 
---------------------------------------------------------------*/
#top-nav {
	width: 536px;
	height: 77px;
	float: right;
	position:relative;
}

#nav {
	width: 536px;
	height: 77px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	padding: 0 1em 0 0;
}

#nav li a {
	color: #fff;
	height: 77px;
	margin: 0;
	padding: 0;
	line-height: 77px;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}

#nav li a:hover {
	background: url('images/navHoverBG.png');
	text-decoration: none;
}

/*  Side Navigation
---------------------------------------------------------------*/
#sidenav {
	width: 170px;
	margin: 5px 0;
	padding: 0px;
	border-bottom: 0px;
	list-style: none;
}

#sidenav li {
	background: #fff;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #D6D8D9;
}

#sidenav li.title {
	background: #3A4043;
	color: #fff;
	width: 160px;
	height: 24px;
	line-height: 24px;
	padding: 3px 5px;
	margin: 1em 0 0;
	font-weight: bold;
	border: 1px solid #d9d8d8;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius-topleft: 3px; 
	-webkit-border-radius-topright: 3px; 
}

#sidenav li a, #sidenav li a:link, #sidenav li a:visited {
	color: #626262;
	padding: 0.3em 0 0.3em 3em;
	display: block;
	list-style: none;
	font-size: 1.1em;
	text-decoration: none;
	vertical-align: middle;
}

#sidenav li a:hover {
	background: #e9f0fa;
	font-weight: bold;
}

#sidenav li.titleFooter {
	display: none;
}

/*  Images 
---------------------------------------------------------------*/
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

.imgfloatleft {
	float: left;
	border-right: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

.imgfloatright {
	float: right;
	border-left: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

/*  H1 H2 H3
---------------------------------------------------------------*/
h1 {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	margin: 0px;
}

h2 {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 16px;
	margin: 0px;
}

h3 {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #2d5768;
	margin: 0px;
}


/*  Customize and Order Buttons
---------------------------------------------------------------*/
input.button {	
  	background: #fff url("images/input_bg.gif");
	color: #000;
	padding: 4px;
	margin: 1.5em auto 0;
	font-size: 1.2em;
	font-weight: bold;
	border:1px #ccc solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	display:block;
}

input.button:hover { 
	border:1px #257AA3 solid;
}

input.button:focus {
	border:1px #3a535e solid;
}

textarea, select {
	font: normal 11px Lucida Sans Unicode,Lucida Sans,Tahoma,Helvetica,Arial;
	border-color: #000; 
	color: #000;
	background: #f9f9f9;
}
  
input {
  text-indent: 2px; 
}

.textarea,
.searchinput {
	border: 1px solid #FFF;
	color: #000;
	background: #f9f9f9;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
 }

/* Little Silver Buttons */
.moreInfoLink, .visitSiteLink, .emailUsLink { 
	width: 84px;
	height: 33px;
	outline: none;
	border: 0;
	margin: 0;
	text-indent: -9000px;
}

.moreInfoLink, .visitSiteLink, .emailUsLink {
	float: left;
}

.moreInfoLink {
	background: url('images/buttons/moreInfoButton.png') no-repeat left top;
}

.visitSiteLink {
	background: url('images/buttons/visitSiteButton.png') no-repeat left top;
}

.emailUsLink {
	background: url('images/buttons/emailUsButton.png') no-repeat left top;
}

.moreInfoLink span, .visitSiteLink span, .emailUsLink span {
	display: block;
}

.moreInfoLink:hover, .visitSiteLink:hover, .emailUsLink:hover { 
      background-position: 0% -33px;
}


/*  Row Styles
---------------------------------------------------------------*/
.roundedBox {
	background: #fff url('images/footerBG.gif') repeat-x;
	padding: 0.4em;
	border: 1px #AAAAAA solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

.versionLinkContainer {
	margin: 0 0 1em;
	font-weight: bold;
	float: right;
	clear: both;
}

.versionLinkContainer a, .ui-widget-content .versionLinkContainer a {
	color:#257AA3;
}

.contentBox {
	width: 100%;
	border: 1px solid #353535;
	border-collapse: collapse;
	clear: both;
}

.redRow {
	background: #f1c3c3;
	padding-left: 3px;
}

.greenRow {
	background: #caf1c3;
	color: #000;
	padding-left: 3px;
}

.yellowRow {
	background: #eaeb7a;
	color: #000;
	padding-left: 3px;
}

.title1 {
	background: #323437 url('images/titleRowBG.png');
	height: 27px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #353535;
}

.title2 {
	background: #485054;
	color: #fff;
	padding-left: 3px;
	text-align: left;
}

td.title2 a {
	color: #fff;
	text-decoration: underline;
}

td.title2 a:hover {
	text-decoration: none;
}

.row1, table.tablesorter tbody tr.odd {
	background: #fff;
	color: #353535;
	padding-left: 3px;
	text-align: left;
}

.row2, table.tablesorter tbody tr.even {
	background: #e9f0fa;
	color: #353535;
	padding-left: 3px;
	text-align: left;
}

#content .ui-widget-content .row1 a, #content .ui-widget-content .row2 a {
	color: #0973B0;
	text-decoration: underline;
}

#content .ui-widget-content .row1 a:hover, #content .ui-widget-content .row2 a:hover {
	text-decoration: none;
}

.full { 
	width: 100%;
}

.half { 
	width: 50%;
}

/*  Font Styles
---------------------------------------------------------------*/
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic }
.greenText { color: green; }
.redText { color: red; }

/*  Alignment Styles
---------------------------------------------------------------*/
.clear { clear: both; }
.noClear { clear: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.cursorPointer { cursor: pointer; }
.noWrap { white-space: nowrap; }

/*  Margins Styles
---------------------------------------------------------------*/
.margin0Auto { margin: 0 auto; }
.marginT0pt4em { margin-top: 0.4em; }
.marginR0pt4em { margin-right: 0.4em; }
.marginB0pt4em { margin-bottom: 0.4em; }
.marginL0pt4em { margin-left: 0.4em; }

.marginT1em { margin-top: 1em; }
.marginR1em { margin-right: 1em; }
.marginB1em { margin-bottom: 1em; }
.marginL1em { margin-left: 1em; }

.marginT5px { margin-top: 5px; }
.marginR5px { margin-right: 5px; }
.marginB5px { margin-bottom: 5px; }
.marginL5px { margin-left: 5px; }

.paddingT5px { padding-top: 5px; }
.paddingR5px { padding-right: 5px; }
.paddingB5px { padding-bottom: 5px; }
.paddingL5px { padding-left: 5px; }

/*  Message Styles
---------------------------------------------------------------*/
.errorMessage { 
	background: #f1c3c3;
	color: #ff0000;
	padding: 0.4em;
	margin: 0 0 1em; 
	font-weight: bold;
	border: 1px solid #8e2424;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

.errorMessage a {
	color: #ff0000;
}

.successMessage { 
	background: #caf1c3;
	color: #008000;
	padding: 0.4em;
	margin: 0 0 1em; 
	font-weight: bold;
	border: 1px solid #348e24;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

.updateNotice {
	color: #257AA3;
	background: #fff url('images/footerBG.gif') repeat-x;
	margin: 1em 0 0;
	padding: 0.4em;
	border: 1px #AAAAAA solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

/*  Calendar Styles
---------------------------------------------------------------*/
.calendar {
	background: #919191; 
	width: 100%;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

#calendarNext, #calendarPrev {
	width: 33%;
}

#calendarNext a:link, #calendarPrev a:link, #calendarNext a:visited, #calendarPrev a:visited {
	color: #fff;
	text-decoration: none;
}

#calendarNext a:hover, #calendarPrev a:hover {
	text-decoration: underline;
}

#calendarMonth {
	width: 33%;	
}

.today { 
	color: #000000; 
	background: #EFEFEF; 
	height: 110px;
	width: 110px;
	font-weight: bold;
}

.monthdays { 
	color: #000000; 
	background: #FFF;  
	height: 110px;
	width: 110px;
}

.date {  
	height: 15px;
}

.appointments {  
	height: 95px;
}

.nonmonthdays { 
	color: #000000; 
	background: #EFEFEF; 
	height: 110px;
	width: 110px;
}

/*  Input Form
---------------------------------------------------------------*/
form.inputForm fieldset {
	width: 100%;
	padding: 5px;
	font-weight: bold;
	border: none;
}

form.inputForm fieldset legend {
	padding: 0;
	font-size: 1.6em;
}

form.inputForm fieldset h3 {
	color: #0973B0;
	margin-top: 1em;
	font-size: 1.3em;
	clear: left;
}

form.inputForm fieldset div {
	margin: 0.5em 0;
	clear: left;
}

form.inputForm fieldset div div {
	margin: 0;
	clear: none;
}

form.inputForm label {
	width: 20%;
	/*color: #656565;
	width: 120px;*/
	font-weight: bold;
	float: left;
}

form.inputForm label span {
	color: #0973b0;
}

form.inputForm.input, form.inputForm.select, form.inputForm.textarea {
	width: 180px;
	margin-bottom: 5px;
}

form.inputForm textarea {
	width: 250px;
	height: 150px;
}

form.inputForm ol, form.inputForm ol li {
	list-style: none;
}

form.inputForm input, form.inputForm.select, form.inputForm textarea {
  	background: #fff url("images/input_bg.gif");
	padding: 4px;
	margin: 0;
	border:1px #ccc solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	display:block;
}

form.inputForm input button {
  	margin: 23px;
}

form.inputForm input.button {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.5em auto 0;
	display: inline;
}

form.inputForm input:hover, form.inputForm.select:hover, form.inputForm textarea:hover {
	border:1px #257AA3 solid;
}

form.inputForm input:focus, form.inputForm.select:focus, form.inputForm textarea:focus {
	border:1px #3a535e solid;
}

form.inputForm .hiddenField, form.inputForm input[type=hidden] {
	display: none;
  	background-image: none;
	border: none;
	padding: 0;
}

/* Submit Buttons */
form.inputForm input.sendMessageButton {
	background: url('images/buttons/sendMessageButton.png') no-repeat left top;
	width: 100px;
	height: 31px;
	outline: none;
	text-indent: -9000px;
	border: 0;
	margin: 1em auto;
}

form.inputForm input.sendMessageButton:hover { 
      background-position: 0% -32px;
}

/*  Login Form
---------------------------------------------------------------*/
#loginForm fieldset {
	background: #fff;
	width: 400px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #d9d8d8;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-radius-bottomleft: 3px; 
	-webkit-border-radius-bottomright: 3px; 
}

#loginForm fieldset legend span {
	background: #3A4043;
	color: #fff;
	width: 402px;
	height: 24px;
	line-height: 24px;
	padding: 3px 5px;
	margin: 1em -6px 0;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	display: block;
	border: 1px solid #d9d8d8;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius-topleft: 3px; 
	-webkit-border-radius-topright: 3px; 
}

#loginForm label {
	width: 40%;
}

/*  Validation Styles
---------------------------------------------------------------*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.validation-advice, textarea.validation-advice {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

div.validation-advice, span.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

div.custom-advice, span.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/*  JQuery Theme Overwrite Styles
---------------------------------------------------------------*/
#content .ui-state-default, #content .ui-widget-content #content .ui-state-default {
	background: #c8cacb;
	border-color: #c8cacb;
}

#content .ui-state-default a, #content .ui-state-default a:link, #content .ui-state-default a:visited {
	color: #485054;
}

#content .ui-state-active, #content .ui-widget-content #content .ui-state-active {
	background:#3A4043;
	border-color: #3A4043;
}

#content .ui-state-active a, #content .ui-state-active a:link, #content .ui-state-active a:visited {
	color: #fff;
}

/*  JQuery Edit in Place Styles
---------------------------------------------------------------*/
.editableItemHolder:hover {
	background: #e9f0fa;
	font-weight: bold;
	cursor: pointer;
}

/*  JQuery TableSorter Styles
---------------------------------------------------------------*/
table.tablesorter thead tr .header {
	background-image: url('images/tablesorter_bg.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

table.tablesorter thead tr .header, table.tablesorter tbody tr.odd td, table.tablesorter tbody tr.even td, .title1 td, .title2 th, .row1 td, .row2 td {
	padding: 0.2em;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url('images/tablesorter_desc.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

table.tablesorter thead tr .headerSortDown {
	background-image: url('images/tablesorter_asc.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

/*  Invoice Styles
---------------------------------------------------------------*/
#invoice {
}

#companyInfoBlock {
	margin: 0 0 5em;
}

#invoiceProductsTable {
	margin: 1em 0 0;
}

#clientInfoBlock, #invoiceDetailsBlock, #invoiceTotalsBlock {
	width: 450px;
}

#invoiceDetailsBlock {
	float: right;
}

#invoiceTotalsBlockWrapper {
	height: 100px;
	margin: 1em 0 0;
	position: relative; 
	clear: both;
}

#invoiceTotalsBlock {
	position: absolute; 
	right: 0;
}

#invoiceDetailsBlock span, #invoiceTotalsBlock span {
	width: 250px;
	float: left;
}

#invoiceDetailsBlock span.noFloat, #invoiceTotalsBlock span.noFloat { 
	float: none; 
}

#invoiceDetailsBlock strong, #invoiceTotalsBlock strong {
	background: #323437 url('images/titleRowBG.png');
	color: #fff;
	border: 1px solid #353535;
	padding: 0.4em 0.2em;
	display: block;
}