/*
Theme Name: Simplybill
Theme URI: http://wordpress.org/
Version: 1.0
Author: C Williams


*/
/*---Global---*/
#congrats, #congrats p { font-size: 12px !important; }
body{
	margin:0;
	color:#333;
	font:11px arial,sans-serif;
	background:#063d60 url(images/bg-body.gif) repeat-x;
}
img{border-style:none;}
a{text-decoration:none;color:#1e628c;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
tbody tr {
	cursor:hand;
}
em.none { color: #666; }
form>dl>dt { font-size: 12px !important; }
form,fieldset{
	font-size: 12px;
	margin:0;
	padding:0;
	border-style:none;
}
/*---GlobalEnd---*/
/*---Main---*/
#main{
	width:816px;
	margin:0 auto;
}
.container{
	background:url(images/main-content-top.png) no-repeat;
	padding:10px 0 0;
	overflow:hidden;
	height:1%;
}
/*---Main Background---*/
.container .bg{
	background:#fff url(images/separator-main-content.gif) no-repeat 607px 19px;
	width:100%;
	min-height:421px;
	position:relative;
	padding:0 0 29px;
}
.container .bg:after{
	content:" ";
	display:block;
	clear:both;
}
* html .container .bg{height:421px;}
.container .bottom{
	height:83px;
	overflow:hidden;
	background:url(images/main-content-bottom.png) no-repeat;
}
/*---Email Background---*/
.container .bgemail{
	background:#fff;
	width:100%;
	min-height:421px;
	position:relative;
	padding:0 0 29px;
}
.container .bgemail:after{
	content:" ";
	display:block;
	clear:both;
}
* html .container .bbgemailg{height:421px;}
.container .bottom{
	height:83px;
	overflow:hidden;
	background:url(images/main-content-bottom.png) no-repeat;
}
/*---MainEnd---*/
/*---Header---*/
#header{
	width:100%;
	overflow:hidden;
}
.logo{
	float:left;
	width:257px;
	height:77px;
	padding:14px 0 3px 15px;
}
.logo a{
	display:block;
	width:257px;
	height:77px;
	background:url(images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.menu{
	list-style:none;
	margin:0;
	padding:20px 20px 0 0;
	float:right;
	font-weight:bold;
	height:1%;
	overflow:hidden;
}
.menu li{
	display:inline;
	padding:0 2px 0 5px;
	margin:0 1px 0 -1px;
	background:url(images/separator-menu.gif) no-repeat 0 3px;
}
.menu a{color:#fff; text-decoration:underline;}
.menu a:hover{text-decoration:none;}
.navig{
	clear:both;
	list-style:none;
	margin:0 0 0 32px;
	padding:0;
	font-size:12px;
	line-height:28px;
	text-align:center;
	height:1%;
}
.navigation:after{
	content:" ";
	display:block;
	clear:both;
}
.navigation li{
	float:left;
	margin:0 0 0 -9px;
	position:relative;
}
.navigation a{
	display:block;
	background:url(images/btn-navigation.png) no-repeat;
	width:90px;
	padding:8px 0 0;
	color:#fff;
	outline:none;
}
.navigation li.active a,
.navigation a:hover{
	background:url(images/btn-navigation-hover.png) no-repeat;
	color:#073f62;
	text-decoration:none;
	position:relative;
}
.navigation-home{
	clear:both;
	float:right;
	list-style:none;
	margin:-30px 0 0;
	padding:0 26px 0 0;
	font-size:12px;
	line-height:28px;
	text-align:center;
}
.navigation-home li{
	float:left;
	margin:0 0 0 -9px;
}
.navigation-home a{
	float:left;
	background:url(images/btn-home-nav-left.png) no-repeat;
	padding:0 0 0 18px;
	color:#fff;
	outline:none;
}
.navigation-home a span{
	float:left;
	padding:8px 0 0;
	background:url(images/btn-home-nav-center.png) repeat-x;
	cursor:hand;
}
.navigation-home a em{
	float:left;
	height:36px;
	width:18px;
	overflow:hidden;
	background:url(images/btn-home-nav-right.png) no-repeat;
}
.navigation-home li.active a,
.navigation-home a:hover{
	background:url(images/btn-home-nav-left-hover.png) no-repeat;
	color:#073f62;
	text-decoration:none;
	position:relative;
}
.navigation-home li.active a span,
.navigation-home a:hover span{background:url(images/btn-home-nav-center-hover.png) repeat-x;}
.navigation-home li.active a em,
.navigation-home a:hover em{background:url(images/btn-home-nav-right-hover.png) no-repeat;}
.navigation-home li.login a{
	display:block;
	width:90px;
	padding:8px 0 0;
	color:#333 !important;
	outline:none;
	background:url(images/btn-navigation-login.png) no-repeat !important;
}
/*---HeaderEnd---*/
/*---Content---*/
#content{
	width:565px;
	float:left;
	padding:0 0 0 13px;
}
#contentemail {
	width:578px;
	float:left;
	padding:0 0 0 0;
}
#content h1, #contentemail h1{
	font-size:22px;
	line-height:33px;
	padding:0 0 12px 8px;
	margin:0 0 10px;
	color:#0b4468;
font-weight:normal;
	background:url(images/shadow-main-title.gif) no-repeat 0 100%;
}
#contentemail h1{
	margin-left:13px;
}
#content p, #content dt, #content dd{
	margin:0 0 20px 8px;
	font-size:16px;
	line-height:19px;
	color:#333;
}
#content h2{
	background:url(images/bg-title-grey.gif) no-repeat;
	padding:0 0 0 8px;
	line-height:26px;
	height:26px;
	font-size:13px;
	color:#fff;
	margin:0 0 7px;
	position:relative;
}
.features-list{
	list-style:none;
	margin:0 0 25px;
	padding:0 0 0 2px;
	line-height:20px;
	font-size:13px;
}
.features-list li{
	background:url(images/bullet1.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
	margin:0 0 0 8px;
}
#content .block{
	padding:0 0 0 10px;
}
#content .block h3{
	margin:0;
	font-size:13px;
	line-height:16px;
}
#content .block p{
	color:#666;
	font-size:13px;
	line-height:16px;
	margin:0 0 16px;
}
.table-holder{
	width:100%;
	overflow:hidden;
	margin:0 0 30px;
}
#content .table-holder h2{
	margin:0 0 -6px;
}
#content .table-holder.pink h2{background:url(images/bg-title-pink.gif) no-repeat;}
#content .table-holder.light-green h2{background:url(images/bg-title-light-green.gif) no-repeat;}
#content .table-holder.dark-green h2{background:url(images/bg-title-dark-green.gif) no-repeat;}
.table-holder table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.table-holder table th{
	background:#f4f2f2;
	font-size:10px;
	font-weight:normal;
	color:#999;
	line-height:19px;
	text-align:left;
	padding:6px 0 0;
}
.table-holder table th.first{
	width:6px;
	background:#f4f2f2 url(images/table-head-left-corner.gif) no-repeat 0 100%;
}
.table-holder table th.date{width:82px; padding:6px 0 0 2px}
.table-holder table .date{width:68px;}
.table-holder table .ref{width:122px;}
.table-holder table .client{width:226px;}
.table-holder table th.amount{
	width:49px;
	text-align:right;
	padding:6px 4px 0 0;
}
.table-holder table th.last{
	background:#f4f2f2 url(images/table-head-right-corner.gif) no-repeat 100% 100%;
	width:6px;
}
.table-holder table td{
	font-size:11px;
	line-height:24px;
	background:url(images/border-table.gif) repeat-x 0 100%;
	padding:0;
}
.table-holder table td.first{width:6px; background:#fff;}
.table-holder table td.last{width:6px; background:#fff;}
.table-holder table td.date{
	width:76px;
	padding:0 0 0 2px;
}
.table-holder table td.amount{
	text-align:right;
	width:49px;
	padding:0 4px 0 0;
}
.table-holder table td.by{font-style:italic;}
.table-holder.pink table td.by{color:#f27373;}
.table-holder.light-green table td.by{color:#85b269;}
.table-holder.dark-green table td.by{color:#5d8345;}


#content .table-holder-your h2{
	margin: 0 0 -6px;
	background: url(images/bg-title-grey.gif) no-repeat;
}
.table-holder-your table { width: 100%;	border-collapse: collapse; table-layout: fixed; }
	.table-holder-your table th{ background:#f4f2f2; font-size:10px;	font-weight:normal;	color:#999;	line-height:19px; text-align:left; padding:6px 0 0; }
	.table-holder-your table td { vertical-align: top; font-size:11px; background:url(images/border-table.gif) repeat-x 0 100%; padding: 4px 3px; }
	.table-holder-your table tfoot td{ background:none; text-align:right; font-weight:bold; }

.table-holder-your table th.first { width:6px; background: #f4f2f2 url(images/table-head-left-corner.gif) no-repeat 0 100%; }
	.table-holder-your table td.first{width:6px; background:#fff;}
.table-holder-your table th.status{ width:76px; padding: 6px 0 0 3px; }
	.table-holder-your table td.status{ width:76px; padding:2px 0 0 3px; }
		.table-holder-your table td.status img{ float:left; margin:3px 4px 0 0; }
.table-holder-your table .date{ width:83px; }
.table-holder-your table .ref{ width:122px; }
.table-holder-your table .client{width:212px;}
.table-holder-your table th.amount{ width:53px; text-align:right; padding:6px 4px 0 0; }
.table-holder-your table td.amount{ text-align:right; width:53px; padding:4px 4px 0 0; }
.table-holder-your table th.last{ background:#f4f2f2 url(images/table-head-right-corner.gif) no-repeat 100% 100%; width:6px; }
	.table-holder-your table td.last{width:6px; background:#fff;}

.table-holder-your.quote-table table .chmenu { width: 32px; padding:4px 0 0 3px; }
.table-holder-your.quote-table table .ref    { width: 92px; }
.table-holder-your.quote-table table .client { width: 172px; }
.table-holder-your.quote-table table .mmenu  { width: 114px; text-align: center; }

.table-holder-your.quote-table table .date   { width: 98px; }
.table-holder-your.quote-table table .cdate  { width: 99px; }

.clients-table td { overflow: hidden; }
.clients-table .clienticons { width: 20px; padding: 4px 0; }
.clients-table .contact { width: 88px; }
.clients-table .company { width: 84px; }
.clients-table .address { width: 96px; }
.clients-table .email { width: 122px;  }
.clients-table .phone { width: 85px; }
.clients-table .amount { width: 53px; }
.delButton { cursor: pointer; }

.table-holder-your.quote-table.converted { margin-top: 20px; }
#content .table-holder-your.quote-table.converted h2 { background: url('images/bg-title-light.gif') no-repeat; } 
.scroll450 { overflow: auto; height: 450px; }
.template-infobox { margin: 15px 10px 10px; padding: 0 10px; font-size: 11px; }

#templatable { margin: 0 10px 0 0; }
#templatable .edit .c1 { padding: 5px 0 5px 11px; border: none; }
#templatable .edit .c2 { padding: 5px 0 5px 11px; border: none; width:100px; }
#templatable .edit .c2 .tmp-name { padding: 5px; }
#templatable .edit .c3 { padding: 5px 0 5px 11px; border: none; width: 200px; }

.table-holder-your table tbody tr, .table-holder table tbody tr { cursor: pointer; }
.table-holder-your table tbody tr:hover, .table-holder table tbody tr:hover { background-color: #f5f5f9; }

a.del-sel { text-decoration: none; font-weight: bold; padding: 0 0 0 15px; }
a.del-sel:hover { text-decoration: underline; }

.client-form{
	height:1%;
	overflow:hidden;
	padding:0 0 0 8px;
}
.client-form div, .dialogish div{
	height:1%;
	overflow:hidden;
	margin:0 0 5px;
}
.client-form label{
	width:118px;
	float:left;
	line-height:19px;
	font-weight:bold;
}
.dialogish label {
	float: left;
	line-height: 19px;
	width: 90px;
	font-size: 11px;
}
.client-form input, .dialogish input, .dialogish textarea {
	float:left;
	width:141px;
	padding:2px;
	border:1px solid #7f9db9;
}
.dialogish input { width: 220px; }
	.dialogish input.short { width: 90px; }
.dialogish textarea { width: 338px; }

.client-form select{width:147px; float:left;}
.client-form select.date{width:44px; margin:0 4px 0 0;}
.client-form select.month{width:49px; margin:0 4px 0 0;}
.client-form select.year{width:46px;}
.client-form em{
	float:left;
	color:#666;
	line-height:19px;
	padding:0 0 0 10px;
}
.table-holder-edit{
	width:100%;
	overflow:hidden;
	margin:0 0 24px;
}
.table-holder-edit table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
#content .table-holder-edit h2{
	margin:0 0 -6px;
	background:url(images/bg-title-grey.gif) no-repeat;
}
.table-holder-edit table th{
	background:#f4f2f2;
	font-size:10px;
	font-weight:normal;
	color:#999;
	line-height:19px;
	text-align:left;
	padding:6px 0 0;
}
.table-holder-edit table th.first{
	width:6px;
	background:#f4f2f2 url(images/table-head-left-corner.gif) no-repeat 0 100%;
}
.table-holder-edit table th.desc{width:290px; padding:6px 0 0 2px}
.table-holder-edit table th.desc2{width:411px; padding:6px 0 0 2px}
.table-holder-edit table .qty{width:51px;}
.table-holder-edit table .rate{width:62px;}
.table-holder-edit table .cost{width:65px;}
.table-holder-edit table th.buttons{
	width:90px;
	background:#f4f2f2 url(images/table-head-right-corner.gif) no-repeat 100% 100%;
}
.table-holder-edit table td{
	font-size:11px;
	line-height:13px;
	background:url(images/border-table.gif) repeat-x 0 100%;
	padding:4px 0 5px;
	vertical-align:top;
}
.table-holder-edit table td.first{width:6px; background:#fff;}
.table-holder-edit table td.desc{
	width:298px;
	padding-left:2px;
}
.table-holder-edit table td.desc2{
	width:401px;
	padding-left:2px;
	padding-right:10px;
}
.table-holder-edit table td.buttons{width:82px;}
.table-holder-edit table td.buttons a{
	float:left;
	background:url(images/table-btns-left.gif) no-repeat;
	line-height:13px;
	font-size:9px;
	font-weight:bold;
	color:#666;
	margin:0 1px 0 0;
	cursor:pointer;
	text-decoration:none !important;
}
.table-holder-edit table td.buttons a span{
	float:left;
	background:url(images/table-btns-right.gif) no-repeat 100% 0;
	padding:0 7px;
}
.table-holder-edit table td input{
	width:41px;
	padding:3px;
	border:1px solid #7f9db9;
}
.table-holder-edit table td.desc textarea{
	width:264px;
	height:41px;
	border:1px solid #7f9db9;
	padding:3px;
}
.table-holder-edit table td.desc2 textarea{
	width:374px;
	height:41px;
	border:1px solid #7f9db9;
	padding:3px;
}
.note-form{
	height:1%;
	overflow:hidden;
	padding:0 0 55px 8px;
}
.note-form textarea{
	float:left;
	width:374px;
	height:41px;
	border:1px solid #7f9db9;
	padding:3px;
	margin:0 30px 0 0;
}
.note-form .note{
	display:block;
	padding:10px 0 0;
	color:#1c5d87;
}
/*---ContentEnd---*/
/*---Sidebar---*/
#sidebar{
	width:160px;
	float:right;
	padding:55px 24px 0 0;
}
.btn-invoice, .btn, .btn-small{
	display:block;
	background: transparent url(images/btn-new-invoice.gif) no-repeat;
	cursor: pointer;
	width:150px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	font-size: 1px;
	margin:0 auto 25px;
	border: 0;
}
	.btn.filter			{ background: url('images/update_button_static.gif') no-repeat; margin-top: 8px; }
	.btn.filter.active, .btn.filter:hover { background: url('images/update_button_anim.gif') no-repeat; }
	.btn.new-quote		{ background: url('images/button-new-quote.png') no-repeat; }
	.btn.new-client		{ background: url('images/button-new-client.png') no-repeat; }
	.btn.save-client	{ background: url('images/button-save-client.png') no-repeat; }
	.btn.save-quote		{ background: url('images/button-save-quote.png') no-repeat; }

	.btn.edit-invoice	{ background: url('images/button-edit-invoice.png') no-repeat; }
	.btn.email-invoice	{ background: url('images/button-email-invoice.png') no-repeat;margin-bottom:10px; }
	.btn.email-test		{ background: url('images/button-send-test.png') no-repeat;width:111px; }
	.btn.print-invoice	{ background: url('images/button-print-invoice.png') no-repeat; }
	.btn.send-payment	{ background: url('images/button-enter-payment.png') no-repeat; }
	.btn.download-pdf	{ background: url('images/button-download-pdf.png') no-repeat; }
	.btn.send-reminder	{ background: url('images/button-send-reminder.png') no-repeat; }
	
	.btn.edit-quote		{ background: url('images/button-edit-quote.png') no-repeat; }
	.btn.convert-quote	{ background: url('images/button-convert-quote.png') no-repeat; height:41px;}
	.btn.email-quote	{ background: url('images/button-email-quote.png') no-repeat; }
	.btn.print-quote	{ background: url('images/button-print-quote.png') no-repeat; }
	.btn.excel			{ background: url('images/button-excel.png') no-repeat; margin-top: 15px; } 
	
	.btn.delete-invoice { background: url('images/button-delete-invoice.png') no-repeat; margin-top: 15px;}
	.btn.delete-quote   { background: url('images/button-delete-quote.png') no-repeat; margin-top: 15px; }
	.btn.send-thankyou	{ background: url('images/button-thanks.png') no-repeat; }
	
	.btn.save-changes	{ background: url('images/button-save-changes.png') no-repeat; }
#sidebar.view-invoice h4 { font-size: 12px; color: #17577f; margin: 5px 8px 2px; padding: 3px 5px 0; border-bottom: 1px solid #67A7Bf; }
#sidebar.view-invoice .scont { margin: 2px 8px 18px; padding: 3px; background-color: #f5f5f9; }
	#sidebar.view-invoice .scont.status { padding: 6px; text-align: center; font-weight: bold; font-size: 14px; color:white; }
	#sidebar.view-invoice .scont.status.overdue { background:#f27373;}
	#sidebar.view-invoice .scont.status.open { background:#85b269;}
	#sidebar.view-invoice .scont.status.closed { background:#5d8345;}
#sidebar.view-invoice .line { padding: 3px; border-top: 1px solid #ddd; font-size: 10px; overflow: hidden; }
	#sidebar.view-invoice .line:first-child { border-top: none; }
	#sidebar.view-invoice .line.empty { border: none; font-size: 11px; }

#flickrPhotoHolder { margin: 4px 15px 4px 0; }

.btn-tour{
	display:block;
	background:url(images/btn-take-a-tour.gif) no-repeat;
	width:150px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px;
}
.btn-save{
	display:block;
	background:url(images/btn-save-invoice.gif) no-repeat;
	width:150px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px;
	border: none;
}
#sidebar .note{
	display:block;
	margin:0 0 0 10px;
	font-size:11px;
	line-height:13px;
	color:#1c5d87;
}

#sidebar .para{
	display:block;
	margin:0 0 10px 10px;
	font-size:11px;
	line-height:13px;
	color:#999;
}
.ad{
	list-style:none;
	margin:0;
	padding:0;
}
.ad li{
	margin:0 0 5px;
	width:100%;
	float:left;
}
.ad a{display:block;}
.ad img{display:block;border:1px solid #7ea0b5;}
.filter-form{
	padding:0 0 17px 2px;
	background:url(images/shadow-filter-form.gif) no-repeat 0 100%;
	margin:0 0 10px;
}
.filter-form div{
	height:1%;
	padding:0 0 7px
}
.filter-form div:after{
	content:" ";
	display:block;
	clear:both;
}
.filter-form strong{
	display:block;
	margin:0 0 5px;
}
.filter-form select.date{width:44px; margin:0 4px 0 0;}
.filter-form select.month{width:49px; margin:0 4px 0 0;}
.filter-form select.year{width:46px;}
.filter-form ul{
	list-style:none;
	margin:0 -15px 5px 0;
	padding:0;
	width:170px;
	line-height:15px;
	height:1%;
	overflow:hidden;
}
.filter-form ul li{
	display: block;
}
.filter-form ul input{
	width:16px;
	height:15px;
	margin:0 2px 0 0;
}
.filter-form ul label{
	margin:0 2px 0 0;
}
.save-form{
	padding:0 0 17px 2px;
	background:url(images/shadow-filter-form.gif) no-repeat 0 100%;
	margin:0 0 10px;
}
.save-form div{
	height:1%;
	overflow:hidden;
	padding:0 0 7px
}
.save-form strong{
	display:block;
	margin:0 0 5px;
}
.save-form select{width:146px;}
.save-form input{
	border:1px solid #7f9db9;
	width:140px;
	padding:2px 2px;
}
.save-form select.small{width:70px;}
.save-form input.small{width:64px;}
.save-form span{
	font-weight:bold;
	color:#666;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 4px;
}
/*---SidebarEnd---*/
/*---Footer---*/
#footer{
	position:absolute;
	bottom:5px;
	left:20px;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#666;
	width:100%;
}
#footer li{
	display:inline;
	background:url(images/separator-footer.gif) no-repeat 0 3px;
	padding:0 2px 0 5px;
	margin:0 1px 0 -1px;
}
#footer a{color:#666; text-decoration:underline; font-weight:bold;}
#footer a:hover{text-decoration:none;}
/*---FooterEnd---*/

/* ---- Settings Form ---- */
#settings-form dl { margin: 0 0 20px; padding: 0;	width: 100%; border: none; background: none; }
	#settings-form dl dt { width: 160px; margin-left:16px; }
		#settings-form dl dt label { font-weight: bold; }
		#settings-form dl dt label, #settings-form dl dt, #settings-form dl dd { font-size: 11px; }
		#settings-form dl dt, #settings-form dl dd { padding: 5px 3px; margin-bottom: 0; }
		#settings-form dl dd table { width: 350px; }
			#settings-form dl dd table .left-c   { width: 250px; }
			#settings-form dl dd table .right-c  { width: 82px; }
		#settings-form em { font-size: 11px; color: #666; padding-left: 10px; }
		#settings-form dd { background-color: #f4f8fb; border-top: 1px solid #d9e0e6; border-left: 4px solid #f4f8fb; border-right: 4px solid #f4f8fb; }
		#settings-form dd.first { border-top: none; }
	
		
input.block {
	border:0;
	height:26px;
}
input.edit, textarea.edit, select.edit {
	border:1px solid #7f9db9;
	width: 70px;
	font-size: 11px;
	padding: 2px;
	
}
input.editmid,select.editmid,textarea.editmid {
	border:1px solid #7f9db9;
	width:120px;
	font-size:11px;
	padding: 2px;
}
input.editlong,select.editlong,textarea.editlong {

	border:1px solid #7f9db9;
	width:270px;
	font-size:11px;
	padding: 2px;
}
select.bigger {
	font-size:14px;
	padding: 2px;
}
input.editmed {	
	border:1px solid #7f9db9;
	width:200px;
	font-size:11px;
	padding: 2px;
}
textarea.editlong {
	margin:6px 0;
	padding: 2px;
}		

dl {
	margin-left:115px;
	padding:25px 0 5px 0;
	width:350px;
	background:#e9f0f4;
	border:1px solid #d3e1ea;
}
dt {
	float:left;
	width:100px;
	clear:left;
}
div.warningClassOrig {
	font-size: 12px;
	padding: 10px;
	background-color: #FFFFFF;
	border:1px solid #ffb5b5;
}
	div.warningClassOrig>p>strong { font-size: 12px; }
	div.warningClassOrig>p { margin-bottom: 0 !important; }
.warningClassEnd {
	font-size: 12px;
	padding: 10px;
	background-color: #ffb5b5;
	border:1px solid #eda0a0;
}

/* table form styles */
table.signup {
	width:500px;
	margin-bottom:40px;
}
table.signup tr {
	cursor:default;
}
table.form td {
	padding-left:11px;
}
table.form thead td {
	border-bottom:1px solid #CCC;
}
table.form tbody td {
	font:bold 11px/32px Arial, sans-serif;
	color:#666;
	border-bottom:1px solid #666666;
	height:24px;
}
table.signup tbody td {
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
}
table.signup tbody tr.edit td {
	background:#e8eff3;
}
table.signup tbody td.section {
	font:bold 15px/32px Arial, sans-serif;
	border-bottom:1px solid #999;
}
table.signup tbody td.sectionlower {
	padding-top:30px;
	border-top:1px solid #ccc;
}
.note {
	color:#999999;
	font-style:italic;
	font-weight:normal;
}
span.last10 {
	font-weight:normal;
	font-style:italic;
	font-size:10px;
}

/* Tool tip */
.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span {
display:block;
position:absolute;
width:250px;
top:25px;
left:20px;
background-color:#F0F0F0;
border:1px solid #666666;
padding:5px;
font-size:11px;
color:#333333;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);	
}

.flickrimg { float: left; margin: 0 18px 12px 0; width: 75px; }
	.flickrimg img { border: 6px solid #EDF2EF; }
	.flickrimg.chosen img, .flickrimg:hover img { border-color: #CDD2CF; }
.loading { background: url('images/loading.gif') no-repeat center center; width: 100%; height: 420px; }
.invoice-details p { margin: 0 0 8px !important; }

.browsepane { padding: 4px 10px !important; } 
.browsepane:hover { background-color: #fff; }
.browsable { margin: 0 7px 7px 5px; padding: 4px; border: 1px solid #CDD2CF; background-color: #f9f9f9; float: left; display: block; }
.browsable:hover { background-color: #f2f2f2; }

.confirmation { background-color: #F4F8FB; padding: 5px; margin: 0 0 8px 8px; border: 1px solid #D9E0E6;}

.amounts .key { float: left; display: block; font-weight: normal; color: #7f9db9; width: 90px; padding-left: 110px;  }
	.amounts.smaller .key { padding-left: 65px; }
.amounts .val { float: left; display: block; width: 60px; }
.clear { clear: both; }

#allowance_tab { position: absolute; margin: -68px 0 0 510px; z-index: 20; font-size: 10px; font-family: Arial, Helvetica, sans-serif; height: 20px; width: 296px; padding: 39px 0 0 0; text-align: center; color: #145279; background: url('images/allowance.png') no-repeat; }
#allowance_ctab { margin-top: 20px; color: #666; line-height: 1.4em; margin-left: 10px; }
#allowance_ctab b { display: block; border: 1px solid #C9C9C9; border-width: 1px 0; background: #f5f5f5; padding: 2px; text-align: center;}

#previewNote {margin-top:10px;padding:3px;background:#f4f2f2;border:1px solid #CCC;font:italic 11px Arial, sans-serif;color:#666;}

/*paging*/
table.paging {
	margin:20px 0 10px 11px;
	width:554px;
}

/*Live search*/
div.livesearch {
	margin:0 0 20px 5px;
}
div.livesearch form {
	margin:0;
}
div.livesearch form input {
	width:141px;
}
div.livesearch div#livesearch {
	background:#f4f8fb;
	border:1px solid #d9e0e6;
	padding:3px;
	width:139px;
}

/*previous user */
div#previoususer {
	margin:30px 0 10px 115px;
	border:1px solid #999;
	background:#EFEFEF;
	padding:10px;
	width:330px;
	color:#666;
}

/*Screenshots */
div.caption {
	margin:5px 0 10px 0;
	font:normal 11px Arial, sans-serif;
	color:#333;
	text-align:center;
}