body {
    background-color: white;
    background-image: url('Theme-Images/bg.gif');
    background-repeat: repeat-x; 
    margin:0; 
    padding:0; 
}

html, body, #container { height: 100%; }

body > #container { height: auto; min-height: 100%; }

#content { padding-bottom: 185px; }

input
{
    margin-right: 2px;
    border: solid 1px #A5ACB2;
    padding-left: 2px;
}

textarea
{
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt;
    border: solid 1px #A5ACB2;
}

Table TD
{
    padding: 0px;
}

.InformationZone
{
    color: #383838;
}

/*.logo{
    position: absolute; 
    float: left;
    top: 0px;
    background-image : url(Theme-Images/CPC_LOGO_SHADOW.png);
    background-repeat: no-repeat;
    height: 76px;
    width: 104px;
}
*/
.logoImage{
    margin-left: 764px;
}

#Banner {
    background-image: url('Theme-Images/BANNER_BG_TOP.gif');
    background-repeat: repeat-x; 
    width: 100%;
    height: 100px;
}

.Banner_Content {
   margin:  0px auto 0px auto ;
   background-image: url('Theme-Images/BANNER_COMPASS.gif');
   background-repeat: no-repeat;
   background-position: center;
   width: 988px;
   height: 100px;
}

.titleBanner{
    width: 988px;
    color:#1B4367 ;
    font-family: 'Times New Roman';
    font-weight: 450;
    font-size: 17pt;
    position: absolute;
    padding-left: 114px;
    top: 40px;
}

.ProfileMenu 
{
    top: 0px;
    float: right;
}

.environment
{
    position: absolute;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 18pt;
    color: red;
    font-weight: bold;
}

#logoNSPA
{
    width: 988px;
    top: 41px;

    position: absolute;
}

.NavigationContainer{
    width: 100%;
    background-image : url(Theme-Images/Menu_bg.gif);
    margin: 0 auto;
}

#NavigationMenu  {
    margin: 0px auto;
    background-repeat: repeat-x;
    width: 998px;
}

#MenuSplitter{
     width: 100%; 
     height: 2px;
     background-image: url(Theme-Images/Menu_horizontal_splitter.gif);
     background-repeat: repeat-x;
}

#MenuLightBottom{
     width: 100%; 
     height: 30px;
     background-image: url(Theme-Images/Menu_light_bottom_bg.gif);
     background-repeat: repeat-x;
     min-width: 988px;
}

#MenuDarkBottom{
     float: left;
     height: 30px;
     background-image: url(Theme-Images/Menu_dark_bottom_bg.gif);
     background-repeat: repeat-x;
}

#SiteMapEnd {
background-image: url(Theme-Images/SiteMapEnd.gif); 
background-repeat: no-repeat; 
height: 30px;
float:left;
position: relative;
width: 16px;
}

.SiteMapNode {
    float: left;
    margin-top: 5px;
    margin-left: 6px;
    margin-right: 3px;
}

.SiteMap{
    float:left;
    position: relative;
     background-image: url(Theme-Images/Menu_dark_bottom_bg.gif);
     background-repeat: repeat-x;
     height: 30px;
}

#MainBody {
     background-color: white;
     width: 100%;
     background-image: url('Theme-Images/MAIN_BG_TOP.gif');
     background-position: top;
     background-repeat: repeat-x;
     min-height: 450px;
     padding-top: 25px;
     padding-bottom: 10px;
     min-width: 988px;
}

.RoundedBorder {
        border-collapse:collapse;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 988px;
}

.pageTitle {
    color: #404040;
    position: relative;
    font-family: Arial, Gadget, sans-serif;
    font-weight: 900
}

.titeLabel
{
    vertical-align: text-bottom;
    color: #404040;
    font-family: Verdana;
    font-size: 8pt;
}

