/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Infoviews Content Manager CSS
Realizado por: Infoviews, S.A. de C.V.
Sitio Web: http://www.infoviews.net
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* Estilos para cuerpo de documentos */
BODY { margin:0 auto; padding-top:0; text-align:center; font-family: Verdana, Arial; font-size: 8pt; list-style-type: square; background-color: #fff; color: black; }

/* - Titulo: Contenedor - Sección para titulo parte superior. */
.titulo { width:100%;  height:80px;  margin:0 auto;  background-image:url(images/fondo_titulo.jpg); background-repeat:repeat-x; }

/* - Logotipo EMPRESA. Contenedor para logotipo de X Empresa. */
.logo_empresa { width:220px; height:80px; text-align:left; float:left; }

/* - Logotipo ICM: Contenedor para logotipo de ICM. */
.logo_icm { width:220px; height:80px; padding-right:20px; text-align:right; float:right; }

.MenuPanel { border-right: #b9b2a7 1px solid; border-top: #fcfbef 1px solid; border-left: white 1px solid; border-bottom: #b9b2a7 1px solid;  background-image:url(../images/fondo_menu.jpg); width: 100%; }

/* Panel Iconos Superior */
.PLToolbarCell { border-right: #b9b2a7 1px solid; border-top: #fcfbef 1px solid; border-left: #fcfbef 1px solid; border-bottom: #b9b2a7 1px solid; background-color: #67A7E3; vertical-align: top; height: 35px; }

/* Panel Izquierdo */
.PLThumbnailCell { border-right: #b9b2a7 1px solid; border-top: #fcfbef 1px solid; border-left: #fcfbef 1px solid; border-bottom: #b9b2a7 1px solid; background-color: #67A7E3; vertical-align: top; width: 125px; text-align: center; }

.PLThumbnailPanel { width: 125px; }
.PageLayout { border: #B9B2A7 1px solid; width: 100%; }
.PLContentContainerCell { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; vertical-align: top; text-align: center; }
.AutoScrollContentPanel { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 10px; margin: 1px; overflow: auto; }
.ContentPanel { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 1px; overflow: visible; }
.PageViewImage { width: 100%; height: 100%; background-color:#F7FAFE; }
.PLIndexCell { vertical-align: top; text-align: center; }
.IndexPanel {  padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 1px; vertical-align: top; }
.IndexGrip { background-image: url(../images/grip.gif); width: 10px; cursor: w-resize; background-repeat: repeat-y; }

/* CSS type selector: BODY.popup
Using in .aspx pages that display in a new browser window:
   BatchMemo.aspx
   BatchName.aspx
   BatchPageImport.aspx
   CertificateSelectionPopup.aspx
   ChangePassword.aspx
   ComponentCheck.aspx
   DocCheckOutPopup.aspx
   DocProps.aspx
   DocViewGotoPagePopup.aspx
   EmailPopup.aspx
   LoginPopup.aspx
   QueryPropertiesPopup.aspx
   RmServerLoginPopup.aspx
   SearchListPopup.aspx
   SearchRangePopup.aspx
   Settings.aspx
   SignatureHistoryPopup.aspx
   SubmitFtsJobPopup.aspx
   WmiMonitor.aspx
*/

BODY.popup { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin: 0px; overflow: auto; padding-top: 5px; text-align: center; background-color:#fff; }

/* CSS type selector: A:active  Applies when mouse hovers over link. */
A:active { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #6699cc; PADDING-TOP: 0px;  background-color:#fff; }


/* CSS type selector: A:visited Applies when for visited links (no mouse hover). */
A:visited { COLOR: #6699cc }


/* CSS type selector: A:link  Applies for non-visited, non-hovering link.*/
A:link { color: #6699cc; }


/* CSS type selector: INPUT //cdk? not used */
INPUT { FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana,  Arial; }


/* CSS type selector: SELECT //cdk? not used */
SELECT { FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana }


/* CSS type selector: .pageTitle
Applies to some page titles:
   DocCheckOutPopup.aspx
   EmailAddressBook.ascx
   QueryCriteria.ascx
   QueryResults.ascx
   QueryResultsView.ascx

*/
.pageTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Verdana,  Arial }

/* CSS type selector: .pageSubTitle
Applies to some page sub-titles (sub-sections):
   ServerErrorContent.ascx
   XtenderSolutions.Web.UI.WebControls.NavGridBase control

*/
.pageSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana,  Arial }

/* CSS type selector: TD.navGridTitle
//cdk?*/
TD.navGridTitle { padding-right: 5px; padding-left: 5px; font-size: 10pt; padding-bottom: 5px; color: black; padding-top: 5px; }

IMG.navGridLeft { visibility:hidden; }
IMG.navGridLeftBottom { visibility:hidden; }
IMG.navGridRightBottom { visibility:hidden; }

/* CSS type selector: .pageInlineTitle
Inline Title (separating table rows).
Used in:
   BatchListCtrl.ascx
   DocRevisionHistory.ascx
   QueryCriteria.ascx
   QueryResults.ascx
   QueryResultsView.ascx
   sdk\LaunchPad.htm
   Settings.aspx


*/
.pageInlineTitle { font-weight: bold; font-size: 10pt; border-bottom: #dbd7d0 1px solid; text-align: left; }
 
/* CSS type selector: .errorMessage
Highlights error text.
Used in:
   BatchPageImport.aspx
   ChangePassword.aspx
   DocRmLogin.ascx
   EmailForm.ascx
   EmailRegistration.ascx
   LoginForm.ascx
   QueryCriteria.ascx
   ReasonForm.ascx
   samples\CustomError.html
   ServerErrorContent.ascx
   Settings.aspx
   XtenderSolutions.Web.UI.WebControls.Indexing.FieldIndexCell (TableCell)

Note: ServerErrorContent.ascx is a generic usage and affects many error contexts.

*/
.errorMessage { FONT-WEIGHT: bolder; FONT-SIZE: 14px; color:#990000; }

/* CSS type selector: TD.logintd
//cdk?

*/
TD.logintd { COLOR: #dfe2db }


/* CSS type selector: INPUT.btn
Sporadic use as input button:
   BatchPageImport.aspx
   DocAddPage.ascx
   samples\CustomError.html
Standard-size button.

*/
INPUT.btn { COLOR: black; FONT-FAMILY: Verdana,  Arial; HEIGHT: 23px; BACKGROUND-COLOR: #cc0000 }

/* CSS type selector: INPUT.smallbtn
Common button format.  Search for "smallbtn" in all files for usage.
Small-size button.

*/
INPUT.smallbtn { COLOR: black; FONT-FAMILY: Verdana,  Arial; HEIGHT: 23px; BACKGROUND-COLOR: #DBD7D0 }

/* CSS type selector: INPUT.tinybtn
Not used.
Tiny-size button.

*/
INPUT.tinybtn { COLOR: black; FONT-FAMILY: Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #DBD7D0 }

/* CSS type selector: INPUT.mediumbtn
Not used.
Medium-size button.

*/
INPUT.mediumbtn { COLOR: black; FONT-FAMILY: Verdana,  Arial; HEIGHT: 23px; BACKGROUND-COLOR: #DBD7D0 }

/* CSS type selector: INPUT.largebtn
Not used.
Large-size button.

*/
INPUT.largebtn { COLOR: black; FONT-FAMILY: Verdana,  Arial; HEIGHT: 23px; BACKGROUND-COLOR: #DBD7D0 }

/* CSS type selector: INPUT.hugebtn
Not used.
Huge-size button.

*/
INPUT.hugebtn { COLOR: black; FONT-FAMILY: Verdana; HEIGHT: 23px; BACKGROUND-COLOR: #DBD7D0 }


/* CSS type selector: TD: Base selector for all table cells.  Used throughout tables in WX. */
TD { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial }

/* CSS type selector: TABLE.formTable: Common form table style.  Search for "formTable" in all files for usage. */
TABLE.formTable { border: #b9b2a7 1px solid; background-color: white; }


/* CSS type selector: TD.formTitle */
TD.formTitle { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border-bottom: #b9b2a7 1px solid; background-color: #A0C7EE; font-weight: bold; font-size: 10pt; vertical-align : middle; }


/* CSS type selector: TD.formTitleIcon */
TD.formTitleIcon { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; border-bottom: #b9b2a7 1px solid; background-color: #A0C7EE; font-weight: bold; font-size: 12pt; vertical-align : middle; }


/* CSS type selector: TD.formBody */
TD.formBody { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 20px; }


/* CSS type selector: TABLE.formBodyTable */
TABLE.formBodyTable { border-top: #dbd7d0 1px solid; }


/* CSS type selector: TD.formControls  */
TD.formControls { padding-right: 0px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; text-align: right; }


/* Fondo tabla ID: Temporal */
/* CSS type selector: TD.formCellFirst */
TD.formCellFirst { border-bottom: #dbd7d0 1px solid; border-left: #dbd7d0 1px solid; border-right: #dbd7d0 1px solid;
   font-family: Verdana,Arial; background-color: #ffffff; padding-right: 3px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; text-align:left; vertical-align:top; }


/* Fondo tabla: temporal */
/* CSS type selector: TD.formCell */
TD.formCell { border-bottom: #dbd7d0 1px solid; border-right: #dbd7d0 1px solid; font-family: Verdana,Arial;   background-color: #fff; padding-right: 3px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; text-align:left; vertical-align:top; }


/* CSS type selector: TD.formCellFirstCenter */
TD.formCellFirstCenter { border-bottom: #dbd7d0 1px solid; border-left: #dbd7d0 1px solid; border-right: #dbd7d0 1px solid; font-family: Verdana,Arial; background-color: #cc0000; padding-right: 3px; padding-left: 3px; padding-top: 3px;
   padding-bottom: 3px; text-align:center; vertical-align:top; }

TD.formCellIcon { border-bottom: #dbd7d0 1px solid; border-right: #dbd7d0 1px solid; font-family: Verdana,Arial; background-color: #cc0000; padding-right: 3px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; text-align:left; vertical-align:middle; }


/* HR tablas: Nombre, criterios, opciones de consulta, opciones para guardar */
/* CSS type selector: TD.formHdrFirst */
TD.formHdrFirst { border-top: #b9b2a7 1px solid;  border-bottom: #b9b2a7 1px solid; border-left: #b9b2a7 1px solid; border-right: #b9b2a7 1px solid; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; background-color: #A0C7EE; font-weight: bold; font-size: 8pt; }


/* HR tablas: Mostrar, Valor de Busqueda */
/* CSS type selector: TD.formHdr*/
TD.formHdr { border-top: #b9b2a7 1px solid; border-bottom: #b9b2a7 1px solid; border-right: #b9b2a7 1px solid; padding-right: 3px;  padding-left: 3px; padding-bottom: 3px; padding-top: 3px; background-color: #A0C7EE; font-weight: bold; font-size: 8pt; }


/* CSS type selector: TD.formHdrHL */
TD.formHdrHL { border-right: #b9b2a7 1px solid; padding-right: 3px; border-top: #b9b2a7 1px solid; padding-left: 3px; font-weight: bold; font-size: 8pt; padding-bottom: 3px; padding-top: 3px; border-bottom: #b9b2a7 1px solid; background-color: #cc0000; }

/* CSS type selector: TD.note */
TD.note { padding-right: 3px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; text-align:left; font-size: 9px; color:#666666; }
   
/* CSS type selector: IMG.clickable */
IMG.clickable { cursor: pointer; }

TR.menuSelectRow { border-top: #b9b2a7 1px solid; border-bottom: #b9b2a7 1px solid; border-left: #b9b2a7 1px solid; border-right: #b9b2a7 1px solid; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; font-weight:bolder; font-size: 14pt; cursor: pointer; }
TABLE.menuSelectTable { background-color: #ece9d8; BORDER-RIGHT: inactivecaption 1px solid;  BORDER-TOP: inactivecaption 1px solid; BORDER-LEFT: inactivecaption 1px solid; BORDER-BOTTOM: inactivecaption 1px solid; }
TR.GridRow { cursor: pointer; }