/* @override 
	http://alpha.expensecloud.com/css/style.css
	https://www.expensecloud.com/css/style.css
	http://assets.expensecloud.com/css/style.css
	http://alpha.expensebay.com/css/style.css
*/

/* @group Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color: #000;
	background: #eeeff0 url(../img/header/bg-header-public.png) repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif;
}
body#home {
	background: #f1f3f2 url(../img/home/background.png) repeat-x;
}

body#portal {
}
body#public{
	background: #ffffff url(../img/header/bg-header-public.png) repeat-x;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* @end */

/* @group Links */
a:link, a:visited {
	color: #2365b4;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #54adea;
	text-decoration: none;
}
/* Over ride JQueryUI Link Color */
.ui-widget-content a { color: #2365b4 !important; }

/* @end */

/* @group Headings */

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial;
  font-weight: normal;
  color: #454545;
}
h1 {
	font-size: 28px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	color: #000;
}
h2 {
	font-size: 2.2em;
	line-height: 1.5em;
	padding-bottom: .5em;
}
h3 {
	font-size: 1.7em;
	font-weight: normal;
	padding-bottom: .5em;
	color: #656565;
	text-shadow: 0 1px #fff;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	color: #000;	
}
h5 {
}
h6 {
}



/* @end */

/* @group Round Corners */
.round {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
.round_3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* @end */

/* @group Wraps */

#header_wrap {
  min-width: 960px;
  background: url(../img/header/bg-header.png) repeat-x;
  position: relative;
  overflow: hidden;
}
#content_wrap {
  min-width: 960px;
  position: relative;
	padding: 0;
	z-index: 1;
}
#footer_wrap {
  position: relative;
  width: 100%;
  background: url(../img/footer/bg-footer-main.png) repeat-x #153c68;
  min-height: 300px;
  margin-top: 10px;
}
/* @end */

/* @group Header */
#header {
  width: 960px;
  margin: 0 auto;
  height: 170px;
  position: relative;
}
body#home #header {
  height: 416px;
}
#head_logo{
	background: url(../img/header/ec-logo.png) no-repeat;
	position: absolute;
	width: 246px;
	height: 75px;
	top: 5px;
	left: 0;
}

/*Top Navigation*/
ul.top_links {
  float: right;
  position: absolute;
  right: 0px;
  top: 11px;
  font-size: 1.3em;
  color: #bebebe;
}
ul.logged_in {
  right: 0px;
}
ul.top_links li {
  display: inline;
}
ul.top_links li a {
  padding: 0 1px;
  color: #ffffff;
}
/*Share*/
.share {
  position: absolute;
  top: 10px;
  right: 0px;
}
/*Login Form*/
#login_wrap {
  position: absolute;
  right: 260px;
  top: 10px;
  width: auto;
}
#UserLoginForm {
  float: right;
}
#UserLoginForm input {
  border: 1px solid #bebebe;
  background: #fff url(../img/home/form_bg.png) repeat-x 0 0;
  -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px;
	margin-bottom: 4px;
}
#UserLoginForm p {
  float: left;
  margin-right: 5px;
  display: inline;
}
#UserLoginForm #submit {
  background: #ededed url(../img/home/button_bg.png) repeat-x 0 0;
  padding: 4px 5px;
  padding-bottom: 3px;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
}
/*Forgot Link*/
a.forget {
  color: #70c443;
}
a:hover.forget {
  color: #000;
}

/*Logged in User Info*/
.user_info {
  position: absolute;
  right: 0px;
  top: 45px;
  font-size: 1.3em;
  color: #bebebe;
}
.user_info li {
  display: inline;
}
.user_info li a {
  padding: 0 1px;
}
.user_info li span {
  color: #000;
}
.user_info .last a {
  color: #fff;
  background: #000;
  padding: 7px 10px;
  margin-left: 5px;
  text-transform: uppercase;
}
.user_info .last a:hover {
  color: #fff;
  background: #333;
}

/*Navigation*/
#navigation {
  position: absolute;
  left: 0;
  top: 84px;
  height: 30px;  
}
#navigation li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  height: 33px;
  background: #173e69;
  border-top: 1px solid #205385;
  border-left: 1px solid #205385;
  border-right: 1px solid #112e4f;
  
}
#navigation li:first-child{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-left: 1px solid #112e4f;
}
#navigation li:last-child{
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px
}
#navigation li a {
  display: block;
  padding: 9px 15px 14px;
  height: 12px;
  font-size: 12px;
  color: #ffffff;
}
#navigation li a{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
#navigation li active{ /* not needed */}
#navigation li a:hover, #navigation li a.active {
  color: #454545;
  background: url(../img/header/nav-bg-active.png);
  height: 10px;
}
#navigation li span{
	float: left;
	padding: 12px 0;
	height: 26px;
	width: 1960px;
	position: absolute;
	background: url(../img/header/bg-subnav-tile.png) repeat-x;
	padding-left:999px;
	left: -999px; top:32px; /*cheap hack. */
}
#navigation li:hover span { display: block; } /*--Show subnav on hover--*/
#navigation li span a { display: inline;color: #666666; }
#navigation li span a:hover,#navigation li span a.active {
	text-decoration: none; 
	background: #1a4474;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	 /*--Bottom rounded corner--*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/*Large Home Panel*/
#home_panel {
  position: absolute;
  top: 118px;
  left: 0;
  height: 300px;
  width: 940px;
  background: url(../img/home/bg-lightray.jpg) no-repeat;
}
.screen_shots {
  position: absolute;
  top: -76px;
  left: 480px;
}
.panel_tag_line {
  position: absolute;
  left: 0;
  top: 50px;
}
.panel_details {
  position: absolute;
  left: 0;
  top: 90px;
}
a.panel_tour {
  position: absolute;
  left: 240px;
  top: 219px;
  height: 43px;
  width: 199px;
  background: url(../img/home/btn-taketour.png) no-repeat 0 0;
  text-indent: -9999px;	
}
a.sign_up {
  position: absolute;
  left: 0px;
  top: 219px;
  height: 43px;
  width: 199px;
  background: url(../img/home/btn-signup.png) no-repeat 0 0;
  text-indent: -9999px;
}
a:hover.sign_up {
  background-position: 0 -45px;
}
a:hover.panel_tour {
  background-position: 0 -45px;
}
/* @end */

/* @group Homepage Content */

#content {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0;
  min-height: 100px;
  position: relative;
}

#content p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding-bottom: 1.3em;
}

#homepage_left{
	width: 580px;
	float: left;
	margin-top: 20px;
}

#homepage_right{
	width: 358px;
	float: right;
	height: 409px;
	margin-top: 15px;
	background: url(../img/home/bg_panel.png);
}
	#homepage_right p{
		position: relative;
		top: 50px;
		padding: 0 15px;
		color: #557497;
		font-size: 12px;
	}

.home_lft {
	width: 270px;
	float: left;
	margin-bottom: 30px;
}

.home_rgt {
	width: 270px;
	float: left;
	margin-bottom: 30px;
}

.home_lft .icon,
.home_rgt .icon {
	width: 65px;
	float: left;
}

.home_lft .text,
.home_rgt .text {
	width: 190px;
	float: left;
	color: #555;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 1.3em;
}

.text b {
	color: #111;
}

#home_blog{
  width: 300px;
	float: left;
	padding: 10px;
}
.blog_articles{
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 1.3em;
}

#twitter {
  width: 300px;
  float: left;
  padding: 10px;
}
#home_quotes{
	width: 300px;
	float: left;
}
#home_quotes .quote{
	padding-top: 30px;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: .5em;
}
#home_quotes .auth{
	float: right;
	font-size: 1em;
}
#home_quotes .imgleft{
	float: left;
	padding-bottom: 5px;
	padding-right: 5px;
}
.who_use_eb {
	position: relative;
	height: 284px;
	background: url(../img/home/who_is_using_eb_bg.png) center bottom no-repeat;
}

.who_use_eb_content {
	height: 235px;
}

#flowtabs li {
	display: inline;
	float: left;
	margin: 0;
	padding:0;
	border-right: 1px solid #273747;
	border-left: 1px solid #5C728A;
}

#flowtabs li.first {
	border-left: none;
}

#flowtabs li.last {
	border-right: none;
}

#flowtabs li a {
	font-size: 12px;
	font-weight: bold;
	color: #FEFEFE;
	display: block;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding:0 15px;
}

#flowpanes { 
    position: relative; 
    overflow: hidden; 
    clear: both; 
} 
 
#flowpanes div { 
    float: left; 
    display: block; 
    width: 960px; 
    cursor: pointer; 
    font-size: 14px; 
} 
 
#flowpanes .items { 
    width: 20000em; 
    position: absolute; 
    clear: both; 
    margin: 0; 
    padding: 0; 
}
	#flowpanes h2{
		padding-top: 34px;
		margin-top: 34px;
		font-size: 23px;
		padding-left: 82px;
		font-weight: bold;
	}
	#flowpanes p{
		padding-left: 82px;
		padding-right: 500px;
		font-size: 14px;		
	}
#flowtabs {
	margin-left: 2px;
}
 
#flowtabs li a.current {
	background: #fefbcd;
	color: #111;
}

#flowtabs li.first a.current {
	background: #fefbcd;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	color: #111;
}

#individuals {
	background: url(../img/home/image-individuals.png) center bottom no-repeat;
	height: 235px;
	
}
#business {
	background: url(../img/home/image-biz.png) center bottom no-repeat;
	height: 235px;
}

#salesforce {
	background: url(../img/home/image-sfdc.png) center bottom no-repeat;
	height: 235px;
}

button.prev {
	position: absolute;
	left: 15px;
	top: 120px;
	background: transparent url(../img/home/arrow_left.png) no-repeat scroll 0 0;
	border: 0 none;
	height: 45px;
	width: 45px;
	cursor: pointer;
}

button.next {
	position: absolute;
	left: 902px;
	top: 120px;
	background: transparent url(../img/home/arrow_right.png) no-repeat scroll 0 0;
	border: 0 none;
	height: 45px;
	width: 45px;
	cursor: pointer;
}
/* @end */

