/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


ol li ol li {
  list-style-type: lower-alpha;
}
h2 {
  border: 2px solid #b6e669;
  margin: 0 0 19px;
  padding: 0;
}
h2 span.content {
  display: block;
  border: 1px solid #fff;
  margin: 0;
  padding: 5px 20px;
  font: 100% "Arial", sans-serif;
  font-weight: bold;
  color: #000;
  background: #99c86a url(/images/h2_bg.gif) repeat;
}
h2 span.content form {
  display: inline;
}
* html h2 span {
  height: 1%;
}
h3 {
  font-weight: bold;
  padding: 7px 22px;
  font: 123.1% "Arial", sans-serif;
  color: #fff;
  background: #484848 url(/images/h3_bg.png) repeat-x;
}
h3.with_action {
  position: relative;
}
h3.with_action a {
  position: absolute;
  top: 2px;
  right: 22px;
/*  padding: 5px 0 7px 0;*/
  color: #fff;
}
* html h3.with_action a {
  right: 46px; // 22px + 24px
}
a {
  color: #0283c6;
}
.clear {
  clear: both; 
  height: 0; 
  line-height: 0; 
  margin: 0; 
  padding: 0;
}
.highlight {
  background-color: #f3fddc;
}
p.callout {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 160%;
}



html {
  background: #ededed url(/images/body_bg.png) repeat-x;
}
body {
  text-align: center;
}

/*
  Flash
 */
#flash_notice,
#flash_error {
  width: 452px;
  border: 4px solid #000;
  background-color: #000;
  padding: 15px;
  color: #424242;
  margin: 19px 0;
}
#flash_notice {
  border-color: #98de54;
  background-color: #d6f1a6;
}
#flash_error {
  border-color: #f00;
  background-color: #e9dada;
}
 
/*
  Header
 */
#header {
  position: relative;
  height: 119px;
  background: transparent url(/images/header_bg.png) repeat-x;
}
div#logo {
  position: absolute;
  left: 24px;
  top: 17px;
}
div#logo h1,
div#logo h1 a {
  width: 237px;
  height: 40px;
  padding: 0;
  margin: 0;
}
div#logo h1 a {
  position: relative;
  display: block;
  text-indent: -9000px;
  cursor: pointer;
}
div#logo h1 {
  background-image: url(/images/logo_small.png);
}
* html div#logo h1 {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/logo_small.png');
}

/*
  Content
 */
div#page {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
}
#content {
  position: relative;
  padding: 24px;
}

/*
  Footer
 */
#footer {
  text-align: center;
  font-size: 85%;
  color: #626262;
  padding: 20px 0;
}
#footer ul.navigation {
  padding: 0;
  margin: 0;
}
#footer ul.navigation li {
  display: inline;
  list-style: none;
  padding: 0 5px;
  margin: 0;
  border-right: 1px solid #999;
}
#footer ul.navigation li.last {
  padding-right: 0;
  border-right: none;
}

/* 
  Session navigation 
 */
ul#session_navigation {
  position: absolute;
  top: 5px;
  right: 25px;
  padding: 0;
  margin: 0;
}
ul#session_navigation li {
  float: left;
  list-style-type: none;
  font-weight: bold;
  font-size: 85%;
  padding: 0 0 0 5px;
  margin: 0;
}
ul#session_navigation a {
  color: #82c3f9;
}

/* 
 Primary Navigation 
 */
ul#primary_navigation {
  position: absolute;
  left: 33px;
  bottom: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
* html ul#primary_navigation {
  bottom: -1px;
}
ul#primary_navigation li .t,
ul#primary_navigation li {
  background: transparent url(/images/primary_navigation_bg.png) no-repeat top right;
}
ul#primary_navigation li {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  list-style-type: none;
  padding: 0 18px 0 9px;
  margin: 0 12px 0 0;
  float: left;
  font-size: 110%;
}
ul#primary_navigation li .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  margin-left: -9px;
  height: 100%;
  _height: 1600px;
  background-position: top left;
}
ul#primary_navigation li a {
  display: block;
  width: 12em;
  padding: 12px 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
