/********* Defaults ***********/
br.break {
	clear:both;
}


a {
	font-weight: bold;
	font-size: 11px;
}

a:link,
a:visited {
	color: #003333;
	text-decoration: none;
}

a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border:0;
}

table {
	font-size: 12px;
}
td.centered {
	text-align: center;	
}

th {
	background-color: #993300;
	color: #FFFFFF;
}

.highlighted {
	background-color: #ddd3cc  
}

td.number {
	padding-right: 10px;
	text-align: right;
}

tr.activity {
	background-color: #c5c6b9
}

tr.activityHighlighted {
	background-color: #d1d2c8   
}

tr.case {
	background-color: #cbc1b6 
}

tr.caseHighlighted {
	background-color: #beb3a5 
}

th.subHeader {
	background-color: #bf8660;
	color: white
}

td.withIcon {
	text-align: center;
}

/*.clickable {
	cursor: ;
}
*/

.cover100percent {
	width: 100%;
	height: 100%;
}

/*********   Forms *****************/
.value_changed {
	background-color: #433F36;
	color: #FFFFFF
}


.bounded_list {
	background-color: #CCCC66;
	max-height:150px;
	overflow: scroll;
	
}


.inputForm,
input {
	margin-left: 0px;
	padding-left: 0px;
}


/*option {
	color: #000000;
	background-color: #F4F5F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}*/


/********* Sections ********/
.section .button,
.sectionExpanded .button {
	float:right;
	height:20px;
	margin:2px;
	padding:0;
	border-width:0;
	text-decoration:none;
	background-color: #33CC99;
}

