/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0; left: 0; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0; border: 0 solid #FFFFFF; padding: 0; background: #FFFFFF url('../images/spacer.gif') no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000px; text-align: left; text-decoration: none;

//	font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>	//
}
*/




/*//////////////////////////////////////////////
------------------------------------------------
Colour Palette for Testing Purposes
------------------------------------------------

#999999 #666666 #333333
#DDDDDD #EEEEEE #FFFFFF

//////////////////////////////////////////////*/




/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*////// Structure Module //////*/
html {
}
body {
	margin: 0; padding: 10px; background: #FFFFFF;
	font: 71%/150% verdana, arial, helvetica, sans-serif;
}
div {
}

/*////// Text Module //////*/
p {
	margin: 0; margin-bottom: 1.0em;
}
blockquote {
	margin: 0 3.5em;
}
h1 {
	margin: 0;
	font-size: 1.4em; text-transform: uppercase;
}
h2 {
	margin: 0; margin-bottom: 1.0em;
	font-size: 1.4em; text-transform: uppercase;
}
h3 {
	margin: 0; margin-bottom: 0.5em;
	font-size: 1.2em; text-transform: uppercase;
}
h4 {
	margin: 0; margin-bottom: 0.1em;
	font-size: 1.0em; font-variant: small-caps;
}
h5 {
	margin: 0; margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold;
}
h6 {
	margin: 0; margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

abbr {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
acronym {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
address {
}
cite {
	color: #666666; font-size: 1.0em;
}
code {
	color: #666666; font-size: 1.0em;
}
dfn {
	color: #666666; font-size: 1.0em;
}
em {
	color: #333333; font-style: italic;
}
kbd {
	color: #666666; font-size: 1.0em;
}
pre {
	color: #666666; font-size: 1.0em; margin-bottom: 0;
}
q {
	font-style: italic; color: #007DAF;
}
samp {
	color: #666666; font-size: 1.0em;
}
span {
}
strong {
	color: #333333; font-weight: bold;
}
var {
	color: #666666; font-size: 1.0em;
}

/*////// Hypertext Module //////*/
a:link {
	color: #007DAF; text-decoration: underline;
}
a:visited {
	color: #007DAF; text-decoration: underline;
}
a:hover {
	color: #22B4EB; text-decoration: underline;
}
a:focus {
	color: #22B4EB; text-decoration: underline;
}
a:active {
	color: #22B4EB; text-decoration: underline;
}

/*////// List Module //////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0; margin-top: 1.2em;
	color: #555555; font-weight: bold;
}
dd {
	margin: 0;
}
ol {
	margin-top: 0; margin-bottom: 1.2em;
}
ol ol {
	padding-top: 0.4em; list-style-type: lower-alpha;
}
ul {
	margin-top: 0; margin-bottom: 1.2em;
}
ul ul {
	padding-top: 0.4em; list-style-type: square;
}
li {
	margin-top: 0; margin-bottom: 0.6em;
}

/*////// Presentation Module //////*/
big {
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #666666; color: #666666; text-align: center;
}
small {
}
sup {
	color: inherit;
}
sub {
	color: inherit;
}

/*////// Forms Module //////*/
form {
	text-align: center;
}
fieldset {
	display: block; width: 40em; margin: 0em auto 0.6em auto; border: none; padding: 0; text-align: left;
}
legend {
	display: none; margin: 0em 0em 0.6em 0em; padding: 0; color: #666666;
}
label {
	float: left; width: 20em; text-align: left; padding-top: 0.2em;
}
input {
	width: 16.0em; font: 1.0em Verdana, Arial, sans-serif;
}
select {
	width: 16.5em; font: 1.0em Verdana, Arial, sans-serif;
}
textarea {
	width: 16.0em; font: 1.0em Verdana, Arial, sans-serif;
}
/*
input: focus, select: focus {
	background: #EEEEEE; color: #666666;
}
*/
option {
}
textarea {
	font: 1em verdana, sans-serif;
}
#submit, reset, button, .button {
	width: auto; margin: 1.0em 0 0 20em; border: 2px outset #666666; padding: 0 0.5em; background: #666666;
	font: 1.0em Verdana, Arial, sans-serif; color: #FFFFFF;
}
.radio label {
	width: 18.8em; margin: 0 1.0em 0 0;
}
.radio label.legend {
	float: left; width: 16.0em; margin: 0; text-align: left;
}
.radio input {
	width: auto; margin: 0;
}
.checkList input {
	width: auto; margin-left: 16.0em;
}

/*////// Table Module //////*/
table {
	margin: 0 auto 1.5em auto; border-top: 1px solid #00ADEF; background: #FFFFFF; border-collapse: separate;
	width: 100%; font-size: 0.9em; line-height: 1.6; clear: both;
}
caption {
	padding: 8px; caption-side: bottom;
	color: #999999; font-size: 0.9em;
}
thead th {
	background: #DAF3FC; text-transform: uppercase; text-align: center !important; vertical-align: top;
}
tbody th {
	background: #BCE8F9;
}
tfoot {
	background: #DAF3FC; text-transform: uppercase;
}
th {
	border-bottom: 1px solid #00ADEF; padding: 4px 8px;
	text-align: left; font-weight: bold;
}
tr {

}
td {
	border-width: 1px; border-style: solid; border-color: #FFFFFF #F0FAFF #00ADEF #E8F7FD; padding: 4px 8px; background: #E8F7FD;
	text-align: left;
}

td form {
	margin: 0;
}

/*////// Image Module //////*/
img {
	display: block; margin: 0; border: none;
}




/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

#skip, #masthead, #footer, #validate {
	display: none;
}
#navigation ul, #navigation li, #navigation a {
	display: inline; color: #999999 !important; margin: 0; padding: 0 5px 0 0;
}
#securelinks {
	padding: 0 0 1.5em 0;
}
#securelinks ul, #securelinks li, #securelinks a {
	display: inline; color: #999999 !important; margin: 0; padding: 0 5px 0 0;
}


