/*public Contract styles */

body,html {
		margin: 				0;
		padding: 			0;
		font-size:			11px; 
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		min-width: 			600px;
}
h1,h2,h3,h4,h5,h6 {
		color:				#094891;				/*color de letra*/
}
h1 {
		padding-right:		9px; 
		font-family:			verdana; 
		font-size:			14px; 
		text-decoration:	none; 
		color:				#094891;			 /*color de letra*/
		font-style:			normal; 
		font-weight:		bold; 
		text-align: 			left; 
		vertical-align: 		bottom; 
}
h3 {
		font-family: 		verdana; 
		font-size:			12px; 
		font-weight:		bold; 
		text-decoration:	none; 
}
img {
		vertical-align: top;
		border: 0;
}
input[type="text"]:disabled {
    background-color: #EFEFEF;
    border: 1px solid #E2E0E0;
    padding: 3px;
}
/*Styles for globalNav*/
.header {
		padding: 			16px 0px 17px 0px;
		margin-left:		93px;
		width: 				350px;
}
.logo { }
.navleft { 	
		float:					left; 
		width:				200px; 
		background: 		#3B6B9F;				/*oscuro*/
		padding:			4px 0px; 
		text-align:			center;
}
.navleft a 	{
		padding:			4px 8px; 
		color:				#EFEFEF;				/*gris*/
}
.navleft a:hover{
		background-color: 	#094891;			/*mas oscuro*/
		color: 					#EFEFEF;			/*gris*/
}					  	
.navright {
		margin-left: 		200px; 
		background: 		#A7C3DF;				/*claro*/
		text-align: 			right;
		padding:			4px 0px; 
}
.navright a {
		color: 				#094891;				/*letra*/
		padding:			4px 8px; 
}
.navright a:hover{
		background: 		#3B6B9F;				/*oscuro*/
		color: 				#EFEFEF;				/*gris*/
}			  
.navright a, .navleft a {
		border-left: 		1px solid white;
}
.navright .noborder, .navleft .noborder {
		border: 				0px;
}
.navleftPopUp {
		float:					left; 
		width:				129px; 
}
.bartop {
		height:				1px;
		border-top:			1px solid #5f5f5f;
		background:		#cccccc;
		border-bottom:	2px solid white;
		font-size: 			0px;
}
.barbot {
		clear:				both;
		height:				1px;
		border-top:			2px solid white;
		background:		#5f5f5f;
		border-bottom:	1px solid #cccccc;
		font-size: 			0px;
}
.tabbarbot {
		height:				1px;
		border-top:			1px solid white;
		background:		#ffffff;
		border-bottom:	1px solid #5f5f5f;
		vertical-align:		 bottom;
		padding-top:		0px;
		clear:				both;
		margin-top: 		5px;
		font-size: 			0px;
}
.widebartop  {
		clear:				both;
		height:				1px;
		border-top:			1px solid white;
		background:		#cccccc;
		border-bottom:	1px solid #5f5f5f;
		font-size: 			0px;
}
.widebarbot {
		margin-bottom: 	1em;
		height:				1px;
		border-top:			1px solid white;
		background:		#cccccc;
		border-bottom:	1px solid #5f5f5f; 
		font-size: 			0px;
}
/* End of Styles for globalNav*/

/*styles for leftcontent menus*/
ul.navcats				  {
						  margin:0px; 
						  padding-bottom:13px; 
						  list-style:none;
						  }
						  
ul.navcats li			  {
		   				  text-align:right; 
						  margin-top:-7px;
						  margin-right:7px;
						  margin-left:-42px; 
						  padding-bottom:7px;
		   				  font-family:arial, helvetica, sans serif; 
						  font-size:13px;
						  }
						  
ul.navcats li a			  {
		   	  			  display:block; 
						  text-decoration:none; 
						  color:#000000; 
						  padding:3px;
						  }
						  
ul.navcats li a:hover {
		   	  			  background: #A7C3DF;				/*claro*/
						  color:#000000;
						  }
ul.navsubcats 			
						{
						 width:144px;
						 padding-top:10px;
						 margin-left:-40px;
						 margin-bottom:15px;
						 list-style:none; 
						 border-top:1px solid #CCCCCC; 
						 border-bottom:1px solid #CCCCCC;
						}
ul.navsubcats li 		{
						 width:170px;
						 text-align:right; 
						 font-family:arial; 
						 font-size:13px;
						 }
ul.navsubcats li a 		{
			  	 		 margin-right:0px;
			   	 		 padding-right:4px;
			   			 display:block; 
						 text-decoration:none; 
						 color: #094890;
						}
ul.navsubcats li a:hover
			  	 		{
			   			 background: #A7C3DF;				/*claro*/
						 color: #094890;
						}
