/******** DE LAYOUT.CSS *************/

/* -----------------------------------------
             Bread crumb paths              
  ------------------------------------------*/

.pathitem {
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #989a8f;
}

.pathitem a, .pathitem a:visited, .pathitem a:active {
	color: #989a8f;
	text-decoration: none;
}

.pathitem a:hover {
	XXcolor: #0169c8;
	color: #ff6600;
	text-decoration: underline;
}

.pathitem_last {
	XXcolor: #ff9f00;
	color: #ff6600;
	font-size: 1.2em;
	font-weight: bold;
}
	
.pathitem_last a, .pathitem_last a:visited, .pathitem_last a:active {
	XXcolor: #ff9f00;
	color: #ff6600;
	text-decoration: none;
}

.pathitem_last a:hover {
	XXcolor: #ff9f00;
	color: #ff6600;
	text-decoration: underline;
}

/******** DE LAYOUT.CSS *************/

/********* Included from fom.css de Expand *********/


form
{
	margin: 0px;
	padding: 0px;
}

/* ----------------------------------------------------
	Generic indent area 
 ---------------------------------------------------- */
.indent
{
	padding: 0px 10px 10px 10px;	
}

.side-indent
{
	padding: 0px 8px;	
}

/* ----------------------------------------------------
	Export to pdf / excel / ... 
 ---------------------------------------------------- */
.linkPdf
{
	background: url(../img/icon/ico_pdf.gif) no-repeat 0px 0px;
	padding: 15px 2px 5px 22px;
	margin: 5px 5px 5px 0px;
}

.linkExcel
{
	background: url(../img/icon/ico_excel.gif) no-repeat 0px 0px;
	padding: 15px 2px 5px 22px;
	margin: 5px 0px 5px 0px;
}
/* ----------------------------------------------------
	Empty Message for empty lists 
 ---------------------------------------------------- */
.emptyMessage
{
	padding: 5px 10px 10px 10px;
	font-style: italic;
	
}
/* -------------------------------------------------
	Separator row 
---------------------------------------------------- */
.separator{
	clear:left;
}

/* ----------------------------------------------------
	Form Edit View 
 ---------------------------------------------------- */
.editrow
{
	clear: both;
	margin-bottom: 10px;
}

.editrowclear
{
	clear: left;
	float: none;
	zoom: 100%;
	margin-bottom: 10px;
}

.editrow .label
{
	float: left;
	width: 150px;
}

.editrow .label .required
{
	float: left;
	width: 150px;
	font-weight: bold;
}

.editrow .requiredimg
{
	float: left;
	width: 25px;
}

.editrow .editcontrol
{
	AAmargin-left: 200px;
	margin-left: 175px;
	clear: right;
}

.editrow .block
{
	margin-left:0px;
}

.editrow .comment
{
	margin-top: 3px;
	background: url(../img/form/editrow_comment.gif) no-repeat top left;
	padding: 10px 5px 5px 5px;
	color: #999999;
	font-size: 11px;
}

.editrow .submitbutton
{
	padding-top: 5px;
	padding-left: 200px;
}