/* @group Structure */
#full_page {
  width: 100%;
}
#page {
  width: 660px;
  float: right;
}

/*Each Product*/
#products {
	width: 715px;
	float: right;
}
.each_product {
  clear: both;
  margin-bottom: 20px;
}
.each_product_text {
  width: 385px;
  float: left;
}
.each_product_img {
  width: 220px;
  padding-top: 20px;
  float: right;
}
.each_product_img img {
  float: left;
}

#prod_screenshot{
	float: right;
	padding: 15px 0 15px 15px;
	margin: 15px 0 15px 15px;
}

/* @end */

/* @group Products Sidebar */

#sidebar {
	width: 200px;
	float: left;
	margin-right: 40px;
}
#accordion h3 a{
	font-size: 1.3em;
	color: #000000;	
}
#sidebar li{
	line-height: 1.5em;
}
#sidebar li a:hover {
	color: #54adea;
}
/* @end */

/* @group Report Actions */

a.add_new_report {
	position: absolute;
	height: 33px;
	width: 205px;
	background: url(../img/reports/btn-newreport.png) no-repeat 0 0;
	text-indent: -9999px;
}

.noteTip {
	overflow: hidden;
}

.reportTotal {
	width: 60px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	height: 25px;
	line-height: 25px;
}

.totalValue {
	width: 90px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	height: 25px;
	line-height: 25px;
}

.prePaid {
	color: #459BEE;
}

.totalAmountValue {
	border-top: 1px solid #CCC;
	color: #249402;
}

.totalAmountLabel {
	border-top: 1px solid #CCC;
	color: #111;
}

.labelWrapper {
	width: 60px;
	float: right;
}

.valueWrapper {
	width: 90px;
	float: right;
}

.div-txt {
	width: 293px;
	height: 29px;
	background: url(../img/reports/report-name-input.png) no-repeat 0 0;
	float: left;
}

.div-txt-with-right-border {
	border-right: 1px solid #9BA2A8;
}

.div-txt input {
	border: 0px solid transparent;
	margin-left: 5px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
}

#saveReportName {
	float: left;
	width: 67px;
	height: 33px;
	background: url(../img/reports/btn-save.png) center center no-repeat;
	cursor: pointer;
}

#previewTrigger {
	float: left;
	width: 139px;
	height: 31px;
	background: url(../img/reports/btn-previewpdf.png) center center no-repeat;
	cursor: pointer;
	margin-left: 54px;
}

#downloadTrigger {
	float: left;
	width: 139px;
	height: 31px;
	background: url(../img/reports/btn-download.png) center center no-repeat;
	cursor: pointer;
	margin-left: 10px;
}

#unlockReport {
	float: left;
	width: 200px;
	height: 60px;
	cursor: pointer;
}

.editNoteWrapperTop {
	position: absolute;
	left: 565px;
	top: 30px;
	background: url(../img/reports/note-hvr-top.png) top center no-repeat;
	padding-top: 8px;
}

.editNoteWrapperBottom {
	background: url(../img/reports/note-hvr-bot.png) bottom center no-repeat;
	padding-bottom: 20px;
}

.editNoteWrapperContent {
	background: url(../img/reports/note-hvr-mid.png) top center repeat-y;
	height: 100px;
	width: 249px;
	text-align: center;
}

#noteContent {
	height: 80px;
	width: 90%;
	border: 1px solid #2F79C2;
}

.panel-action a {
	color: #FEFEFE;
	font-weight: bold;
	padding: 5px;
}

/* @end */

/* @group Table Wrap */

.table_wrap {
  position: relative;
}
.table_head {
  height: 40px;
  position: absolute;
  top: 10px;
  left: -5px;
  z-index: 1;
}
.th_950 {
  background: url(../img/table_head_950.png) no-repeat 0 0;
  width: 950px;
}
.table_head h3 {
  color: #fff;
  display: inline;
  float: left;
  padding: 10px 10px 0 15px;
}
.head_text {
  position: relative;
  top: 6px;
  padding: 5px;
  width: 280px;
  background: #fff;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.head_button {
  position: relative;
  top: 6px;
  padding: 4px 5px;
  background: #000 url(../img/head_button.png) repeat-x 0 0;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}
.edit_toggle {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
}
.edit_report{
	position: absolute;
	right: 85px;
	top:  11px;
	width: 35px;
}
/* @end */
/* @group Table */
table { 
  width:100%;
  background: #fcfcfc;
  border: 1px solid #d9dbdb;
  padding: 1px;
  padding-top: 50px;
  position: relative;
}
/* Reset for embedded tables */
table.tblreset{
	padding-top: 0px;
}
th, td {
  font-size: 1.1em;
  line-height: 1.6em;
  padding: 0.4em;
  /*max-width: 25em;*/
  position: relative;
  vertical-align: top;
}
th {
  color: #fff;
  text-transform: uppercase;
  background: #56aeea url(../img/thead.png) repeat-x 0 0;
  border-bottom: 1px solid #fff;
}
th.checkbox, 
td.checkbox {
  width: 0px; 
  padding: 0 .4em;
  padding-right: 0em;
}
th.checkbox input, 
td.checkbox input {
  margin-top: .4em;
}
td {
  background: #fcfcfc;
  border-top: 1px solid #ddd;
}
tr:hover td {
  background: #f3f3f3;
  border-top: 1px solid #d9dbdb;
}
tr:hover td.total_cost, 
tr:hover td.colspan_12 { 
  border-top: 1px solid #d9dbdb;
}
tr:hover td.total_cost {
  background: #cdf8bb;
}
tr:hover td.colspan_12 {
  background: #fff;
}
.total {
  text-align: center;
}
.total_cost {
  background: #cdf8bb;
  color: #000;
  font-size: 1.4em;
  vertical-align: middle;
  text-align: center;
}
.colspan_12 {
  background: #fff;
  text-align: right;
  color: #000;
  font-size: 1.3em;
  line-height: 1.3em;
}

/* @end */




/* @group Footer */

#footer {
  width: 940px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 40px 0;
  font-size: 1.3em;
  line-height: 1.6em;
}
#footer p {
  padding-bottom: 10px;
  color: #8d9db2;
}
#footer a{
	color: #FFFFFF;
}

#footer_badges {
	vertical-align: middle;
}
/* @end */



/* @group Error Messages & info box */
	.error, .notice, .success {padding:5px;margin-top:3px;border:2px solid #ddd;}
	.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
	.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
	.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
	.error a {color:#8a1f11;}
	.notice a {color:#514721;}
	.success a {color:#264409;}
	#maintain{
		position: absolute;
		z-index: 1000;
		width: 100%;
		}

.infobox{
	margin: 15px auto;	
	border:2px solid #dce860; 
	background:#edf878; 
	width: 700px;
	min-height: 50px;
	padding: 10px 30px;
	position: relative;
}
.infoimg{
	width: 60px;
	float: left;
}
.infotext{
	float: left;
	width: 620px;
	font-size: 13px;
	line-height: 15px;
	padding: 5px 0px;
}
.infoclose{
	top: 5px;
	right: 5px;
	position: absolute;
}

.pagearrowsleft{
	float:left;
	width:25px;
	height:24px;
	background: transparent url(../img/reports/preview/page-arrows-left.png) 0 -25px;
}

.pagearrowsleftdisable{
	float:left;
	width:25px;
	height:24px;
	background: transparent url(../img/reports/preview/page-arrows-left.png) 0 0;
}


.libimgbox{
	margin-bottom:1em;
	border:1px solid #1C8DD9; 
	background:#A2D4F9; 
	color:#213888; 
	width: 480px;
	height: 45px;
	padding: 10px 30px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	display: block; /* temporary so I can sync to production */
}

.templatebox{
	margin-bottom:1em;
	background:transparent url(../img/reports/preview/bg-page.png) no-repeat scroll 0 0;
	color:#514721; 
	width: 296px;
	height: 30px;
	padding: 4px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	top: -30px;
	display: block; /* temporary so I can sync to production */
}


.viewlibimg{
	margin-top:7px;
	width: 156px;
	float: right;
}

.pagearrowsright{
	margin-top:0px;
	float: right;
	width:25px;
	height:24px;
	margin-right: 4px;
	background: transparent url(../img/reports/preview/page-arrows-rgt.png) 0 -25px;
}

.pagearrowsrightdisable{
	margin-top:0px;
	float: right;
	width:25px;
	height:24px;
	margin-right: 4px;
	background: transparent url(../img/reports/preview/page-arrows-rgt.png) 0 0;
}

.libimgtext{
	float: left;
	width: 250px;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-top: 5px;
	color: #233587;
}

.templatetext{
	float: none;
	width: 150px;
	font-size: 12px;
	line-height: 1.4em;
	padding-top: 0px;
	color:#2F2D2E;
	margin: 0 auto;
}

/* @end */

/* @group Twitter */

#twitter_update_list{
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 1.3em;
}
#twitter_update_list li{
	padding-bottom: 1em;
}
/* @end */
/* @group Registration Page */
span.req{
	color: red;
}

.regtop{
	font-size: 1.5em;
	line-height: 1.6em;
	padding-bottom: 1.5em;
}

#recaptcha_area{
	width: 450px;
}


div#normal_registration{
	width: 400px;
	float: left;
	padding-top: 10px;
}

div#register {
	width: 825px;
	margin: 0 auto;
	padding: 10px;
	border: 2px #D9DEE5 solid;
	background-color: #E2E7EE;
}

div.register_content {
	clear: both;
	padding: 20px 10px 0 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 1px #CCD3DA solid;
	width: 800px;
}

div.register_content_item {
	clear: both;
	min-height: 29px;
	margin-bottom: 20px;
}
/* @end */

/* @group Bullet Styles */

ul.listStyle {
	list-style: disc outside;
}

ul.listStyle li {
	margin-left: 30px;
	font-size: 1.3em;
  	line-height: 1.4em;
}
ol{
	font-size: 12px;
	list-style: decimal;
	padding: 0 0 0 25px;
}

/* @end */