.section a {
color:#B1C7CD}

.section a:hover {
color:#990000}

.section a .button
 {
	background-image: url("../img/button_expand.gif");
	width:21px;
	height:20px;
	
}

.section a:hover .button {
	background-image:url(../img/button_expand_over.jpg);
	background-color:#993300
}

.section a {
	color: #e6d2aa;
}

.section a:hover {
	color: #fcf2ab;
}

.sectionExpanded .button
{
	background-image:url(../img/button_collapse.jpg);
	width:21px;
	height:20px;
	background-color: #0099FF;
}

.sectionExpanded a:hover .button {
	background-image:url(../img/button_collapse_over.jpg);
}

.section .button img,
.sectionExpanded .button img{
	border:0;
}

.sectionExpanded,
.section {
	width:100%;
	min-height:30px;
	border:1px solid #333333
}

.section .title {
	font-weight:bold;
}

.section .detail {
	padding-left:15px;
}


.sectionExpanded .title {
	font-weight:bold;
	background-color:#343630;
	height: 24px;
	padding: 5px;
	color: #FFFFFF;
}

.sectionExpanded .detail {
	padding:5px;
	background-color: #FFFFFF;
	padding-left:15px;
}

/* When the background has to be like the page background */
.sectionExpanded .detailEmptyBackground {
	padding:5px;
	padding-left:15px;
}

.section {
	background-color:#993300;
	color: #FFFFFF;
	padding: 5px;
}



.independentButton,
.independentButtonDisabled{
	background-image:url(../img/independent_button_normal.gif);
	border-style: solid;
	border-width: 1px ;
	padding:1px 3px;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
}

.independentButton:hover {
	background-image:url(../img/independent_button_over.gif);
	color: green;
}

.independentButton {
	color: #5b2e00;
}
.independentButtonDisabled{

	color: gray;
}
/***** Estilos para tabla-árbol ****/


/***** Form layout ***********/

.disabledButton {
	color: gray;
	font-weight: bold;
	font-size: 11px;
}


.two-column-display .row {
	clear:both;
	width:100%;
	overflow:hidden;
	padding-bottom: 5px;
}

.two-column-display .header {
	float:left;
	width:150px;
	height:auto;
	font-weight: bold;
}

.two-column-display .innerHeader {
	margin: 0px 0px 0px 20px; 
	height:auto;
	font-weight: bold;
	display:inline;
}

.two-column-display .immediateHeader {
	margin: 0px; 
	height:auto;
	font-weight: bold;
	display:inline;
}

.two-column-display .data {
	float:left;
	margin-left:5px;
	margin-right:20px;
}


.two-column-display .data ul {
	margin-left:5px;
	padding:0;
	list-style: square;
}

.data .long
{
	width: 500px;
	float:left;
	margin-left:5px;
	margin-right:20px;
}

.two-column-display .longtext {
	text-align: justify;	
}

.two-column-display .data textarea {
	width: 500px;
}

.two-column-display .data input.long {
	width: 500px;
}

.scroll_area_large {
	/*background-color: #CCCCCC;*/
	height:200px;
	overflow: auto;
	border-color: white;
	border-style: inset;
	border-width: 2px;
	width: 500px;
	
	
}

.scroll_area_place {
	height:150px;
	overflow: auto;
	border-color: white;
	border-style: inset;
	border-width: 2px;
	width: 445px;
	background-color: white;
}

.message {
	width: 600px;
	max-height: 10em;
	min-height: 8em;
	overflow: scroll;
	border:1px solid black;
	
}

.smallFont {
	font-size:11px;
}

/********** Forms ***********/
.nonListItem {
	font-style: italic;
	color: #866d39 ;
}

select[disabled] {
	background-color: #cecfc5 ;
}

.form .shortNumber {
	width:3em;
	text-align: right;
	padding-right: 8px;
}

.form .mediumNumber {
	width:6em;
	text-align: right;
	padding-right: 8px;
}

.form .longNumber {
	width:9em;
	text-align: right;
	padding-right: 8px;
}

.form .address {
	width:30em;
	height:3em;
}
.form .name {
	width:22em;
}
.form .email {
	width:35em;
}

.form .ruc {
	width:12em;
}

.form .objectTypeList {
	width:25em;
}

.form .city,
.form .municipality,
.form .country,
.form .locationPart {
	width:25em;
}
.form .phone {
	width:15em;
}

.form .short {
}
.form .medium {
	width:12em;
}

.form .large {
	width:20em;
}

.form .veryLarge {
	width:35em;
}
	
.form .caseTitle,
.form .activityTitle,
.form .position
{
	width:30em;
}
.form .professionalActivity {
	width:20em;
}
.form .officeName {
	width:25em;
}

.form .crimesList {
	width:35em;
}

.form .employeesList {
	width:25em;
}


/* pictures*/ 
img.personPictureSmall {
	/*width: 150px;
	height: 150px;
	*/
}

div.thumbnailContainer {
	display:inline;
	width:150px;
	text-align: center;
}

div.thumbnailContainerPicture {
	display:inline;
	width:150px;
	height:150px;
	text-align: center;
}
fieldset.thumbnailContainerPictureF {
	display:inline;
	width:150px;
	height:160px;
	text-align: center;
}

div.thumbnailContainer .caption a {
	font-size: smaller;
}


.pageComments {
	color:gray;
	font-size:9px;
	font-family: Verdana;
}

.lineComment {
	color:gray;
	font-size:9px;
	font-family: Times New Roman;
}

.alertComment {
	color: red;
}

.alertWarning {
	color: #e8d817;
}

.form .casePlace {
	width:20em;
}


.form .caseCode {
	width:10em;
}

form {
	
margin: 0;
padding: 0;

}
div.filterHeading {
 margin-top:3px;
 margin-bottom:3px;
 margin-left:0;
 margin-right:0;
 padding:0;

}

span.delayed {
	color: #9f0000;
	font-weight: bold;
}

tr.sumary {
	background-color: #c5c6b9
}
td.sumary {
	padding-right: 10px;
	text-align: right;
	font-style: italic;
}
span.cellSubHeader {
	color: #5f4f45;
	font-weight: normal;
	font-size: 11px;
}
span.cellPrimaryItem {
	color: #5f4f45;
	font-weight: bold;	
}
span.cellSecondaryItem {	
	color: #5f4f45;
	font-size: 11px;
	font-weight: normal;
}