body{
font-family:Tahoma;
font-size:small;
}



.subMenu
{            
    /*background-color:#EBEBEB;*/
    background-color:#FFFFFF;
 
    /*border-color:Gray;*/
   
    /*border-width:1px;*/
   
    height:auto;
    padding:10px 10px 10px 10px;


    border-color:#000000;
    border-style:solid;
    border-width:1px;

    /*border-color:Gray;*/
    
    /*border-width:1px;*/
    width:150px;
   
}


.menuButton {

    font-family:Calibri;
    font-size:11pt;
     
}

    .menuButton:hover {

        background-color:#bdbdbd;

    }

.panel
{            

    /*

    
    background-color:#DBDBDB;
    font-family:Tahoma;
    font-size:small;
   
    border-style:none;
  
   
    height:100%;
    padding:10px 10px 10px 10px;

    */
    

    background-color:#DBDBDB !important;
    font-family:Tahoma;
    font-size:small;
    color:#000000 !important;
    /*border-color:Gray;*/
    border-style:none;
    /*border-width:1px;*/
    width:95%;
    height:100%;
    padding:10px 10px 10px 10px;

}

.panelalt
{            

    /*

    
    background-color:#DBDBDB;
    font-family:Tahoma;
    font-size:small;
   
    border-style:none;
  
   
    height:100%;
    padding:10px 10px 10px 10px;

    */
    

    background-color:#DBDBDB !important;
    font-family:Tahoma;
    font-size:small;
    color:#000000 !important;
    /*border-color:Gray;*/
    border-style:none;
    /*border-width:1px;*/   
    padding:10px 10px 10px 10px;

}

.editIcon
{
    border-style:dashed;
    border-color:Gray;
    border-width:1px;
    
}


.mainFont 
{
 font-family:Tahoma;
    font-size:small;

}


.paramLabel
{
margin-right:7px;

}


.formTitle
{
    font-weight:bold;
    color:#393D6B;
    font-size:x-large;
    text-decoration:underline;
    text-align:center;
    font-family:Calibri;
}

.fieldName
{
    font-weight:bold;
    color:Blue;
    text-align:left;
    font-size:small;
}



.buttonLink
{

  text-decoration: none; font: menu; 
    display: inline-block; padding: 2px 8px; 
    background: ButtonFace; color: ButtonText; 
    border-style: solid; border-width: 2px; 
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 


}

.buttonSubMenuLink {

    cursor:default;
     text-decoration: none; 
      font-family:Calibri;
    font-size:11pt;
}

    .buttonSubMenuLink:hover {

         background-color:#bdbdbd;
    }


.divTable 
{

background-color : Gray ;
padding : 10px 10px 10px 10px;

}


.accordionHeader
{
background-color:#415ED1;
color:White;
height:25px;
vertical-align:middle;
font-weight:bold;
padding-top:10px;
	margin-top:5px;
	margin-bottom:5px;

}


.accordionHeaderSelected
{
	background-color:#6F85DE;
	color:White;
	height:25px;
	vertical-align:middle;
	font-weight:bold;
	padding-top:10px;
		margin-top:5px;
	margin-bottom:5px;

}

.accordionContent
{
	background-color:#E0E7FF;
	border-color:Black;
border-style:dashed;
border-width:thin;
	padding-top:10px;
	margin-top:3px;
	margin-bottom:10px;
	text-align:left;
	padding-left:40%;
		padding-bottom:10px;
}


.accordionContentLeft
{
	background-color:#E0E7FF;
	border-color:Black;
border-style:dashed;
border-width:thin;
	padding-top:10px;
	margin-top:3px;
	margin-bottom:10px;
	text-align:left;
	padding-bottom:10px;
}

.loginBox {
    max-width:450px;
     Width:100%;
     Height:320px;
}

.loginHeader {

height: 65px;color:White;background-color:#DE2D29; font-size:0.9em;font-weight:bold; text-align: center;

}

.loginButton {
    background-color:white;
    border-color:silver;
    border-style:solid;
    border-width:1px;
      font-weight:bold; 
      font-family:Calibri ;
      font-size-adjust:initial ;
          color:#DE2D29; 
     Height:40px;
      Width:120px ;
             cursor:pointer;   
}

.topBanner {

    background-color: #DE2D29; height: 74px; position:relative;

}

.topBannerLogo {

    background-image:url('img/header_logo.gif');
    
}

.formWhite {
    width:100%;
    background-color:white;
    border-style:solid;
    border-width:thin;

}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color:#DBDBDB;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: gray;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #DBDBDB;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #DBDBDB;
  color: white;
}