/* Styles for ESA CAA Template */


      html, body { height:100%; margin:5px; }
      body.main { background: transparent #ededed url(images/body_bg.gif) top left repeat-x; text-align: center;  }
      body.help { background: transparent  top left repeat-x; text-align: center;  }
      div { padding:0px; }
      div#inventoryHolder { padding:6px; }
      div, p, input, select, textarea, table, td, th, .bodytxt  { font: 9pt Verdana; color: #0000000; } 
      
      /* p { margin:0px 0px 0px 0px; padding:0px; } */
      
      form { margin: 0px; padding: 0px; }
      
      li { LIST-STYLE-TYPE:square; }

   
      h1 { 
         margin:0px 0px 5px 0px; padding:0px; 
         font: bold 18px Helvetica, Arial, sans-serif; color: #191970; 
         text-transform:uppercase;
      }
      h2 { margin: 5px 0px 5px 0px; font: bold 16px Helvetica, Arial, sans-serif; color: #191970; }
      h3 { margin: 5px 0px 5px 0px;  font: bold 14px Helvetica, Arial, sans-serif; color: #191970; }
      h4 { margin: 5px 0px 5px 0px;  font: bold 12px Helvetica, Arial, sans-serif; color: #191970; }
      
      hr { border: solid 1px #DEDEDE; height: 1px; }
      
      a { text-decoration:none; color:#9F2024; }
      a:active { text-decoration:none }
      a:hover { text-decoration:underline }
      
      a.smcc {text-decoration:none; color:#FFFFFF; }
      .smcc_nav2 {text-decoration:none; color:green; }
      

      #mainHolder { display:block; padding:1px 1px 1px 1px; border:2px solid #C0C0C0; background-color:#FFFFFF; margin:2px 2px 2px 2px; }
      #quicklookHolder { display:block; padding:0px 0px 0px 0px; border:2px solid #C0C0C0; background-color:#FFFFFF; margin:0px 0px 0px 0px; }

      .orangeBarTop, .orangeBarBottom { 
     display:block; clear:both; background-color:#F1BB16; padding:0px;  
         height: 3px; 
         line-height: 1px; /* for IE */ 
         font-size: 1px; /* for IE */ 
      }
      .orangeBarTop { margin:0px 0px 1px 0px; }
      .orangeBarBottom { margin:1px 0px 0px 0px;  }
            
      div.navyBar { 
         display:block; clear:both;
         height:18px;
         background-color:#191970; 
         text-align:left;
         margin:0px 0px 0px 0px; padding: 3px 3px 0px 3px; 
         font:bold; color:#FFFFFF; text-transform:uppercase; 
      }
      div.navyBarBottom { border-bottom:1px solid #808080; }
	  div.navyBarLeft { float: left; }
	  div.navyBarRight { float: right; }

      #headerLinks {
         display:block;
         width:100%;
         text-align:left;  
         padding-top:2px;
         font-weight:bold;    
      }
      
      a.footerLink, #headerLinks a { font:bold 10px Verdana, Arial; color:#FFFFFF; margin:0px 15px 0px 15px }
      a.footerLink:active, #headerLinks a:active { text-decoration:none }
      a.footerLink:hover, #headerLinks a:hover { text-decoration:underline }

      #headerLinks a { margin:0px 5px 0px 5px; }
      
  #headerGraphicHolderMain { 
         display:block; 
        background: transparent url(images/bg_px.jpg) top left repeat; 
          text-indent:-9999px;
      }
      #contentHolder { 
         display:block; 
         vertical-align:top;
         text-align:left;
      }   
      #contentHolderHelp { 
         display:block; 
         width:400px;
         margin-top:0px;
         vertical-align:top;
         text-align:left;
      }   
      
      #navHolder {
         display:block;
         float:left; 
         width:180px; 
         margin-right:5px;
         margin-bottom:15px;
         background-color:#F7F7F7;
      }
      
      div.navHeader { 
         display:block; float:left;
         width:169px; height:15px;
         border-top:2px solid #808090;
         border-right:2px solid #000000;
         border-bottom:2px solid #000000;
         border-left:2px solid #808090;
         background-color:#191970;
         font:bold 10px Verdana, Arial; color:#FFFFFF;
         line-height:12px;
         margin:0px 0px 2px 0px; padding: 3px 2px 0px 5px; 
         vertical-align:middle;
         text-transform:uppercase;
      }
      
      .navItem {
         display:block; float:left;
         width:169px; height:auto;
         margin-bottom:2px;
         border-top:2px solid #DDDDDD;
         border-right:2px solid #A9A9A9;
         border-bottom:2px solid #A9A9A9;
         border-left:2px solid #DDDDDD;
         background-color:#EEEEEE;
         font:bold 10px Verdana, Arial; color:#000000;
         line-height:12px;
         padding: 3px 2px 3px 5px; 
         vertical-align:middle;
      }

      
      #loginPanel {
         width:100%;
      }
      
      #loginPanel th {
         font:bold 10px Verdana, Arial; color:#000000;
      }
      #loginPanel td {
         float:right;
      }
         
      .input {
         display:block;
         width:100px; height:18px;
         border:1px solid #191970; 
         float:right; clear:both;
         margin:5px 5px 2px 1px;
         font: 11px Verdana, Arial; color:#000000;
      }

     .input_text {
         display:block;
         width:350px; height:45px;
         border:1px solid #191970; 
         wrap:physical; clear:both;
	 float:left;
         margin:5px 5px 2px 0px;
         font: 11px Verdana, Arial; color:#000000;
      }


   .input2 {
         display:block;
         width:220px; height:20px;
         border:1px solid #191970; 
         wrap:physical; clear:both;
	 float:left;
         margin:5px 5px 2px 0px;
         font: 12px Verdana, Arial; color:#000000;
      }

	.input3 {
         display:block;
         width:100px; height:20px;
         border:1px solid #191970; 
         wrap:physical; clear:both;
	 float:left;
         margin:5px 5px 2px 0px;
         font: 12px Verdana, Arial; color:#000000;
      }


      
      #blueButton {
         display:block;
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         float:right;
         background-color:#191970;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#FFFFFF;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }

      #blueButton_center {
         display:block;
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         float:center;
         background-color:#191970;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#FFFFFF;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }

      #blueButton_left {
         display:block;
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         float:left;
         background-color:#191970;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#FFFFFF;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }

    #blueButton_2 {
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         background-color:#191970;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#FFFFFF;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }

      #lightblueButton_left {
         display:block;
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         float:left;
         background-color:#B0C4DE;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#191970;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }

      #lightblueButton_showhide {
         display:block;
         width:auto; height:auto;
         margin:1px 5px 1px 0px;
         padding:1px;
         float:left;
         background-color:#B0C4DE;
         text-transform:uppercase; 
         font:bold 9px Verdana, Arial; color:#191970;         
         border-top:2px solid #F2F0EE; 
         border-right:2px solid #75736E; 
         border-bottom:2px solid #75736E; 
         border-left:2px solid #F2F0EE; 
      }


      #loggedIn {
         display:block; 
         float:left; 
         width:600px;
         margin:0px 0px 10px 0px; padding:2px 5px 2px 5px;
         border:1px solid #191970;
         background-color:#F3D67E;
         text-align:left;
         color:#191970;
      }
      #UpperMenu {
         display:block; 
         float:left; 
         width:600px;
         margin:0px 0px 10px 0px; padding:2px 5px 2px 5px;
         border:1px solid #191970;
         background-color:#FFFFE0;
         text-align:left;
         color:#191970;
      }
      #loggedInLeft {
         display:block;
