/******* Application Layout Formating *******/

/* Start flash */
#flashes {
  clear: both;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.flash {
  background-color: #f0f0f0;
  font: bold small sans-serif;
  text-align: center;
  padding-top: 1px;
  padding-bottom:; 1px;
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 2px;
  border: 2px solid;
	display: block;
	width: 50ex;
}

.flash_notice {
  border-color: green;
}

.flash_warning {
  border-color: yellow;
}

.flash_error {
  border-color: red;
}

/* End flash */
html {
	background-color: #F4F5F6;
	/*	background-color: #333333;	*/
}

body {
  min-width: 1050px;
  padding-top: 0ex;
  padding-right: 1ex;
  padding-left: 1ex;
  padding-bottom: 1ex;
}

body a {
  color: #005AA9;
}

body h1 {
	padding:5px 10px 1px 0;
	
	border-bottom: 1px solid #CCCCCC;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-weight: bold;
	font-size: 18pt;
}

ul.bulleted li {list-style-image:none; list-style-position:outside; list-style-type:disc;}
#nav {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	float: right;
/*	background-color:#61CE97;
	color:#F4F5F6;*/
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	
  display: block;
  font-style: normal;
	font-weight:bolder;
  height: 1.2em;
  font-size: 12pt;
  text-align: right;
  font-family: 'Times New Roman',Times,serif;
}
/*#nav span{font-weight:bolder;}*/

#feedback.popup {
  padding-left: .5ex;
  padding-right: .5ex;
  border-top: 1px solid #00A551;
  border-left: 1px solid #00A551;
  border-right: 1px solid #00A551;
  border-bottom: 1px solid #00A551;
  background-color: #00A551;
  color: black;
	font-weight:bolder;
  text-decoration: none;
}

#feedback_popup {
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;

  display: none;
  position: absolute;
  margin: 0 5px 0 0;
  border: 1px solid #61CE97;
	text-align:left;
/*  background-color: #b8ffca;*/
	background-color: #61CE97;
  padding-left: .5ex;
  padding-right: .5ex;
  padding-top: .5ex;
  padding-bottom: .5ex;
  z-index: 500;
}

#feedback_popup form textarea{
/*	font-family: monospace;*/
	font-weight: normal;
	margin-bottom: 3px;
	width: 100%;
}

#feedback_form {
  padding: 5px;
}

#banner {
/*  float:left;*/
	clear:both;
  width:100%;
}

#banner_left{
  float: left;
  margin-left: 12px;
}

#banner_right {
  float: right;
  margin-top: 60px;
}

#separator {
  clear:both;
  height: 5px;
}
#bottom {
  float:left;
  clear: both;
  width: 100%;
  /*min-width: 1100px;*/
}

/******* Start Sidebar Formating *******/
#sidebar {
  float: left;
  width: 150px;
	height: 300px;
}

#sidebar > div {
	margin-bottom: 7px;
}

#sidebar #account_filters > ul > li {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  border: solid 3px #61ce97;
  background-color: #61ce97;
}

#sidebar #client_project_filters > ul > li {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  border: solid 3px #93BC80;
  background-color: #93BC80;
}

#sidebar #user_list_filter > ul > li {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  background-color: #6bb5e4;	
  border: 3px solid #6bb5e4;
}

#user_list_filter li.selected {
  background-color: #6bb5e4;
	margin-left: -15px;
	padding-left: 30px;
	
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-color: #ffffff;
}

#sidebar .tree > ul > li > ul {
	background: white;
	margin-left: -15px;
	padding-left: 15px;
}

#sidebar li a {
	color: #005AA9;
	text-decoration: underline;
}

#sidebar li.tree_edit {
  text-align: right;
/*  margin-top: 5px;*/
	padding-top: 7px;
  font-size: 10pt;
}

#sidebar .tree li.open {
	background:transparent url(/images/opened.png) no-repeat;
}

#sidebar .tree li.closed {
	background:transparent url(/images/closed.png) no-repeat;
}

/******* End Sidebar Formating *******/
#content {
	clear:both;
}

#window {
  padding-left: 7px;
  margin-left: 150px;
}

/******* End Application Layout Formating *******/


/******* Start Settings Tabs Layout Formating *******/
/* Tabs */
.tabs{
/*	margin:5px 0 0;*/
	padding:0;
	padding-left: 10px;
	list-style-type:none;
	height:22px;
	position:relative;
/*	bottom:-2px;*/

	font-weight: bold;
	font-family: verdana, arial, sans-serif; 	
	text-align: left; /* set to left, right or center */
  /*padding: 3px 10px 3px 10px;*/ /* THIRD number must change with respect to padding-top (X) below */
	}
.tabs li{display:inline;}
.tabs li a{
	width:120px;height:20px;display:block;float:left;text-align:center;margin:0 1px;
/*	padding-top:2px;*/
	color:#444444;
	font-weight:bold;

  /*padding: 3px 4px; *//* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  border: 2px solid #b8ffca; /* set border COLOR as desired; usually matches border color specified in #tabnav */
  background-color: #b8ffca; /* set unselected tab background color as desired */
  /*color: #666;*/ /* set unselected tab link color as desired */
  margin-right: 5px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;	
	}