.edit_error_message
{
	background-image: url(../img/form/error_ballon.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 5px 15px 5px;
	width: 400px;
}

.edit_error_message_small
{
	background-image: url(../img/form/error_ballon.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 5px 15px 5px;
	width: 200px;
}

.edit_error_message_min
{
	background-image: url(../img/form/error_ballon.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 5px 15px 5px;
	width: 100px;
}

/* ----------------------------------------------------
	Form Display View 
 ---------------------------------------------------- */
.displayrow
{
	clear: both;
	margin-bottom: 10px;
}

.displayrow .label
{
	font-weight: bold;
	float: left;
	width: 150px;
}

.displayrow .data
{
	margin-left: 50px;
	clear: right;
}

.list ul li
{
	list-style-image: url(../img/form/ul_li_bullet.gif);
	margin: 5px 0px;
	padding-left: 5px;
}


/* special added for callao */ 
.bullet_item
{
	background: url(../img/form/ul_li_bullet.gif) no-repeat 0px 5px;
	XXmargin: 5px 0px;
	padding-left: 10px;
}


/* -------------------------------------------------
	Flow Form View 
---------------------------------------------------- */
.flowrow .label {
	vertical-align: top;
	width: 150px;
	float: left;
	padding: 5px;
	margin-top: 3px;
	clear: left;
}

.flowrow .data {
	float: left;
	padding: 5px;
}

.flowrow .comment
{
	margin-top: 3px;
	background: url(../img/form/editrow_comment.gif) no-repeat top left;
	padding: 10px 5px 5px 5px;
	color: #999999;
	font-size: 11px;
}

/* -------------------------------------------------
	Tiny Flow Form View 
---------------------------------------------------- */
.flowrow_tiny
{
	clear:left;
}
.flowrow_tiny .label {
	Xvertical-align: top;
	width: 80px;
	float: left;
	padding-right:5px;
}

.flowrow_tiny .data {
	float: left;
}

.flowrow_tiny .comment
{
	margin-top: 3px;
	background: url(../img/form/editrow_comment.gif) no-repeat top left;
	padding: 10px 5px 5px 5px;
	color: #999999;
}

.comment
{
	margin-top: 3px;
	background: url(../img/form/editrow_comment.gif) no-repeat top left;
	padding: 10px 5px 5px 5px;
	color: #999999;
}

/* -------------------------------------------------
	HTML table form  
 ---------------------------------------------------- */
 
table.tableForm tr.separator {
background-color:#D3CFC6;
font-weight:bold;
}
table.tableForm {
background-color:#C1BDB1;
XXfont-size:10px;
}
table.tableForm tr.row1 {
background-color:#F3F2F0;
}
table.tableForm tr.row2 {
background-color:#E5E2DD;
}
table.tableForm tr.row3 {
background-color:#E5F3FF;
}
table.tableForm tr.row4 {
background-color:#C9E6FE;
}
table.tableForm td {
height:20px;
padding:2px;
}
table.tableForm td.content{
padding:4px;
}
table.tableForm td.label{
padding-left:6px;
}
table.tableForm td.desc {
background-color:#D3CFC6;
}
table.tableForm td.button {
background-color:#FEFEFE;
text-align:center;
}

table.tableForm table td {
height:auto;
padding:0px;
}
 
table input[type="text"], table textarea, table select
{
	padding: 1px; 
} 

/* -------------------------------------------------
	FILTERS block  
 ---------------------------------------------------- */
/* Filter Bar Interface */
.filterarea
{
	color: #4c8abc;	
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
}
.filterarea select
{
	/* font-size: 0.95em; */
	padding: 0px;
}
.filterarea select option
{
	/* font-size: 0.95em; */
	padding: 0px;
}
.filterarea input
{
	/* font-size: 0.95em; */
	padding: 1px 2px;
}
.filterarea .col_left
{
	padding-top: 14px;
	width: 50%;
	float: left;
}
.filterarea .col_right
{
	padding-top: 14px;
	width: 50%;
	float: right;
}
.filterarea .title
{
	/* font-size: 0.75em; */
	padding-bottom: 3px;
}
.filterarea .interface
{
	padding-left: 5px;
	padding-bottom: 7px;
}

.filterarea .buttonbar
{
	background: url(../img/page/filterarea_button_bg.gif) repeat-x 0px 0px #F1F1E5;
	padding: 1px 5px;
	text-align: right;
	border-bottom: 1px solid #D1D2BD;
	clear:both;
	
}

.filterarea .buttonbar2
{
	background: none #F1F1E5;
	padding: 1px 5px;
	border-top: 1px solid #D1D2BD;
	border-bottom: 1px solid #D1D2BD;
	clear:both;
	
}

/* --------------------------------------------------------------------------
 	ListPaginator
 ------------------------------------------------------------------------- */
.listpaginator
{
	clear: both;
	background-color: #f0f8fc;
	border-top: 1px solid #f8f8f0;
	border-right: 1px solid #f8f8f0;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #f8f8f0;
	padding: 0px 0px 0px 10px;
	color: #999893;
}
.listpaginator ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.listpaginator ul li
{
	float: left;
	margin: 0px;
	font-weight: bold;
	font-size: 1.15em;
	XXcolor: #ff9f00;
	color: #ff6600;
	XXpadding: 10px 0px 10px 10px;
	padding: 10px 0px 10px 5px;
}

.listpaginator .page{
	margin: 0px;
	font-weight: bold;
	font-size: 1.15em;
	XXcolor: #ff9f00;
	color: #ff6600;
	padding: 10px 0px 10px 5px;
}

.listpaginator .pageLink{
	margin: 0px;
	font-weight: bold;
	font-size: 1.15em;
	padding: 10px 0px 10px 10px;
}


/* -------------------------------------------------
	HEADERS text styles  
 ---------------------------------------------------- */
/* Big title text */
/*
h1
{
	margin: 0px;
	padding: 0px;
}
*/

/* header title using white color  
h2
{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
}
*/

/* Section title */
/*
h3
{
	font-weight: bold;
	font-size: 1.35em;
	color: #000072;
	margin: 13px 0px 6px 0px;
	padding: 2px 0px 0px 0px;
}
*/

/* Subtitle */
h4
{
	XXfont-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #0066cc;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

 
h4.group
{
	XXfont-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #0066cc;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border-bottom: 1px solid #dedede;
	text-transform: uppercase;
}


h4.gradient {
  margin:0 0 10px 0;
  padding:10px;
  font:bold 1.1em;
  color:#333;
  background:#f7f7f7 url(../img/form/h4-bg.gif) repeat-x left top;
  border-left:1px solid #eee;
  text-transform:none;
}

.gradient {
	padding: 10px 0 25px 0;
	background:#f7f7f7 url(../img/form/h4-bg.gif) repeat-x left top;
}


/* small subtitle */
h5
{
	XXfont-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.95em;
	color: #5499de;
	margin: 8px 0px 5px 0px;
	padding: 0px;
}

/* -------------------------------------------------
	Section areas  
 ---------------------------------------------------- */
.ulsection
{
	padding: 5px 10px 10px 10px;
	
	border-bottom:1px solid #ddd;	
}

/* -------------------------------------------------
	Form buttons  
 ---------------------------------------------------- */
.wbutton
{
	border-top: 1px solid #FFE75E;
	border-right: 1px solid #AA9100;
	border-bottom: 2px solid #AA9100;
	border-left: 1px solid #FFE75E;
	background-color: #FED600;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 13px 5px 13px;
	margin: 5px;
}

/* Form's Cancel Button */
.wcbutton
{
	border-top: 1px solid #e1ddd3;
	border-right: 1px solid #bbb4a6;
	border-bottom: 2px solid #bbb4a6;
	border-left: 1px solid #e1ddd3;
	background-color: #c7c0b2;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 13px 5px 13px;
	margin: 5px;
}


/* Form's Small(er) Button */
.sbutton
{
	border-top: 1px solid #BFD1D9;
	border-right: 1px solid #A546167;
	border-bottom: 2px solid #546167;
	border-left: 1px solid #BFD1D9;
	background-color: #7D929B;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	XXpadding: 2px 13px 2px 13px;
	padding: 2px 7px 2px 7px;
	margin: 5px;
}

.sbutton-hover
{
	border-top: 1px solid #FFE75E;
	border-right: 1px solid #AA9100;
	border-bottom: 2px solid #AA9100;
	border-left: 1px solid #FFE75E;
	background-color: #FED600;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	XXpadding: 2px 13px 2px 13px;
	padding: 2px 7px 2px 7px;
	margin: 5px;
}

.sbutton:hover
{
	border-top: 1px solid #FFE75E;
	border-right: 1px solid #AA9100;
	border-bottom: 2px solid #AA9100;
	border-left: 1px solid #FFE75E;
	background-color: #FED600;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	XXpadding: 2px 13px 2px 13px;
	padding: 2px 7px 2px 7px;
	margin: 5px;
}

.sbuttonOld
{
	border-top: 1px solid #FFE75E;
	border-right: 1px solid #AA9100;
	border-bottom: 2px solid #AA9100;
	border-left: 1px solid #FFE75E;
	background-color: #FED600;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	XXpadding: 2px 13px 2px 13px;
	padding: 2px 7px 2px 7px;
	margin: 5px;
}

.scbutton
{
	border-top: 1px solid #e1ddd3;
	border-right: 1px solid #bbb4a6;
	border-bottom: 2px solid #bbb4a6;
	border-left: 1px solid #e1ddd3;
	background-color: #c7c0b2;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 13px 2px 13px;
	margin: 5px;
}

.scbutton-hover
{
	border-top: 1px solid #FFE75E;
	border-right: 1px solid #AA9100;
	border-bottom: 2px solid #AA9100;
	border-left: 1px solid #FFE75E;
	background-color: #FED600;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 13px 2px 13px;
	margin: 5px;
}
 
/* --------------------------------------------------------------------------
 	Data Tables
 ------------------------------------------------------------------------- */
.row-odd{
	background-color:#fff;
	}

.row-even{
	background-color:#d8e6e9;
}

.row-hover{
	background-color:#EAE2BC;
}

.table{
	border:1px solid #5c696f;
}

.table-header{
	color:#ffffff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: left;
	font-size: 11px;
	background: url(../img/page/headerbg.gif) repeat-x top left;
}

.table-header a{
	color:#ffffff;
}

.table-cell{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 11px;
}


.table-cell-img{	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 11px;
	width:5px;
}

.align-right{
	text-align:right;
}

.align-center{
	text-align:center;
}

.align-left{
	text-align:left;
}

.rich-table-subheader .arrow-up{
	background: url(../img/arrows/arrow-up-black.gif) no-repeat top left;
	padding-left:12px;
}

.rich-table-subheader .arrow-down{
	background: url(../img/arrows/arrow-down-black.gif) no-repeat bottom left;
	padding-left:12px;
}

.rich-table-header .arrow-up{
	background: url(../img/arrows/arrow-up-white.gif) no-repeat top left;
	padding-left:12px;
}

.rich-table-header .arrow-down{
	background: url(../img/arrows/arrow-down-white.gif) no-repeat bottom left;
	padding-left:12px;
}

/* --------------------------------------------------------------------------
 Highlight Summary box
 ------------------------------------------------------------------------- */
.highlight_summary
{
	background-color: #f8f9f4;
	border-top: 1px solid #e7e8e3;
	border-bottom: 1px solid #e7e8e3;
	padding: 7px 0px 7px 10px;
}
.highlight_summary .itemlabel
{
	color: #999893;
}
.highlight_summary .label
{
	color: #999893;
}

/* List Container */
.listblock
{
	border-top: 1px solid #eaeae8;
	border-bottom: 1px solid #eaeae8;
}

.highlight_summary .boldlabel
{
	color: #999893;
	font-weight: bold;
}
/* ---------------------------------------------------------------------------------
	panel
--------------------------------------------------------------------------------------- */
.panelTitle
{
	color: #4c8abc;	
}

.panelTitleOnly
{
	color: #4c8abc;	
	border-bottom: 1px solid #ebebeb;
}

.panelBody
{
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}

/* ---------------------------------------------------------------------------------
	formPanel
--------------------------------------------------------------------------------------- */
.formPanelTitle
{
	color: #4c8abc;	
}

.formPanelTitleOnly
{
	color: #4c8abc;	
	border-bottom: 1px solid #ebebeb;
}

.formPanelBody
{
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}

/* ---------------------------------------------------------------------------------
	tab panel
--------------------------------------------------------------------------------------- */
.tabPanel
{
	background: url(../img/form/bg_tabPanel.gif) no-repeat 0px 0px;
	border-bottom:1px solid #ebebeb;
	padding:17px 0px 0px 35px;
	margin-right:10px;
}


.tabPanelBody .tabPanel
{
	background: url(../img/form/bg_inTabPanel.gif) no-repeat 0px 0px;
	border-bottom:1px solid #ebebeb;
	padding:17px 10px 10px 35px;
	margin-right:0px;
}

.tabPanelTitle
{
	padding-left:25px;	
	padding-top:17px;	
	font-size:1.2em;
}

.tabPanelTitleOnly
{
	background: url(../img/form/bg_tabPanel.gif) no-repeat 0px 0px;
	border-bottom:1px solid #ebebeb;
	padding:17px 10px 10px 35px;	
	margin-right:10px;	
	font-size:1.2em;
}

.tabPanelTitleOnly .comments
{
	padding-top:5px;
	color:#666;
} 

.tabPanelBody .tabPanelTitleOnly
{
	background: url(../img/form/bg_inTabPanel.gif) no-repeat 0px 0px;
	border-bottom:1px solid #ebebeb;
	padding:17px 10px 10px 35px;	
	margin-right:0px;	
	font-size:1.2em;
}

.tabPanelBody
{
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}

.tabPanelBottom
{
	background:transparent url(../img/form/bottom_tabPanel.gif) repeat-x scroll left top;
	margin:0;
	padding:14px 0 5px 25px;
}

.tabPanelBottom h2 {
	background:transparent none repeat scroll 0 0;
	float:left;
	font-size:9px !important;
	margin:0 0 5px;
	padding:0;

	color:#CCCCCC !important;
	font-family:arial !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:normal !important;
	line-height:normal !important;
}

.rowColumn{
}
.newRowColumn {
	background:#DDDDDD;
}

.nowrap{
	white-space:nowrap;
}