/* @group Overview */
.expense_amount {
	background: url(../img/overview/bg-owedamt.png);
	height: 128px;
	margin: auto;
}
.owes{
	font-size: 1.9em;
	line-height: 2.5em;
}
.owesamt{
	padding-top: 0.4em;
	color: white;
	font-size:3.5em;
	overflow: hidden;
	width: 250px;
}
.left_panel{
	width: 285px;
	margin: 0 0 15px;
}

#left_side{
	float: left;
	padding-right: 10px;
}
.portal_button {
  position: relative;
  padding: 4px 5px;
  background: #000 url(../img/head_button.png) repeat-x 0 0;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}
#overview_leftcontent{
	width: 290px;
	float: left;
	margin-right: 10px;
}
#overview_rightcontent{
	width: 355px;
	float: left;
}
#report_activity{
	padding-bottom: 10px;
	width: 660px;
}
.radate{
	float: right;
	padding-right: 25px;
}
.radate img{
	padding-left: 5px;
	vertical-align: text-top;
}

.radesc{
	width: 355px;
	text-indent: 100px;
}
.report_activity_top{
	background: url(../img/overview/bg-activity-top.png) no-repeat; /*report activity top*/
	height: 33px;
	text-indent: 175px;
	padding-top: 15px;
}
.report_activity_item{
	line-height: 2.2em;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 1.3em;
	text-indent: 15px;
	background: url(../img/overview/bg-activity-mid.png);
	
}
.report_activity_bottom{
	background: url(../img/overview/bg-activity-bottom.png);
	height: 40px;
}
#left_accounts{
	background: url(../img/overview/accts-header.png);
	width: 284px;
	height: 37px;
}
.left_acct_text{
	font-size: 1.9em;
	line-height: 2.2em;
	padding-left: 20px;
}
.left_acct_ul{
	background: url(../img/overview/accts-bg-item.png);
	width: 264px;
	height: 30px;
	padding-left: 20px;
	padding-top: 7px;
}
left_acct_il{
	background: url(../img/overview/accts-detail-bg-mid.png);
	width: 264px;
	height: 30px;
	padding-left: 20px;
	padding-top: 7px;
}
#profile_bar{
	background: url(../img/overview/bg-profile.png);
	width: 284px;
	height: 62px;
	padding-top: 5px;
}
.ui-corner-left { -moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; -moz-border-radius-bottomleft: 25px; -webkit-border-bottom-left-radius: 25px; }
/*.ui-widget-header { border: 1px solid #0f6909; background: #0f6909 url(../img/overview/profile-green-mid.png) 50% 50% repeat-x;}*/
/*.ui-widget-content { border: 1px solid #a6c9e2; background: #c6d2df; }*/
.ui-corner-all { -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable */
.ui-progressbar { height:1.5em; text-align: left; margin: 5px 15px; }
a.blog_title { color: #000; display: block; margin-bottom: 10px; font-size: 1.7em; line-height: 1.7em; padding-top: 10px;}
.wpcomment{font-size: .7em;color: #a9a9a9;}

#acctbox1,#acctbox2,#acctbox3,#acctbox4,#acctbox5,#acctbox6,#acctbox7{
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0em;
}

#acctbox1 .rightimg, #acctbox2 .rightimg, #acctbox3 .rightimg, #acctbox4 .rightimg, #acctbox5 .rightimg, #acctbox6 .rightimg, #acctbox7 .rightimg{
	padding: 8px;
	float: right;
}
/* @end */

/* @group Transactions Page */
span.personal {
	 border: 1px solid #FFF;
	 background: #4CABEB;
	 padding: 3px 5px 3px 5px;
	 font-weight: bold;
	 color: #FFF;
}
span.spacer {
	 border: none;
	 background: none;
	 padding: 3px 11px 3px 5px;
}
span.receipt {
	 border: 1px solid #FFF;
	 background: #8016EA;
	 padding: 3px 5px 3px 5px;
	 font-weight: bold;
	 color: #FFF;
}

span.submitted {
	 border: 1px solid #FFF;
	 background: #3CE453;
	 padding: 3px 5px 3px 5px;
	 font-weight: bold;
	 color: #FFF;
}

span.unsubmitted {
	 border: 1px solid #FFF;
	 background: #DC292C;
	 padding: 3px 5px 3px 5px;
	 font-weight: bold;
	 color: #FFF;
}

a.add_new_transaction {
	position: absolute;
	left: 350px;
	top: 0px;
	height: 33px;
	width: 205px;
	background: url(../img/add-new-transaction.png) no-repeat 0 0;
	text-indent: -9999px;
}

span.span_tag {
	float:left;
}
/* @end */


/* Things below this line still need to be refactored */

/* @group Get Satisfaction Widget */
div#gsfn_list_widget img { border: none; }
div#gsfn_list_widget {width: 285px; border: 0;}
div#gsfn_list_widget a.widget_title {color: #000; display: block; margin-bottom: 10px; font-size: 1.7em; line-height: 1.7em; padding-top: 15px;}
div#gsfn_list_widget .powered_by { }
div#gsfn_list_widget .powered_by a { }
div#gsfn_list_widget div#gsfn_content { }
div#gsfn_list_widget div#gsfn_content li { text-align:left; margin-bottom:6px; }
div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1; font-size: 1.3em; }
div#gsfn_list_widget div#gsfn_content span.time { font-size: 1.3em; padding-left: 3px; }
div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px }
/* @end */

/* @group Tour Page */
#tourlft{
	float: left;
	width: 375px;
	padding-right: 30px;
}
#tourrgt{
	float: left;
	width: 555px;
}	
.tourblock{
	padding-top: 10px;
	padding-bottom: 10px;
}
.tourlftimg{
	float: left;
	padding-right: 25px;
}
.tourrgtimg{
	float: right;
	padding: 10px;
}
/* @end */

/* @group Travel Perks */

table.frequency_saving{
}

table.frequency_saving tr th{
	text-align:center;
}

div.saving {
	background: #FFF;
	border: 1px solid #6EAEDA;
	text-align: left;
	padding-left: 5px;
	margin-bottom: 15px;
}

table.boxes {
	border: 0 none;
	padding: 10px 10px 15px 10px;
}

table.boxes tr:hover td {
  background: transparent;
  border-top: 0;
}

table.boxes td {
	border: 0 none;
	text-align: center;
	padding: 0;
}

table.boxes td.first {
	text-align: left;
}

table.boxes td.header {
	text-align: left;
	color: #3497DA;
	font-size: 2.2em;
	line-height: 2.2em;
	font-weight: bold;
}

table.boxes td.border {
	border-bottom: 1px solid #D9DBDB;
}

table.boxes td.month {
	font-weight: bold;
}

table.boxes td.percent {
	font-size: 150%;
	font-weight: bold;
}

table.boxes td.signup {
	background: url(../img/saving/apply_now.png) center no-repeat !important;
}

/* @end */

/* @group Accounts */


div#cards {
	width: 500px;
	position: relative;
	left: 50%;
	margin-left: -250px; /* half the width of the div */
}

div.card {
	min-height: 189px;
	width: 500px;
}

div.card table {
	background-color: transparent;
  	border: 0;
  	padding: 0;
}

div.card table td {
	border: 0;
	padding: 0;
	background: #FCFCFC;
}

div.card table td a{
	text-decoration: none;
	color: blue;
}

div.card table td.top-left {
	background: transparent url(../img/cards/top-left.png) no-repeat scroll 0 0;
	width: 30px;
	height: 30px;
}

div.card table td.top-right {
	background: transparent url(../img/cards/top-right.png) no-repeat scroll 0 0;
	width: 30px;
	height: 30px;
}

div.card table td.top-center {
	background: transparent url(../img/cards/top-center.png) repeat-x scroll 0 0;
	height: 30px;
}

div.card table td.body-left {
	background: transparent url(../img/cards/body-left.png) repeat-y scroll 0 0;
	width: 30px;
}

div.card table td.body-right{
	background: transparent url(../img/cards/body-right.png) repeat-y scroll 0 0;
	width: 30px;
}


div.card table td.bottom-left {
	background: transparent url(../img/cards/bottom-left.png) no-repeat scroll 0 0;
	width: 30px;
	height: 30px;
}

div.card table td.bottom-right {
	background: transparent url(../img/cards/bottom-right.png) no-repeat scroll 0 0;
	width: 30px;
	height: 30px;
}

div.card table td.bottom-center {
	background: transparent url(../img/cards/bottom-center.png) repeat-x scroll 0 0;
	height: 30px;
}

a.add_account {
	background: transparent url(../img/add_account.gif) no-repeat scroll 0 0;
	display: block;
	cursor: pointer;
	height: 49px;
	width: 184px;
	position: relative;
	left: 400px;
	border: none;
}

table.account_button {
	width: 600px;
	border:none;
	margin-bottom: 10px;
	background: transparent;
}
table.account_button tr td{
	padding: 0;
	text-align: center;
	border: none;
	vertical-align: middle;
	width: 120px;
	height: 105px;
	background: transparent url(../img/cards/account_button.png) no-repeat scroll 0 0;
}

table.account_button tr td:hover {
	cursor:pointer;
}

.acct_heading{
	font-size: 24px;
	line-height: 28px;
}

.acct_subheading{
	color: #c9090e;
	font-size: 1.4em;
}

td.card_heading{
	color: black;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
div.error_message {
	text-align: center; 
	font-weight: bold; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	color: rgb(255, 145, 35);
}


/* @end */

/* @group Pricing */

#pricing {
	margin: 0 auto;
	padding: 10px;
	border: 2px #D9DEE5 solid;
	background-color: #E2E7EE;
}

#pricingTbl {
	clear: both;
	padding: 0px; 
	margin-top: 10px; 
	border: 1px #E0E6EE solid;
}

#pricingTbl td{
	text-align: center;
}

#pricingTbl td.plan {
	background: #0B9FFF;
	color: white;
	text-align: center;
}

#pricingTbl td.heading {
	text-align: left;
	padding-left: 10px;
	font-size: 1.5em;
}

#pricingTbl td.subheading {
	text-align: left;
	padding-left: 20px;
	font-weight: normal;
}

#pricingTbl td.notes {
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom: 1px #616266 solid;
}

div.plan-name {
	font-size: 1.5em; 
	font-weight: bold;
}

