/* CSS Document - RFI webstyle used by the RFI Application*/

 * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

h1 {color: #003399;font-size:1.07em;font-weight: bold;text-align:center;}  
span {font-family:arial,helvetica,sans-serif; font-size:9pt;text-align:left;}
  
body
{
	text-align:center;
	margin:0;
	padding:0;   
    background-color:#dbd5cd;
	font: 100%;	   
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
    outline: 0;
    border-color: #4697e4;
}

#doc
{
	background:#ffffff none repeat scroll;
	border:solid 1px #adadad;
	width:97%;
    min-height: 40em;
   -moz-border-radius: 0.37em; 
   -webkit-border-radius: 0.37em; 
    border-radius: 0.37em;
	margin: 0.625em auto;
    text-align:left;
    padding-bottom:1em;
    font-family:arial,helvetica,sans-serif; 
    font-size:9pt;
    max-width:1120px;
}

table  {border-collapse:collapse;}
.lbl  {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; text-align:right;font-weight:bold; padding:0.37em 0.67em 0.37em 0.37em;}
.lblr {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; color:red;font-weight:bold;padding:0.37em 0.37em 0.37em 0.37em;}
.login {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; /*background-color:#FDF8F2;*/font-weight:bold;padding:0.67em 0.37em 0.67em 0.67em;background-color:#D4DBE5; border:solid 1px #ccc;}
.login3 {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; font-weight:bold; color: red; padding:0.67em 0.37em 0.67em 0.37em; margin-top:.37em;}
.lblt {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; text-align:center;background-color:#EFEFEF;padding:0.37em 0.37em 0.37em 0.37em;}		
.lblc {height:23px;background-color:#5a678d; font-family:arial,helvetica,sans-serif;font-size:9pt;text-align:center;color:white;font-weight:bold;padding:0.37em 0.37em 0.37em 0.37em;}
.lbls {font-family:arial,helvetica,sans-serif;font-size:4pt;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lbles {height:5px;font-family:arial,helvetica,sans-serif;font-size:1pt;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblse {font-family:arial,helvetica,sans-serif;font-size:1pt;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblh {background-color:#000066;height:21px; font-family:arial,helvetica,sans-serif; font-weight:bold;font-size:10pt; color:white;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}	
.lblwh {height:23px;color:white;font-family:arial,helvetica,sans-serif;font-weight:bold;font-size:10pt; text-align:center;background-color:#000066;padding:0.37em 0.37em 0.37em 0.37em;}
.lblo {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt; text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblor {height:23px;font-family:arial,helvetica,sans-serif;font-size:9pt;font-weight:bold;text-align:center;background-color:#C0C0C0;padding:0.37em 0.37em 0.37em 0.37em;}
.lbloc {height:23px;font-family:arial,helvetica,sans-serif;font-size:9pt;font-weight:bold;text-align:center;background-color:#C0C0C0;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblsc{height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt;font-weight:bold; text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblol {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt;font-weight:bold; padding:0.37em 0.37em 0.37em 0.37em;}
.lblorl {font-family:arial,helvetica,sans-serif; font-size:9pt;text-align:left; padding:0.37em 0.37em 0.37em 0.37em;}
.lblorc {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;background-color:#e7efff;}
.lblorc2  {height:26px;font-family: arial,helvetica,sans-serif; font-size:9pt; text-align:center;background-color:#E7EFFF;padding:0.37em 0.37em 0.37em 0.37em;}
.lblorr {height:23px;font-family:arial,helvetica,sans-serif; font-size:9pt;text-align:right;padding:0.37em 0.37em 0.37em 0.37em;}
.lblb {font-family:Georgia;font-size:13pt;font-weight:bold;color:#333;text-align:center;height:41px;padding:0.37em 0.37em 0.37em 0.37em;}
.lblb2 {font-family:Georgia;font-size:13pt;font-weight:bold;color:#CC0000;text-align:left;height:41px;padding:0.37em 0.37em 0.37em 0.37em;}
.lblf {font-family:verdana,arial,sans-serif;font-size:8pt;text-align:center;padding:0.37em 0.37em 0.37em 0.37em;}
.lblfl {font-family:verdana,arial,sans-serif;font-size:8pt;text-align:left;padding:0.37em 0.37em 0.37em 0.37em;}
.lblblue {font-family:georgia;font-size:12pt;font-weight:bold;color:#010066;padding:0.37em 0.37em 0.37em 0.37em;}
.lblrc {height:23px;font-family:arial,helvetica,sans-serif;font-size:9pt;font-weight:bold;background-color:#E7EFFF;padding:0.37em 0.37em 0.37em 0.37em;}
.textleft {height:23px;font-family:arial,helvetica,sans-serif;font-size:9pt;font-weight:bold;text-align:left;background-color:#C0C0C0;padding:0.37em 0.37em 0.37em 0.37em;}
.textleftblue {height:23px;font-family:arial,helvetica,sans-serif; font-size:10pt; text-align:left;background-color:#E7EFFF;padding:0.37em 0.37em 0.37em 0.37em;}
.textcenterblue {height:23px;font-family:arial,helvetica,sans-serif; font-size:10pt; font-weight:bold; text-align:center;background-color:#E7EFFF;}
.Alert {height:23px;font-family:arial,helvetica,sans-serif;font-size:10pt;color:white;font-weight:bold;text-align:center;background-color:red;}
/*.btn {font-family:arial,helvetica,sans-serif; font-size:9pt;font-weight:bold;cursor:pointer;}*/
.btns {font-family:arial,helvetica,sans-serif; font-size:8pt;cursor:pointer;}
.inp   		        {width:60%;font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:2.13em; }
.inplt   		    {font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px; height:1.37em; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#010066; font-style:italic}
.inpm   	        {font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:1.67em;}
.inpl   	        {width:98%;font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:1.67em;}
.inpll   	        {font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:1.67em;}
.inps   	        {font-family:arial,helvetica,sans-serif;font-size: 9pt;border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:2.13em; vertical-align:middle;}
.inplc  	        {width:98%;border:0px none;font-family:arial,helvetica,sans-serif;font-size:9pt; text-align:center; height:1.67em;}
.inptac  	        {width:99%;border:0px none;font-family:arial,helvetica,sans-serif;font-size:9pt;overflow:auto; }
.inpt   	        {width:99%;font-family:arial,helvetica,sans-serif;font-size:9pt;overflow:auto; border:solid 1px #666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #ec7a08;
    border-color: #bb6106;
    background-color: #3d7edb;
    border-color: #2465c1;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em*/
}

.button:hover,
.button:focus {
    background-color: #fff
}

.button:hover,
.button:focus {
    color: #000
}

.button1 {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    background-color: #ec7a08;
    border-color: #bb6106;
    background-color: #3d7edb;
    border-color: #2465c1;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em;*/
      padding-top: 0.65em;
    padding-right: 1.0em;
    padding-bottom: 0.75em;
    padding-left: 1.0em;
    font-size: 0.95em;

}
.btn {
  border: 1px solid #777777;
  background: #F0F0F0; /*6e9e2d*#5A678D*/
  color: black;
  font: bold 9pt Arial /*,Futura, ‘Century Gothic’, AppleGothic, sans-serif,'Trebuchet MS'*/;
  padding: 6px;
  height:2.25em;
  cursor: pointer;
  -moz-border-radius: 0.37em; 
  -webkit-border-radius: 0.37em;
   border-radius: 0.37em;
}
.btn:hover {
    background-color: #988B6F;
    color: #EFEFEF;
    padding: 6px;
}



/*.lin {font-family:arial,helvetica,sans-serif; font-size:9pt; color:blue;}
.lin:visited {font-family:arial,helvetica,sans-serif; font-size:9pt; color:blue;}
.lin:hover {text-decoration:underline; font-family:arial,helvetica,sans-serif; font-size:9pt; color:red;}*/
.lin {text-decoration:none; font-family:Arial,verdana,helvetica,sans-serif; font-size:9pt; color:black;font-weight:400;}
.lin:hover {text-decoration:underline; font-family:Arial,verdana,helvetica,sans-serif; font-size:9pt; color:black;font-weight:400;}
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:0.37em;
    -moz-border-radius:0.37em;
    border-radius:0.37em;
    border:none;
    outline:none;
    display: inline-block;       
    cursor:pointer;    
}

#tblmain {padding:1.0em 1.0em 0.5em 1.0em;text-align:left;width:95%;margin:auto; border:1px solid #ccc;}

 form > div > div {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding:0.15em 0.37em 0.37em 0em;                
}
           
form > div > div > label {
    width: 40%;
    float: left;
    padding-right: 10px; 
    text-align: right;
    font-weight: bold; 
}

form > div > div > div  {
    width: 60%;
    float: right;
}
      
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
    max-width:50em;
    padding:3px;
}
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:none;
    outline:none;
    display: inline-block;       
    cursor:pointer;
}

@media (max-width: 360px) {
    form > div {
        margin: 0 0 15px 0; 
    }
    form > div > div > label {
        font-size: 1.03em;
        width: 100%;
        float: none;
        margin: 0 0 5px 0;
        text-align: left;
    }
    form > div > div > div {
        width: 100%;
        float: none;    
    }
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    textarea,
    select {
        width: 100%; 
        margin-top:5px;
        font-size: 1.17em;
    }
    #tidLogo {
        border-right: 0px solid #fff;
    }
    #imgLogo1 {
        display:none;       
    }
    #imgLogo2 {
        display:inline; 
    }
    #trLogo2 {
        display:none;               
    }
    #spnAppName {
        display:none;
    }
    #tidInst {
        width:100%;
    }
}

@media only screen and (min-width : 361px) and (max-width : 600px) {
    form  > div > div {
        margin: 0 0 15px 0; 
    }
    form > div > div > label {
	    width: 100%;
        float: none;
        margin: 0 0 5px 0;
        font-size: 1.03em;
        text-align: left;
    }
    form > div > div > div {
        width: 100%;
        float: none;    
    }
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    textarea {
        width: 100%; 
        margin-top:5px;
        font-size: 1.03em;
    }
    select {
    margin-top:5px;
    font-size: 1.03em;
    }
    #tidLogo {
        border-right: 1px solid #d8d8d8;
    }
    #imgLogo1 {
        display:none;       
    }
    #imgLogo2 {
        display:inline;   
    }
    #spnAppName {
        display:block;
    }
    #tidInst {
        width:100%;
    }
}

@media only screen and (min-width : 601px)  {
    form > div > div > label {
        margin-top:8px;
        font-size: 1.03em;
    }
                           
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    textarea {
        width: 100%;                 
        font-size: 1.03em;
    }
    select {            
        font-size: 1.03em;
    }
    #tidLogo {
        border-right: 1px solid #d8d8d8;
    }
    #imgLogo2 {
        display:none;       
    }
    #imgLogo1 {
        display:inline;
        margin-top:1em;
        margin-bottom:0.4em;        
    }
    #spnAppName {
        display:block;
    }
    #tidInst {
        width:95%;
    }
}

@media (min-width: 1201px) {
    form > div > div > label {
  	    margin-top:8px;  	     
        font-size: 1.03em;
    }
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    textarea,
    select {
        font-size: 1.03em;
    }
    #tidInst {
        width:80%;
    }
} 
 #footer {
	width:100%; background-color :#dbd5cd;/*background:#fff url('/eforms/images/footer_grad.png') bottom center repeat-x;*/ clear:both; text-align:center;
	margin-left:auto; margin-right:auto; overflow:hidden;padding-top:0.5em;padding-bottom:0.5em;overflow:hidden;color:#666;
}

#footer p a {
    color: #666;
    text-decoration:none;
}