/*         width:400px;*/
         float:left;
         color:#191970;
      }
      #loggedInRight {
         display:block;
         width:128px;
         float:right;
         text-align:right;
      }
     #loggedInRight_2 {
         display:block;
         width:128px;
         /*float:right;*/
         text-align:right;
      }
      #loggedInRight a {
         font-weight:bold;
      }
      
      #contentArea { 
         display:block; 
         float:left;
 	width:100%; 
         margin:0px 0px 0px 10px; padding:1px 1px 1px 1px;
         border:1px solid #191970;
         align=center;
	 background-color:#FFFFE0;
         text-align:left;
      }

  #contentAreaHelp { 
         display:block; 
         float:left;
  	 width=600px; 
         margin:0px 0px 10px 0px; padding:1px 1px 1px 1px;
         border:1px solid #191970;
         background-color:#F7F7F7; 
         text-align:left;
      }

.ui-autocomplete {
	z-index: 150;
}

.ld {
	position: relative;
}

div.logic, div.condition {
	position: inherit;
	top: 50%;
	transform: translateY(-50%);
}

select.condition {
	position: inherit;
}
.ld input{
	position: inherit;
	top: 50%;
	transform: translateY(-50%);/*
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
}

.add_but  {
	position: absolute;
	top: 50%;
	right: 0pt;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


/* default icon images for buttons 
 * These are in the default jquery-ui CSS file and only here for reference.
 * If you want to change these uncomment and alter them. 
.ui-button .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
/* focus 
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
/* active 
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
} */
/* blue icons */
/* default */
.ui-icon.blueIcon { 
	background-image: url("images/ui-icons_2e83ff_256x240.png"); 
} 
/* focus */
.ui-button:focus .ui-icon.blueIcon,
.ui-button:hover .ui-icon.blueIcon {
	background-image: url("images/ui-icons_0000ff_256x240.png");
}
/* active */
.ui-button:active .ui-icon.blueIcon {
	background-image: url("images/ui-icons_0000ff_256x240.png");
}

/* red icons */
/* default */
.ui-icon.redIcon { 
	background-image: url("images/ui-icons_cd0a0a_256x240.png"); 
} 
/* focus */
.ui-button:focus .ui-icon.redIcon,
.ui-button:hover .ui-icon.redIcon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
/* active */
.ui-button:active .ui-icon.redIcon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}