body.my_expense_reports ul#primary_navigation li#bills .t,
body.my_expense_reports ul#primary_navigation li#bills,
body.bills_manage ul#primary_navigation li#bills_manage .t,
body.bills_manage ul#primary_navigation li#bills_manage,
body.users ul#primary_navigation li#users .t,
body.users ul#primary_navigation li#users {
  background: transparent url(/images/primary_navigation_bg.png) no-repeat right -68px;
}
body.my_expense_reports ul#primary_navigation li#bills .t,
body.bills_manage ul#primary_navigation li#bills_manage .t,
body.users ul#primary_navigation li#users .t {
  background-position: left -68px;
}
body.my_expense_reports ul#primary_navigation li#bills a,
body.bills_manage ul#primary_navigation li#bills_manage a,
body.users ul#primary_navigation li#users a {
  color: #1d544e;
  font-weight: bold;
}

/*
  Container styles
*/
.container {
  background-color: #f3fddc;
  border: 1px solid #5C5C5C;
  margin-bottom: 30px;
}
.container h3 {
  margin: 0;
}
.container div.bd {
  padding: 10px;
}

.container table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.container tr.even {
  background-color: #fff;
}
.container tr.odd {
  background-color: #edf8f8;
}
.container thead th,
.container thead td {
  border-bottom: 2px solid #b8b8b8;
  background-color: #dcdcdc;
  color: #010101;
  font-weight: bold;
  text-align: left;
}
.container td,
.container th {
  padding: 4px 20px;
  margin: 0;
  border: 1px solid #b8b8b8;
}
.container tfoot td {
  border-style: none;
  margin: 0;
  padding: 0;
}
.container tfoot .highlight {
  display: block;
  padding: 4px 20px;
  margin-top: 13px;
  border: 2px solid #f6cb78;
  background-color: #fae1a4;
  color: #000;
  font-weight: bold;
}

/* Solo Upsell link */
p#upsell {
  position: absolute;
  left: 260px;
  top: 94px;  
}


/*
  my expense reports
 */
 a.create_new_report {
   display: block;
   width: 176px;
   height: 27px;
   padding: 0;
   background-image: url(/images/create_new_report_btn.png);
   text-indent: -9000px;
   cursor: pointer;
 }
 * html a.create_new_report {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/create_new_report_btn.png');
 }

.container td.date {
  width: 90px;
} 
.container td.actions {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 175px;
}
.container td.currency,
.container td.currency .highlight {
  width: 200px;
  text-align: right;
}
.link_to_bill {
  padding-left: 20px;
  background: transparent url(/images/bill_icn.gif) no-repeat center left;
}

.container td.actions ul {
  padding: 0;
  margin: 0;
}
.container td.actions ul li {
  float: right;
  height: 28px;
  line-height: 28px;
  margin: 0 0 0 3px;
  padding: 0;
  list-style-type: none;
}
a.mark_bill_paid,
a.delete,
a.edit {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  cursor: pointer;
}
a.edit {
  background: transparent url(/images/edit_btn.png) no-repeat;
}
a.delete {
  background: transparent url(/images/delete_btn.png) no-repeat;
}
a.mark_bill_paid {
  background: transparent url(/images/paid_btn.png) no-repeat;
}

/*
  login page
 */
.no_login {
  padding-left: 10px;
  font-size: 90%;
  color: #666;
}

/*
  feedback page
 */
input#email_address {
  width: 290px;
}
textarea#comments {
  width: 290px;
  height: 200px;
}
span.optional {
  font-style: italic;
  font-weight: normal;
  color: #666;
}

/*
  Update account tiers
 */
