/*
	General
*/

*
	{
	padding: 0;
	margin: 0;
	}

img
	{
	border: none;
	}

fieldset
	{
	border: 1 px solid gray;
	}

input, select
	{
	font-size: 1.0em
	}

input:focus
	{
	background: white;
	}

form /* for Opera */
	{
	margin:0;
	padding:0;
	}

body
	{
	margin:0;
	padding:0;
	font-size: 62.5%; /* 1em = 10pt */
	font-family: Arial, sans-serif;
	}

a
	{
	color: #0544A5;
	}

/*
	Header
*/
#header
	{
	background-image: url('../Images/body_bg.gif');
	background-repeat: repeat-x;	
	background-color: #EAEAEA;
	}
	
	header_wrapper
		{
		width: 980px;
		}
	
	#logo
		{
		float: left;
		padding: 0 0 0 10px;
		}
	
	#info
		{
		float: left;
		width: 500px;	
		height: 103px;
		font-size: 10pt;
		padding: 5px 0 0 40px;
		background-image: url('../Images/bg_top1.gif');
		background-repeat: no-repeat;
		}

		#info p
			{
				margin-bottom: 1em;
			}
	#menu
		{
		
		}
	#menu ul
		{
		padding: 20px 0 0 10px;
		list-style-type: none; 
		}

	#menu ul li
		{
		margin: 0 0 5px 0;
		}	   
	
	#menu ul li a, #menu ul li a:visited
		{
		color: #0544A5;
		}

.small
	{
	margin: 0 0 0 30px;
	font-size: 0.9em;
	font-style: italic;
	}

#breadcrumb
	{
	clear: both;
	overflow: hidden;
	background-image: url('../Images/bg2.gif');
	background-repeat: repeat-x;
	height: 45px;
	font-size: 9pt;
	padding: 20px 0 0 0;
	color: White;
	}

	#breadcrumb a, #breadcrumb a:hover
		{
		color: #FFFFFF;
		padding: 0 60px 0 40px;
		}

table.auth
	{	
	}	
	
	table.auth tbody tr td
		{
		padding: 3px;
		}
		
		span.auth_checkbox input
			{
			margin-right: 2px;
			border: 0;
			}
		
		table.auth tbody tr td input.auth_input
			{
			height: 20px;
			width: 200px;
			padding: 2px 2px 0px 2px;
			}
		
		table.auth tbody tr td input.button_auth
			{
			padding: 5px;
			height: 30px;
			width: 205px;
			background: #ECECEC;
			}  

	.auth_validator
		{
		font-weight: bold;
		}
	
/* 
	Main
*/
#main
	{
	background-color: White;
	font-size: 9pt;
	padding: 0 20px 0 20px;
	height: 100%; /* for IE */
	}

#main .clear
	{
	clear: both;
	}

#main h1
	{
	font-weight: normal;
	font-size: 2em;
	color: #1764A3;
	}

#main h2
	{
	font-weight: normal;
	font-size: 1.5em;
	color: gray;
	margin: 20px 0 10px 0;
	}

#main p
	{
	margin: 10px 0 10px 0;
	}

#main ul
	{
	list-style-type: square;
	padding: 0 0 0 30px;
	}

.errors
	{
	padding: 10px 0 10px 40px;
	}

	.errors ul
		{
		list-style-type: square;
		}

.information
	{
	height: 20px;
	line-height: 20px;
	margin: 10px 0 10px 0;
	color: white;
	background-color: green;
	font-weight: bold;
	text-align: center;
	-moz-border-radius:3px;
	}


/*
	Forms
*/			
table.cpf_form
	{
	margin: 10px 0 0 0;
	font-size: 1.1em;
	}

table.cpf_form tbody tr td
	{
	padding: 5px 20px 5px 10px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
	}				

.field
	{
	width: 580px;
	padding: 2px;
	}

.field_date, .field_date input
	{
	padding: 2px;
	}

.field_filter
	{
	width: 150px;
	padding: 2px;
	}
	
.field_select
	{
	width: 250px;
	padding: 2px;
	}	

.field_textarea	
	{
	width: 580px;
	height: 200px;
	padding: 2px;
	overflow: auto;
	font-family: Arial, sans-serif;  	
	}

.field_checkbox, .checkbox input
	{
	border: none;
	}

.button, .message
	{
	-moz-border-radius:3px;
	border: 1px solid #828282;
	background-color: #d7d7d7;
	padding: 3px 5px;
	color: black;
	}

.message
	{
	background-color: #EEEEEE;
	margin: 5px 5px;
	}