h3 {
	padding-top: 1.5em;
	color: #005D8F; font-size: 1.1em;
}
h4 {
	padding-bottom: 0.5em;
	color: #005D8F;
}


h3 span.view-archive a {
	float: right; position: relative; top: -1.4em; width: 4em;
	margin: 0 0 0 1.0em; padding: 0 18px 0 0; background: transparent url('../images/icon-application-cascade-sprite.gif') no-repeat right top;
	font-size: 0.9em; font-weight: normal; text-transform: none;
}
h3 span.view-archive a:hover {
	background-position: right -50px;
}


.image {
	float: right; margin: 0 0 1.0em 1.0em;
}


#sponsors {
	border-bottom: 1px solid #DDDDDD;
}
#sponsors h3 {
	margin-top: 1.0em; border-top: 1px solid #DDDDDD; padding-top: 0.5em;
}
#sponsors dl {
	margin: 0; padding: 0.8em 0 1.5em 0; list-item: none; overflow: auto;
}
#sponsors dt {
	float: left; 	min-width: 18em; width: 24%;
	margin: 0; padding: 0;
}
#sponsors dd {
	float: left; width: 24%;
	margin: 0; padding: 0;
}
#sponsors ul {
	margin: 0; padding: 0.8em 0; list-item: none; overflow: auto;
}
#sponsors li {
	float: left; min-width: 18em; width: 24%;
	margin: 0; padding: 0 0 0.5em 0;
}
#sponsors dl.principal dd {
	width: 75%;
}
#sponsors dl.major dd {
	position: absolute; top: -999em; left: -999em;
}


.error {
	display: block; border: 1px solid #FF0000; padding: 0.5em 0.5em 0.5em 28px; background: #FFEEEE url('../images/icon-exclamation.gif') no-repeat 6px center;
}
.aok {
	display: block; border: 1px solid #00FF00; padding: 0.5em 0.5em 0.5em 28px; background: #EEFFEE url('../images/icon-rating-tick.gif') no-repeat 6px center;
}


.s-outstanding {
	display: block; border: 1px solid #FF0000; padding: 0.5em 0.5em 0.5em 28px; background: #FFEEEE url('../images/icon-outstanding.gif') no-repeat 6px center;
}
.s-balanced, .s-in-credit {
	display: block; border: 1px solid #00FF00; padding: 0.5em 0.5em 0.5em 28px; background: #EEFFEE url('../images/icon-balanced.gif') no-repeat 6px center;
}
.s-outstanding strong {
	color: #990000;
}
.s-in-credit strong, .s-in-credit strong {
	color: #009900;
}


.close {
	position: relative; top: -1.5em; left: 5em; float: left;
}
.close a {
	display: block; width: 7px; height: 0 !important; height /**/: 7px; overflow: hidden;
	margin: 0; padding: 7px 0 0 0; background: transparent url('../images/bullet-toggle-plus.gif') no-repeat left top;
	text-decoration: none;
}