div.plan-price {
	font-weight: bold;
	padding-top: 5px;
}
.pricingtext{
	float: left;
	width: 440px;
	padding-right: 10px;
}
div.title1 {
	font-size: 1.7em;
	font-weight: bold;
	padding: 20px 0;
}

div.title2 {
	font-size: 1.3em;
	font-weight: bold;
}

/* New Pricing stuff. June 11 */

	#pricingTbl td {
		vertical-align: middle;		
	}

	#pricingTbl td.pricing_header {
		font-weight: bold; 
		font-size: 20px;
		line-height: 38px; 
		background-color: #FFFAE6;
		color: #29517C;
		padding: 0px;
	}	
	#pricingTbl td.paid_plans {
		background-color: #E3F5FF;
		border-left: 3px #41B0FA solid;
		border-right: 3px #41B0FA solid;
	}
	
	div.plan_details {
		background-color: #E3F5FF;
		border: 1px #D1DFED solid;
		border-left: none;
		border-bottom: none;
		padding: 10px 5px;
		float: right;
		text-align: center;
		min-height: 170px;
	}
	
	div.plan_details p {
		padding-bottom: 0 !important;
		font-size: 1.2em !important;
	}
	
	div.plan_details div.additional_users {
		border-top: 1px #D1DFED solid; 
		border-bottom: 1px #D1DFED solid;
		padding: 5px 0 5px 0;
		margin: 10px 0 10px 0;
	}
	
	div.plan_details span.additional_user_rate {
		font-weight: bold;
		color: #349F15;
	}
	
	div.plan_details p.plan_for {
		font-weight: bold;
		font-size: 1.1em !important;
		color: #2880D4;
	}
	
	div.plan_details p.plan_price {
		font-weight: bold;
		font-size: 1.8em !important;
	}
	
	div.plan_details p.plan_based_licenses {
		font-weight: bold;
		font-size: 2em !important;
		color: #39597B;
	}
	
	div.plan_details div.plan_select_btn {
		cursor: pointer;
	}
	
	div.plan_details_selected {
		background-color: #FFFFFF;
		border-right: 1px #FFFFFF solid;
		border-top: 1px #D1DFED solid;
		float: right;
		padding: 0 5px;
	}
	div.plan_details_selected div.plan_details_item {
		margin-bottom: 5px;
	}
	div.plan_details_item_label {
		font-size: 1.2em;
		float: left;
		width: 44px;
	}
	
	div.plan_selected {
		border: 1px #D1DFED solid;
		border-top-color: #FFFFFF;
		width: 40px;
	}
	
	div.plan_update_btn {
		cursor: pointer;
		width: 116px;
		margin: 0 auto;
		padding: 10px 0; 
	}
	
	#flashMessage {
		font-size: 1.5em; 
		color: red;
		margin-bottom: 20px; 
	}
	
	#currentPlanWrapper {
		width: 750px;
		margin: 20px auto;
		background-color: #FFFAE6;
		border: 1px solid #D1DFED;
	}
	#currentPlanWrapper div.current_plan {
		float: left;
	}
	#currentPlanWrapper div.col1 {
		background: transparent url(../img/pricing/current-plan.png) no-repeat 0 0;
		height:135px;
		width:264px;
		font-size:1.8em;
		font-weight:bold;
		color: white;
	}
	
	#currentPlanWrapper table {
		border-style: none;
		padding: 15px 0px 0px 10px;
		background-color: #FFFAE6;
	}
	#currentPlanWrapper table td {
		border-style: none;
		background-color: #FFFAE6;
		font-size: 1.2em;
		padding-right: 20px;
	}
	#currentPlanWrapper table td.last {
		border-left: 1px solid #D1DFED;
		padding-left: 20px;
	}
	
	#deleteProfileDiv {
		cursor:pointer;
		font-size:1.2em;
		font-weight:bold;
		margin:5px 0;
		padding:4px 10px;
		width:120px;
		text-align: center;
		float: right;
	}
	
	#manageUserDesc {
		float: left;
		width:260px;
	}
	#manageUserDesc .help_section {
		font-size: 1.5em;
		border-bottom:2px solid #8992A1;
		line-height: 1.5em;
		padding-bottom:10px;
		margin-bottom:20px;
	}

/* @end */


/* @group Documentation & Help */
#content_wrap.help{
	background: url(../img/help/bg-search.jpg) 50% 0 repeat-x;
	top: -51px;
}


.help-search {
	clear: both;
	padding: 15px;
	height: 127px;
	text-align: center;
}

.help-search form {
	position: absolute;
	text-align: left;
	width: 920px;
	margin: 55px 0 0 0;
}

.help-search form input#search_box,.help-search form input#zendesk_search_submit {
	border: 0;
	outline: none;
	padding: 7px 0 7px 0;
	background: transparent;
	width: 345px;
	margin-left: 6px;
	font: 15px/18px Arial,sans-serif;
}

.ie .help-search form input#search_box,.ie .help-search form input#zendesk_search_submit {
	margin: 0;
}

.help-search form input#search_box {
	color: #bbb;
}

.help-search form input#search_box.active {
	color: #333;
}

.help-search form input#zendesk_search_submit {
	width: 96px;
	height: 31px;
	text-align: center;
	margin-left: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-shadow: 0 1px #000;
	color: white;
}

.help-search form input#zendesk_search_submit:hover {
	color: #CCCCCC;
}

.help-topics {
	float: left;
	width: 700px;
	display: block;
	padding: 25px 0 8px 25px;
}

.help-topics a,.help-topics span.empty {
	padding: 15px;
	display: block;
	float: left;
	border: 1px solid #96d5fd;
	background-color: #dff0ff;
	width: 178px;
	height: 33px;
	margin: 0 20px 20px 0;
	font: normal 15px Helvetica Neue,Helvetica,Arial,sans-serif;
	text-shadow: 0 1px #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.help-topics a:hover {
	text-decoration: none;
	background: #fff;
	border: 1px solid #96d5fd;
}

.help-topics a:active {
	background-image: none;
	background-color: #E3F1F7;
}

.help-topics a span {
	font: normal 11px Lucida Grande,Tahoma,sans-serif;
	display: block;
	clear: both;
	color: #777;
	padding-top: 2px;
	overflow: hidden;
	height: 14px;
}

.help-side {
	display: block;
	float: left;
	width: 200px;
	padding: 25px 0 0 0;
}


.help-side ul.topics,.help-side p {
	font: normal 13px "Helvetica Neue",Helvetica,arial,sans-serif!important;
	margin-bottom: 30px;
}

.help-side ul.topics li {
	margin-bottom: 5px;
}

.help-side ul.topics li span {
	color: #29598A;
}

.help-side p.info {
	color: #888;
	line-height: 16px!important;
	padding-top: 10px;
	border-top: 1px solid #eee;
	padding-bottom: 20px;
}

.help-topics h3,.help-side h3 {
	clear: both;
	display: block;
	width: 100%;
	font: normal 16px "Helvetica Neue",Helvetica,arial,sans-serif!important;
	padding: 0 0 15px 0!important;
	margin: 0!important;
	color: #666;
	-webkit-text-stroke: .5px transparent;
}
ul.helpfile{
	list-style: disc outside;
	font-size: 12px;
	line-height: 16px;
}

ol.helpfile{
	list-style: decimal outside;
}

ul.helpfile li, ol.helpfile li{
	margin-left: 30px;
}

ul.helpfile ul li, ul.helpfile ol li, ol.helpfile ul li, ol.helpfile ol li{
	margin-left: 60px;
}

ul.helpfile ul ul li, ul.helpfile ol ul li, ul.helpfile ul ol li, ul.helpfile ol ol li, ol.helpfile ul ul li, ol.helpfile ol ul li, ol.helpfile ul ol li, ol.helpfile ol ol li{
	margin-left: 90px;
}

table.helpfile{
  width: 50%;
  background: #fcfcfc;
  border: 1px solid #d9dbdb;
  padding: 0;
  position: relative;
}

td.helpfile {
  font-size: 1.5em;
  position: relative;
  border: 1px solid #d9dbdb;
  vertical-align: middle;
  text-align: center;
}

td.helpfiletbl {
  font-size: 1.5em;
  position: relative;
  border: 1px solid #d9dbdb;
  vertical-align: middle;
  text-align: center;
  background: beige;
}

ul.helpfilepara{
	list-style: disc outside;
}

ol.helpfilepara{
	list-style: decimal outside;
}

ul.helpfilepara li, ol.helpfilepara li{
	margin-left: 30px;
	font-size: 12px;
  	line-height: 14px;
	padding-bottom: 13px;
}

h1.seperate{
	font-size: 1.3em;
  	line-height: 1.4em;
	padding-bottom: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	color: #fff;
}
#twitter-widget {
	margin-top: -15px;
	margin-bottom: 20px;
}

.twtr-hd,.twtr-ft {
	display: none;
}

.twtr-tweet-text {
	color: #666;
	font: normal 12px "Helvetica Neue",Helvetica,arial,sans-serif!important;
}

#twtr-widget-1 .twtr-bd p {
	line-height: 16px!important;
}

#twtr-widget-1 .twtr-timeline i a {
	color: #999;
}

#twtr-widget-1.twtr-widget .twtr-tweet-wrap {
	padding-left: 0!important;
	padding-right: 0!important;
}

#twtr-widget-1.twtr-widget .twtr-tweet {
	border-bottom: 1px solid #fff;
	color: #666;
}

#twtr-widget-1 a.twtr-timestamp {
	color: #ccc!important;
}

#twitter-widget .twtr-reply {
	display: none!important;
}
/* @end */

/* @group Partners */
.partnerrow {
	display:table-row;
}
.partnerlogo {
	width:120px;
	display:table-cell;
	vertical-align:top;
	padding-top:15px;
}
/* @end */

/* @group Login Box */
div#login {
	width: 825px;
	margin: 0 auto;
	padding: 10px;
	border: 2px #D9DEE5 solid;
	background-color: #E2E7EE;
	margin-bottom: 150px;
}
div#normal_login{
	width: 400px;
	float: left;
	padding-top: 40px;
}
div#openid_login{
	float: right;
}

