﻿html, body, form {
	margin:0px;
	padding:0px;
	height: 100vh;
	background: #f7f7f7;
}
body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:normal;
	font-size: 14px;
	background: #ffffff;
	background-position: top right;
	background-repeat: no-repeat;
}

h1 {font-size:1.2em;font-weight:bold;}
h2 {font-size:1.0em;font-weight:normal;}
h3 {font-size:0.9em;font-weight:bold;}

a {
	color: #3da0d9;
}
a:hover {
	color: #1d2a57;
}


/* COLORS */
.dark {background-color:#1d2a57;} /*Used for Progress Bar BG, H5 and and a:link*/
.meddk {background-color:#3a4663;} /* a:hover */
.med {background-color:#761214;} /*Fieldset legend*/
.medlt {background-color:#55657F;} /*Error message bg and rollover/select row*/
.lt  {background-color:#A9AEB5;} /*background of sidebar tables, search block and altrow*/
.verylt {background-color:#E9EAEC;} /*content areas */

.black {background-color:#000000;}/*Darkest*/ /* Used for PageTitle and h3 */
.gray1 {background-color:#414141;} 
.gray2 {background-color:#818181;}
.gray3 {background-color:#a1a1a1;}
.gray4 {background-color:#c1c1c1;}
.gray5 {background-color:#e1e1e1;} 
.white {background-color:#ffffff;} /*Lightest*/

/* MAIN LAYOUT */
.container {
	width:1000px;
	padding: 0px 15px; 
	margin:0 auto 10px auto;
	border:0px solid #666667;
	background-color:transparent;
}

.header {
	background:transparent url() no-repeat top;
	padding: 0;
}
div#title {
	text-align:left;
}

div#title > img {
	max-width: 1000px;
}

#idFAQ
{
	padding: 10px 30px 10px 15px;
}
.faqQ 
{
	font-weight: bolder;
	margin-top: 8px;
}

.faqA
{
	text-align: left;
}


.content {
	padding: 15px;	
	background-color:#ffffff;
	text-align:left; 
	min-height:100px;
	border:0;
	border-bottom-width: 0px;
	overflow: auto;
}

.footer 
{
	padding: 15px; 
	margin:0px;
	text-align:right;
	background-color:#ffffff;
	border:0;
	border-top-width: 0px;
}

/* END MAIN LAYOUT */

.rbChoice input { margin-left: -20px; }
.rbChoice td { padding-left: 20px; }
.bold {font-weight:bold}
.FieldLabel {font-weight:bold;}
.clrflt {clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

.welcome {border-bottom:1px dashed #e1e1e1;margin-bottom:10px;}
.welcomeLbl {float:right;margin-right:10px;margin-top:10px;margin-bottom:10px;color:#3a4663;}    

.RptHeader
{    
	float:left;
	width:100%;
	height: 1.5em;
	background:transparent url(images/grayBG.jpg) repeat-x;
	overflow:hidden;
	margin-bottom: 5px;
}

.RptHeaderText
{
	vertical-align:middle;
	color: white;
	font-size:1.1em;
	font-weight:bold;
	padding-left: 4px;
}

.RptFieldLabel 
{
	font-weight:bold;
	margin: 8px;
}
.RptListbox
{
	font-weight:bold;
}
.RptInput
{
	margin-left: 12px;
}

.RptButton
{
	font-weight: bold;
	margin-left: 12px;
	padding: 4px 8px;
}

 /* TAB MENU  */

#menu {
	float: left;
	width: 100%;
	background: #1d2a57;
	overflow: hidden;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu ul {
   clear:left;
   float:right;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   margin-right:2px;
   padding:0;
   position:relative;
   
}
#menu ul li:last-child {
	margin-right: 5px;
}
#menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#fff;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   font-weight:bold;
   font-size: 14px;
}
#menu ul li a:hover {
   background:#d4d6d9;
   font-weight:bold;
}
#menu ul li a.active,
#menu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

fieldset#logincontrol  
{
	margin: 20px 40px 0px 40px;
	width:750px;
	background-color: White;
}

fieldset#logincontrol legend 
{
	text-transform:uppercase;
	font-size:0.8em;
	color:#761214;
}

table tr td {
	padding: 5px;
}

table#loginpanel {}
	
table#loginpanel td {
	padding: 6px;
}

table#certificatepanel {}
	
table#certificatepanel td {
	padding: 6px;
}

div#search {
	margin-right:15%;
	margin-left:15%;
	margin-top:2%;
	
	
}	
table#searchpanel {
	width: 100%;
	border: solid 1px black;
	
}
table#searchpanel th {
	background-color: Blue;
	color: #fff;
	
} 
table#searchpanel td {
	font-weight:normal;
}  

div#transInstruction {margin-bottom:10px;}
 
div#transGrid {margin-top:10px;}
.transgrid {}
div#transPrint {}
div#transSummary {margin-top:10px;}
div#sessionupdate {}
.helpcontent{padding: 10px;}
.errortext{color: Red; font-weight: bolder;}


/* GridView Control */
.mGrid {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 0px 0;    
    border: solid 1px #ccc;    
    border-collapse:collapse;    
}   
.mGrid td {    
    padding: 5px;    
    border: solid 1px #ccc;    
    color: #171717;    
}
   
.mGrid th {    
    padding: 5px;       
    background: #f0f0f0;    
    border: solid 1px #ccc;    
    font-size: 12px;
	text-align: center;
} 
.mGrid a:link              { color:blue; text-decoration:underline; }
.mGrid a:visited           { color:blue; text-decoration:underline; }
.mGrid a:hover             { color:blue; text-decoration:underline; }
.mGrid a:active            { color:blue; text-decoration:underline; }


.mGrid a.  
.mGrid .alt { background: #fcfcfc url(images/grd_alt.png) repeat-x top; }   
.mGrid .pgr { background: #424242 url(images/grd_pgr.png) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #ccc;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }      
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

input {
	padding: 5px;
}

.btn, .btnGreen, .tnRed, .btnBold {
	padding: 5px;
	font-weight: 500;
	border: 1px solid #1d2a57;
	color: #fff;
	background: #1d2a57;
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover {
	background: #6a7391;
}
.btnGreen {
	color: #fff;
	background: #006400;
}
.btnGreen:hover {
	background: #589958;
}
.btnRed {
    color: #fff;
	font-weight: bolder;
	background: #f00;
}
.btnRed:hover {
	background: #ff5858;
}
.btnGrey {
	background: #E9EAEC;
	color: #000;
	border: 1px solid #818181;
}
.btnGrey:hover {
	background: #A9AEB5;
}
.btnBold
{
    font-weight:bolder;
}


a.badge:visited
{
    color: red;
    
}
a.badge
{
    color:red;
    text-decoration: none;
}

.validateTips { border: 1px solid transparent; padding: 0.3em; }


#loading {
    display: none;
    text-align: center;
}
           
#jsonDiv
{
        
}

.redBody
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
    FONT-FAMILY: Verdana;
    font-weight: bold;
}
.redBold
{
    color: #f00;
	font-weight: bolder;
}

.ot-pc-footer-logo {
	display: none;
}

#onetrust-pc-sdk *, #onetrust-banner-sdk * {
	font-size: 0.8rem !important;
}

.ui-dialog {
	padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
	background: #f0f0f0;
	border: 0;
	border-radius: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #E9EAEC;
	color: #000;
	border: 1px solid #818181;
}
.ui-state-default, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	background: #A9AEB5;
}