.renter, .rental, .bonds, .studio-details {
	float: left; width: 30%; min-width: 20em; overflow: auto;
	margin: 0 2% 1.0em 0; padding: 0.5em; background: #F8F8F8;
}
.renter dt, .rental dt, .bonds dt, .studio-details dt {
	float: left; clear: left; width: 10em;
	margin: 0; padding: 0 0 0.3em 0;
}
.renter dd, .rental dd, .bonds dd, .studio-details dd {
	float: left; width: 16em;
	margin: 0; padding: 0 0 0.3em 0;
}
.rental, .col 	{ width: 29%; }
.rental dt 		{ width: 12em; }
.rental dd 		{ width: 11em;  }
.rental dd span, .bonds dd span {
	float: left; width: 6em; margin-right: 0.5em; text-align: right;
}
.bonds 					{ clear: right; }
.studio-details dt 	{ width: 10em; }
.studio-details dd 	{ width: 16em; }

ul.studio-details {
	height: 60px; overflow: hidden;
}
ul.studio-details li {
	float: left; padding-right: 6px;
}


.studio-comment {
	clear: both; margin-top: -1.0em; padding-bottom: 1.0em
}
.rental-comment {
	clear: both; overflow: auto;
}
.rental-comment strong {
	position: relative; float: left;
}
.rental-comment .comment {
	display: block; margin-left: 10.4em;
}
.rental-comment .comment .c-date {
	margin-right: 0.4em; border-right: 3px double #DDDDDD; padding-right: 0.9em;
}


.end-lease {
	display: block; clear: both; border: 1px solid #FF0000; padding: 0.5em 0.5em 0.5em 28px; background: #FFEEEE url('../images/icon-alert.gif') no-repeat 6px center;
}
.end-lease strong {
	color: #990000;
}
.exclamation {
	display: block; clear: both; border: 1px solid #FF0000; padding: 0.5em 0.5em 0.5em 28px; background: #FFEEEE url('../images/icon-exclamation.gif') no-repeat 6px center;
}
.exclamation strong {
	color: #990000;
}
.asterisk {
	display: block; /* clear: both; */ border: 1px solid #FFCC00; padding: 0.5em 0.5em 0.5em 28px; background: #FFF2C0 url('../images/icon-asterisk.gif') no-repeat 6px center;
}
.asterisk strong {
	color: #AA7700;
}
.note-future {
	display: block; clear: both; margin-top: -0.5em; padding: 0 0.5em 0.2em 29px; background: transparent url('../images/icon-future.gif') no-repeat 9px center;
}
.not-rented {
	display: block; border: 1px solid #999999; padding: 0.5em 0.5em 0.5em 28px; background: #F2F2F2 url('../images/icon-empty.gif') no-repeat 6px center;
}
.not-rented strong {
	color: #666666;
}


.period 			{ width: 11em; }
.amount 		{ width: 7.5em; }
.date 			{ width: 11em; text-align: center; }
.payment 		{ width: 11em; }
/* .comment 	{ max-width: 200px !important; width: 200px !important; } */
.currency 		{ text-align: right; }
.credit 			{ display: none; }