div.login_content {
	clear: both;
	padding: 20px 10px 0 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 1px #CCD3DA solid;
	margin-bottom: 10px;
	width:800px;
}

div.login_content_item {
	clear: both;
	min-height: 29px;
	margin-bottom: 20px;
}

div.label {
	float: left; 
	width: 80px; 
	margin-top: 5px; 
	margin-right: 20px; 
	font-weight: bold; 
	font-size: 1.2em;
}

/* @end */

/* @group Payments */
	#cvv_tooltip {
		text-align: left;
	}

	#cvv_tooltip .inner {
		padding:20px;
		margin-top:0;
		text-align:left;
	}
	
	#cvv_tooltip span.desc {
		float:right;
		font-size:10px;
		margin-right:75px;
		position:relative;
		top:-10px;
	}
	
	#cvv_tooltip p {
		padding-bottom: 10px;
		font-size:1em;
		line-height:1em;
	}
	
	div.payment {
		padding: 15px;
		background-color: white;
		font-size: 1.1em;
		width: 910px;
	}
	
	div.messaging_error {
		border:1px solid #FBC2C4;
		margin:0 0 10px;
		text-align:left;
	}
	
	div.message_title {
		font-size: 18px;
		color: #CC0000;
	}
	
	div.messaging_error ul {
		color:#8A1F11;
		font-family:Arial;
		padding:13px;
		font-size: 11px;
		text-align:left;
	}
	
	table.payment-order-tbl {
		padding: 0;
	}
	
	table.payment-order-tbl th {
		border: 1px solid #8992A1;
		border-right: none;
		background: url(../img/slickgrid/header_bg.png);
		height: 10px;
		line-height: 10px;
		
		color: #0E3860;
		
		padding-left: 5px;
		padding-right: 5px;
		font-weight: bold;
		text-transform: none;
	}
	
	table.payment-order-tbl td {
		background-color: #D9E9F6;
	}
	
	div.discount-description {
		text-align: right;
	}

	#processSubscription, #payButton {
		float: left;
		cursor: pointer;
		margin-right: 10px;
	}
	
	#gobackDiv, #cancelPayButton {
		float: left;
		cursor: pointer;
	}
/* @end */

/* @group Layout File */

/* This is old stuff. */

div.row {
	background: url(/img/dotted.png) top no-repeat;
	clear: both;
	padding: 15px 0 0 0;
}

/* @group Tables */

/* Table Layouts */

table.portal {
	padding: 0px;
}

table.portal a {
	text-decoration: none;
}

table.portal th {
	border: none;
	padding: 0px;
	background: transparent;
}

table.portal td {
	height: 35px;
	padding: 0px 5px 0px 5px;
	border: none;
	background: #F7FAFB;
	color: #3497DA;
	vertical-align: middle;
}

table.portal tr.alt td {
	background: #E6F0F5;
}

table.portal td.action {
	height: 17px;
	padding: 0px;
	border: none;
	background: transparent;
}

table.portal td.buttonFooter {
	background: #FCFCFC;
	padding-right: 0px;
	padding-bottom: 0px;
}

table.portal td.textFooter {
	background: #FCFCFC;
	border-right: none;
}

table.portalDialog {
	padding: 0px;
	border: none;	
}

table.portalDialog td {
	height: 35px;
	padding: 0px 5px 0px 5px;
	border: none;
	color: #3497DA;
}



/* @end */

div.portal {
	border: 1px solid #FFF;
	padding: 0px 5px 0px 5px;
	background: #F7FAFB;
	color: #3497DA;
	margin-right: 5px;
	margin-left: 5px;
}

/* @group Grid Table */

table.grid {
	padding: 0;
	margin: 0;
	border-left: 1px solid #DDD;
}

table.grid  th {
	color: #405B62;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	text-align: left;
	padding: 5px;
	background: #E4E4E4 url(../img/tbl_header.png) no-repeat;
}

table.grid  th.first {
	border-left: 1px solid #DDD;
}

table.grid td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #fff;
	padding: 5px;
	color: #000;
	font-size: 11px;
}

table.grid td.first{
	border-left: 1px solid #DDD;
}


table.grid tr.alt td {
	background: #F8F8F8;
}

table.grid tr.alt td.first {
	border-left: 1px solid #DDD;
}

table.grid tr.last_row td {
	background: #F5F5F5;
}

table.grid tr.no_border td {
	border: none;
}

table.grid a {
	text-decoration: none;
	color: #A70303;
}

table.grid a:hover {
	color: #0635FF;
}

table.grid tr.foot td {
	color: #405B62;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	text-align: left;
	padding: 5px;
	background: #CAE8EA url(../img/bg_footer.png) no-repeat;
}



/* @end */
 
div.alert {
	border: 1px solid #EEE;
	padding: 10px;
	width: 400px;
	background: #FFF url(../img/div_bg_01.png) bottom right no-repeat;
	margin-bottom: 15px;
}

div.alert a {
	text-decoration: none;
}

div.form {
	border: 1px solid #EEE;
	width: 420px;
	background: #FFF url(../img/div_bg_01.png) bottom right no-repeat;
	margin-bottom: 15px;
}

div.field {
	padding: 10px;
	display: block;
}
table.detail_info {
	border: none;
	padding: 5px;
}

table.detail_info th {
	border: none;
}

table.detail_info td {
	border: none;
}

.table_header_left {
	background: url(../img/tbl_header_left.png) top left no-repeat;
	padding: 0px 0px 0px 5px;
}

.table_header_right {
	background: url(../img/tbl_header_right.png) top right no-repeat;
	padding: 0px 5px 0px 0px;
}

.table_header_bg {
	background: url(../img/tbl_header_bgr.png) top left repeat-x;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	color: #363D41;
	font-size: 1.7em;
	line-height: 1.7em;
}

.table_action_left {
	background: url(../img/tbl_action_left.png) top left no-repeat;
	padding: 0px 0px 0px 5px;
}

.table_action_right {
	background: url(../img/tbl_action_right.png) top right no-repeat;
	padding: 0px 5px 0px 0px;
}

.table_action_bg {
	background: url(../img/tbl_action_bgr.png) top left repeat-x;
	height: 17px;
	padding-top: 0px;
	color: #FFF;
}

input[type=submit].inline,
input[type=button].inline {
	border-top: 1px solid #7BB2DB;
	border-right: 1px solid #7BB2DB;
	border-left: 1px solid #7BB2DB;
	border-bottom: 1px solid #8EC2E9;
	background: url(../img/btn_bgr.png) bottom left repeat-x;
	height: 21px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: normal;
}

input.inline {
	border-top: 1px solid #7BB2DB;
	border-right: 1px solid #7BB2DB;
	border-left: 1px solid #7BB2DB;
	border-bottom: 1px solid #8EC2E9;
	background: url(../img/btn_bgr.png) bottom left repeat-x;
	height: 21px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: normal;
}

div.operator select,
div.operand select {
	width: 170px;
	border: 1px solid #75B1DE;
	height: 19px;
}

div.ondemand_report_button_bar input {
	background: url(../img/rpt_filter_btn.png) top left repeat-x;
	border-color: #6EADDC #6EADDC #8FBFE3 #6EADDC;
	border-width: 1px;
	border-style: solid;
	height: 25px;
	font: bold 13px Arial, Helvetica, sans-serif;
}

div.input {
	padding: 0px;
	margin: 0px
}

.form_group_header {
	height: 26px;
	padding-top: 5px;
	text-align: left;
	color: #363D41;
	font: bold 16px Arial, Helvetica, sans-serif;
}
.jqmForm {
	width: 100%;
	display:inline;
}
table.outter_table {
	padding: 0px;
	border: none;
	width: 100%;
}
table.outter_table td {
	height: 20px;
	padding: 5px 5px 5px 5px;
	border: none;
	color: #555;
}
table.inner_table {
	border: 1px solid #000;
	padding: 10px 10px 10px 10px;
	background: #FFF;
}
table.inner_table td {
	height: 15px;
	padding: 0px 5px 5px 0px;
	border: none;
	background: #FFF;
	color: #555;
}

table.split_result{
	border:none;
	padding:0px;
	
}
table.split_result th{
	border:none;
	background-color: #E6F0F5;
	height:20px;
}
table.split_result td{
	border:none;
	padding:0px;
	background: #F7FAFB;
}


div.submit_transaction_bar {
	background-color: rgb(255, 0, 0); 
	width: 680px; 
	height: 60px;
	margin: 20px 0;
	border: 1px solid #FFF;
}

div.submit_transaction_bar .text_guide {
	position: relative; 
	top: 23px; 
	color:white; 
	font-weight:bold;
}
	
div.filter_transaction_bar {
	height: 35px; 
	width: 657px;
}

div.filter_transaction_bar .filter_text {
	position: relative; 
	left: 5px; 
	top: 10px;
	font-size: 11px;
}

div.filter_transaction_bar .inline {
	position: relative; 
	left: 5px; 
	top: 10px;
}

div.filter_userlist_bar {
	height: 35px; 
	width: 657px;
}

div.filter_userlist_bar .filter_select {
	position: relative; 
	left: 5px; 
	top: 5px;
}

div.filter_userlist_bar .inline {
	position: relative; 
	left: 5px; 
	top: 0px;
}

span.portal_text {
	color: #555;
}
span.pass_strength{
	margin-left:2px;
}

form label.error  {
	color: red;
	display: block;
}

table.savings_portlet {
	text-align: center;
	border: none;
}

table.savings_portlet td.odd {
	padding-top: 5px;
	background-color: #F7FAFB;
	border: none;
	text-align: center;
}

table.savings_portlet td.even {
	padding-top: 5px;
	background-color: #E6F0F5;
	border: none;
	text-align: center;
}

table.savings_portlet tr.offer_name td {
	vertical-align : bottom;
	color: #9A9A9A;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

table.savings_portlet tr.savings td {
	vertical-align : top;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	border: none;
}


#copyright a {
	text-decoration: none;
	color: #777;
	padding: 5px;
}

