/* reset.css - Resets default browser CSS */
html {margin:0; padding:0; border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;
font-size:100%; font-family:inherit; vertical-align:baseline;}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
/* Line-height should always be unitless! */
body {line-height:1.5; background:white;}
/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse:separate;border-spacing:0;}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
/* Remove annoying border on linked images. */
a img {border:none;}
/* Remember to define your own focus styles! */
:focus {outline:0;}
/* End bluepint Reset */
body {font-family:arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(../images/backgroundgradient.jpg) top left repeat-x #BCBEC0;}
ul {list-style:circle;}
h1 {font-weight:bold; font-size:16px;}
h2 {font-weight:bold; font-size:14px; color:#3d3d57;}
h3 {font-weight:bold; font-size:12px;}
p {margin-bottom:8px;}
a {color:#3d3d57; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline; font-weight:bold;}
a:visited{color:#222546;}
label {font-weight:bold; color:#222546;}
#skipNav {background-color:transparent; color:transparent; margin:0px; border:0px; padding:0px;}
#page {width:100%; margin-top:0; margin-left:auto; margin-right:auto; z-index:1;}
#backshadow {width:800px; text-align:center; margin-left:auto; margin-right:auto;}
#design {width:750px; margin-left:auto; margin-right:auto; margin-top:0; text-align:left; background-image:url(../images/backgroundcontenty-repeat.jpg); background-repeat:repeat-y;}
#title {margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; color:white; font-weight:bold; font-size:18px;}
#header {width:100%; float:left; margin-left:10px; text-align:left;}
#topmenubar {width:750px; height:26px; background-color:#BE8F3D; color:white; text-align:right; line-height:1.75;}
#topmenubar a {color:white; text-decoration:none; padding:6px 25px; font-size:14px;}
#topmenubar a:hover {text-decoration:underline;}
#topmenubar a:active {background-color:white;;}
#topmenubar a:focus {background-color:#EFCE98;}
#topmenubar a:visited {background-color:none;}
#leftmenu {width:250px; height:373px; background-image:url(../images/sidemenubackground.jpg); background-repeat:no-repeat; overflow:visible; float:left;}
#leftmenulinks {font-size:16px; font-weight:bold; margin:36px 0px 0px 15px; width:87%;}
#leftmenulinks a {padding:6px; color:white; text-decoration:none;}
#leftmenulinks a:hover {color:#9b90ab;}
#leftmenulinks a:active {color:#B99232;}
#leftmenulinks a:focus {background-color:#BE8F3D;}
#content {width:500px; float:right;}
#content a {font-style:italic;}
#footer {background-image:url(../images/footer.jpg); background-repeat:no-repeat; width:750px; height:29px; text-align:center; color:white; font-size:9px; line-height:2.25;}
#footer a {margin-top:10px; color:white; text-decoration:none;}
#footer a:hover {text-decoration:underline; color:#9b90ab;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.navytext {color:#222546; text-align:center; font-weight:700;}
/* Taken from Jason's original Billtracker app */
.border {background-color:#ffffff; width:485px; margin:10px 5px 15px 5px; padding:2px; max-width:485px;}
.outter {background-color:#ffffff;}
.inner {background-color:#ffffff; padding:5px 0px; font-size:10pt;}
/* inner table styles */
.inner table {width:100%; margin:1px;}
.add {float:left; width:100px; margin:0px 20px;}
.view, .edit {width:16px; height:16px;}
.delete {width:16px; height:16px; margin-right:4px;}
.billname {width:68px;}
.heading {background-color:#222546; color:#ffffff; font-size:10pt; font-weight:300; padding:3px 0px 3px 8px;}
.iform {margin:1px; padding:2px 5px; font-weight:700;}
.help {display:inline; cursor:help; background-color:#ffffff; text-align:right;}
.eborder {background-color:#cd0000; width:480px; margin:5px 5px 15px 2px; padding:2px; max-width:480px;}
.eoutter {background-color:#dfdfdf; margin:1px; padding:1px;}
.einner {background-color:#ffffff; color:#690000; margin:1px; padding:2px 5px; font-size:10pt;}
.eheading{background-color:#222546; color:#ffffff; font-weight:700; margin:0px 10px 0px 5px;}
.select-heading{margin:5px;}
.select-indiv {margin:15px 15px 15px 25px;}
.select-indiv input {float:right; clear:both;}
.select-indiv div.oneliner {margin-top:10px; margin-left:25px; padding-bottom:7px; border-bottom:1px dotted #8F8f8f;}
.amend-section {margin:5px;}
.amend-item {margin:5px;}
.report-section{width:480px; font-size:10pt; padding:2px; margin:5px auto 15px auto;}
.report-heading{font-weight:700; padding:2px; margin:5px auto 15px auto;}
.faqQuestion {margin:0px 5px; padding:1px; border:0px; font-weight:600;}
.faqDefinition {margin:5px 5px 10px 25px; padding:2px; border:0px; text-align:justify;}
/* index page/login */
#homeleftcol {float:left; width:220px; margin:1px; padding:5px 5px 10px 10px; font-size:10pt;}
#homeleftcol h2 {border-bottom:.20em solid #EFCE98; width:100%; padding-bottom:3px; margin-bottom:6px; color:#222546; font-size:14px;}
#homerightcol {float:right; width:220px; margin:1px; padding:5px 10px; font-size:10pt;}
#homerightcol h2 {border-bottom:.20em solid #EFCE98; width:100%; padding-bottom:3px; margin-bottom:6px; color:#222546; font-size:14px;}
/* View Reports */
body div#report_setup li {list-style:none; margin-left:25px;}
body div#report_setup div.select-indiv input {float:none; clear:all;}
/* View/Edit Bills */
#eprofile li {list-style-type:none; margin-left:10px; color:#222546; font-weight:bold; font-style:italic; font-size:9px; margin-bottom:6px;}
/* Free How-to */
#free_howto table{border-collapse:collapse;}
#free_howto li {list-style-type:decimal; margin-left:55px;}
/* Premium How-to */
#prem_howto li {list-style-type:none; margin-top:8px; margin-left:25px;}
/* faq */
div#faq li {list-style-type:none; margin-bottom:6px; margin-left:15px;}
/* Reports */
body#report {width:480px; margin-left:auto; margin-right:auto; margin-top:25px; background-image:none; background-color:white;}
/* Demo pages */
#designdemo {width:750px; margin-left:auto; margin-right:auto; margin-top:0; text-align:left; background-image:url(../images/backgrounddemoy-repeat.jpg); background-repeat:repeat-y;}
div#leftmenulinks h1 {color:white; margin-bottom:4px; text-align:right; border-bottom:1px dotted white;}
div#leftmenulinks h2 {color:white; margin-bottom:4px; text-align:right;}
div#leftmenulinks p {color:#9b90ab; margin-bottom:6px; text-align:right;}
#editprofiledemo li {list-style-type:none; margin-left:10px; color:#222546; font-weight:bold; font-style:italic; font-size:9px; margin-bottom:6px;}
#footerdemo {background-color:#232647; width:750px; height:29px; padding-top:8px; text-align:center; color:white; font-size:9px; line-height:2.25;}
#footerdemo a {margin-top:10px; color:white; text-decoration:none;}
#footerdemo a:hover {text-decoration:underline; color:#9B90AB;}
/* Demo Tooltips */
#bubble_tooltip{width:147px; position:absolute; display:none;}
#bubble_tooltip .bubble_top{background-image:url('../images/bubble_top.gif'); background-repeat:no-repeat; height:16px;}
#bubble_tooltip .bubble_middle{background-image:url('../images/bubble_middle.gif'); background-repeat:repeat-y; background-position:bottom left; padding:7px 10px 0px 15px;}
#bubble_tooltip .bubble_middle span{position:relative; top:-8px; font-size:11px;}
#bubble_tooltip .bubble_bottom{background-image:url('../images/bubble_bottom.gif'); background-repeat:no-repeat; background-repeat:no-repeat; height:44px; position:relative; top:-6px;}