table.account_tiers {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
/* side header and top header */
table.account_tiers th
table.account_tiers td {
  white-space: nowrap;
  padding: 7px 6px;
}
table.account_tiers th {
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
table.account_tiers th span {
  font-size: 90%;
  color: #999;
  font-weight: normal;
}
table.account_tiers th.side,
table.account_tiers th.action {
  background-color: #222;
  border-bottom: 1px solid #999;
}
table.account_tiers th.side {
  font-size: 150%;
  text-align: right;
}
table.account_tiers th.action span {
  font-weight: normal;
  font-size: 95%;
  color: #98de54;
  padding: 0;
}
table.account_tiers th.action a {
  color: #0283c6;
}
table.account_tiers th.action strong {
  color: #f00;
}
/* current tier styles */
table.account_tiers tr.current_account_tier td,
table.account_tiers tr.current_account_tier th {
  color: #000;
  background-color: #f3fddc;
}
table.account_tiers tr.current_account_tier th span {
  color: #000;
}
/* table details */
table.account_tiers td {
  border-bottom: 1px solid #222;
  text-align: center;
}

div.account_tier {
  background-color: #ccc;
  padding: 15px;
  margin-bottom: 20px;
}

/* signup page */
input#credit_card_first_name,
input#credit_card_last_name {
  width: 125px;
}

/*
  Choose account tiers
 */
table.choose_account_tier {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
  font-size: 130%;
  empty-cells: hide;
}
table.choose_account_tier h2 {
  padding: 0;
  margin: 0 0 8px 0;
  color: #000;
  font-size: 120%;
  font-weight: bold;
  border-style: none;
}
table.choose_account_tier th {
  background-color: #b1dad9;
  font-weight: normal;
  border: 1px solid #b8b8b8;
}
table.choose_account_tier td {
  width: 150px;
  border: 1px solid #b8b8b8;
  text-align: center;
  background-color: #dbf1f0;
}
table.choose_account_tier .free_trial {
  color: #1294d0;
  font-size: 90%;
}
table.choose_account_tier .price {
  color: #000;
}
table.choose_account_tier .empty {
  background-color: transparent;
  border-style: none;
}
table.choose_account_tier th.side {
  background-color: #fff;
  text-align: left;
  font-weight: bold;
}
table.choose_account_tier td.max_active_employees {
  padding: 18px 0;
  font-weight: bold;
}
table.choose_account_tier td.footer {
  width: 100%;
  text-align: center;
  background-color: #fff;
}
a.sign_up_btn {
  display: block;
  width: 75px;
  height: 33px;
  margin: 8px auto 0;
  background-image: url(/images/sign_up_btn.png);
  text-indent: -9000px;
  cursor: pointer;
}
* html a.sign_up_btn {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/sign_up_btn.png');
	background-image: none;
}
span.account_tier_yes {
  display: block;
  width: 27px;
  height: 31px;
  margin: 0 auto;
  background-image: url(/images/account_tier_yes.png);
  text-indent: -9000px;
}
* html span.account_tier_yes {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/account_tier_yes.png');
	background-image: none;
}

div.q_and_a {
  width: 500px;
  margin: 0;
}
div.q_and_a h2 {
  padding: 0;
  margin: .5em 0;
  color: #000;
  border-style: none;
}
div.q_and_a p {
  color: #333;
}

/*
  Expense report page
 */
.container table.ledger td,
.container table.ledger th,
.container table.ledger td.currency .highlight {
  white-space: nowrap;
  padding: 2px 4px;
}
.container table.ledger tfoot th.total_label {
  text-align: right;
  border-style: none;
  background-color: transparent;
  vertical-align: center;
}
.container table.ledger tfoot th.total_label span {
  display: block;
  padding-top: 14px;
}
.container table.ledger td input.text,
.container table.ledger td select {
  padding: 1px;
}
.container table.ledger td.date {
  width: 80px;
}
.container table.ledger td.currency,
.container table.ledger td.currency .highlight {
  width: 80px;
}
.container table.ledger td.currency input.text {
  text-align: right;
}
.container table.ledger td.actions {
  width: 80px;
}
.container table.ledger tr.selected td {
  background-color: #d7f0ef;
  border-top: 3px solid #a3ccca;
  border-bottom: 3px solid #a3ccca;
  border-left: 1px solid #a3ccca;
  border-right: 1px solid #a3ccca;
}
.container table.ledger td input.text,
.container table.ledger td select {
  width: 97%;
  border-color: #ccc;
/*  background-color: #d7f0ef;*/
/*  border-style: none;*/
}


.container table.ledger td.date input.text {
  width: 90px;
}
.container table.ledger td.pay_to input.text,
.container table.ledger td.description input.text {
  width: 210px;
}
.container table.ledger td.category select {
  width: 150px;
}
.container table.ledger td.currency input.text {
  width: 90px;
}

/*
  Autocomplete
 */
div.auto_complete {
  background-color: #FFF;
  border: 1px solid #b6e669;
}
div.auto_complete ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
div.auto_complete ul li {
  margin: 0;
  padding: 3px;
  list-style-type: none;
}
div.auto_complete ul li.selected {
  background-color: #f3fddc;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/*
  Categories choice
 */
div.column1 {
  float: left;
  width: 445px;
  z-index: 1000;
}
div.column2 {
  float: right;
  width: 445px;
}
* html div.column1,
* html div.column2 {
  position: relative;
}

table.category_import {
  width: auto;
}
table.category_import .category_name input.text {
  width: 300px;
}

/*
  Bills navigation
 */
ul#bills_navigation {
  position: relative;
  top: 1px;
  padding: 0;
  margin: 0;
}
* html ul#bills_navigation {
  background-color: #345;
  margin-bottom: -1px;
}
ul#bills_navigation li {
  float: left;
  list-style-type: none;
  margin: 0 8px 0 0;
  padding: 0;
  font-size: 110%;
}
ul#bills_navigation li a {
  display: block;
  width: 14em;
  padding: 8px 0;
  color: #666;
  background-color: transparent;
  border-top: 1px solid #5c5c5c;
  border-left: 1px solid #5c5c5c;
  border-right: 1px solid #5c5c5c;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