#tag  a {
	font-weight:normal;
}
/* This is the old loaders.  All messy */
/*
div.expense_loading {
	display: none;
	padding: 3px; 
	background-color: red; 
	width: 65px;
	color: white; 
	font-weight: bold;
	position: absolute;
}

div.expense_loading2 {
	text-align: center;
	display: none;
	padding: 3px;
	color: white; 
	font-weight: bold;
}

.expense_loading3 {
	display: none;
	position: absolute;
	z-index: 2;
}

div.expense_loading4 {
	text-align: center;
}
.indicator {
	position: absolute;
	top: 30%;
	left: 50%;
}

*/

/* @group Loading Indicator */
.modalOverlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 999999;
}
.opacityOverlay {
	overflow: hidden;
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.2;
	filter: alpha(opacity=20); /* IE Setting */
}
.ajaxloader{
	background: #666666;
	width: 120px;
	height: 76px;
	text-align: center;
	opacity: .75;
	filter: alpha(opacity=75); /* IE Setting */
	padding-top: 44px;
	position: absolute;
	top: 30%;
	left: 45%;
	 /*--Top right rounded corner--*/
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	 /*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 25px;
	-webkit-border-bottom-right-radius: 25px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
}

.indicator-ajax {
	width: 400px;
	height: 100px;
	background: #FEFEFE;
	margin: 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 20px #333;
	-webkit-box-shadow: 0 0 20px #333;
	position: relative;
	top: 250px;
}

#indicatorMsg, #indicatorMessage {
	height: 100px;
	line-height: 100px;
	font-size: 10px;
	padding-left: 70px;
	background: url(../img/accounts/ajax-loader.gif) left center no-repeat;
	margin-left: 30px;
}
/* @end */

.link {
	color:blue;
}
.link:hover {
	cursor:pointer;
}

/* @group Import Page */

table.import_button tr td {
	padding: 0;
	text-align: center;
	border: none;
	vertical-align: middle;
	width: 120px; /* this number must match import page */
	height: 105px;
	background: transparent url(../img/cards/account_button.png) no-repeat scroll 0 0;
}

table.import_button tr td:hover {
	cursor:pointer;
}

/* @end */



.fontweight{
	font-weight:bold;
}

/* User Info */

ul.user_info li {
	position: relative;
}

ul.user_info li ul{
	position: absolute;
	left: 80px;
	top: 0px;
	width:150px;
	z-index:1000;
	display:none;	
}
ul.user_info li ul li{
	height:22px;
	padding:2px;
	
}
ul.user_info li ul li.even{
	background: #E6F0F5;
}

ul.user_info li ul li.odd{
	background: #F7FAFB;
}

ul.user_info li ul li:hover{
	background:#FFFFCC	
}
ul.user_info li:hover ul { 
	display: block;
}

table.user_profile input[type=text]{
	width: 160px;
}
table.user_profile input[type=password]{
	width: 160px;
}
table.user_profile  select{
	width: 165px;
}

table.updating tr td {
	font-weight: bold;
	color: #888;
}


/*Registration CSS*/
table.subscription_plan{
	text-align:center;
	border:none;
	width:90%;
	padding:15px;
}

table.subscription_plan tr td{
	border:none;
}

table.subscription_plan tr th {
	background :#5F95C9 none;
	color:white;
	font-size:20px;
}

table.subscription_plan tr.even td{
	background-color: #D9E0ED;
}

table.subscription_plan  tr.odd td{
	background-color: #EDF1F5;
}

*.expensecloudTypeFont{
	font-size: 18px;
	
}
.recoverpass {
	margin-left: auto;
	margin-right: auto;
	min-height: 400px;
}

/* @group Easy Slider */
	#slider ul, #slider li{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#slider, #slider li{ 
		width:500px;
		height:400px;
		overflow:hidden; 
	}
	.border{
		border: solid thin #6296C8;
	}				
/* @end*/

/* @group Grid Header Wrapper */

.outerHeaderWrapper {
	margin-bottom: 10px;
	color: #111;
	height: 33px;
}

.outerHeaderWrapper .title {
	position: absolute;
	padding: 5px;
}

.gridOuterTitle {
	font-size: 2.3em;
	padding-right: 30px;
	float: left;
}

.outerHeaderWrapper .selector {
	right: 16px;
	position: absolute;
	z-index: 12;
}

.selectBox {
	background:url(../img/select_bar.png) center center no-repeat;
	cursor:pointer;
	float:left;
	height:27px;
	width: 165px;
	margin:3px 0px;
}

.selectCategory {
	background:url(../img/select_bar_category.png) center center no-repeat !important;
	width: 300px !important;
}

.selectBox span.current {
	color:#222;
	font-size:1.3em;
	font-weight:bold;
	line-height:25px;
	padding-left:10px;
}

.selectBox .option {
	background-color: #E5E5E5;
	padding: 1px;
	border: 1px solid #AAA;
	overflow:auto;
}

.option ul li a {
	color: #222;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	padding: 5px 8px;
	text-decoration: none;
}

.option ul li a:hover {
	color: blue;
	background-color: #FEFEFE;
}

.gridTitle {
	padding: 5px;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

.rowsPerPage {
	cursor: pointer;
}

.pagingSelected {
	color: #111;
	font-weight: bold;
}
/* @end */


/* @end */

.tran-grid-wrapper {
	width: 602px; 
	position: absolute; 
	right: 16px; 
	z-index: 20;
}

.receipt-box {
	background-color: #99AFC7;
	padding: 5px 10px;
	margin-right: 16px;
	position:fixed;
	z-index: 21;
	border: 1px solid #868fa0;
}

.receipt-box-header {
	text-align: center;
	position: relative;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 3px;
	min-height: 28px;
	background: url(../img/global/bg-pagination.png) no-repeat center;
	margin: auto;
}
#numOfReceipt{
	padding: 10px;
	vertical-align: 10px;
}
.receipt-img {
	margin-bottom: 5px;
}

.receipt-img img {
	width: 290px;
	height: 300px;	
	
	overflow: hidden;
	padding: 0px;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}

#searchPanelDiv {
	padding: 9px;
	height: 30px;
	width: 908px; 
	background-color: #99AFC7;
	border: 1px solid #8992A1;
	border-bottom: none;
}

.transaction-search-btn {
	position: absolute; 
	right: 25px;
	cursor: pointer;
}

.dropdown, .dropdown ul,
.dropdown-rp {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 25px;
	padding-bottom: 7px;
 }
 
.dropdown, .dropdown ul {
	width: 155px;
	background: url(../img/global/bg_dropdown_bottom.png) left bottom no-repeat;
}

.dropdown-rp {
	width: 200px;
	padding-bottom: 0px;
}
 
.dropdown li {
	background: url(../img/global/bg_dropdown.png) left bottom no-repeat;
}

.dropdown li.first {
	background: url(../img/global/bg_dropdown_top.png) left top no-repeat;
}

.dropdown-rp li {
	
}

.dropdown-rp li.first {
	background: url(../img/global/bg_dropdown_top_rp.png) left top no-repeat;
}

.dropdown a.parent,
.dropdown-rp a.parent {
	background: url(../img/global/arrow-rgt.png) right center no-repeat;
}

.dropdown li.active > a,
.dropdown-rp li.active > a  {
	color: #222;
	background-color: #CCC;
}

.dropdown a:link, .dropdown a:active, .dropdown a:visited,
.dropdown-rp a:link, .dropdown-rp a:active, .dropdown-rp a:visited {
    display: block;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0px 5px;
    color: #000;
    text-decoration: none;
}

.dropdown ul {
	position: absolute;
    top: auto;
    display: none;
}	

.dropdown li ul{
	left: 150px;
	margin: -25px 0px 0px 0px;
}

.dropdown b {
	color: blue;
	text-decoration: underline;
}

#categoryDropdownContainer {
	position: absolute;
	left: 250px;
	top: 30px;
}

#projectAutoSuggestContainer {
	position: absolute;
	left: 360px;
	top: 30px;
}

#clientAutoSuggestContainer {
	position: absolute;
	left: 445px;
	top: 30px;
}

.autoSuggest {
	position: absolute; 
	z-index: 1; 
	margin-left: -3px;
}

#reportDropdownContainer {
	position: absolute;
	left: 645px;
	top: 30px;
}

#reportListContainer {
	position: relative;
	height: 250px;
	overflow: hidden;
	background: url(../img/global/bg_dropdown_rp.png) left top repeat-y;
}

#scrollUp {
	line-height: 25px;
	text-align: center;
	height: 25px;
	background: url(../img/global/bg_dropdown_top_rp_up.png) left top no-repeat;
	color: #999;
	cursor: pointer;
	width: 200px;
}

#scrollDown {
	line-height: 25px;
	text-align: center;
	height: 25px;
	background: url(../img/global/bg_dropdown_top_rp_down.png) left bottom no-repeat;
	color: #999;
	cursor: pointer;
	width: 200px;
}

#scrollUp:hover, #scrollDown:hover {
	color: #444;
}

#reportDropdownContainer .firstBar {
	height: 3px;
	background: url(../img/global/bg_dropdown_top_rp_up.png) left top no-repeat;
	color: #999;
	width: 200px;
}

#reportDropdownContainer .lastBar {
	height: 4px;
	background: url(../img/global/bg_dropdown_top_rp_down.png) left bottom no-repeat;
	color: #999;
	width: 200px;
}

.editor_bar_report {
	background: transparent url(../img/reports/inline_bg_report.png) left top no-repeat !important;
}

.editor_bar_transaction {
	background: transparent url(../img/transactions/inline_bg_transaction.png) left top no-repeat !important;
}

.editor_bar_tran_rules {
	background: transparent url(../img/settings/inline_bg_tran_rules.png) left top no-repeat !important;
}

.trigger {
	background: transparent url(../img/global/arrow-dropmenu.png) center center no-repeat;
	height: 25px;
	left: 338px;
	position: absolute;
	top: 4px;
	width: 22px;
}

.trigger_c {
	background: transparent url(../img/global/arrow-dropmenu.png) center center no-repeat;
	height: 25px;
	left: 498px;
	position: absolute;
	top: 4px;
	width: 22px;
}

.trigger_r {
	background: transparent url(../img/global/arrow-dropmenu.png) center center no-repeat;
	height: 25px;
	left: 820px;
	position: absolute;
	top: 4px;
	width: 22px;
}