.balanced 		{ color: #009900; }
.in-credit 		{ color: #009900; }
.outstanding 	{ color: #FF0000; font-weight: normal; }
.upcoming 	{ color: #999999; }
.empty 			{ color: #D5E4EA; }
					/* background: #E8F7FD url('../images/bg-empty.gif') repeat left top; */
					/* color: B8C7CD, C8D7DD, BCE8F9 and before that 000000 */

.ontime 		{ color: #009900; }
.late 				{ color: #990000; }
.really-late 	{ color: #990000; font-weight: bold; }

.indicator 		{ border: 1px solid #E0EEF6; padding: 0.1em 0.3em; background: #E8F7FD; line-height: 170%; }

.normal-input 	{ background: #FFFFFF; }
.highlight-input 	{ background: #FFEEEE; }
.normal-label 	{ color: #000000; font-weight: normal; }
.highlight-label 	{ color: #CC0000; font-weight: normal; }


a.email {
	width: auto; height: 0 !important; height /**/: 18px; overflow: hidden;
	margin: 0; padding: 2px 0 2px 22px; background: transparent url('../images/icon-email.gif') no-repeat left center;
	text-decoration: none;
}
a.print {
	width: auto; height: 0 !important; height /**/: 18px; overflow: hidden;
	margin: 0; padding: 2px 0 2px 22px; background: transparent url('../images/icon-print.gif') no-repeat left center;
	text-decoration: none;
}
a.info {
	width: auto; height: 0 !important; height /**/: 18px; overflow: hidden;
	margin: 0; padding: 2px 0 2px 22px; background: transparent url('../images/icon-information.gif') no-repeat left center;
	text-decoration: none;
}
a.shut {
	width: auto; height: 0 !important; height /**/: 18px; overflow: hidden;
	margin: 0; padding: 2px 0 2px 22px; background: transparent url('../images/icon-shut.gif') no-repeat left center;
	text-decoration: none;
}
a.company {
	width: auto; height: 0 !important; height /**/: 18px; overflow: hidden;
	margin: 0; padding: 2px 0 2px 22px; background: transparent url('../images/icon-application-form-edit.gif') no-repeat left center;
	text-decoration: none;
}


a.feed {
	display: inline; width: 14em; padding: 0 0 0 16px; background: transparent url("../images/icon-rss-feed.gif") no-repeat 0 50%;
	color: #DC4D00 !important;
}
a.feed:hover {
	padding: 0 0 0 16px; background: url("../images/icon-rss-feed.gif") no-repeat -989px 50%;
	color: #22B4EB !important;
}


#yearly-bond td, #yearly-rent td, #yearly-studios td {
	text-align: right;
}
#yearly-bond tbody th, #yearly-rent tbody th, #yearly-studios tbody th {
	text-align: right;
}
th.rowDesc {
	text-align: left !important;
}


#yearly-income tbody td, #yearly-income tbody th, #yearly-income tfoot th {
	text-align: right;
}
#yearly-income .totals {
	text-align: right;
}
#yearly-income th.rowDesc {
	text-align: left;
}
#yearly-income th.foot {
	text-transform: uppercase;
}
#yearly-studios .tenant {
	text-align: left; width: 15em !important;
}
#yearly-studios .tenant, #yearly-studios .bond {
	background: #EEFAFF;
}
#yearly-studios tfoot th {
	text-align: right;
}


table.time-future 		{ border-top: 1px solid #E4AF00; }
.time-future 				{ padding: 1em 0 2.5em 0; }
.time-future a 			{ color: #AA7700; }
.time-future table 		{ border-top: 1px solid #E4AF00; }
.time-future thead th 	{ background: #FFF2C0; color: #775500; }
.time-future tbody th 	{ background: #FAE98E; }
.time-future tfoot 		{ background: #FFF2C0; color: #775500; }
.time-future th 			{ border-bottom: 1px solid #E4AF00; }
.time-future td 			{ border-width: 1px; border-style: solid; border-color: #F9F9F9 #FFFBDF #E4AF00 #FFF6D3; background: #FFF6D3; }


.time-current 			{ padding: 1em 0 2.5em 0; }


.time-past 				{ padding: 1em 0 2.5em 0; color: #999999; }
.time-past h4 			{ color: #738792; }
.time-past p strong 	{ color: #777777; }
.time-past dt 				{ color: #777777; }
.time-past a 				{ color: #678290; }
.time-past table 		{ border-top: 1px solid #6F98A8; color: #777777; }
.time-past thead th 	{ background: #EAF0F2; }
.time-past tbody th 	{ background: #BCE8F9; }
.time-past tfoot 			{ background: #EAF0F2; }
.time-past th 				{ border-bottom: 1px solid #6F98A8; }
.time-past td 				{ border-width: 1px; border-style: solid; border-color: #F6F9FA #F6F9FA #6F98A8 #F1F5F6; background: #F1F5F6; }


.future td 					{ background: #FFF6D3; color: #775500; }
.past td 					{ background: #F1F5F6; color: #777777; }


#progressContainer {
	display: none; color: #999999;
}
#progressHelper {
	float: left; width: 20em;
}
#progressHolder {
	float: left; width: 100px; margin: 0.2em 0 0 0; padding: 0 2px 0 0;
}
#progressBar {
	width: 100%; height: 0.8em; overflow: hidden;
	margin: 0; border: 1px solid #FFFFFF; padding: 0;
}
#progressText {
	display: inline; margin: 0 0 0 0.5em; padding: 0;
}
#progressContainer .help {
	display: inline !important; clear: none !important;
}


span.required {
	display: inline; clear: none; width: auto; padding: 0;
	color: #FF0000; font-size: 0.9em;
}
span.help {
	display: block; clear: both; width: 18.8em; padding-left: 22.3em;
	color: #999999; font-size: 0.9em;
}
span.help a {
	color: #999999;
}
span.hidden-help {
	display: block; clear: both; width: 18.8em; padding-left: 22.3em;
	color: #999999 !important; /* 775555 */ font-size: 0.9em;
}
span.dollars {
	float: right; margin-top: -1.6em; padding-right: 0.2em;
	color: #999999;
}


strong.outstanding a {
	color: #FF0000; text-decoration: underline;
}
strong.outstanding a:hover {
	color: #990000;
}



#paymentTable tbody td, #paymentTable tfoot th.totals {
	text-align: center;
}
#paymentTable fieldset {
	display: inline; width: auto;
}
#paymentTable label {
	display: none;
}
#paymentTable input {
	width: 8em; float: none; margin: 0 auto;
}
#paymentTable select {
	width: 10em; float: none; margin: 0 auto;
}
#paymentTable .amount input {
	text-align: right;
}
#paymentTable tfoot th.totals input {
	border: 2px solid #DAF3FC; background: #DAF3FC;
	font-size: 1.0em !important; font-weight: bold;
}
#paymentTable .comments input {
	width: 18em; float: none; margin: 0 auto;
}


td.action {
	width: 100px !important; text-align: center;
}
td.action ul {
	width: 90px; margin: 0 auto; padding: 0; list-style-type:none;
}
td.action li, th.action li {
	float: left; width: 20px; _width: 24px; margin: 0; padding: 0 2px;
}
td.action .add {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-add.gif') no-repeat left top;
	text-decoration: none;
}
td.action .edit {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-edit.gif') no-repeat left top;
	text-decoration: none;
}
td.action .delete {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-delete.gif') no-repeat left top;
	text-decoration: none;
}
.invoice {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-invoice.gif') no-repeat left top;
	text-decoration: none;
}
.invoiceTotal {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-invoice-total.gif') no-repeat left top;
	text-decoration: none;
}
.invoiceToDate {
	display: block; width: 20px; height: 0 !important; height /**/: 16px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; background: transparent url('../images/icon-invoice-to-date.gif') no-repeat left top;
	text-decoration: none;
}
.showInv {
	width: 16px; padding: 0 0 0 4px;
}


.order {
	width: 100%;
	margin: 0 0 1.5em 0; border: 3px double #999999; border-collapse: collapse; padding: 0.2em 0.4em;
}
.order th {
	font-weight: bold; text-align: center;
}
.order td, .order th {
	margin: 0; border: 1px solid #999999; border-collapse: collapse; padding: 0.2em 0.4em;
}
.order .action {
	width: 8em; text-align: center;
}
.order thead a {
	padding: 0 0.3em;
}
.order thead a.up {
	display: inline-block; width: 9px; height: 5px; overflow: hidden;
	margin: 0.5em -1px; padding: 0; background: transparent url('../images/arrow.gif') no-repeat 0 0;
	/* text-indent: -999em; */
}
.order thead a.down {
	display: inline-block; width: 9px; height: 5px; overflow: hidden;
	margin: 0.5em -1px; padding: 0; background: transparent url('../images/arrow.gif') no-repeat 0 -7px;
	/* text-indent: -999em; */
}
.order thead a.up:hover 				{ background-position: -491px 0; }
.order thead a.down:hover 			{ background-position:  -491px -7px; }
.order thead #orderASC a.up 			{ background-image: url('../images/arrow-current.gif'); }
.order thead #orderDESC a.down 	{ background-image: url('../images/arrow-current.gif'); }


p.pagination {
	display: none;
}
ul.pagination {
	margin: 0; padding: 0 0 0.8em 0; list-style: none; text-align: center;
}
ul.pagination li {
	display: inline; margin: 0; padding: 0; list-style: none;
}


.inactive td, .inactive td a {
	color: #999999 !important;
}
.inactive td {
	background: #F1F5F6; color: #777777;
}


tbody td.action {
	width: 12em !important; text-align: center;
}
.help {
	display: block; color: #666666;
}


table.noborder, table.noborder *, table.invoice-heading, table.invoice-heading * {
	margin: 0; border: none; padding: 0; background: none;
	font-size: 1.0em;
}
table.noborder td, table.invoice-heading td {
	vertical-align: top; text-align: left;
}
table.invoice-heading {
	width: 100%;
}


#user #address2label, #user #postAddress2label {
	text-indent: -999em;
}
#user #phoneArea, #user #faxArea {
	width: 2.5em; margin-right: 0.5em; text-align: center;
}
#user #phone, #user #fax {
	width: 12em;
}


.extend-rental {
	width: auto; margin: 0; padding: 0; text-align: left;
}
.extend-rental * {
	float: left; width: auto; margin: 0; padding: 0;
	font-weight: normal; text-transform: none;
}
.extend-rental label {
	padding: 0.2em 0.7em 0 0;
}
.extend-rental input {
	padding: 0 0.2em;
}
.extend-rental .hidden-submit {
	display: none;
}


.currentLogo {
	margin-top: -1.4em; border: 1px solid #DDDDDD; padding: 5px; background: #FFFFFF;
}




/*///////////////////////////////////////////////////////
vCard Styles
///////////////////////////////////////////////////////*/

.vcard {
	height: 1%; overflow: auto; overflow-x: hidden;
	display: block; clear: both; margin: 0.9em 0 0 0; padding: 0 0 0.9em 0;
}
.vcard dl {
	float: left; clear: both; width: 100%;
	margin: 0; padding: 0 0 0.6em 0;
	font-size: 0.9em;
}
.vcard dt {
	float: left; width: 25%;
	margin: 0; padding: 0;
	font-weight: bold; color: #999999;
}
.vcard dd {
	float: left; clear: right; width: 65%;
	margin: 0; padding: 0; vertical-align: top;
}
.vcard .nickname {
	display: none;
}
.vcard .adr {
	margin-bottom: 0.4em;
}
.vcard .street-address, .vcard .locality, .vcard .post-office-box, .vcard .country-name {
	display: block;
}
.vcard .region {
	padding-right: 0.8em;
}
.vcard .country-name {
	display: none;
}

.vcard .company {
	display: none;
}
.vcard .post, .vcard .POSTAL {
	padding-top: 1.0em;
}
.vcard .tel {
	padding-bottom: 0;
}
.support .tel dt {
	float: none; width: 100%; clear: both; min-height: 2.8em;
}
.support .tel dd {
	float: none; display: block; clear: both; min-height: 2.8em; padding-left: 25%;
}
.tel dt, .tel dd {
	min-height: 2.0em;
}
.skype_tb_injection {
	position: relative; top: 0.2em;
	margin-top: 0.2em !important; margin-bottom: 0 !important;
}




/*///////////////////////////////////////////////////////
Invoice Styles
///////////////////////////////////////////////////////*/

#invoice {
	margin: 0; padding: 0;
}
#invoice #options {
	/* position: fixed; border-bottom: 1px solid #00ADEF; background: #E8F7FD; */
	position: fixed; top: 0; z-index: 100; display: block; width: 100%;
	border-bottom: 2px inset ThreeDLightShadow; padding: 0.8em; background: ButtonFace;
}
#invoice #options ul {
	margin: 0; padding: 0; list-style: none;
	overflow: auto;
}
#invoice #options li {
	float: right; margin: 0; padding: 0 2em 0 1em; list-style: none;
}


#invoice #content {
	margin-top: 3em; padding: 2.5em;
}
#invoice h2 {
	color: #000000;
	font-size: 1.8em; font-weight: normal;
}
#invoice h3 {
	color: #000000;
	font-size: 1.2em;
}
#invoice .abn {
	font-size: 0.8em;
}
#invoice #payments tfoot * {
	text-align: right;
}
#invoice p.terms {
	margin: -1em 0 1.0em 0; border-bottom: 1px solid #000000; padding-bottom: 5em;
	color: #999999;
}
#invoice div.additional {
	margin-bottom: 2em; border-bottom: 1px solid #000000; padding-bottom: 0.5em;
}