.#navAdmin 				{margin: 0px; padding: 0px; clear: both; list-style: none; }
#navAdmin li 				{width: 180px; text-align: right; font-family:arial; font-size:13px;}
#navAdmin li a 			{display: block; width: 180px; padding: 3px 3px; text-decoration: none; color: #000000;}
#navAdmin li a:hover 	{ background: #CEDDB2; }
.navadminOn				{ font-weight:bold; }
.navSup2ON {font-weight:bold;}
/*end of styles for leftcontent menus*/

 /*Subnav Styles*/
.subnav {
		background: 		#D3DAED;			/*mas claro*/
		text-align:			right;
		padding:			6px 15px 6px 4px;
		margin: 				0px 0px;
}
.subnav a {
		border-left: 		1px solid white;
		color: 				#094891;   		/*color de letra*/
		padding:			6px 8px; 
 }
.subnav a:hover {
		background:		#3B6B9F;                /*oscuro*/
		color: 				#EFEFEF;				  /*gris*/
 }
.subnav .noborder {
		border: 				0px;
}
a.navmenuOn {
		font-weight:		bold;
}

.subNavHead {
		padding:			7px 0px 3px 18px;
		border-bottom:	1px solid #CEC8C0;
		font-style:			normal; 
		font-weight:		bold; 
		font-size:			12pt; 
		color:				#094891;   		/*color de letra*/
		vertical-align:		bottom; 
}

/*end of Subnav Styles*/

/*Footer Styles*/
.footer {
		border-top:				1px solid #CEC8C0;		 /*color de borde*/
		font-size:				9px;
		background-color: 	#FFFFFF;
		color :					#8E8680;
		clear:					both;
}
.footer div {
		padding:			4px 0px 12px 0px;
		text-align:			center;
}
.footer div a {
		text-decoration:	none;
		color:				#8E8680;
}
.footer div a:hover {
		text-decoration:	underline;
		color:				#8E8680;
}
/*End of Footer Styles*/


/*Styles for info(left) and content(right) divs*/
.cobrandlogo {
		width:				180px;
		margin:				10px;
		text-align:			center;
} 
.mainleftside {
		float:					left;
		margin:				0;
		width:				200px;
		border-right:		1px solid #CEC8C0;			 /*color de borde*/
}
.mainrightside {
		margin-left: 		200px;
		border-left:			1px solid #CEC8C0;			 /*color de borde*/
}
.rightcontent {
		padding:			10px;
		min-width: 			560px;
}
.leftcontent {
}
/*end of Styles for info(left) and content(right) divs*/


#htabs{
		margin-top:		20px;
		margin-left: 		5px;
		margin-right: 		5px;
		clear:				left;	
		background-color: #A7C3DF;
		padding: 			0px;
}	
#htabs ul {
		list-style: 			none;
		margin-left: 		0;
		padding-left: 		7px;
}
#htabs li {
		background-color: #D3DAED;
		padding: 			3px;
		margin: 				8px 2px -1px 2px;
		float: 				left;
		border:				1px solid #094891;
}
#htabs a {
		margin:				0;
		padding: 			5px;
		text-decoration: 	none;
}
#htabs a:hover {
		color:				#3B6B9F;				
}
.tabSection {
		margin: 				0px 5px;
		padding: 			5px 10px 10px 10px;
		border:				1px solid #A7C3DF;
		border-top: 		1px solid #094891;
		min-width: 			560px;
}
.deleteRSpan{
		margin-top: 		10px; 
		float:					right;
}
/*-------------------------------------------------------------------------*/



.contentSection {
		margin: 				10px 5px;
		border:					1px solid #CEC8C0;			 /*color de borde*/
		min-width: 			450px;
}
.contentErrorSection {
		border:				1px solid #CEC8C0;			 /*color de borde*/
}
.contentSectionTitle {
		background:		#A7C3DF;	   						/*claro*/
		color:				#094891;   						/*color de letra*/
		font-weight:		bold; 
		border-bottom: 	1px solid #CEC8C0;			/*color de borde*/
		padding: 			5px 10px 5px 10px; 
		vertical-align:		bottom;
		font-size: 			13px;
}
/*Sub Seccion Styles*/

.searchTag {
		margin: 				15px 0px 10px 17px;
		min-width: 			490px;
}

.formTag {
		margin: 				15px 10px;
		border-bottom: 	1px solid #CEC8C0;			 /*color de borde*/
		min-width: 			675px;
}
.formTagTitle { 
		background:		#A7C3DF;	   						/*claro*/
		color:				#094891;   						/*color de letra*/
		font-weight:		bold; 
		border-bottom: 	1px solid #CEC8C0;			 /*color de borde*/
		padding: 			5px 0px 3px 10px; 
		vertical-align:		bottom;
		margin-bottom: 	20px;
}
div.privHomeTitle{
		margin: 				0;
}
div.privHomeTitle h1{
		margin: 				0;
		font-size: 			16px;
}
/*end of content Styles*/