.collapse {
	margin-left: -5px;
	padding-left: 10px;
	cursor: pointer;
	float: left;
  	background: url(../img/overview/close.png) no-repeat center left;
}

.expanse {
  	background: url(../img/overview/open.png) no-repeat center left;
}

/* @group Overview Accounts Box */
.accts-total {
	padding-right: 10px;
	float: right;
	font-size: 14px; 
	font-weight: bold; 
	line-height: 15px;
}

.accts-group a{
	line-height: 15px;
	font-size: 14px; 
	padding-left: 8px;
	color: #181f3c;
	text-decoration: none;
}

.accts-detail {
	width: 284px;
	margin: 0 auto;
  	min-height: 80px;
  	position: relative;
  	display: none;
}
	.accts-detail .content {
		background-image: url(../img/overview/accts-detail-bg-mid.png);
		padding: 15px 15px 1px 15px;
		font-size: 12px; 
		min-height: 50px;
	}
	.accts-detail .heading {
		height: 5px;
		background-image: url(../img/overview/accts-detail-shadow.png);
	}
	.accts-detail .footing {
		height: 11px;
		background: url(../img/overview/accts-detail-bg-bot.png);
	}
	.accts-detail li {
		display: block; 
		margin: 0 0 10px 0;
	}
	.accts-detail .balance {
		float: right;
	}
	.accts-separate {
		width : 283px;
		height: 2px;
		background: url(../img/overview/accts_separate.png) no-repeat 0 0;
		margin: 10px 0 0 -15px;
	}	
	.left_acct_icons {
		float: right;
		margin: 8px;
		font-size: 12px;
		position: relative;
	}
/* @end */

.integrationWrapper {
	float: left;
	border: 1px solid #E0D7DA;
	background-color: #EBE5E9;
	z-index: 10;
	height: 42px;
	padding: 15px 20px 20px;
}

.submitIntegration {
	float: left;
}

.setupIntegration {
	float: left;
	display: none;
}

.labelIntegration {
	float: left;
	padding: 5px 0;
	font-weight: bold;
	margin-right: 5px;
}

.buttonIntegration {
	margin-left: 5px;
	cursor: pointer;
}
.buttonAddTrans{
	margin-left: 5px;
	cursor: pointer;
	vertical-align: top;
}
.changeSettings {
	margin-top: 1px;
}

.submission-setup {
	width: 404px;
	margin: 0 auto;
  	padding: 10px 0px;
  	min-height: 100px;
  	position: relative;
  	clear: left;
}

.submission-setup .content {
	background: url(../img/reports/lightbox/bg-lb-gray-mid.png) top left repeat-y;
	padding: 0 15px 0 15px;
}
    
.submission-setup .heading {
	height: 11px;
	background-image: url(../img/reports/lightbox/bg-lb-gray-top.png);
}
    
.submission-setup .footing {
	height: 11px;
	background: url(../img/reports/lightbox/bg-lb-gray-bot.png);
}

.select-export {
	width: 387px;
	margin: -5px;
  	min-height: 100px;
  	position: relative;
}

.select-export .content {
	background: url(../img/reports/lightbox/bg-lb-main-mid.png) top left repeat-y;
	padding: 0 15px 0 15px;
}
    
.select-export .heading {
	height: 5px;
	background-image: url(../img/reports/lightbox/bg-lb-main-top.png);
}
    
.select-export .footing {
	height: 5px;
	background: url(../img/reports/lightbox/bg-lb-main-bot.png);
}

.export-list {
	padding: 20px 0;
}

.export-list ul {
	font-weight: bold;
	float: left;
	width: 140px;
	padding-left: 60px;
}

.next-button {
	float: right; 
	padding: 10px 0 10px 0;
}

.indicators {
	float:left;
	position:relative;
	left:50%;
	padding-top: 20px;
	display: none;
}

.indicators ul {
	list-style:none;
	position:relative;
	left:-50%;
}

.indicators ul li {
	float:left;
	position:relative;
	height: 11px;
	width: 17px;
	background: url(../img/reports/lightbox/pagedots.png) no-repeat 0 0;
}

.indicators ul li.inactive {
	background-position: 0 -11px;
}


.left-button {
	float:left;
	height: 13px;
	background: url(../img/reports/lightbox/left_arrow.png) no-repeat 0 0;
	padding-left: 15px;
	font-weight: bold;
	margin: 15px 0;
}

.right-button {
	float:right;
	height: 13px;
	padding-right: 15px;
	background: url(../img/reports/lightbox/right_arrow.png) no-repeat top right;
	font-weight: bold;
	margin: 15px 0;
}

.export-crential-box {
	display: none;
}

.export-list label {
	display: block;
	font-weight: bold;
	clear: right;
	padding-bottom: 5px;
}

.export-list input {
	margin-bottom: 10px;
}

.email-part {
	border-top: 1px dotted #B7B7B7;
	padding-left: 20px;
	padding-top: 15px;
}

.email-part label {
	font-weight: bold;
	padding-right: 5px;
}

.email-part-title {
	line-height: 1.5;
	margin-bottom: 10px;
}

.email-part-content {
	padding-right: 20px;
	text-align: right;
	margin-bottom: 10px;
}

.submit-part {
	padding-right: 20px;
	text-align: right;
}

/* @group Settings */
#settings_menu {
  position: absolute;
  left: 150px;
  top: 10px;
  height: 39px;
  padding-right: 2px;
  width: 750px;
}
#settings_menu li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  height: 39px;
}
#settings_menu li a {
  display: block;
  padding: 5px 15px;
  font-size: 12px;
  color: #666666;
}
#settings_menu li active{ /* not needed */}
#settings_menu li a:hover, #settings_menu li a.active{
	text-decoration: none; 
	background: #037bc7;
	color: #FFFFFF;
  	/*--Top right rounded corner--*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.setting_content {
	padding: 30px;
	margin-top: 20px;
	background-color: #FEFEFE;
	border: 1px solid #DDD;
	/*--Top right rounded corner--*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.setting_item_content {
	border: 2px solid #d4d4d4;
	width: 700px;
	padding: 30px 37px 0px 37px;
	margin: 0 auto;
	background-color: #D9E0E8;
}

.setting_margin {
	margin: 5px 0 7px 0;
}

.setting_text {
	font-size: 1.3em;
	color: #313131;
	font-size: 1.3em;
}

.left_settings {
	float: left;
	width: 50%;
	min-height: 380px;
}
.right_settings {
	position: relative;
	float: right;
	width: 50%;
	min-height: 380px;
}

.bottom {
	margin-top: 15px;
	width: 100%;
}
.content {
	padding: 50px 70px 50px 70px;
}

.report_action {
	 font-size: 2em;
	 margin-bottom: 10px;
}
.group{
	padding: 10px 30px;
	border: 1px solid #b7c1cb;
	background: #e2e7ed;
}
.emailgroup {
	background: url(../img/settings/bg-email.png) no-repeat;
	height: 204px;
	width: 331px;
	padding: 10px;
}
.input_text {
	width: 300px;
}

.setting_ul{
	background: url(../img/settings/bg-item.png);
	width: 758px;
	height: 25px;
	padding-left: 20px;
	padding-top: 7px;
}

#stateFilterBox {
	position: relative;
	z-index: 1000;
}

#departmentFilterBox {
	position: relative	;
	z-index: 2000;
}

#defaultCurrencyBox {
	position:relative;
	z-index:10;
}

#onetimeBtn {
	background: url(../img/custom_reports/onetime-active-btn.png) center center no-repeat;
	cursor: pointer;
	float: left;
	height: 25px;
	width: 136px;
}

div.onetime-inactive-btn{
	background: url(../img/custom_reports/onetime-inactive-btn.png) center center no-repeat !important;
}

#recurringBtn {
	background: url(../img/custom_reports/recurring-active-btn.png) center center no-repeat;
	cursor: pointer;
	float: left;
	height: 25px;
	width: 136px;
}

div.recurring-inactive-btn {
	background: url(../img/custom_reports/recurring-inactive-btn.png) center center no-repeat !important;
}

#tripRulesFilterBox {
	background: url(../img/custom_reports/custom_trip_rule.png) center center no-repeat; 
	width: 160px;
	margin-left: 5px;
}

#ruleFilterBox {
	background: url(../img/custom_reports/report_matchrule.png) center center no-repeat; 
	width: 64px;
}

#recurringFrequencyFilterBox {
	background: url(../img/custom_reports/report_recurring_selectbox.png) center center no-repeat; 
	width: 132px;
}

#recurringTimeFilterBox {
	background: url(../img/custom_reports/report_recurring_selectbox.png) center center no-repeat; 
	width: 132px;
}

.rule_select_box {
	background: url(../img/custom_reports/report_rule_selectbox.png) center center no-repeat; 
	width: 194px;
	margin-right: 5px;
}

.group_rules {
	background-color: #B2CAEA; 
	padding: 0 5px; 
	height: 35px;
}

.valueTxt {
	float: left;
	background: transparent url(../img/custom_reports/value-input.png) no-repeat scroll 0 0;
	width: 191px;
	height: 26px;
	margin: 3px 8px 0 0;
}

.valueTxt input {
	border: 0px solid transparent;
	margin-left: 5px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
}

.recurring-report-item {
	border-bottom: 1px solid #C1C9D3; 
	padding: 5px;
}

.system-report-item {
	border-bottom: 1px solid #C1C9D3; 
	padding: 5px;
	cursor: pointer;
}
.recurring-report-item-selected {
	background: #51B7FF;
}
.recurring-report-item-name {
	font-size: 12px;
	cursor: pointer;
}
.system-report-item-name {
	font-weight: bold;
	font-size: 1.1em;
	color: #3C3D40;
}
#tranGrid {
		width: 100%; 
		height: 100%;
	}

/* @group Transactions Settings*/
#transPerPageFilterBox {
	background: url(../img/settings/trans-per-page.png) center center no-repeat; 
	width: 64px;
}

#recurringTransDiv {
	margin-top: 10px;
}

#preferenceItemsDiv {
	padding: 20px;
	margin: 0 auto;
	width: 100%;
}

#ruleAddForm {
	background-color: #FEFEFE;
}
/* @end */