#footer p a:hover {
    color: #4697e4;
    text-decoration:underline;
}

ul#footernavlist
{
    padding:0px;
    margin:0px;
}

ul#footernavlist li
{
    display:inline !important;
    list-style:none;
    border-right:1px solid #ddd;
    font-size:0.83em;
    color:#eee;
}

ul#footernavlist li a 
{ 
    padding-left:0.44em; 
    padding-right:0.44em; 
    color:#666;  
    text-decoration:none; 
}

ul#footernavlist li a:hover 
{ 
    text-decoration:underline; 
    color:#4697e4; 
}

#footeralt {
	width:100%; background-color :#fff; clear:both; text-align:center;
	margin-left:auto; margin-right:auto; overflow:hidden;padding-top:0.5em;padding-bottom:0.5em;overflow:hidden;color:#666;
}

#footeralt p a {
    color: #666;
    text-decoration:none;
}

#footeralt p a:hover {
    color: #4697e4;
    text-decoration:underline;
}

/*ul#footernavlist
{
    padding:0px;
    margin:0px;
}

ul#footernavlist li
{
    display:inline !important;
    list-style:none;
    border-right:1px solid #ddd;
    font-size:0.83em;
    color:#eee;
}

ul#footernavlist li a 
{ 
    padding-left:0.44em; 
    padding-right:0.44em; 
    color:#666;  
    text-decoration:none; 
}

ul#footernavlist li a:hover 
{ 
    text-decoration:underline; 
    color:#4697e4; 
}*/             