/*Buttons Styles*/
.submit {   
		background-color: 	#6699CC;						/*medio*/ 
		padding: 				0px 2px; 
		margin:				3px 0px;
		color: 					white;
		font-family:				Arial; 
		text-align: 				center;
		height: 					22px;
		font-size:				9pt; 
		font-weight:			normal; 
		border: 					1px solid #3B6B9F;      /*oscuro*/
		cursor:					hand;
}
.submit:hover{
		background-color: 	#3B6B9F;                /*oscuro*/
		color: 					white; 
}
.genericButton {
		background-color: 	#6699CC;		/*medio*/ 
		color:					white;
		font-family:				Arial; 
		text-align: 				center;
		height: 					22px;
		border: 					1px solid #3B6B9F;                /*oscuro*/
		cursor:					hand;
}
.genericButton:hover{
		background-color:	#3B6B9F;                /*oscuro*/
		color: 					white; 
}     
.submitsmall {
		background-color:	#6699CC;					/*medio*/ 
		padding: 				0px 1px; 
		color:					white;
		font-family:				Arial; 
		font-size:				8pt; 
		font-weight:			normal; 
		border:					1px solid #3B6B9F;   /*oscuro*/
		cursor: 					hand;
}
.submitDisabled {
		color:					#A0A0A0;
		cursor: 					default;
}
div.buttonTag {
		margin: 					5px 0px;
		text-align: 				center;
}
div.buttonTagTop {
		margin-top: 			5px;
		margin-bottom:		-3px;
		text-align: 				right;
}
.radioB{
		vertical-align: 			middle;
}

/*end of Buttons Styles*/

/*Forms Styles*/
form {
	margin: 						0;
	padding: 					0;
}
form.dataIns {
		padding: 				0px;
}
form.dataIns label {
		font-size:				11px;
		text-align:				right;
		display:					block;
		width: 					40%;
}
form.dataIns > div > label {
		float:						left;
}
form.dataIns > div {
		clear: 					left;
}
form.dataIns > div > input {
		 text-align:				left;
		 margin:					0px 3px 5px 10px;
		 height: 					16px;
}
form.dataIns > div > input:disabled {
		text-align:				left;
		margin:					0px 3px 5px 10px;
		height: 					16px;
		color: 					black;
}
form.dataIns > div > select {
		text-align:				left;
		margin:					0px 3px 5px 10px;
		height: 					19px
}
form.dataIns > div > textarea {
		 text-align:				left;  
		 margin:					0px 10px 5px 10px;
}	 
form.dataIns > div.buttonTag > input {
		height: 					22px;
}
div.loginBox {
		padding:				20px 0px 10px 0px;
		border: 					1px solid #CEC8C0;		 /*color de borde*/
		width: 					450px;
		margin: 					20px;
		min-width: 				400px;
}
div.loginBox > form.dataIns label {
		font-size:				12px; 
		text-align: 				right;
		display: 				block;
		width: 					160px;
}
/*End of form Styles*/

/*Styles for contractForm*/
.headGray	{ 
		background:			#E9E9E9; 				/*otro gris*/
		width:					200px; 
		border-right: 			1px solid #CEC8C0;		 /*color de borde*/
}
.headInfo { 
		background-color:	#3B6B9F;                /*oscuro*/
		margin:					5px;
		font-style:				italic;
		font-weight:			bold;
		color:					#ffffff;
		padding:				5px; 
}
.smalltd	 { 
		width:					500px;
}
.bigtd { 
		width:					500px; 
}
.helptd { 
		padding:				5px; 
		vertical-align:			top;
		min-width: 				290px;
}
.entrytitle { 
		margin:					5px 20px;
		font-weight:			bold; 
}
.entryfield { 
		margin:					5px 15px; 
}
.subTitle{
		font-family: 		verdana; 
		font-size:			12px; 
		font-weight:		bold; 
		text-decoration:	none;
		padding: 			0;
		margin: 				0;
		border-bottom: 	1px solid #CEC8C0;
		color: 				#094891;
		margin-bottom: 	5px;
		margin-top: 		10px;
}

/*End of Styles for contractForm*/
/*-----------------------colors ok---------------------------------------------*/ 


/*Tables Styles*/
.BkgList {
		background-color:		#E9E9E9;
}
.BkgList2 {
		background-color:		#ffffff;
}
.tabEnd {
		height:						18px;
}
.infoboxtop {
		height:						1px;
		border-top:					1px solid white;
		background:				#cccccc;
		border-bottom:			1px solid #5f5f5f;
		margin-bottom:			1px;
		font-size:					0px;
}
.infoboxCon {
		background-color: 		#CADCEF;                /*Fondo de search*/
}
.infoboxbot {
		height:						1px;
		border-top:					1px solid white;
		background:				#cccccc;
		border-bottom:			1px solid #5f5f5f;
		font-size: 					0px;
}
.tabHome {
		width: 						100%;
}
.tabHome th {
		background:				#93BA6B;
		color:						#EFEFEF;
		border-top:					2px solid #ffffff;
		white-space:				nowrap;
		font-weight:				normal;
		padding-top:				2px;
		height:						25px;
}
.tabHome th a {
		color:						#FFFFFF;
}