ul#bills_navigation li.current a {
  color: #000;
  background-color: #f3fddc;
}
ul#bills_navigation li a:hover {
  color: #000;
}

/*
  About page
 */
.management_bio {
  clear: both;
}
.management_bio .title {
  font-style: italic;
  color: #333;
}
.management_bio img {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

/* 
  Tour page
 */
ul#tour_navigation {
  width: 80%;
  padding: 0;
  margin: 2em auto;
}
ul#tour_navigation li {
  display: inline;
  text-align: center;
  list-style: none;
  padding: 0 0 0 10px;
  margin: 0;
}
.tour_summary img {
  display: block;
  border: 3px solid #999;
}
.tour_detail {
  text-align: center;
}
.tour_detail h3,
.tour_detail p {
  text-align: left;
}
.tour_detail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Home page styles */
h1.tagline {
  display: block;
  width: 362px;
  height: 81px;
  background: transparent url(/images/tagline.png) no-repeat;
  margin: 0 0 30px 0;
  padding: 0;
  text-indent: -3000px;
}
* html h1.tagline {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/tagline.png');
	background-image: none;
}
body.root h2 {
  color: #1963bf;
  font: 110% "Arial";
  font-weight: bold;
  background: transparent url(/images/public/h2_bg.png) repeat-x bottom;
  margin: 0 0 10px;
  padding: 0 0 8px;
  border-style: none;
}
body.root h2.quickbooks_integration,
body.root h2.quickbooks_integration a {
  display: block;
  height: 44px;
  width: 332px;
  background-image: none;
}
body.root h2.quickbooks_integration {
  margin: 30px auto;
}
body.root h2.quickbooks_integration a {
  background: transparent url(/images/quickbooks_integration.png) no-repeat;
  text-indent: -3000px;
  cursor: pointer;
}
a#home_take_a_tour {
  float: right;
  margin-top: 24px;
  margin-bottom: 34px;
  cursor: pointer;
}
a.take_a_tour_btn {
  display: block;
  width: 184px;
  height: 53px;
  background-image: url(/images/take_tour_btn.png);
  text-indent: -9000px;
}
* html a.take_a_tour_btn {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/take_tour_btn.png');
	background-image: none;
}
a#home_sign_up_for_free {
  float: left;
  margin-top: 24px;
  margin-bottom: 34px;
}
a.sign_up_for_free_btn {
  display: block;
  width: 184px;
  height: 53px;
  background-image: url(/images/sign_up_for_free_btn.png);
  text-indent: -9000px;
  cursor: pointer;
}
* html a.sign_up_for_free_btn {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/sign_up_for_free_btn.png');
	background-image: none;
}
ul.benefits {
  padding: 0;
  margin: 0 0 0 1em;
}
ul.benefits li {
  padding: 0 0 .15em 0;
}
ul.testimonials {
  padding: 0;
  margin: 0;
}
ul.testimonials li {
  list-style: none;
  padding: 0 0 .75em 0;
  margin: 0;
  color: #040404;
  font-weight: bold;
}
ul.testimonials li a {
  display: block;
  font-weight: normal;
  font-size: 90%;
}
div.product_description {
  float: left; 
  width: 360px; 
  font-size: 120%;
}
div.product_picture {
  float: right; 
  width: 402px;
}
div.latest_news {
  font-size: 110%;
}
img#snapshot {
  border: 1px solid #999;
}


/*
Landing pages
*/
.main_content {
  float: left;
  width: 622px;
}
.secondary_content {
  float: right;
  width: 300px;
}
.secondary_content .sign_up_for_free_btn {
  margin: 0 auto;
}
.secondary_content .callout {
  background-color: #fae1a4;
  border: 2px solid #f6cb78;
  color: #000;
  padding: 8px;
  margin: 15px 0;
}
.secondary_content .callout h3 {
  display: static;
  background-image: none;
  background-color: transparent;
  font-size: 120%;
  font-weight: bold;
  color: #000;
  margin: 0 0 10px 0;
  padding: 0;
}