.text10red
{
       font:10px Verdana, Arial; color:#ff0000;
  
} 
.bold10black 
{
        font:bold 10px Verdana, Arial; color:#000000;
 }

.bold12black 
{
        font:bold 12px Verdana, Arial; color:#000000;
 }

.bold12red 
{
        font:bold 12px Verdana, Arial; color:#ff0000;
 }

.bold12maroon
{
        font:bold 12px Verdana, Arial; color:#9F2024;;
 }

.bold14maroon
{
        font:bold 14px Verdana, Arial; color:#9F2024;;
 }

td.dataset
{
	font:12px Veranda;  padding:3px; text-align="left"; vertical-align="top";
}

.smcc_normal
{font:12px Veranda;  padding:3px; text-align="left"; vertical-align="top";
}

.src_code {font-weight: bold;color: #444444;}
.strong {
    font-weight: bold;
}

div.hd, div.ld {height: 26px;}
div.pheader-null { float: left; width: 8em;}
div.pheader-left { float: left; width: 30em;}
div.pheader-right { float: right; width: 14em;}
div.pheader-middle { float: left; width: 5em;}
div.logic { float: left; width: 8em;}
/*select.logic { width: 8em;}*/
/*select.logic { width: 8em;}*/
div.param { float: left; width: 30em;}
input.param { float: left; width: 29em;}
div.condition { float: left; width: 5em;}
select.condition { margin-left: 5px; }
div.val {float: left; width: 14em;}
input.val {float: left; width: 13em;}
div.add_but {float: right; width: 60px; /*14em;*/}
#caa_dataset strong { text-decoration: underline; font-weight: bold; color: #444444; }

/* testing ... */