/*
Copyright 2008, 2009 Copyleft S. de R.L. de C.V.

This file is part of PAS.

PAS is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

PAS is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with PAS.  If not, see <http://www.gnu.org/licenses/>
*/

/* begin: defaults */

html {
	height: 100%; 
	max-height:100%;
}

body {
	background-color: #ffffff;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 100%; 
	max-height:100%;
}

input, select {
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
}

option {
	border-bottom: 1px dotted #d7d7d7;
}

/* end: defaults */


/* begin: menu and navbar styles */

.menu {
	padding-left: 15px;
	padding-top: 15px;
}

.menu a {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #185e85;
}

.submenu {
	padding-left: 6px;
}

.submenu a {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #185e85;
}

.submenu a:hover {
	color: #b20303;
	text-decoration: none;
}

a.option_on {
	color: #b20303;
	font-weight: bold;
	text-decoration: none;
}

.navbar {
	padding-right: 18px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

.navbar a {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #ffffff;
}

.navbar a:hover {
	text-decoration: none;
}

/* end: menu and navbar styles */

.breadcrumb {
	padding-left: 14px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

.app_name {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #fef2d9;
}

.content {
	padding: 15px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
}

.content_title {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #6f6f6f;	
}

.content_tip {
	padding: 5px;
	background-color: #fef2d9;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
}

.add_item {
	height: 24px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #5098c4;
}

.add_item a {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

.add_spacer {
	padding: 1px;
}

.menu_pad {
	padding-left: 150px;
}

.btn_search {
	border: 0px; 
	width: 26px; 
	vertical-align: top;
}

.img_action {
	vertical-align: bottom;
}

.loading {
	padding: 7px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}



/* begin: edit form */

.filters {
	border: 1px solid #cccccc;
	padding: 8px;
}

.filters_lbl td {
	vertical-align: top;
}

.filters legend {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.filter_label {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666666;
}

.frm_edit {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}	

.frm_edit td {
	vertical-align: top;
}	

.frm_label {
	text-align: right;
	padding-right: 10px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4a4a4a;
	width: 160px;
}

.frm_label_pop {
	text-align: right;
	padding-right: 10px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4a4a4a;
	width: 140px;
}

.frm_label_opt {
	text-align: right;
	padding-right: 10px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #4a4a4a;
	width: 160px;
}

.frm_field {
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
	width: 300px;
}

.frm_field_auto {
	border-style: solid; 
	border-color: #ffffff; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
	width: 300px;
}

.frm_field_date {
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
	width: 80px;
	text-align: center;
}

.frm_field_pop {
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
	width: 240px;
}

.frm_spacer {
	padding-left: 168px;
}

.frm_spacer_pop {
	padding-left: 114px;
}

.frm_required {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
}

.frm_error {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #cc0000;
}

.frm_subdata {
	padding: 0px;
}

.btn_save {
	width: auto; 
	border: 3px double #999999; 
	border-top-color: #cccccc; 
	border-left-color: #cccccc; 
	padding: 1px; 
	background-color: #eeeeee; 
	background-image: url("../../images/background_form_element.gif"); 
	background-repeat: repeat-x; 
	color: #333333; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica, Verdana;
}

.btn_add {
	border: 1px solid #777777; 
	border-top-color: #aaaaaa; 
	border-left-color: #aaaaaa; 
	background-image: url("../../images/background_form_element.gif"); 
	font-size: 12px; 
	font-family: Tahoma, Arial, Helvetica, Verdana;
}

.btn_add_dis {
	border-style: solid; 
	border-color: #bebebe; 
	background-color: #efefef; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #999999;
}

.ronly_ff {
	border-style: solid; 
	border-color: #bebebe; 
	background-color: #ece9d8; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #4a4a4a;
	cursor: default; 
}

.ronly_ie {
	border-style: solid; 
	border-color: #c9c7ba; 
	background-color: #ffffff; 
	border-width: 1px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #c9c7ba;
	cursor: default; 
}

/* end: edit form */



.pages {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666666;
	line-height: 19px;
}

.pages a {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}

.pages a:hover {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}

.pages_on:link {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

.td_data {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-left: 1px dotted #cccccc;
}	

.td_data td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;
}

tr.td_header {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #cddae2;
}

td.td_header_on {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	/* background-color: #cddae2; */
	background-color: #bcc9d1;
}

tr.td_totals {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #dddddd;
}

tr.td_totals_all {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #bcc9d1;
}

.td_edit {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #000000;
}	

.row {
	color: #666666;
	background-color: #f9f9f9;
}		

.row_odd {
	color: #666666;
	background-color: #E9E9E9;
}

.row_on {
	color: #000000;
	background-color: #fbf6ad;
}		

.row_click {
	color: #000000;
	background-color: #ebf6ad;
}		
/*
.row_on td {
	border-bottom: 1px solid #000000;
}	
*/

.br_spacer {
	line-height: 10px;
}

.icon {
	border: 0px !important;
	width: 16px;
	height: 16px;
}
.icon_disabled {
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

/* begin: error document */

.not_found {
	width: 400px;
	padding: 10px;
	background-color: #fef2d9;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #6f6f6f;
	border-style: solid; 
	border-color: #bebebe; 
	border-width: 1px;
}

/* end: error document */




/* new styles for invoices related */
.autocomplete {
	list-style-type: none;
	margin: -1px 0 0 0;
	padding: 0;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	position: absolute;
	width: 221px;
	background: #fff;
	filter: alpha(opacity=90);
	opacity: .90;
	display: none;
}
.autocomplete li {
	border-bottom: 1px #ccc solid;
	cursor: pointer;
	cursor: hand;
}
.autocomplete li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #333;
	padding: 2px 5px;
	background: #efefef;
}
.autocomplete li a:hover {
	background: #ebf6ad;
}

.invoices_list {
	border-collapse: collapse;
}
.invoices_list tr th, .invoices_list tr td {
	text-align: left;
	font-size: 11px;
	color: #777;
	padding: 2px 4px;
}
.invoices_list tr th {
	border-bottom: 1px #eee solid;
	color: #666;
}
.invoices_list tr td input.frm_field {
	font-size: 11px;
}
.invoices_list tr td select.frm_select {
	font-size: 11px !important;
}
.invoices_list tr td img.delete {
	cursor: pointer;
	cursor: hand;
}
.loss {
	color: #c00;
}
.totals td {
	background-color: #fef2d9 !important;
	font-weight: bold !important;
}
.show_related {
	background-color: #CDDAE2;
	font-weight: bold;
}

.reportTable {
	width: 2450px;
	border-top: 1px solid #cccccc;
	border-left: 1px dotted #cccccc;
}
.reportHeader {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #cddae2;
}
.reportHeader td {
	width: 120px;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;	
}
.reportTable td {
	width: 120px;
	border: 0px !important;
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;
	vertical-align: top;
}
.reportRecords {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #000000;
	border-left: 1px dotted #cccccc;
}
.reportRecords td {
	padding-top: 5px;
	padding-left: 5px;
	width: 115px;
	height: 50px;	
	border-bottom: 1px solid #cccccc !important;
	border-right: 1px dotted #cccccc !important;
}
.reportTotals {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #dddddd;
	border-left: 1px dotted #cccccc;
}
.reportTotals td {
	padding-top: 5px;
	padding-left: 5px;
	width: 115px;
	height: 30px;	
	border-bottom: 1px solid #cccccc !important;
	border-right: 1px dotted #cccccc !important;
}

.reportTotals-all {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #bcc9d1;
	border-left: 1px dotted #cccccc;
}
.reportTotals-all td {
	padding-top: 5px;
	padding-left: 5px;
	width: 115px;
	height: 30px;	
	border-bottom: 1px solid #cccccc !important;
	border-right: 1px dotted #cccccc !important;
}