/*
  introductions
*/

.bd a.introduction_actions {
  font-size: 150%;
}

.bd span {
  font-size: 120%;
  font-weight: bold;
  padding: 0px 40px;
}

.bd h4 {
  font-size: 130%;
  font-weight: bold;
  padding: 4px 10px;
  margin: 10px 0px;
  background-color: #FFF;
  border: 1px solid #CCC;
}

.bd img {
  border: 1px solid #CCC;
}

div.form_sheet {
  border: 1px solid #dbe2cf;
  width: 490px;
}
div.form_sheet form {
  border: 2px solid #fff;
  font-size: 105%;
}
div.form_sheet form h3 {
  position: static;
  padding: 0;
  margin: 0;
  color: #000;
  background-color: #e8f6f6;
  background-image: none;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 3px;
  font-size: 110%;
}
div.form_sheet fieldset {
  padding: 20px 10px;
  margin: 0 0 3px;
  border: 4px solid #e8f6f6;
}
div.form_sheet fieldset.last {
  margin-bottom: 0;
}
div.form_sheet legend {
  display: none;
}
div.form_sheet form p {
  padding: 0;
  margin: 0 0 10px 0;
}
div.form_sheet form p .explanation {
  font-size: 90%;
  color: #aaa;
}
div.form_sheet form p.no_label {
  margin-left: 150px;
}
div.form_sheet label {
  display: block;
  float: left;
  width: 140px;
  font-weight: bold;
  text-align: right;
  padding: 2px 10px 2px 0;
}
input {
  font: 100% "Arial", sans-serif;
}
input.text,
input.password,
textarea.text {
  padding: 2px 5px;
  border: 1px solid #999;
  width: 150px;
}
input.submit {
}
select {
  border: 1px solid #999;
  padding: 2px 0;
}


div.form_help {
  float: left;
  margin-left: 30px;
  padding: 10px;
  border: 1px solid #999;
}
ul.examples li {
  font-style: italic;
}

.form_help h3 {
  position: static;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
  color: #000;
  background-color: transparent;
  background-image: none;
}



input.field_with_errors,
select.field_with_errors,
textarea.field_with_errors {
  border: 1px solid #f00;
  background-color: #e9dada;
}
div.error_explanation {
  width: 452px;
  border: 4px solid #000;
  background-color: #000;
  padding: 15px;
  color: #424242;
  margin: 19px 0;
  border-color: #f00;
  background-color: #e9dada;
}
div.error_explanation h2 {
  background-color: #f00;
  color: #fff;
  border-style: none;
  margin: -15px -15px 15px -15px;
  padding: 5px;
}
div.error_explanation ul {
  margin-top: 15px;
  margin-bottom: 0;
}

/* 
  Secondary Navigation 
 */
ul#secondary_navigation {
  position: absolute;
  right: 24px;
  bottom: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul#secondary_navigation li .t,
ul#secondary_navigation li {
  background: transparent url(/images/secondary_navigation_bg.png) no-repeat top right;
}
ul#secondary_navigation li {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  list-style-type: none;
  padding: 0 9px 0 0px;
  margin: 0 0 0 12px;
  float: left;
  font-size: 90%;
}
ul#secondary_navigation li .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  margin-left: -9px;
  height: 100%;
  _height: 1600px;
  background-position: top left;
}
ul#secondary_navigation li a {
  display: block;
  padding: 6px;
  color: #000;
  text-decoration: none;
  text-align: center;
}

/*
  Secondary navigation
 */
body.one_column #settings_navigation {
  display: none;
}
body.two_column #content {
  float: right;
  width: 778px;
}
body.two_column #settings_navigation {
  float: left;
  width: 150px;
  padding: 24px 0 0 24px;
}
body.two_column #settings_navigation ul {
  padding: 0;
  margin: 0;
}
body.two_column #settings_navigation ul li {
  list-style-type: none;
  display: block;
  font-size: 110%;
  font-weight: bold;
  padding: 8px 15px;
  border-bottom: 1px solid #bddd9a;
}
body.two_column #settings_navigation ul li a {
  text-decoration: none;
  color: #609415;
  background-color: transparent;
}