input, textarea, select
	{
	border: 1px solid black;
	color: Black;
	-moz-border-radius:3px;
	}

input.checkbox
	{
	padding: 0;	
	border: none;
	background: none;
	}
input:focus, textarea:focus 	
	{
	-moz-border-radius:3px;
	background-color: white;
	border: 1px solid #1764A3;
	color: black;
	}

fieldset
	{
	padding: 10px 10px 10px 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	}
	
legend
	{
	padding: 0 5px 5px 5px;
	font-weight: bold;
	}

/*
	cpf_grid 
*/  
table.cpf_grid
	{
	width: 99%;
	margin: 20px 0 0 0;
	border-left: solid 1px #999999;
	font-size: 0.9em;
	}

table.cpf_grid th
	{
	border: solid 1px #999999;
	border-left: none;
	padding: 0 3px 2px 3px;
	text-align: left;
	}

table.cpf_grid th a
	{
	font-weight: bold;
	}

table.cpf_grid tbody tr td
	{
	color: #333333;
	padding: 0 3px 2px 3px;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	vertical-align: middle;
   	background-color: #fafafa;
	}

table.cpf_grid tbody tr td ul
	{
	margin-left: 40px;
	}

table.cpf_grid tbody tr.AspNet-GridView-Alternate td
	{
	background-color: #efefef;
	}

.date_sum
	{
	width: 50%;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 0;
	}

#table_total
	{	
	border-top: 1px solid black;
	width: 50%;
	margin: 20px 0 0 0;
	padding: 10px 5px 5px 0;
	}

/* cargos legend */
table#cargos_legend_grid tbody tr td
	{
	width: 153px;
	height: 20px;
	text-align: center;
	}
	
/* cargos statuses */
table.cpf_grid tbody tr.AspNet-GridView-CargoStatus-1 td, table#cargos_legend_grid tbody tr td.cargos_accepted /* accepted */
	{
	background-color: #CCCCCC;
	}

table.cpf_grid tbody tr.AspNet-GridView-CargoStatus-2 td, table#cargos_legend_grid tbody tr td.cargos_transit /* in transit */
	{
	background-color: #FFCC99;
	}

table.cpf_grid tbody tr.AspNet-GridView-CargoStatus-3 td, table#cargos_legend_grid tbody tr td.cargos_arrived /* arrived */
	{
	background-color: #FFC43C;
	}
	
table.cpf_grid tbody tr.AspNet-GridView-CargoStatus-4 td, table#cargos_legend_grid tbody tr td.cargos_issued /* issued */
	{
	background-color: #CCFFCC;
	}
	
/* payments legend */
table#payments_legend_grid tbody tr td
	{
	width: 205px;
	height: 20px;
	text-align: center;
	}
	
/* payments statuses */
table.cpf_grid tbody tr.AspNet-GridView-PaymentStatus-1 td, table#payments_legend_grid tbody tr td.payed_partially /* partially payed */
	{
	background-color: #FFCC99;
	}

table.cpf_grid tbody tr.AspNet-GridView-PaymentStatus-2 td, table#payments_legend_grid tbody tr td.not_payed /* not payed */
	{
	background-color: #CCCCCC;
	}

table.cpf_grid tbody tr.AspNet-GridView-PaymentStatus-3 td, table#payments_legend_grid tbody tr td.payed_full /* payed */
	{
	background-color: #CCFFCC;
	}

/* user actions coloring */
table#useractions_legend_grid tbody tr td
	{
	width: 205px;
	height: 20px;
	text-align: center;
	}

table.cpf_grid tbody tr.AspNet-GridView-UserAction-1 td, table.cpf_grid tbody tr.AspNet-GridView-UserAction-2 td, table#useractions_legend_grid tr td.login /* login */
	{
	background-color: #CCFFCC;
	}
	
table.cpf_grid tbody tr.AspNet-GridView-UserAction-3 td, table.cpf_grid tbody tr.AspNet-GridView-UserAction-4 td, table#useractions_legend_grid tr td.logout /* logout */
	{
	background-color: #FFC43C;
	}
	
/*
	Pager
*/
.href_paging
	{	
	margin: 10px 20px 10px 0;
	height: 30px;
	}

.paging_total
	{
	float: left;
	}

.paging_numbers
	{
	float: right;
	}

/*
	Footer
*/
#footer
	{
	clear: both;
	border-top: 1px solid gray;
	margin: 20px 0 20px 0;
	font-size: 1.1em;
	padding: 5px;
	}
	
#svn_version
	{
	color: White;
	}
.noborder
	{
	border: none!important;
	}	

.hidden	
	{
	display: none;
	}