.TableWidget_TopLeft{
    background-image: url(RoundedBorder/TopLeft.png);
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.TableWidget_Top{
    background-image: url(RoundedBorder/Top.png);
    height: 10px;
    min-height: 10px;
    background-repeat: repeat-x;
    background-position-y: bottom;
}

.TableWidget_TopRight{
    background-image: url(RoundedBorder/TopRight.png);
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.TableWidget_Left{
    background-image: url(RoundedBorder/left.png);
    width: 10px;
    min-width: 10px;
    background-repeat: repeat-y;
}

.TableWidget_Right{
    background-image: url(RoundedBorder/Right.png);
    width: 10px;
    min-width: 10px;
    background-repeat: repeat-y;
}

.TableWidget_BottomLeft{
    background-image: url(RoundedBorder/BottomLeft.png);
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
    background-repeat: no-repeat;
}

.TableWidget_Bottom{
    background-image: url(RoundedBorder/Bottom.png);
    height: 10px;
    min-height: 10px;
    background-repeat: repeat-x;
}

.TableWidget_BottomRight{
    background-image: url(RoundedBorder/BottomRight.png);
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
    background-repeat: no-repeat;
}

.jSelectorDisplayError
{
    font-family: Arial;
    font-size: 9pt;

}

.DivError
{
    border: solid 1px gray;
    vertical-align: top;
    padding: 5px;
    background-position: top;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 9pt;
}

.DivButton {
	text-align: right;
	height: 40px;
	padding: 5px;
}

#Bottom{
     clear: both; 
     position: relative;
     z-index: 10;
     height: 185px;
     margin-top: -185px;
     width: 100%;
     min-width: 988px;
     background-color: #0A4685;
     background-image: url('Theme-Images/BOTTOM_BG.gif');
     background-position: top;
     background-repeat: repeat-x;

}

.Bottom_Content {
    margin:  0px auto 0px auto ;
    background-image: url('Theme-Images/BOTTOM_COMPASS.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 968px; /*-20px for margin*/
    min-height: 185px;
}

.DivMain
{
    margin-left: auto;
    margin-right: auto;
    /*width: 900px;*/
    /*HACK HACK HACK*/
    /*min-height: 375px;
    height: auto !important;
    height: 327px; /*HACK HACK HACK*/
    /*padding: 3px; /*border-left : solid 1px #666666; 	border-top : solid 1px #666666; 	border-bottom : solid 1px #666666	*/
    /*background-color: #DADFE3;
    width: 98.75%;
    border: solid 1px #486688;*/
}

#DivMain .dxic .dxeEditArea 
{
    
    display: -moz-inline-box;
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt; 
    background-color: #DDEEFF;
    margin-right: 2px;
    border: solid 1px #A5ACB2;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
    height: 13px;

}

#WidgetToolBar
{
    float: right;
	margin-top: 2px;
}

.WidgetToolBar tr td
{
    color:#808080;
    font-family:Verdana;
    font-size:7pt;
    
}

.WidgetToolBarSeparator
{
    width:2px;
    padding-left:6px;
    padding-right:6px;
    background-image:url(Images/WidgetToolBarSeparator.png);
    background-repeat:no-repeat;
    background-position:center;
}

/*****************************************************************************************/
/* Controles NLSE*/
/*****************************************************************************************/
.VerticalFormSeparator
{
    background-image: url(Images/grey_pixel.jpg);
    background-repeat: repeat-y;
    height: 1px;
    width: 1%;
}

.InputForm_Title
{
    border: none;
    border-bottom: solid 1px #bebebe;
    border-collapse: collapse;
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 10px;
    font-family: Arial, Gadget, sans-serif;
    font-weight: 900;
    /*background-image: url(Images/dashTitle_bg.gif);*/
    font-size: 11pt;
    color: #404040;
    height: 20px !important; /*width:100%;*/
    vertical-align: middle;
}

.InputForm_Title SPAN
{
    margin-left: 5px;
    margin-top: 2px;
    font-size: 11pt;
}

.InputForm
{
    width: 100%;
    font-family: Verdana;
}

.InputForm input {
    
font-family: "Lucida Console" , Monospace
}

.InputForm textarea {
    
font-family: "Lucida Console" , Monospace
}

.NlseCustomizablePanel
{
    border: none;
    border-bottom: solid 1px #bebebe;
    border-collapse: collapse;
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 10px;
    font-family: Arial, Gadget, sans-serif;
    font-size: 11pt;
    color: #404040;
    height: 20px !important; /*width:100%;*/
    vertical-align: middle;
}

.NlseCustomizablePanel SPAN
{
    margin-left: 5px;
    margin-top: 2px;
	font-weight: 900;
}

.NlseTextInput
{
    width: 435px;
    margin-bottom: 4px; /*background-color: #FCFCFC;*/ /*background-color: #FFF5FD;*/
    background-color: #DDEEFF;
}

.NlseTextLabel
{
    color: black;
    font-weight: bold; /* fix for IE 5.5 */
    font-family: Verdana;
    font-size: 8pt; /******************/
}

.PanelPager TR TD
{
    vertical-align: middle;
}

.NlseWebControlTable
{
    display: block;
    min-height: 35px;
    height: auto !important;
    height: 35px; /*margin-right:3px;*/
}

TD.CellMaskEditContainerReportReadOnly
{
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt;
    width: 435px;
    background-image: url(Images/readOnly_pixel.jpg);
    margin-right: 2px;
    border: solid 1px #A5ACB2;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
}

TD.CellFitMaskEditContainerReportReadOnly
{
    padding: 0px;
    margin: 0px;
    border: none;
    background-image: url(Images/readOnly_pixel.jpg);
}

TD.CellMaskEditContainer
{
    width: 435px;
    background-color: #DDEEFF;
    border: solid 1px #A5ACB2;
    border-collapse: collapse;
    margin-right: 2px;
    padding-left: 2px; /*padding-bottom :1px; 	padding-top :1px;*/
    padding-right: 2px;
}

TD.CellFitMaskEditContainer
{
    background-color: #DDEEFF;
    padding: 0px;
    border: none;
}

TD.CellFitMaskEditContainerFocus
{
    border-right: dashed 1px #A5ACB2;
    background-color: #DDEEFF;
}

TD.CellMaskEditContainerFocus
{
    width: 439px;
    border: solid 1px #A5ACB2;
    background-color: #F2F2F2;
    border-collapse: collapse;
}

.NlseMaskEditReport, .NlseMaskEditReadOnly
{
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt;
    background-image: url(Images/readOnly_pixel.jpg);
    border: none;
    padding: 0px;
    margin: 0px;
    height: 11px;
}

.NlseTextArea
{
    width: 434px;
    height: 50px;
	background-color: #DDEEFF;
    margin-bottom: 4px; 
    margin-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
    display: block;
}

.NlseTextAreaReport
{
    background-image: url(Images/readOnly_pixel.jpg);
    width: 434px;
    height: 50px;
    margin-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
	border: solid 1px #A5ACB2;
}

.NlseTextAreaReadOnly
{
    background-image: url(Images/readOnly_pixel.jpg);
    width: 434px;
    height: 50px;
    margin-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
	border: solid 1px #A5ACB2;
}

.NlseTextAreaSize
{
    height: 74px;
}

.NlseInputBoxHasFocus, .NlseNSNInputBoxHasFocus
{
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt;
    background-color: #DDEEFF;
    height: 13px;
    border: none;
    padding: 0px;
    margin: 0px;
}

.NlseInputBoxLostFocus, .NlseNSNInputBoxLostFocus
{
    font-family: "Lucida Console" , Monospace;
    font-size: 8pt;
    background-color: #DDEEFF;
    height: 13px;
    border: none;
    padding: 0px;
    margin: 0px;
}

.WidgetBody
{
   margin-left:5px;
   margin-top:5px;
   margin-right:5px;
}

.btnShowWidget
{
    cursor:default;
}
.btnShowWidget:hover
{
    cursor:pointer;
}

.DasboardTitle
{
    font-weight: bold;
}

DIV.HelpFiles
{
    margin: 7px 0px 7px 0px;
}

TABLE.HelpFiles
{
    table-layout: fixed;
    border-collapse: collapse;
    width: 373px;
    border: none;
    font-size: 8pt;
}

TABLE.HelpFiles td
{
    text-align: left;
    height: 20px;
    border-width: 0px;
}

TABLE.HelpFiles .front
{
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    margin-right: 2px;
    vertical-align: bottom;
}

TABLE.HelpFiles .ftype
{
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    margin-right: 2px;
    vertical-align: middle;
}

TABLE.HelpFiles .fname
{
    display: -moz-inline-box;
    display: inline-block;
    width: 250px;
    margin-right: 2px;
    vertical-align: middle;
}

TABLE.HelpFiles .fsize
{
    display: -moz-inline-box;
    display: inline-block;
    width: 50px;
    margin-right: 2px;
    vertical-align: middle;
}

TABLE.HelpFiles .dlete
{
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    margin-right: 2px;
    vertical-align: middle;
    margin-left: 0;
    border: none;
}

TABLE.HelpFiles .fbrws
{
    display: -moz-inline-box;
    display: inline-block; /*width: 230px;*/
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
}

TABLE.HelpFiles .fupld
{
    display: -moz-inline-box;
    display: inline-block;
    margin-right: 4px;
    vertical-align: bottom;
    margin-left: 0;
    border: none;
}

TABLE.HelpFiles .fbrws input
{
    width: 315px;
}

.dxeTextBoxSys td.dxic {
    padding: 0 !important;
}