/* Orange: #F4811F */
body { font-family: "Tahoma"; padding:0; margin:0; height:100%; width:100%;}
a { text-decoration: none; }

/* *** Header ************** */
.pageheader {
	position: absolute; top: 0px; width: 99%; height: 126px; min-width: 600px;
	background: url(../imgs/header-bg.png) repeat-x;
	font-family: "Trebuchet MS"; font-weight: bold;
}

.pageheader .headertop { 
	position: absolute; top: 0px; height: 70px; width: 100%; color: white;
}
.pageheader a, .pageheader a:visited { text-decoration: none; color: white; }

.headertop .logo { float: left; margin: 11px 0 0 40px; }
.headertop .login { float: right; text-align: left; margin: 10px 40px 0 0px; }
.headertop .login .name { font-size:24px; }
.headertop .login .logout { font-size:8px; text-decoration: none; padding-right: 10px; }
.headertop .login .login_field { width: 10em; }

.squarebutton {
	background-color: #2E3239; color: white; border: 1px solid gray;
	font-family: "Trebuchet MS"; font-size: 70%;
}

.sbutton {
	background-color: #2E3239; color: white; border: 1px solid gray;
	font-family: "Trebuchet MS"; font-size: 90%; padding: 1px 3px; margin: 2px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.ipbutton {
	background-color: #2E3239; color: #F4811F; border: 1px solid gray;
	font-family: "Trebuchet MS"; font-size: 90%; 
	padding: 1px 3px; margin: 2px;
}

/* ---------------------- */
.pageheader .headermid {
	position: absolute; top:70px; height: 30px; width: 100%; min-width: 800px;
	font-size: 19px; overflow: hidden;
}
.headermid .sections { float: left; margin-left: 40px; margin-top: 5px; color: white; }
.headermid .button { padding: 0 3px 0 3px; margin: 4px 10px 4px 0px; }
.headermid .button a { text-decoration: none; color: white; }
.headermid .selected {
	background-color: #DFD5B9; color: black;
	padding: 0 3px 0 3px; height: 50px; width: 200px;margin-top: 4px;
}
.headermid .selected a { text-decoration: none; color: black; !important }
.headermid .general { float: right; margin-right: 40px; margin-top: 4px; color: white; }

/* ---------------------- */
.headerbot {
	position: absolute; top: 102px; height: 24px; width:100%; min-width: 800px; font-size: 16px; overflow: hidden;
}
.headerbot .menu { color: black; margin-left: 42px; }
.headerbot form { display: inline; }
.headerbot a, .headerbot a:visited { color: #F4811F; } 

.item input[type="text"], .item select {
	font: 12px "Trebuchet MS"; background-color: #f4ecd7; border: solid 1px white;
}

/* ---------------------- */
.ajax_indicator {
	position: absolute; height: 16px; width: 16px; top:77px; left: 4px; background-color: transparent;
}
.ajax_spin { background-image: url(../imgs/spinner.gif); }
.ajax_error { background-image: url(../imgs/icon-ajax-error.png); }
/* *** End Header ************** */

/* *** Content ************** */

.body { position: absolute; top: 135px; width: 99%; }
.body .content { padding-top: 10px; margin: 0 40px 0 40px; min-width: 770px; } 
.body .fcontent { min-width: 770px; } 

/* *** Dark Background ************ */
.public {
	background: url(../imgs/front-bg.png) repeat-x; width: 100%; height: 1000px; color: #F48120;
}

.main { margin: 0 40px 0 40px; }

/* *** Splash screen ************** */

.divider { width: 100%; height: 2px; background-color: #F48120; margin-bottom: 30px;}

.fcontent .splash {
	background: url(../imgs/front-bg.png) repeat-x; height: 1000px; top: 0px; left: 0px;
}

.headline { padding: 20px; text-align: center; font-size: 32px; font-weight: bold; color: #F48120; }
.headline .sub { font-size: 18px; }

.splash .main { margin: 2em 40px 0 40px; }
.splash .introbox { width: 50%; color: #f9f9f9; float: left; }
.splash .introbox p { padding: 1em 20px 0 2.5em; }

.main .major { font-size: 28px; }
.main .minor { font-size: 18px; }

.splash .signup { color: #f9f9f9; margin-left: 40px; float: left; }
.splash .signup form { font-size: 28px; }
.splash .signup form input { font-size: 24px; }
.signup a { text-decoration: none; color: white; }
.signup img { border: none; }

.splash .bigbox {
	background: url(../imgs/front-intro-box.png) no-repeat; 
	width: 588px; height: 409px; font-size: 24px; margin:40px auto 15px auto; text-align: left;
}

.bigbox .text { padding-top: 20px; }
.bigbox p, .bigbox form { padding: 10px 50px 5px 50px; }
.bigbox form input { font-size: 24px; }

#boxContent   { position: relative; background-color: #5c4436; width: 100%; left: -3px; top: -3px; }
#boxContainer { position: relative; background-color: #F48120; }

.shadowboxinner   { min-width: 770px; position: relative; background-color: #5c4436; color: white; width: 100%; left: -3px; top: -3px; }
.shadowboxouter   { min-width: 770px; position: relative; background-color: #F48120; }
.shadowboxinner a { color: white; }
.shadowboxinner div { padding-bottom: 0.5em; }

/* *** Expenses ************** */
.content .actions {
	background-color: #DFD5B9; height: 2em; padding-left: 20px; overflow: hidden;
	border-top: solid 1px #F4811F; border-left: solid 1px #F4811F; border-right: solid 1px #F4811F;
}

.content .actions .action { float: left; margin-top: 0.3em; }
.content .expensetable { border: solid 1px #F4811F; clear: left; }

/* ****** Reports boxes ************* */
.box td a, .box td a:visited { color: black; text-decoration: none; }
a.button, a.button:visited { color: black; text-decoration: none; }

/* ****** Simple box **************** */
.boxcontent .boxhead a, .boxcontent .boxhead a:visited {
	color: black; text-decoration: none;
}

.button_delete {
	background-image: url(../imgs/icon-delete.png); height: 22px; width: 22px; border: 0;	
}

.boxbuttons .detail {
	background-image: url(../imgs/icon-details.png); height: 22px; width: 22px;
}

.boxbuttons .button { display: inline; }

.simplebox {
	background-image: url(../imgs/gray-gradient-bg.png);
	width: 100%; height: 74px; margin: 0px 0 15px 0;
}

.boxcontent { padding-top: 10px; padding-left: 40px; }
.boxcontent .head { font-size: 20px; }

.two_column .even, .two_column .medbox { float: left; }
.two_column .odd    { float: right; }
.left_column  { width: 45%; float: left; }
.right_column { width: 45%; float: right; }

/* ****** Expense Table **************** */
.expenselist { width: 100%; font-size: 12px; }
.expenselist thead th { text-align: left; border-bottom:2px solid #003; }

.expenselist td { padding: 2px 0.5em; }
td[axis="number"], th[axis="number"] { text-align: right; padding-right: 3px; }

#expenselist tfoot { background-color: #DFD5B9; }
#expenselist tfoot tr { border-top: solid 1px black; }

.hidden_form  { visibility: hidden; }

/* ****** Accounts **************** */
.forms table { width: 100%; border: none; }
.forms { margin-bottom: 10px; }
.simplebox a, .simplebox a:visited { color: #F4811F; }
.errorlist { list-style: none;  margin: 0; padding-left: 1em; text-indent: -1em; }

/* *** Boxes ************* */
.box  { padding: 5px 0; margin-bottom: 7px; background-color: #DFD5B9; }
.box .contents { margin-left:10px; margin-right:10px; margin-top: 5px; margin-bottom: 5px; }
.box .boxhead, .box .boxbody { margin-left:10px; margin-right:10px; margin-top: 5px; margin-bottom: 5px; }
.box form { margin: 0; padding: 0; }
.box .boxhead { font-size: 18px; }
.box .contents span { float: left; }
.box .contents .button {
	margin-left: 1em;
	background-color: white; border: solid 1px black; padding: 0 0.1em;
}
.box .contents .boxbody .button { margin-left: 1em; } 
.box .contents .iconbutton { margin-left: 1em; }
.box img { vertical-align: middle; } 

.full { width: 100%; }
.med  { width: 45%; }
.informational { color: blue; }

.keyword { background-color: white; padding: 0 0.1em; font-size:0.9em; 
	border-bottom: solid 1px black; border-right: solid 1px black; 
}
.keywordoff { background-color: #CFC5B9 !important; }

/* *** Misc ************** */
.invisible  { display: none; }
.centerer   { text-align: center; }
.left      { float: left; }
.right     { float: right; }
.needsfix   { background-color: #FFCC33; }
.pending    { background-color: #FFCC33 !important; }
.error      { background-color: red !important; }

.print_only { display: none; }

.faqQ { font-weight: bold; }

/* Nifty Corners Cube *********************** */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/* End Nifty Corners Cube ******************* */

.popup { background-color: #DFD5B9; border:2px solid #F4811F; }
.popup .hd { 
	background-color:#EBEBEB; color:black; font-size:100%; font-weight:bold; line-height:100%;
	border:1px solid #FFF; border-bottom:1px solid #000; padding:4px; 
}
.popup .rest { padding: 1em 0 0 1em; }
.popup .contents { padding:0 20px 0 20px; }
.popup h2 { padding:0; margin: 0.3em 0 0.3em 0; }
.popup dl { font-size:11px; }
.popup th { font-size:11px; text-align: left; }

/* ******************************************* */
table.tour { font-size: 22px; text-align: center; margin-left: auto; margin-right: auto; }
table.tour td { padding: 0 1em; }

.headline .sub1 { font-size: 22px; }
.headline .sub1 img { vertical-align: middle; }

/* date picker / calendar */
.datepicker { background:#FFFFFF; border:2px solid #F4811F; font: 11px Arial; }
.datepicker th { background:#DFD5B9; font-weight: bold; }
.datepicker td { text-align:center; }
.datepicker .calclose { background:#DFD5B9; text-align: center; }
.datepicker .selected { background-color:#F4811F; }
#popupcal { position: absolute; z-index:10;}

.sortable { 
	background-image: url(../imgs/sort-bg.gif); cursor: pointer; font-weight: bold; background-repeat: no-repeat; 
	background-position: center left; padding-left: 20px;  margin-left: -1px;
}
.sortedup { background-image: url(../imgs/sort-asc.gif); background-color: #DFD5B9; } 
.sorteddown { background-image: url(../imgs/sort-desc.gif);  background-color: #DFD5B9; }
table.sorted tbody tr.odd td { background-color:#f0ebdd; }

/* jqModal */
.jqmWindow {
    display: none; position: fixed; top: 5%; left: 50%; width: 640px; margin-left: -320px;
    background-color: #ffe7b5; color: #333; border: 3px #F4811F solid; padding: 1em 2em 1em 2em;
}
.jqmOverlay { background-color: #000; }
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
* html .jqmWindow { position: absolute; top: 50px; }

#alert h2 {margin-top:0;}
div.screencast object { margin-left: 0px; }

/* Tags */
.tag { 
	font-size: 0.9em;
	background-color: #dfd5b9; padding: 1px 4px 1px 1px; 
	border-bottom: 1px solid #86763b; border-right: 1px solid #86763b; border-left: 1px solid white; border-top: 1px solid white;
}

/* In Place Edit (jquery style) */
.editor { z-index: 1000; border: solid 1px black; position: absolute; background-color: white; }
.editor p { margin: 0; padding: 0; }
.editor input, .editor button, .editor p.instructions { margin: 3px; }

/* New Expense */
#new_exp_tags { width: 99%; }
.completions ul { list-style: none; margin:0 0 0 5px; padding: 0; color: blue; }

#search_box .largeinput { width: 18em; }
#search_box .smallinput, #search_box .dateinput { width: 6em; }
#search_box td { margin-right: 1em; }
.search_tags { vertical-align: top; text-align: justify;}
#search_box select.select_op { width: 7em; }
#search_box .tag { float: left; margin: 0 3px;}

.formerror { color: red; font-weight: bold; }

table.formtable th { text-align: right; }
table.formtable td { padding-left: 0.5em; }
.formtable #id_password, .formtable #id_phone_number { width: 11em; }
#id_tos { margin: 3px 0; }

#report_box { padding: 0.7em 0 0.7em 0; width: 100%; }

.clear { clear: both; }
.right { float: right; }
.left { float: left; }