.tabHome .listA {
		background-color:		#D3DAED;		/*mas claro*/
}
.tabHome .listB {
		background-color:		#ffffff;
}
.tabHome td {
		padding: 					4px;
		border-left: 				1px solid #CEC8C0;		 /*color de borde*/
		border-bottom: 			1px solid #CEC8C0;		 /*color de borde*/
}
.tabHome .lefttd {
		border-left: 				0px;
}
.listA {
		background-color: 		#D3DAED;		/*mas claro*/
}
.listB {
		background-color: 		#ffffff;
}

.tabAET {
	width: 99.9%;
}
.tabAET thead th {
	border-bottom: 1px solid #CEC8C0;
}

.tabHeld, .tabCurr, .tabRed, .tabMsg  { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-size: 11px; width: 100%; }
.tabHeld thead tr, .tabCurr thead tr, .tabRed thead tr, .tabMsg thead tr	{ height: 15px; }
.tabHeld thead th, .tabCurr thead th, .tabRed thead th, .tabMsg thead th	{ border-right: 1px solid #CCCCCC; text-align:center; white-space:nowrap; font-weight:normal; color:#ffffff;}
.tabHeld td, .tabCurr td, .tabRed td, .tabMsg td	{ border-right: 1px solid #CCCCCC; }
.tabHeld thead th { background-color:#A1A3A1; border-top: 1px solid #94948F; border-bottom: 1px solid #94948F;}
.tabCurr thead th, .tabMsg thead th { background-color:#6699CC; border-top: 1px solid #6684B2; border-bottom: 1px solid #6684B2;}
.tabRed  thead th { background-color:#AD4752; border-top: 1px solid #AD4752; border-bottom: 1px solid #AD4752;}
.tabHeld thead th a { color: #ffffff; text-decoration: none; }
.tabHeld thead th a:hover { color: #dfdfdf; }
.tabCurr thead th a, .tabRed thead th a, .tabMsg thead th a { color: #ffffff; text-decoration: none; }
.tabCurr thead th a:hover, .tabRed thead th a:hover, .tabMsg thead th a:hover { color: #cccccc; }

/* Borders */
.bGrayL 			{ border-left: 1px solid #CCCCCC; }
.bGrayB 			{ border-bottom: 1px solid #CCCCCC; }
.bGrayT 			{ border-top: 1px solid #CCCCCC; }
.bBlueL				{ border-left:1px solid #6684B2; }
.bBlueR				{ border-right:1px solid #6684B2; }
.bBlueT				{ border-Top:1px solid #6684B2; }
.bBlueB				{ border-bottom:1px solid #6684B2; }
.bBlueTRBL, .msgTRBL { border-top:1px solid #6684B2; border-right:1px solid #6684B2; border-bottom:1px solid #6684B2; border-left:1px solid #6684B2; }
.bRedTRBL			{ border-Top:1px solid #DC8DA8; border-right:1px solid #DC8DA8; border-bottom:1px solid #DC8DA8; border-left:1px solid #DC8DA8; }



.tabBlueBC 			{ 
					 border-top:1px solid #6684B2; 
					 border-right:1px 
					 solid #6684B2; 
					 border-bottom:1px solid #6684B2; 
					 border-left:1px solid #6684B2; 
					 width: 100%;
					}
.tabBlueBC thead tr { height:15px; }
.tabBlueBC thead th { background-color:#BED0E3; 
		   		 	  font-family:verdana; 
					  font-size:11px; 
					  text-decoration:none; 
					  color:#6684B2; 
					  text-align: left; 
					  padding-left: 10px;
					}
.tabBlueBC td 		{  }
/*end of tables styles*/

/*Task form */
div.taskFormFieldsReadOnly {
	border: 1px solid gray;
	padding: 2px;
	margin-top: 5px;
}
div.taskFormAreaReadOnly {
	width: 240px;
	height: 65px;
	vertical-align: top;
	border: 1px solid gray;
	padding: 2px;
	margin-top: 5px;
}

div.taskFormTitles {
	width: 75px;		
	margin-top: 5px;
	text-align: left;
}
.taskModal_LInfo {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
}
.taskModal_RInfo {
	margin-left: 130px;
	width: 245px;
	text-align: left;
	margin-top: 5px;
}
.divBlock_2 {
	margin-top: 10px;
}
.taskEmailDiv {
	margin-bottom: 10px;
}
.taskOverBox {
	margin-top: 2px;
	border: 1px solid #CCC;
	padding: 2px 0;
	height: 50px;
	width: 219px;
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 0.9em;
}


.actionTaskLink {
		color: #6699D0;
	}
/* End Task form */

.coninfo {
		border-top:				1px solid #CEC8C0;		 /*color de borde*/
		border-bottom: 		1px solid #CEC8C0;		 /*color de borde*/
		border-left: 			1px solid #CEC8C0;		 /*color de borde*/
		width: 					100%;
}
.coninfo td {
		border-right:			1px solid #CEC8C0;		 /*color de borde*/
		padding:				3px;
}
.coninfoR {
		vertical-align:			top;
		background: 			#D3DAED;		/*azul gris*/
}
.coninfoR td, .coninfoL td {
		border:					0px;
}
.coninfoR thead tr {
		background: 			#A7C3DF;	   	/*claro*/
}
.coninfoR th {
		border-bottom:		1px solid #CEC8C0;
		height: 					25px;
}
.coninfotitle {
		font-weight: 			normal;
		vertical-align:			top;
		text-align:				right;
		height: 					25px;
}
.coninfobold {
		font-weight: 			bold;
		padding:				5px 0px;
		vertical-align:			top;
}
.coninfonb {
		font-weight:			normal;
}
.conInfoSection {
		margin-top:			10px;
		border:					1px solid #CEC8C0;
}
.conErrorSection {
		border:					1px solid #CEC8C0;
}
.conInfoSectionTitle {
		background:			#CEDDB2;			/*azul gris*/
		color:					#094891;
		font-weight:			bold;
		border-bottom: 		1px solid #CEC8C0;
		padding: 				5px 0px 3px 10px;
		vertical-align:			bottom;
}
.infoHead, .infoHead a {
		font-family:				verdana;
		font-size:				14px;
		font-weight:			bold;
		text-decoration:		none;
		color:					#094891;			/*letra*/
}

a 				{ 
				font-size:11px;
				font-family:verdana, arial, helvetica, sans-serif; 
				text-decoration:none; 
				color: #094891; 			/*color de letra*/
				}
.simulatedLink {
				font-size:11px;
				font-family:verdana, arial, helvetica, sans-serif; 
				text-decoration:none; 
				color:#175A23;
}
a:hover { 
				color: #6699CC;				/*medio*/
}
.sectionHeader {
		width: 					100%;
		border-bottom: 		1px solid #CEC8C0;
}
.sectionHeader td {
		vertical-align: bottom;
}
.sectionHeaderTitle {
	text-align: left;
}
.sectionHeaderMsg {
	text-align: right;
	color: darkred;
}
.sectionHeaderAction {
	text-align: right;
}

/*Modal Styles*/
div.modalTitle{
		background-color:	#6699CC;	/*medio*/
		color:					white;
		font-weight:			bold;
		padding:				4px;
		margin-bottom:		5px;
		text-align: 				left;
}

/*
table {
	margin: 1em;
	border: 1px solid #D0D590;
	width: 70%
}

th {
	border: 1px solid #D0D590;
	font-size: 12px;
	color: #4B5320; 
	text-decoration: bold; 
	width: 25%
	
}
td {
	border: 1px solid #D0D590;
	font-size: 12px;
	color: #4B5320; 
	text-align: center;
	width: 25%;
	
}
td,p 	{ 
				font-size:11px; 
				font-family:Verdana, Arial, Helvetica, sans-serif;
				}

.tabGreen { border-left: 1px solid #CEDDB2; }
.tabGreen th { background-color:#93BA6B; color:#EFEFEF; height:20px; border-right: 1px solid #CEDDB2; white-space:nowrap; font-weight:normal;}
.tabGreen th a { color:#FFFFFF; }
.tabGreen td { border-right: 1px solid #CEDDB2; }

.tabWithList { }
.tabWithList th { border-bottom: 2px solid #CEDDB2; white-space:nowrap; font-color:#000000; font-weight:bold;}
.tabWithList td { padding: 2px; }
*/


.infoboxtop { height:1px; border-top:1px solid white; background:#cccccc; border-bottom:1px solid #5f5f5f; margin-bottom:1px; font-size: 0px;}
.infobox { background: #EBF1E0;}
.infoboxbot { height:1px;border-top:1px solid white; background:#cccccc; border-bottom:1px solid #5f5f5f; font-size: 0px;}

.DA_next
{background-image:url(images/bannerNext.jpg);  background-repeat:no-repeat;  width:70px; height: 30px; padding-top: 3px;}

.DA_next a
{ text-decoration:none; color:#034B16}

.DA_next2
{background-image:url(images/bannerNext2.jpg);  background-repeat:no-repeat; width:70px; height: 30px; padding-top: 3px; float:left;}

.DA_next2 a
{ text-decoration:none; color:#034B16}


.iteminfo { border-top: 1px solid #CEC8C0; border-bottom: 1px solid #CEC8C0; border-left: 1px solid #CEC8C0;}
.iteminfo td {border-right: 1px solid #CEC8C0; padding:3px;}
.iteminfoR { vertical-align: top; background: #EBF1E0; }
.iteminfoR td, .iteminfoL td{ border: 0px; }
.iteminfoR thead tr { background: #CEDDB2; }
.iteminfoR th { border-bottom: 1px solid #CEC8C0; padding: 3px; }
.iteminfotitle { font-weight: normal; vertical-align:top; text-align:right; }
.iteminfobold  { font-weight: bold; }
.iteminfonb { font-weight: normal; }

.itemInfoSection { margin-top:18px; border:1px solid #CEC8C0;}
.itemErrorSection { border:1px solid #CEC8C0; }
.itemInfoSectionTitle { background:#D0D590; color: #4B5320; font-weight: bold; border-bottom: 1px solid #CEC8C0; padding: 5px 0px 3px 10px;vertical-align:bottom; }


/*#sections, #addDetail, #saveForm { position: relative; left: 0px; }*/

.itemSection { background: white none repeat scroll 0%; border-bottom: 0px solid #CCC; border-right: 0px solid #CCC; margin-bottom: 0px; margin-left: 0.5em; padding-left: 0; padding-bottom: 0.5em; padding-right: 0; }
/*TD.label { text-align: left; font-weight: bold; width: 10em; height: 25px; }*/
/*SPAN.dyn_edit > INPUT { height: 14px; } */
/*
.dyn_read { border-left: 0px solid #ccc; margin-left: 0px; padding-left: 2px; width: 95%; }
LI.dyn_read { display: inline; }
.entrytoolbar { border: 0; padding: 0; width: 100%; margin-top: 0px; }
.entrytoolbar .title { background-color: #93BA6B; color: white; font-weight: bold; font-style: italic; padding-left: 10px; }
.entrytoolbar .leftactions { background: #E9E9E9 none repeat scroll 0%; width: 10%; padding: 4px; }
.entrytoolbar .rightactions { background-color: #93BA6B; width: 50%; text-align: right; }
.entrytoolbar TD { padding: 2px; }
.entrytoolbar .toggler { cursor: pointer; cursor: hand; }
.entry { background-color: white; width: 100%; border-bottom: 1px solid #CCC; padding: 4px 0 4px 0; }
.entry .floated { float: left; width:45%; }
.entry .entrytitle { font-weight: bold; margin: 5px 20px; width: 90%; }
TD.entrytitle { font-weight: bold; }
/*.entry .entryfield { margin: 5px 20px; width: 90%; height: 1.2em; padding: 1px; min-width: 35em; }*/
/*
TD.entryfield { margin: 5px 20px; padding: 3px; min-width: 35em; }
TD.entryfield:HOVER { padding: 2px; cursor: text; border: 1px solid #efefef; }
/*.entry .entryfield:HOVER { background:#FFFFDD none repeat scroll 0%; border-color:#666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102); border-style:solid; border-width:1px; cursor:text; padding:1px; }*/
/*
.entry .entryhelp { margin: 5px 20px; width: 90%; float: left; padding-left: 20px; }
TD.entryhelp { padding-left: 5px; font-style: italic; }
.entry .separator { clear: both; height: 5px; }
UL.doclist { list-style-image: none; list-style-position: outside; list-style-image: none; display: inline; margin-left: 0px; padding-left: 0px; }
UL.doclist LI { display: inline; padding-left: 4px; }
#description_container { max-height: 15em; overflow: auto; }
#description_container > P { margin: 0px; }
#ajax_info_message p { color: #B1A861; font-size: 30px; padding-top: 0px; text-align: center; }
.maskOverlay { position:absolute; background: #FFF; opacity:0.5; filter: alpha(opacity=50); }
.maskMessage { overflow: hidden; position:absolute; background: #FFF; border: 3px solid #93BA6B; padding: 3px 15px; cursor: wait; text-align: center; }
.errorFlag { cursor: help; }
*/

div.ClickSel
    					  {
						  margin:0px;
						  padding:0px 0px;
						  }
div.ClickSel a
					      {
						  display:block;
						  color:#000000;
						  width: 100%;
						  }
div.ClickSel a:hover
 			  		 	  {
						  color:#094891;
						  }				  
.dropMen
			  			  {
						  background:#FFFFFF;
						  width:155px;
						  height:162px;
						  position:absolute;
						  margin:0px 0px 0px 15px;
						  border:1px solid #000000;
						  overflow:auto;
						  display:none;
						  }
.dropMenL                 {left: 625px;margin:0px 0px 0px 0px;}
ul.dropSel
		  				  {
						  list-style-type:none;
						  z-index:99;
						  margin:0px;
						  padding:1px;
						  }
ul.dropSel li
		   	 			  {						 
						  font-family:arial, helvetica, sans serif;
						  font-size:11px;
						  text-align:left;						  
						  }
ul.dropSel li a
		   	   			  {
		   	   			  width:100%;
						  display:block;
						  text-decoration:none;
						  padding: 2px 0px 1px 1px;
						  color:#000000;
						  }
ul.dropSel li a:hover
		   	  		 	  {
		   	  		 	  color:#000000;
						  background:#BECFE2;
						  }
						  
.contentPopUp { padding:10px; }

.navleftPopUp {
						 float:left; width:129px; 
}

div.RC	{
						  float:left;
						  text-align: right;
						  width: 30%;
						  border: 1px solid #D0D590;
}

div.infoholder {
						padding: 15px; clear: both; 
}

.widecontent { 
		clear:					both;
}
div.widecontentsection{
		border-top:				1px solid #CEC8C0;
		margin-bottom: 		10px;
		padding-top: 			5px;
}

/* New code for flush style*/
div.hcat {
						color: #7E804D; 
						font-weight: bold; 
						background-color: #D0D590;
						font-size: 10pt; 
						margin-bottom: 5px;
						padding: 2px 0px;
						text-align: right;
}
li.subcat hover{
						color: red; 
}
div.sublabel{
						margin: 0.5em 0.2em;
						text-align: center;
						display: span;
}
div.imgBox{
						margin: 10px;
						padding: 1px;
						border: 1px solid D0D590;
}
div.imgBox > a{
						margin: 5px;
						padding: 5px;
}

div.leftLink{
						border: 1px solid #D0D590;
						font-size:12px;
						text-align: center;
						margin: 0.4em;
						padding: 0.2em 0.4em;
						width: 10em;
}
div.leftLink >a:hover{
						text-decoration:underline;
}

/*New code for errors*/

div.errorMsg {
						margin-top: 10px; 
						text-align: left;
						color: red;
						font-size:11px;
						list-style: none;
}
div.modalErrorMsg {
						margin-top: 15px; 
						text-align: left;
						color: red;
						font-size:12px;
}

/* Inplace editor */
.ontextedit {
	border: 1px #A7C3DF solid; padding: 4px; margin: 0px; cursor: pointer;
}

.ontextedit:HOVER {
	background: #D3DAED;
}

ul.formTask li {
	padding-bottom: 2px;
}
/* End of new code*/



/* tasks table*/
.taskRotA{
		background-color: #D3DAED;		/*mas claro*/
}
.taskRotB{
		background-color: white;
}
.tasksTable{
		border-spacing:			0pt;
		cursor:						pointer;
		padding:					0pt;
		table-layout:				fixed; 
		width:						100%;
		border-collapse:			collapse;
}
.tasksColSetDate{
		width: 50px;
}
.tasksColTask{
		width: 150px;
}
.tasksColSdate{
		width: 100px;
}
.tasksColEdate{
		width: 100px;
}
/*
.tasksColDescription{
		width: 80px;
}
*/
.tasksTable th { 
		padding: 3px 5px; 
		margin: 0; 
		border-bottom: 1px solid #3B6B9F;
		empty-cells:show;
		height:auto;
		overflow:hidden;
		vertical-align:middle;
		white-space:nowrap;
		font-weight: normal;
		color: #343823;
}
th.tasksTdSetDate {
		width: 48px;
		text-align: left;
}
th.tasksTdTask {
		width: 148px;
		text-align: left;
}
th.tasksTdDescription {
		padding: 0px 0px;
		text-align: left;
}
th.tasksTdSdate {
		width: 98px;
		text-align: right;
}
th.tasksTdEdate {
		width: 98px;
		text-align: right;
}
.tasksTable tr { 
		border-top: 1px solid #3B6B9F;
}
.tasksTable td { 
		padding: 3px 5px; 
		margin: 0; 
		empty-cells:show;
		height:auto;
		vertical-align:middle;
}
td.tasksTdSetDate {
		width: 48px;
}
td.tasksTdTask {
		width: 148px;
		padding: 0px 10px 0px 0px;
}
td.tasksTdDescription {
		padding: 0px 10px 0px 0px;
}
td.tasksTdSdate {
		width: 98px;
		text-align: right;
}
td.tasksTdEdate {
		width: 98px;
		text-align: right;
}
td.tasksTdDetail {
		white-space: normal;
		overflow: auto;
		padding: 1px 5px;
		vertical-align: top;
}
td.tasksTdDetailL {
		white-space: normal;
		overflow: auto;
		text-align: right;
		padding: 4px 5px;
		width: 30%;
		vertical-align: top;
		color: 			gray;
}
td.tasksTdDetailR {
		white-space: normal;
		overflow: auto;
		text-align: left;
		padding: 4px 5px;
		width: 70%;
		vertical-align: top;
}
td.tasksTdAwardL {
		white-space: normal;
		overflow: auto;
		text-align: right;
		padding: 0px 5px;
		width: 80px;
		color: gray;
}
td.tasksTdAwardR {
		white-space: normal;
		overflow: auto;
		text-align: left;
		padding: 0x 5px;
}
.QUTTable{
		border-spacing:			0pt;
		padding:					0pt;
		margin:						0pt;
		width:						100%;
		vertical-align: 				top;
}
.QUTTable th { 
		padding: 2px 5px; 
		margin: 0; 
		border-bottom: 0;
		height:auto;
		overflow: auto;
		vertical-align:top;
		font-weight: normal;
		color: gray;
		text-align: right;
}
.QUTTable td { 
		padding: 0px 5px; 
		margin: 0; 
		empty-cells:show;
		height:auto;
		overflow: auto;
		vertical-align: top;
		white-space:nowrap;
		font-weight: bold;
		text-align: right;
}
.tasksDivNowrap {
		overflow: hidden; 
		white-space: nowrap;
}
div.responseItemDetail {
		margin-left: 20px;
}
div.responseItemDetail > div {
		/*border-top: 1px solid #C6CFA8;*/
		border-bottom: 1px solid #3B6B9F;
		padding: 2px 5px;
		margin: 2px 0px;
}
div.responseItemDetail > p {
		padding: 	0px;
		margin:		0px;
		font-weight: bold;
}

/*
Expenditure Styles
*/
.expenditureHead {
		width: 			100%;
		text-align: 		left;
		
}
.expenditureHead th {
		font-weight: 			bold;
		border-bottom: 		1px solid #CEC8C0;
		color: 					#094891;
		font-size: 				12px;
}
.expenditureHead td {
		/*background-color: 	#EFF7FF;*/
}
/*
----------------------------------
*/

.upRButton {
	text-align: right; 
	margin: 2px 5px;
}
.downRButton{
	text-align: 	right; 
	padding: 		5px;
}

 .borderBox {
		margin: 				10px 0px;
		border:					1px solid #CEC8C0;			 /*color de borde*/
		min-width: 			450px;
 }

 .userViewSectionTitle  { 
		background:		#A7C3DF;	   						/*claro*/
		color:				#094891;   						/*color de letra*/
		font-weight:		bold; 
		border-bottom: 	1px solid #CEC8C0;			/*color de borde*/
		padding: 			5px 10px 5px 10px; 
		vertical-align:		bottom;
		font-size: 			13px;
}

.userDeptTab {
	width: 100%;
}
.userDeptTab th {
	border-bottom: 1px solid #3B6B9F;
}
.userDeptTab td {
	border-bottom: 1px dotted #cccccc;
	padding: 3px;
}


div.legendReport {
	color: #094891;
	padding: 5px 0 10px 10px;
	
}

.dptunittag {
	border: 1px solid #3B6B9F;
	color: #3B6B9F;
	background-color: #D3DAED;
	padding: 2px;
	margin-right: 6px;
	cursor: pointer;
}

.emailTag {
	color: #666;
	background-color: #FFF;
	padding: 1px 5px;
	margin: 1px 0;
	float: left;
	width: 198px;
	text-align: left;
}

.emailTag:hover {
	background-color: #D3DAED;
}

.closeEmailTag {
	color: #6E9ECF;
	float: right;
	cursor: pointer;
}

.emailsTagCloud {
	width: 250px; 
	max-height: 170px;
	height: auto; 
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	z-index: 9999;
	background: #fff;
	border: 1px solid #3B6B9F;
	top: 93px;
	left: 412px;
}

.dptunitdiv {
	margin-bottom: 10px;
}

.warningIE, .helpTextModal, .accountConfirmationBox {
	border-top:1px solid #6684B2;
	border-right:1px solid #6684B2;
	border-bottom:1px solid #6684B2;
	border-left:1px solid #6684B2;
}

.warningIETitle, .helpTextTitle, .accountConfirmationTitle {
	background-color:#6699CC;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:white;
	text-align: left;
	padding: 3px 5px;
	text-align: center;
}

.actionTaskField {
	width: 99%;
	text-align: left;
}
.textAreaModal {
	width: 219px;
	height: 50px;
	resize: none;
}

.contentCenter {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.confirmB_table {
	width: 100%;
}
.confirmB_list {
	text-align: left; 
	padding: 0; 
	margin: 0; 
	margin-left: 15px;
}
.confirmB_list li {
	line-height: 1.4em;
	font-size: 0.9em;
}
.confirmB_notes {
	text-align: left; 
	padding: 0 8px; 
	font-weight: bold;
}
.confirmB_notes > div {
	margin-bottom: 7px;
	font-size: 0.9em;
}

.sharedConfirm, .sharedConfirm a { font-family: verdana; font-size: 14px; font-weight: bold; text-decoration:none; color: #3B6B9F; }

.loader {
  width: 18px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background:
    linear-gradient(0deg ,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%,
    linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: l23 1s infinite steps(12);
}
.loader::before,
.loader::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}
.loader::after {
   opacity: 0.83;
   transform: rotate(60deg);
}
@keyframes l23 {
  100% {transform: rotate(1turn)}
}

.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%; }