.tabs li.active a {background:#fff; color:#000;}
.tabs li a:hover  {background:#fff;}

#settings_body {
  border: 2px solid #b8ffca;
  padding: 10px;
/*	float: left;*/
/*	width: 100%;*/
}

#account_list ul {
	padding-left:15px;
}

div.user {
	position: relative;
	float: left;
	width: 250px;
	height: 100px;
	margin: 10px;
	padding: 15px 10px;
	
	border: 1px solid #4EB558;
	background: #b8ffca;
}

div.admin_label {
	position: absolute;
	right: 5px;
	top: 5px;
	color: red;
	font-weight:bold;
}

div.user_fullname {
	font-size: 18px;
	font-weight: bold;
}
div.user_email {
	vertical-align: top;
	font-size: 10pt;
}

div.user_actions {
	position: absolute;
	right: 5px;
	bottom: 5px;	
}
/******* End Settings Tabs Layout Formating *******/

/******* Start Expense List Formating *******/

#tab_window {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  padding: 10px;
/*  float: left;*/
/*  width: 100%;*/
  background-color: #00a551;
}

#expense_table {
	padding-top: 5px;
}

table.expenses th{text-align:left;font-weight:bold;}
/*table.expenses a{background:url(/images/arrow_on.png) no-repeat bottom right;padding-right:14px}*/
/*table.expenses tr.odd td{background:#eee;}*/
table.expenses th,table.data td{padding:5px 10px}

table.expenses {
/*  float: left;*/
  border-spacing: 0pt;
  padding: 0pt;
  margin-top: 10px;
  border-collapse: collapse;
  background-color: white;
  /* table-layout must be fixed for overflow clipping to work!! */
  table-layout: fixed;
  width: 100%;
	border-color: black;
}

table.expenses th, tr, td {
	border-color: black;
}

table.expenses thead {
	background-color: #f4f5f6;
}

/* Fix all column widths, except col_note so it grows dynamically */
col {display: block;}
.col_checkbox{ width: 3ex; }
.col_attachment{ width: 6ex; text-align:center;}
.col_vendor{ width: 20ex; }
.col_total{ width: 10ex; }
.col_account{ width: 15ex; }
.col_client{ width: 15ex; }
.col_project{ width: 15ex; }
.col_note{min-width: 185px;}
.col_date{ width: 10ex;}

table.expenses .checkbox {
	text-align: center;
}

table.expenses tr.highlight {
	background: #61CE97;
	cursor:pointer;	
}

table.expenses tr.unreviewed {
  font: bold 10pt sans-serif;
}

.tx_row a {
  display:block;
  text-decoration:none;
  color: black;
}

table.expenses td {
  /*    border: 1px solid #cccccc;*/
  padding-left: 4px;
  padding-right: 4px;
  overflow: hidden;
  white-space:nowrap;
}

div.pagination {
/*  float:left;*/
  width:100%;
  margin-top: 10px;
  text-align: center;
}
/******* End Expense List Formating *******/

/******* Start Expense Item Formating *******/
#expense_item_nav {
  height: 40px
}

#expense_item_content {
  /*height: 665px;
  width: 860px;*/
  overflow: auto;
  min-width: 925px;
}

#expense_item_footer {
  /*    clear: both;*/
  height: 40px;
}

#expense_item {
  border: 1px solid;
  /*    display: block;*/
  /*    width: 100%;*/
  /*    height: 100%;*/
  background-color: #cccccc;
}

#expense_image {
  float: left;
  border:1px solid;
  width: 480px;
  height: 640px;
  overflow: hidden;
  margin: 10px;
}

#expense_image img {
  width:480px;
  cursor: url(../images/zoom_in.cur), pointer;
}

#expense_image img.zoomed {
  width:960px;
  cursor: url(../images/zoom_out.cur), pointer;
}

#expense_fields {
  float: left;
  padding: 10px;
  /*margin: 10px;*/
  width: 400px;
}
/******* End Expense Item Formating *******/

/******* Start Main Layout Formating *******/
#main_copy {
  margin-left: auto;
  margin-right: auto;
  display: block;
/*  width: 350px;*/
}

#main_logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 50px;
  margin-bottom: 10px;
}

.signup_form {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #333333;
  padding: 20px;
  width: 600px;
}

#central {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #333333;
  padding: 20px;
  width: 350px;
}

#central input.login_field {
	width: 18em;
}

#splash {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.signup_form {
  /* float:left; */
}

.signup_form dl dt {
  clear: left;
  float: left;
  white-space: nowrap;
  margin: 3px 10px 0 0;
  text-align: right;
  width: 150px;
}

.signup_form dl dd {
  margin-bottom: 10px;
}

#subdomain dt {
  width: 80px;
}

a img{
  border: none;
}

fieldset {
  border-style: none;
  padding: 0px;
}

/******* End Main Layout Formating *******/

/* The error box */

.fieldWithErrors {
  padding: 0px;
  background-color: #FFAEAE;
  display: inline;
}

.fieldWithErrors input {
  background-color: #FFAEAE;
}

#errorExplanation {
  width: 650px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FFAEAE;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}