/* @group Add Transaction Page */
#tranAddDiv {
	padding: 10px 15px;
	width: 680px; 
	display:none;
}

#tranAddContent {
	background-color: #CCEBFF;
	border: 1px solid #ABDAF9;
	padding: 10px;
}

#tranAddDiv div.required-fields-group {
	background-color: white;
	padding: 15px;
	border: 1px solid #C4DAEA;
	margin: 10px 0;
	
}

#tranAddDiv div.optional-fields-group {
	background-color: #ABDAF9;
	padding: 15px;
	border: 1px solid #88BCE3;
	margin-bottom: 10px;	
}

#tranAddDiv div.optional-fields-header {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid white;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.field-wrapper {
	margin-bottom: 15px;
}

div.field-label {
	float: left;
	width: 130px;
	margin-right: 15px;
	font-weight: bold; 
	font-size: 1.3em;
	line-height: 29px;
	text-align: right;
}

.textarea-note {
	width: 288px;
	height: 83px;
	border: 1px solid #9BA2A8;
	
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-top:4px;
}

#currencyFilterBox {
	background: url(../img/transactions/add/currency-filterbox.png) center center no-repeat; 
	width: 73px;
}

#frm_append {
	background-color: #E2E7ED;
}

.add-transaction-box {
	width: 493px;
	margin: 0 auto;
  	padding: 5px 0;
  	min-height: 100px;
  	position: relative;
}

.add-transaction-box .content {
	background: url(../img/transactions/add/bg-content-mid.png) top left repeat-y;
	padding: 6px 10px 6px 10px;
}
    
.add-transaction-box .heading {
	height: 4px;
	background-image: url(../img/transactions/add/bg-content-top.png);
}
    
.add-transaction-box .footing {
	height: 4px;
	background: url(../img/transactions/add/bg-content-bot.png);
}

.top-category-menu, .top-category-menu li ul {
	margin: 0;
	padding: 0;
	width: 237px;

}

.top-category-menu li {
	position: relative;
	background: white url(../img/transactions/add/toplvl-bg-mid.png) no-repeat 0 0;
	height: 43px;
	cursor: pointer;
}

.top-category-menu li.top-cat {
	background: white url(../img/transactions/add/toplvl-bg-top.png) no-repeat 0 0;
}

.top-category-menu li.bot-cat {
	background: white url(../img/transactions/add/toplvl-bg-bot.png) no-repeat 0 0;
}

.top-category-menu .img-cat {
	height: 33px;
	width: 33px;
	margin: 5px 0 0 5px;
}

.top-category-menu .arrow {
	float: right; 
	margin-right: 15px;
}

.top-category-menu .arrow-active {
	float: right; 
	margin-right: 15px;
	display: none;
}

.top-category-menu li span {
	padding-left: 10px;
}

.top-category-menu li div {
	float: left;
	line-height: 43px;
	height: 40px;
}

.top-category-menu li ul {
	position: absolute;
	width: 236px;
	left: 236px;
	top: 0;
	display: none;
}

.top-category-menu li ul li {
	background: white url(../img/transactions/add/btn-bg-child.png) no-repeat 0 -42px;
	height: 42px;
	cursor: pointer;
}

.top-category-menu li:hover,
.top-category-menu li.active {
	background-image: url(../img/transactions/add/btn-bg-toplvl-hover.png);
}

.top-category-menu li ul li:hover {
	background: white url(../img/transactions/add/btn-bg-child.png) no-repeat 0 0;
	height: 42px;
}
/* @end */

/* @group custom dialog */
.custom-dialog {
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	
	-moz-box-shadow:0 0 20px #333;
	-webkit-box-shadow:0 0 20px #333;
	
	overflow: visible !important;
	border: 1px solid #888 !important;
}

.custom-dialog .ui-widget-header {
	background: none !important;
	border: none !important;
}

.custom-dialog .ui-dialog-buttonpane {
	border-top: none !important;
}

.custom-dialog .ui-dialog-titlebar-close {	
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: -20px !important;
	right: -20px !important;
	height: 36px !important;
	width: 36px !important;
}

.custom-dialog .ui-widget-header .ui-icon-closethick {
	background: transparent url(../img/global/close.png) center center no-repeat !important;
	height: 36px !important;
	width: 36px !important;
}

.custom-dialog .ui-dialog-title {  
   font-size: 1.2em;
   text-transform: uppercase;
   color: #555;
}

.custom-dialog .ui-widget-header .ui-state-hover {
	background: none !important;
	border: none !important;
}

.ui-widget-overlay {
	opacity: 0.6 !important;
}

.custom-background {
	background: #E2E7ED !important;
}
/* @end */

/* @group Preview Template */
	#selectbox {
		left:270px;
		position:absolute;
		top:0;
		width: 200px;
	}
	#selectbox select {
		background:#111111;
		color:#CCCCCC;
		height:22px;
		margin-top:19px;
		overflow:hidden;
		width:200px;
	}
	
	#selecttpl {
		background-image:url(../img/tp_selectbox.png);
		background-position:center top;
		background-repeat:no-repeat;	
		float:left;
		height:26px;
		margin: 20px 0 0 0;
		width:273px;
		cursor:pointer;
	}	
	#selecttpl span.current {
		color:#FFFFFF;
		font-size:1.3em;
		font-weight:bold;
		line-height:25px;
		padding-left:10px;
	}
	#selectbox_language {
		left: 570px;
		position: absolute;
		top:0;
		width: 200px;
	}
	#select_language {
		background-image:url(../img/reports/preview/language_selectbox.png);
		background-position:center top;
		background-repeat:no-repeat;	
		float: left;
		height: 26px;
		margin: 20px 0 0 0;
		width: 128px;
		cursor:pointer;
	}	
	#select_language span.current {
		color:#FFFFFF;
		font-size:1.3em;
		font-weight:bold;
		line-height:25px;
		padding-left:10px;
	}
	
	#list {
		background:transparent url(../img/tp_listbox.png) repeat scroll center bottom;
		overflow:hidden;
		padding:5px 8px 8px 0;
		position:absolute;
		z-index:3500;
	}
	#list div {
		max-height:352px;
		overflow:auto;
		padding:0 1em 1em;
	}
	#list div ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#list div ul li a {
		border-bottom:1px solid #292929;
		color:#CCCCCC;
		display:block;
		font-size:13px;
		font-weight:normal;
		outline-style:none;
		outline-width:medium;
		padding:5px 8px;
		text-decoration:none;
	}
	#list div ul li a:hover {
		background-color:#222222;
		color:#0B8DF6;
	}
	#list div ul li a.selected {
		color:#90C0DB;
	}

/* @end */

/* @group Open Air Sync Panel */

.oa-projects-clients-sync-panel {
	width: 404px;
	margin: 0 auto;
  	padding: 10px 0px;
  	min-height: 100px;
  	position: relative;
  	clear: left;
}

.oa-projects-clients-sync-panel .content {
	background: url(../img/reports/lightbox/bg-lb-gray-mid.png) top left repeat-y;
	padding: 0 15px 0 15px;
}
    
.oa-projects-clients-sync-panel .heading {
	height: 11px;
	background-image: url(../img/reports/lightbox/bg-lb-gray-top.png);
}
    
.oa-projects-clients-sync-panel .footing {
	height: 11px;
	background: url(../img/reports/lightbox/bg-lb-gray-bot.png);
}

div.integration {
	height:20px;
	width:100%;
	text-align:left;
	padding: 0px;
}

div.oa-projects-clients-list {
	float: left;
	width: 190px;
	border: 1px solid #B9C2CC;
	display: none;
}

div.oa-projects-clients-command {
	float: left; 
	width: 140px;
	margin-left: 10px;
}

/* @end */

/* @group Pagination */
.pagination {
	font-size: 12px;
}
        
.pagination a {
    text-decoration: none;
	color: #056ebf;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 3px 5px;
    margin-right: 5px;
    margin-top: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    color: #000;
    font-size: 16px;
}

.pagination .current.prev, .pagination .current.next{
	text-decoration: none;
	color: #056ebf;
	font-size: 12px;
}

/* @end */

/* @group Approval section */
.table-row {
	font-size: 11px;
	height: 30px;
	line-height: 30px;
}

.table-cell {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
}

.text-right {
	color: #0E3860;
	text-align: right;
	font-weight: bold;
}

#approvalSection {
	padding-top: 10px;
	margin-bottom: 20px;
	width: 760px;
	margin: 0px auto 20px auto;
	background: #FAFAFA;
	border: 1px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
}
/* @end */

/* @group Quickbooks */
#qbExportSettings {
	padding: 10px;
	width: 740px;
	margin: 0px auto 20px auto;
	background: #FAFAFA;
	border: 1px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
}

.qb-header {
	color:#0E3860;
	font-size:2em;
	font-weight:bold;
	padding:10px 0;
	margin-bottom: 10px;
}

.qb-table-row {
	font-size:11px;
	height:30px;
	margin-bottom: 20px;
}

.qb-table-cell {
	float:left;
	width:420px;
}

.qb-table-cell-header {
	float:left;
	color:#0E3860;
	font-weight:bold;
	width:300px;
	margin-right: 20px;
}

.qb-warning {
	color: red;
	font-size: 1.2em;
}
/* @end */

/* @group Invite User */
#inviteUserDesc {
	float: left;
	width:260px;
}
#inviteUserDesc .help_section {
	font-size: 1.5em;
	border-bottom:2px solid #8992A1;
	line-height: 1.5em;
	padding-bottom:10px;
	margin-bottom:20px;
}
#doInviteButton {
	cursor:pointer;
	float: left;
}
#flashMessage {
	color:red;
	font-size:1.5em;
	margin-bottom:20px;
}
#sampleEmailBox {
	padding: 4px;
	border: 1px solid #8992A1;
	background-color: #E1E1E1;
}
#sampleEmailBox img {
	width: 250px; 
       height: 200px;
	overflow: hidden;
}

div.invitation_title {
	padding: 10px;
	background-color: #E1E1E1;
}
div.invitation_title h3 {
	padding-bottom: 0px !important;
	font-weight:bold;	
}
/* @end */