#invoice .additional * {
	padding-right: 40px;
}
#invoice .additional p {
	padding-bottom: 10px;
}
#invoice .banking-details {
	vertical-align: top; text-align: right;
}
#invoice .banking-details table {
	margin: 0 !important;
}
#invoice .banking-details th, #invoice .banking-details td {
	padding: 4px 0;
}
#invoice .additional-privacy {
	display: none;
}


#invoice div.landlord {
	margin-top: 0; border-top: 1px solid #000000; padding-top: 0.7em;
}
#invoice div.landlord, #invoice div.landlord * {
	color: #666666;
}
#invoice div.landlord span {
	padding-right: 4em;
}
#invoice div.landlord span.abn {
	padding-left: 2.4em;
}


#invoice table.noborder table {
	width: 250px !important; margin: 3em 0;
}
#invoice table.tenant-details th {
	padding-right: 30px !important;
}
#invoice .invoice-details th {
	width: 120px; padding: 2px 1.0em 2px 0px; text-align: right;
}
#invoice table.noborder table td {
	padding: 2px 0px;
}


#invoice #remittance {
	/* position: relative; top: -3em; left: 2em; width: 15em;
	margin: -11em 0 0 0; border: 0.2em solid #DD7777; padding: 1em 2em; background: #FFFFFF;
	filter: alpha(opacity=85); text-align: center; */
	position: relative; top: 0; /* 6.5em */ left: 20%; width: 15em;
	margin: -11em 0 0 0; border: 0.2em solid #DD7777; padding: 1em 2em; background: #FFF9F9;
	filter: alpha(opacity=50); text-align: center;
}
#invoice #remittance h4 {
	margin: 0 auto; padding: 0;
	font-size: 5.7em; color: #DD7777; font-variant: normal; font-weight: lighter; text-transform: uppercase; line-height: 1;
}
#invoice #remittance dl {
	width: 15.0em; margin: 0 auto; padding: 0; overflow: auto;
}
#invoice #remittance dt, #invoice #remittance dd {
	float: left; margin: 0; padding: 0;
	color: #CC6666; font-weight: normal; text-align: left;
}
#invoice #remittance dt {
	width: 4.5em; clear: left; padding-right: 0.5em;
}
#invoice #remittance dd {
	width: 10em;
}


