html, body { width:100%; height:100%; margin:0; padding:0; font-family: "Alice", "Lato", Helvetica, Arial; letter-spacing:0px; }
#main { position:relative; width:100%; min-height:100%; margin:0 auto; padding:0; -webkit-font-smoothing: antialiased;
	background:url(images/bg/linedpaper.png); /*background:#e6e3df;*/ overflow:hidden;
}
.home #main { }
torso { display:block; padding-bottom:70px; }
torso .contain { margin-bottom:60px; }

.contain {
	position:relative; z-index:1;
	width: 310px; margin:0 auto;
}

.cursive {font-family: 'Allura', cursive; }
input, textarea {  border-radius:10px;  background:#f9f8f6; border:1px solid #d1cdc5; color:#b8b9bf; padding:15px; font-size:138%; }
input:focus, textarea:focus { outline:none; }
a:link, a:visited  { text-decoration:none; outline:0; color:#7f7e7d; }
a:hover, a:active { outline:none;  }

h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, blockquote { margin:0; padding:0; }
li { list-style:none; }

input[type="submit"] {
	width:100%; text-align:center; color:#fff; font-family: "Alice";
	background: rgb(169,168,166);
	background: -moz-linear-gradient(top,  rgba(169,168,166,1) 0%, rgba(169,168,166,1) 50%, rgba(127,126,125,1) 51%, rgba(127,126,125,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,168,166,1)), color-stop(50%,rgba(169,168,166,1)), color-stop(51%,rgba(127,126,125,1)), color-stop(100%,rgba(127,126,125,1)));
	background: -webkit-linear-gradient(top,  rgba(169,168,166,1) 0%,rgba(169,168,166,1) 50%,rgba(127,126,125,1) 51%,rgba(127,126,125,1) 100%);
	background: -o-linear-gradient(top,  rgba(169,168,166,1) 0%,rgba(169,168,166,1) 50%,rgba(127,126,125,1) 51%,rgba(127,126,125,1) 100%);
	background: -ms-linear-gradient(top,  rgba(169,168,166,1) 0%,rgba(169,168,166,1) 50%,rgba(127,126,125,1) 51%,rgba(127,126,125,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,168,166,1) 0%,rgba(169,168,166,1) 50%,rgba(127,126,125,1) 51%,rgba(127,126,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a8a6', endColorstr='#7f7e7d',GradientType=0 );
}

a.actionbtn {
	display:block;
	border-radius:10px;  border:1px solid #f1af7a; padding:15px; font-size:138%;
	width:278px; text-align:center; color:#fff; font-family: "Alice";
	background: #fd9544;
	background: -moz-linear-gradient(top,  #fd9544 0%, #fd9544 50%, #fc8221 51%, #fc8221 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd9544), color-stop(50%,#fd9544), color-stop(51%,#fc8221), color-stop(100%,#fc8221));
	background: -webkit-linear-gradient(top,  #fd9544 0%,#fd9544 50%,#fc8221 51%,#fc8221 100%);
	background: -o-linear-gradient(top,  #fd9544 0%,#fd9544 50%,#fc8221 51%,#fc8221 100%);
	background: -ms-linear-gradient(top,  #fd9544 0%,#fd9544 50%,#fc8221 51%,#fc8221 100%);
	background: linear-gradient(to bottom,  #fd9544 0%,#fd9544 50%,#fc8221 51%,#fc8221 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9544', endColorstr='#fc8221',GradientType=0 );
}
a.actionbtn:hover{ text-decoration:none; }

header { border-bottom:1px solid #aba9a5;  }
torso { border-top:1px solid #fff;  }
header hgroup { text-align:center; padding:55px 0 30px;}

header h2 { color:#000; font-weight:normal; }

fieldset { border:none; margin:0; padding:30px 0 10px; border-top:1px solid #fff; border-bottom:1px solid #cecac2; }
fieldset.first { border-top:none; padding-top:0; }
fieldset.last { border-bottom:none; padding-bottom:40px; }
label { display:block; margin:0 0 20px; }
label b { display:block; font-weight:normal; margin:5px; color:#555; }
textarea[name="address"] { width:278px; height:50px; }
input[type='password'], input[type='text'] { width:278px; }

#clientinfo label.raterent { display:inline-block; margin-right:20px; }
#clientinfo label.raterent input { width:84px; }

#prepayopts label { display:inline-block; margin-right:10px; }
#prepayopts input { width:110px; }

.home h1 {  margin:0;  font-family: 'Alice'; color:#fc7b15; text-shadow:1px 1px 3px #fff; font-size:221%; font-weight:normal;}
.home #signin .contain { text-align:center; }
#accountlogin { margin-top:40px; }
.home label b { display:none; }
.cursive { color:#706e6a; font-weight:bold; font-size:297%; margin:0; }

.home footer {display:none; }

body:not(.home) header .contain { width:100%; }
body:not(.home) header { background:url(images/bg/linedpaper.png); }
body:not(.home) header hgroup { padding:0; }
body:not(.home) header h2 { padding:10px 5px 5px; background:#706e6a; color:#fff; font-size:178%; font-weight:bold; }
body:not(.home) header h1 { color:#7f7e7d; text-shadow:1px 1px 3px #fff; font-size:178%; font-weight:bold; }

header nav { position:relative; padding:5px 0; background:#d8d4cc; }
header h2 { position:relative; }
header hgroup a.arr { position:absolute; top:5px; width:34px; height:34px; text-indent:-5000px; background:url(images/btn_nav_arrow.png) no-repeat;  }
header hgroup a.prev { left:2%; background-position:bottom left; }
header hgroup a.next { right:2%; }
header li, header ul { display:inline-block; }
header li a { display:inline-block; width:60px; height:60px;  font-size:157%; }
header li a.specdate.today { background:#fd9544;}
header li a.specdate, header li a:hover  { border-top:1px solid #fc7b15; border-bottom:1px solid #fee0c8; background:#d35866; color:#fff; font-weight:bold;  }


.todayhdr { display:inline-block; position:relative; }
#showcal {
	display:inline-block;
	vertical-align:middle;
	width: 24px; height: 24px;
	padding: 0; margin: 0 3px 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(images/ico_calendar.png) 50% no-repeat;
	background-size:contain;
}
#calendar-me { width:100%; }
#calendar-me .jCalendar { margin:10px auto; }
.jCalendar td { cursor:pointer; }
.jCalendar .weekday.nocheckins { background:#d35866; }

dl { border-bottom:1px solid #cecac2; border-top:1px solid #fff;  margin:0; padding:5px 0; overflow:hidden;  }
dl.tentative { background:#ffc;  }
dl.first { border-top:none; margin-top:25px;  }
dl.last { border-bottom:none; }
dt { float:left; margin-left: 5px; font-size:100%; line-height:227%; padding:10px 0; max-width:145px; }
dd { float:right; margin-right:5px; padding:10px 0;  }
dd.action { float:right; margin-right:11px; padding:20px 0;  }

a.action.bookit { display:block; width:90px; text-align:center;  color:#fff; font-size:108%; letter-spacing:-1px; padding:8px 0; border-radius:5px; background:#fd9544; border-top:1px solid #fc8221; box-shadow: 1px 1px 3px #BBB; }
a.action.booked { background:#aba9a5; border-top:1px solid #959593; border-bottom:1px solid #c2c0bc; }
a.action.addclient { display:inline-block; width:28px; height:16px; background:url(images/icon_addclient.png) no-repeat; text-indent:-5000px; margin:5px;}
a.delete.client { display:inline-block; width:14px; height:16px; background:url(images/icon_trash.png) no-repeat; text-indent:-5000px; }
.send.invoice { display:inline-block; width:16px; height:16px; background:url(images/icon_invoice.png) no-repeat; text-indent:-5000px; }
.invoiced { display:inline-block; width:16px; height:16px; background:url(images/icon_invoice.png) bottom left no-repeat; text-indent:-5000px; }
.cancel { display:inline-block; width:16px; height:16px; background:url(images/icon_calendar.png) bottom left no-repeat; text-indent:-5000px; }
.cancel.canceled { display:inline-block; width:16px; height:16px; background:url(images/icon_calendar_x.png) bottom left no-repeat; text-indent:-5000px; }

.message{ text-align: center; padding: 20px 5px 0; color:red; }
.message a{ text-decoration:underline; }
.income { color:green; }
.cost{ color:red; }
.payment-errors { display:none; padding: 10px 5px; background: pink; color:red; font-size: 85%;}
.payment-errors.message { display:block; }

.reminder { font-style:italic; padding:0 5px; color:#3d8010; }
.topactions { padding:5px; }
.topactions .action.addclient { margin-top:0; }
.topactions.clientinfo a.delete { display:none; }
.action.back { display:inline-block; width:16px; height:15px; background:url(images/icon_back.png) no-repeat; text-indent:-5000px; }
.topactions .delete { float:right; }
#clientinfo , #principleinfo { margin-top:30px; }

#prepayopts { display:none; }
#prepayopts.defaultopen { display:block; }
.prepayhdr { padding:10px 5px 0; margin:0; color:#3d8010; font-weight:normal; }
.pl dt, .pl dd { margin-left: 5px; font-size:178%; line-height:136%; padding:0; }
.pl dd li { text-align:right;  }
.plheader { border:none; padding:0; font-weight:bold; }
.plfooter { font-weight:bold; }
#invoicer dt, #invoicer dd { margin-left: 5px; font-size:178%; line-height:136%; padding:0;  }
#invoicer .lineitem { border:none; padding:0; }
#sendinvoice { margin-top:30px; }
#sendinvoice textarea { width:278px; }


#outstanding dl { border:none; }
#outstanding dl.first { margin-top: 10px; }
#outstanding dl.first .paid span {display:inline-block; padding-right:5px; }
#outstanding dt, #outstanding dd {font-size:108%; line-height:136%; padding:0; }
#outstanding dt { width:50px; }
#outstanding dd.paid { width:65px; text-align:right; }
#outstanding dd.pdflink { width:170px; }
#outstanding dd.pdflink a { background:url(images/icon_pop.png) top right no-repeat; padding-right:21px;}
#outstanding h2 {text-align:center; color:#7F7E7D; text-shadow: 1px 1px 3px white;}
#outstanding dl.cost a { color:red; }
#outstanding dl.income a { color:green; }
.paidornot { position:absolute; opacity:0; }
.paidornot + label { display:inline-block; margin-bottom:0; width:64px; height:22px; cursor:pointer; background:url(images/ios_toggle_unpaid.png) no-repeat; background-size:contain  }
.paidornot:checked + label { background:url(images/ios_toggle_paid.png) no-repeat; background-size:contain; }

#stripe blockquote { font-size: 123%; color: #666; margin: 50px 5px 30px; }
#stripe header { font-family:"Open Sans"; border-top-left-radius:10px; border-top-right-radius:10px; background:#cec8c0; padding:10px 20px; margin-top:30px; color:#fff; font-size:132%; }
.invoicereview { border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#fff; padding:10px 0 0; margin-bottom:25px; }
.invoicereview.paid { padding-bottom:25px; }
.invoicereview dl { border:none; padding:5px 20px 0; color:#706e6a; }
.invoicereview dt ,.invoicereview dd { font-size:123%; line-height:123%; padding:0; margin-left:0; margin-right:0;}
.invoicereview .plfooter { border-top: 1px solid #ABA9A5; margin-top:20px; padding-top:20px; }
.invoicereview .subtotal { color:#fc7b15; font-size:165%;  }
.invoicereview.paid  .subtotal { color:#706E6A; }
.invoicereview.paid .plfooter dt { display:none; }
.invoicereview.paid .optnote { display:none; }
.invoicereview.paid + input[type='submit'] { display:none; }
.invoicereview.paid fieldset {display:none; }

.optnote {color:#706e6a; padding:10px 20px 30px; margin:0; }
.optnote em { display:block; }
#savedcc { position:absolute; opacity:0; }
#savedcc + label { display:inline-block; margin:5px 0 0; cursor:pointer; width:66px; height:22px; background:url(images/ios_toggle_off.png) no-repeat; }
#savedcc:checked + label { background:url(images/ios_toggle_on.png) no-repeat; }
#savecc { position:absolute; opacity:0; }
#savecc + label { display:inline-block; margin:5px 0 0; cursor:pointer; width:66px; height:22px; background:url(images/ios_toggle_nosave.png) no-repeat; }
#savecc:checked + label { background:url(images/ios_toggle_save.png) no-repeat; }
#stripe #payment-form {  }
.cc { margin-bottom:5px; }
.cc i { display:inline-block; vertical-align:middle; width:32px; height:22px; background:url(images/icons_cc.png) top right no-repeat;}
.cc b { display:inline-block; font-weight:normal; font-size:77%;  vertical-align:middle; }
.cc b:before{ content:"xxxx-"; font-size:77%; }
.cc .MasterCard { background-position:-64px 0; }
.cc .Visa { background-position:-32px 0; }
.cc .amex { background-position:0 0; }
.cc .Discover { background-position:-96px 0; }

#stripe form fieldset { border:none; padding:0 0 25px; margin:0 20px; }
#stripe fieldset h2 { color:#2F7ED6; margin-bottom:10px;  }
body:not(".home") #stripe input[type="text"] { width:238px; }
#stripe input.card-expiry-month { width:35px; }
#stripe input.card-expiry-year { width:60px; }
#stripe input.card-number { width:238px; }
#stripe input.card-cvc { width:48px; }
#stripe .form-row { display:inline-block; }
#stripe .form-row.expire { margin-left:10px; }
#stripe .form-row.expire label { margin:0; }
#stripe .label { display: inline-block; width: 180px; padding: 0 10px; vertical-align: top; line-height: 200%; color:#555; }
#stripe .labela { display: block; line-height: 100%; font-size:50%; }

footer { position:absolute; bottom:0; width:100%; height:70px; box-shadow:0 -1px 3px #888; text-align:center; background:#a5a29c; }
footer ul { margin:5px auto; }
footer li { display:inline-block; }
footer a:link, footer a:visited { display:block; font-family:"Alice"; color:#716e6b; font-size:100%; padding:32px 28px 5px; border-radius:3px; background-position:50% -30%;}
footer a:hover { color:#f9f8f6; text-decoration:none; background-position:50% 230%; }
footer a.on { color:#f9f8f6; background-color:#999; border-top:1px solid #393836; border-bottom:1px solid #f5f5f2; background-position:50% 230%; }
#ntoday {background-image:url(images/sprite_calendar.png);  background-repeat:no-repeat; }
#npl { background-image:url(images/sprite_pl.png); background-repeat:no-repeat; }
#nprinciple { background-image:url(images/sprite_account.png); background-repeat:no-repeat;}

/*DATEPICKER*/
#client div.dp-popup { width:300px; }
#client table.jCalendar { width:100%; }
#client table.jCalendar td { padding:15px 5px; }

.anchors { visibility:hidden; position:absolute; }

/*CLEAR FIX FOR ANYTHING THAT CONTAINS A FLOAT*/
article:after, aside:after, figure:after, figcaption:after, footer:after, header:after, hgroup:after, nav:after, section:after,
torso:after, contents:after, .contain:after, dl:after, ul:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: " "; }

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) { }

/*MOBILE PORTRAIT & LANDSCAPE*/
@media (max-width:659px) {
	#wtf_firstcss_getsignored_junkid {}

	.contain { width:310px; }
}
/*MOBILE LANDSCAPE*/
@media (min-width:480px) and (max-width:659px) {
	#wtf_firstcss_getsignored_junkid {}

 	/*.contain { width:480px; }*/
}
@media (min-width:660px) and (max-width:975px) {
	#wtf_firstcss_getsignored_junkid {}

	/*.contain { width:640px; }*/
}