#emailInvoice {
	padding: 1.5em;
}
#emailInvoice form, #emailInvoice fieldset {
	width: auto;
}
#emailInvoice label {
	width: auto; padding-right: 3em;
}




/*///////////////////////////////////////////////////////
Date Picker Styles
///////////////////////////////////////////////////////*/

/* The wrapper div */
div.datePicker {
	position: absolute; min-width: 20em; width: 20em; z-index: 9999; text-align: center;
	/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
	font: 900 0.9em/1.0em Verdana, Sans-Serif;
	background: transparent;
	/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
	-moz-user-select: none; -khtml-user-select: none;
}
/* Styles for the static datePickers */
div.staticDP {
	position: relative; top: 5px; left: 0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack {
	position: absolute; z-index: 9998;
	display: none; margin: 0; border: 0; padding: 0; background: #fff;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus {
	position: relative; top: -0.3em;
	/* Moz & FF */
	display:  -moz-inline-stack;
	min-width: 16px; visibility: visible;
	margin: 0 0 0 4px; border: 0 none; padding: 0; background: transparent url('../images/icon-calendar.gif') no-repeat 50% 50%;
	text-decoration: none; vertical-align: middle; line-height: 1; cursor: pointer;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control {
	width: 16px;
}
a.date-picker-control {
	/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
	display: inline-block;
}
a.date-picker-control span {
	width: 16px; height: 16px;
	display: block; margin: auto 0;
}
/* The next & previous buttons */
div.datePicker th span {
	display: inline; margin: 0; border-width: 0; padding: 0; background: transparent;
	font-family:  georgia, times new roman, palatino, times, bookman, serif; color: #000; font-weight: bold; text-align: center; line-height: 1em; cursor: pointer;
}
div.datePicker th span.month-display, div.datePicker th span.year-display {
	font: normal 1.2em Verdana, Sans-Serif; text-transform: uppercase; letter-spacing: 1px; cursor: default;
}
div.datePicker th span.prev-but, div.datePicker th span.next-but {
	font-size: 1.8em; cursor: pointer !important;
}
div.datePicker th span.today-but {
	width: 100%; margin: 0 auto;
	font: normal 1em Verdana, Sans-Serif; text-align: center; text-decoration: none; line-height: 1.6em; text-transform: uppercase; cursor: pointer !important
}
div.datePicker thead th span.fd-disabled {
	color: #aaa; cursor: default !important;
}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header {
	width: 2em; height: 1.4em; margin: 0 auto;
	font: 900 1em Verdana, Sans-Serif; text-decoration: none; text-align: center; text-transform: lowercase; line-height: 1.4em;
}
/* The table */
div.datePicker table {
	position: relative; width: 100%;
	margin: 0; border: 1px solid #ccc; padding: 0; background: #fff url('../images/cal-gradient.gif') repeat-x 0 -20px;
	table-layout: fixed; border-spacing: 2px; border-collapse: separate; text-align: center;
}
/* Common TD & TH styling */
div.datePicker table td {
	width: 3em; height: 2.5em !important; height: 2.3em; outline: none;
	border: 1px solid #ccc; padding: 0; background: #fff url('../images/cal-gradient.gif') repeat-x 0 -40px;
	text-align: center; vertical-align: middle;
	/* Opera requires a line-height bigger than 1em in order to redraw properly */
	line-height: 1.2em;
	cursor: pointer;
}
div.datePicker table th {
	border: 0 none; padding: 0;
	color: #222; font-weight: bold; line-height: 1em; text-align: center; vertical-align: middle;
}
div.datePicker table td.date-picker-unused {
	border-color: #dcdcdc; padding: 0; background: #fff url('../images/cal-backstripes.gif');
	cursor: default !important;
}
div.datePicker table thead th.date-picker-title {
	width: auto; height: auto; padding: 0.4em 0;
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header {
	width: 3em; text-transform: lowercase;
}
div.datePicker table th.date-picker-day-header span {
	display: block;
}
/* The "todays date" style */
div.datePicker table td.date-picker-today {
	background: #fff url('../images/cal-bullet2.gif') no-repeat 0 0;
	color: rgb(100,100,100) !important;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date {
	border-color: #333 !important;
	color: #333 !important;
}
/* the "highlight days" style */
td.date-picker-highlight {
	color: #a86666;
}
/* The date "out of range" style */
div.datePicker table td.out-of-range {
	background: #fcfcfc !important;
	color: #ccc !important; font-style: oblique; cursor: default !important;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled {
	background: transparent !important;
	color: #aaa !important; cursor: default !important;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover {
	border-color: rgb(100,130,170); background: #fff url('../images/cal-bg-header.jpg') no-repeat 0 0;
	color: rgb(100,130,170); cursor: pointer;
}
/*
Quirksmode necessity?
---------------------
If your HTML document renders in quirksmode (i.e. has no doctype declaration)
then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td {
	font-size: 100%;
}
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td {
	background-image: none;
}
* html div.datePicker table td.date-picker-unused {
	background: #f2f2f2;
}




/*/////////////////////////////////////////
Lytebox Styles
/////////////////////////////////////////*/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url('../images/loading.gif') center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url('../images/blank.gif') no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url('../images/prev-grey.gif') left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url('../images/prev-red.gif') left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url('../images/prev-green.gif') left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url('../images/prev-blue.gif') left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url('../images/prev-gold.gif') left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url('../images/blank.gif') no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url('../images/next-grey.gif') right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url('../images/next-red.gif') right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url('../images/next-green.gif') right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url('../images/next-blue.gif') right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url('../images/next-gold.gif') right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url('../images/close-grey.png') no-repeat; }
	#lbClose.red { background: url('../images/close-red.png') no-repeat; }
	#lbClose.green { background: url('../images/close-green.png') no-repeat; }
	#lbClose.blue { background: url('../images/close-blue.png') no-repeat; }
	#lbClose.gold { background: url('../images/close-gold.png') no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url('../images/play-grey.png') no-repeat; }
	#lbPlay.red { background: url('../images/play-red.png') no-repeat; }
	#lbPlay.green { background: url('../images/play-green.png') no-repeat; }
	#lbPlay.blue { background: url('../images/play-blue.png') no-repeat; }
	#lbPlay.gold { background: url('../images/play-gold.png') no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url('../images/pause-grey.png') no-repeat; }
	#lbPause.red { background: url('../images/pause-red.png') no-repeat; }
	#lbPause.green { background: url('../images/pause-green.png') no-repeat; }
	#lbPause.blue { background: url('../images/pause-blue.png') no-repeat; }
	#lbPause.gold { background: url('../images/pause-gold.png') no-repeat; }



#dashboard-left {
	width: 200px;
	float: left;
}

#dashboard-left .bottom-border {
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
#dashboard-left input#studio-no {
	width: 60px;
}
#dashboard-left input#tenant-name {
	margin-bottom: 8px;
	width: 120px;
}
#dashboard-left input[type=submit] {
	/*font-weight: bold;*/
	padding: 4px;
	width: 120px;
}


.tenant-hint {
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	text-transform: none;
}