tr[data-isaol="true"] {
  border-left: 5px solid rgba(0, 128, 0,0.5);
}

.disabled { color: GrayText;background-color: #EEEEEE; }   

body.modal-open {
    overflow: hidden;
    position: fixed;
}             

body.modal-open {
    position: relative !important;
}   

.controlgroup{ display: table;}
.controlrow{ display: table-row; }
.controlfield{ display: table-cell;}

.AOLDivContainer {display:inline-block; width:100%; }
.AOLDivContentRow {display:inline-block; width:100%; }

.AOLDivContentNameCell {
    display:inline-block; 
    width:100%;     
    padding: 8px;
   }

.AOLDivContentCell {
    display:inline-block;
    width:100%;     
    padding: 8px;
 }
   
.AOLDivContentActionCell {    
    display:inline-block;
    width:86%;     
    padding: 8px; 
    text-align:center;    
}

.AOLDivContentActionCell input[type='submit'] {
    border-style: none; 
    width: 80%;     
    border: 1px solid gray;
    }
.AOLDivContentNameCell input { 
    border-style: none; 
    width: 90%;
    border: 1px solid gray;
}
.AOLDivContentCell input[type='text'] {
    border-style: none; width: 100%;    
    border: 1px solid gray;
}
.AOLDivContentCell input[type='checkbox'] {
    border-style: none;
    font-size:10pt;    
}
.AOLDivContentCell select {
    width: 100%;
 }

/* use this to make the headers bold in a grid */
.AOLDivBoldHeader
{
    font-weight: bold;    
}

.AOLDivHeaderCell.AOLDivBoldHeader.Label
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; 
}

/* use this to override the style sheet of content in cells inside grids */
.AOLOverrideValue span 
{
    background-color: transparent;
    border-color:transparent;
    cursor: pointer;
}

.AOLDivContentCell.AOLOverrideValue
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.AOLDivGridContentRow {display:inline-block; width:100%; border: 0px solid #d0d0d0; }
.AOLDivGridGroupCell{display:inline-block; width:110px; padding: 8px; vertical-align:middle;  }
.AOLDivGridGroupCell.AOLOverrideValue{display:inline-block; width:300px; padding: 8px; vertical-align:middle;  }
.AOLDivGridGroupCellSmall{display:inline-block; width:60px; padding: 8px; vertical-align:middle;  }
.AOLDivGridHeaderNameCell {display:inline-block; width:110px; font-family:Verdana; font-size:10pt; padding: 8px; font-weight:bold;}
.AOLDivGridHeaderNameCellSmall {display:inline-block; width:60px; font-family:Verdana; font-size:10pt; padding: 8px; font-weight:bold;}
.AOLDivGridCheckBox {
    border-style: none;
    /*border: 1px solid gray;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:10pt;    
}

.AOLMessageAlign {vertical-align:middle ;font-family:Verdana; font-size:10pt; color:Blue;}
.AOLCrossSellImg { background-repeat: no-repeat; height: 60px; display: inline-block; vertical-align: top; margin-top: 10px;}


.AOLDivHeaderRow {display:inline-block; width:100%}
.AOLDivHeaderNameCell {display:inline-block; width:100%; font-family:Verdana; font-size:small; padding: 8px;}
.AOLDivHeaderCell {display:inline-block; width:100%; font-family:Verdana; font-size:small; padding: 8px; }

.AOLDivGroupCell {display:inline-block; width:192px; padding: 8px; vertical-align:top;}
.AOLDivGroupActionCell {display:inline-block; width:132px; padding: 8px;}
.AOLDivGroupChkListCell {display:inline-block; width:100%; padding: 8px;}
.AOLDivLienHolderGroupActionCell {display:inline-block; width:66px; padding-top:20px;padding-right:8px;padding-bottom:8px;padding-left:8px;}

.AOLMessageInformation 
{
    display:inline-block; 
    font-family:Verdana; font-weight:bold; font-size:10pt; 
    padding-left: 10px;
    padding-bottom: 10px; 
    padding-top:20px;
}

.AOLMessageTranAck
{
    display:inline-block; 
    font-family:Verdana; font-weight:bold; font-size:10pt; 
    padding-left: 10px;
    padding-bottom: 10px; 
    padding-top:20px;
    color: Black;
}

.AOLMessageTranFail
{
    display:inline-block; 
    font-family:Verdana; font-weight:bold; font-size:10pt; 
    padding-left: 10px;
    padding-bottom: 10px; 
    padding-top:20px;
    color: Red;
}

.AOLHideElement {display:none;}

.AOLMenuBar
{
    text-align:right;    
}

.row > .AOLMenuBar {
    margin-left: 15px;
    margin-right: 15px;
}
.AOLMenu{ font-family: verdana, arial; display: inline-block;}
.AOLMenuLeft{ font-family: verdana, arial; display: inline-block; width: 60%; color:lightgray; font-size: medium; font-weight: bold; vertical-align: top; margin-top: 4px;}

div.AOLMenu >ul > li > a > img
{
    height: 25px;  
    cursor: pointer;  
}
.AOLLogOut
{
    display: inline-block;
    vertical-align: top;
}
div.AOLLogOut > input[type=image]
{
    height: 28px;
    cursor: pointer;
}
.AOLMasterTable { border:0px; padding-left: 10%; padding-right: 10%; }
.AOLMasterContentTable { border:0px; padding-left: 10%; padding-right: 10%; }
.AOLFormContainerCell { }
.AOLFormContentTable  
{
    border-width: 0, none; 
    width: 100%; 
    height:100%; 
    /*background-color: lightgrey;*/ 
    border-spacing:0px;
}
.AOLFormContentTable td { padding: 0px; }

.AOLNewUserContainerTable { width: 350px; }

/*Begin Bug Id:15253 - eID Verifier Questions do not wrap (this change helps to wrap all de table contents)*/

table{
    display: initial;
    word-break: break-word;
    text-align: justify;
}

/*End Bug Id:15253*/
.SubmittedAppListTab
{
    padding: 4px;
    margin-top: 8px;
    color: #000099;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    width:30%;
    display: inline-block;
        
    border: 1px solid lightgray;
    -moz-border-radius: 15px 15px 0px 0px;    
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;       
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
    cursor: pointer;
}

.AOLFormContentTable td { padding: 0px;}


/*Menu Section*/

.NavigationMenuinnerdiv{ display:none; width:auto; }

.NavigationMenudiv{ font-size:10pt; font-family:Verdana; position:absolute; top:0px; height:14px; padding:2px; border-width:3px; border-color:Blue; border-style:solid; background-color:White; }

.mi-menu  {
    border-radius: 5px 5px 5px 5px;
    list-style-type: none;
    margin: 0 auto; 
    padding: 0;
    height: 40px; 
    width: 60px;
}

 .mi-menu  br { display:none; }

.mi-menu  li {
    display: block;
    float: left;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color:  #404040;
    
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 0;
    text-decoration: none;

    /*
    color: lightgray;
    
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    */
  }

  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }

  .mi-menu li:hover > a { color: #7A7A7A;/*White;*/ }


  .mi-menu ul {
    border-radius: 5px 5px 5px 5px;
    left: -140px;
    margin: 0;
    opacity: 0; 
    position: absolute;
    top: 35px;     
    width: 150px;
    text-align: left;
    
    background: lightgray;
    /*    
    background: #404040;        
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#222,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);

    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;   
    */     
  }

  .mi-menu li:hover > ul { opacity: 1; }


  .mi-menu ul li {
    height: 0; 
    overflow: hidden;
    padding: 0;

    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; 
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;

    padding: 5px 5px;
    width: 125px;
  }

  .mi-menu ul li:last-child a { border: none; }
  
 /* End Menu Section */
 
.AOLLoginMessage
{
    color: red;
    font-family: Verdana;
    font-weight: bold;
    display: block;
    margin: 5px;
} 
   
.AOLSystemMessage
{
    color: black;
    font-family: Verdana;
    font-weight: bold;
    display: block;
    margin: 5px;
}
 
.UnsubmittedAppListTab
{
    padding: 4px;
    margin-top: 8px;
    color: #000099;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    width:30%;
    display: inline-block;    
    
    border: 1px solid lightgray;
    -moz-border-radius: 15px 15px 0px 0px;    
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;       
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
     
    cursor: pointer; 
}

.UnsubmittedAppListButton
{   
     display: inline-block;
     padding-top: 2px;
     text-decoration: none;
     background-color: Orange;
     color: White;
     font-family: Verdana;
     font-size: large;
     font-weight: bold; 
     width: 120px;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     text-align:center;
}

.UnsubmittedAppListInformationSection
{
     background-color: White;     
     border-bottom: 1px solid lightgrey;
}
.UnsubmittedAppListTopText
{
    margin-top: 2px;
    padding-top: 2px;
    width: 50%;
    font-family: Verdana;
    font-size: large;    
    color: Black; 
    display:inline-block; 
}
.UnsubmittedAppListBottomText
{
    font-family: Verdana;
    font-size: small;    
    color: Black;  
    display: inline-block;
    width: 30%;
}
.UnsubmittedAppListBoldText
{
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: Black;     
    display: inline-block;
    width: 30%; 
}
.UnsubmittedAppsContainer
{
    border: 1px solid lightgrey;
}
.AppListInfo
{     
     padding-top: 2px;
     text-decoration: none;     
     color: #000099;
     font-family: Verdana;
     font-size: large;
     font-weight: bold; 
     width: 90%;
     display: inline-block;
          
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}

#divBtLeftContent
{
    bottom: 40px;
    left: 10px;
    position: fixed;    
    width: 150px;
    border: solid 2px grey;
    vertical-align: middle;    
    text-align: left;
    
    background: #F7F7F7 url('../images/AOLModern/dogear.jpg') no-repeat;
    background-position:100% 0%;
    border:1px dotted #ccc;
    padding: 10px 0px 0px 10px;
}
#bottomLeft
{
    bottom: 5px;
    left: 10px;
    position: fixed;
    height: 22px;
    width: 150px;
    border:1px dotted #ccc;
    vertical-align: middle;
    text-align: left;
    background: white;    
    padding: 5px 0px 0px 10px;    
}
.AOLUtilBottomMenuHdr
{    
    font-family:Verdana; 
    font-size:xx-small; 
    font-weight: bold;
    cursor: pointer;
    vertical-align: bottom;    
    padding-left:5px;
}

.AOLUtilBottomMenuImgDiv
{    
    vertical-align: top;
    width: 20%;
    display: inline-block;
}
.AOLUtilBottomUserMenuDiv
{    
    vertical-align:middle;
    width: 50%;
    display: inline-block;
    font-family: Verdana;
    font-weight: bold;
    font-size: x-small;
    margin: 5px;
}

#divBtLeftContent input
{
    margin: 3px 5px 5px 5px;
}

.AOLTimeOutTextDiv
{
     font-family: Verdana;
     font-weight: normal;
     font-size: 10pt;
     color: Black;
}
.AOLSysMsgPopupTextDiv
{
     font-family: Verdana;
     font-weight: normal;
     font-size: 10pt;
     color: Black;
}

input[type="submit"][disabled] {  
  border: 2px outset lightgrey;
  color: lightgrey;
  cursor: inherit;
}

div[id*='divUploadDocs'] input[type='file'] {
    display:none;  
}

.AOLBottomMenuCol1Div
{
    display: inline-block;
    width: 20%;
}
.AOLBottomMenuCol2Div
{
    vertical-align: top;
    display: inline-block;
    width: 50%;
}
.AOLBottomMenuRowDiv
{
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.AOLLoginSystemMessageDiv
{
    padding: 5px 0px 0px 0px;    
    vertical-align: top;
    width: 90%;
}

.AOLLoginSystemMessageImgDiv
{
    padding: 0px;  
    width: 55px;  
}

input[type='submit'].Button.Start
{
    margin: 15px;
}
div.Label.AppListChannelHdr
{
    padding: 0px 4px 4px 4px;
    font-size: 12pt;
    font-weight: bold;
}
input.Button.CustomButton
{
    margin-left: 12px;
}
div.sectionHeader.LoginHeader1
{
    width: 365px;        
}
div.sectionHeader.LoginHeader2
{
    width: 365px;        
}
fieldSet.CC.CustomHeight1
{
    height: 220px;
}
div.AOLDivGroupCell.LoginCol1
{
    width: 400px;
}
div.AOLDivGroupCell.LoginCol2
{
    width: 400px;
}
td.MCCC.CRA
{   
    text-align: right;
}
td.MCCC.W200 input
{
    width: 200px
}
            
.AOLLeftPad 
{
    display:inline-block;
    width:100%; 
    padding-left: 8px;
    padding-bottom: 8px; 
}
 div.Summary.CW335
{
    width: 335px;
}
span.ui-dialog-title
{
    color: White;    
    font-size: 12pt;
}
.aolctl
{
    width:88%;
    display: inline;
    margin-right: 3px;
}
.divBorder {
    border-bottom: 2px solid #DDDDDD;
}
.AOLLeftAlignText
{
    text-align:left;    
    padding-left: 0px;
    margin-left: 0px;
}

.AOLTextFieldOnPopup {
    display:inline-block;
    width:100%;  
    margin-bottom: 5px;
    margin-top: 5px;       
}
.AOLDivWidth-80
{
    width: 80%;
}
/*------------------Bootstrap customizations---------------*/
ul.AOL-cdm
{
    left: -160px;
}
.AOLloanCalculator
{
    display: none;  
}
.AOLCalculatorButton 
{
    padding-left: 12px;   
}
.AOLCollapsibleNavIconSize
{
    height: 40px;
}
.AOLIconHeight-40
{
    height: 40px;
}
.mobileHint
{
    width: 20px;
	height: 20px;
	vertical-align: text-top;
	background: url('../images/icons/context_help2.gif');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block !important;
}
span.AOLMarginRight-10 > input[type='checkbox']
{
    margin-right: 10px;
}
div.AOLPoi
{
    cursor: pointer;
}

greyBackGround
{
    background-color: Gray;
}

.HidesSpan span
{
    display: none;
    width:0px;
    text-align:left;
} 

.HideTextBox textbox
{
    display:none;
    width:0px;    
}

.HideLabel label
{
    display:none;
    width:0px;
}
    
.ShowLabel label
{
    display:block !important;
    width:auto !important;
}
    
.NotesHeader
{
    font-family:Verdana; font-size:10pt; font-weight:bold; background-color: #B4B4B4 !important;
    }
.NotesRow
{
    font-family:Verdana; font-size:10pt; 
}

.AOLDivHeaderCellBS 
{
    display:inline-block;  font-family:Verdana; font-size:small; padding: 8px; 
}
.AOLDivContentCellBS {
    display:inline-block;     
    padding: 8px;
 }
.AOLDivContentRowBS {display:inline-block;}

input[type='submit'].AOLMarginRight-10
{
    margin-right: 10px;
}
input[type='submit'].AOLMarginBottom-10
{
    margin-bottom: 10px;
}
.AOLPadTop-10
{
    padding-top: 10px;
}
.AOLPadTop-18
{
    padding-top: 18px;
}
.AOLPadTop-40
{
    padding-top: 40px;
}
.AOLPad-0
{
    padding: 0px;
}
.AOLPad-2
{
    padding: 2px;
}
.AOLPad-5
{
    padding: 5px;
}
.AOLPad-10
{
    padding: 10px;
}
.AOLPad-20
{
    padding: 20px;
}
.AOLPad-30
{
    padding: 30px;
}
.AOLPad-35
{
    padding: 35px;
}
.AOLPad-40
{
    padding: 40px;
}
.AOLPad-45
{
    padding: 45px;
}
.AOLPad-50
{
    padding: 50px;
}
.AOLLeftPad-0
{
    padding-left: 0px;
}
.AOLLeftPad-20
{
    padding-left: 20px;
}
.AOLLeftPad-50
{
    padding-left: 50px;
}

.AOLPadBot-10
{
    padding-bottom: 10px;
}
.AOLHeight-400
{
    height: 400px;
}
.modal 
{    
    background: rgba(0, 0, 0, 0.3);    
    word-wrap: break-word;  
}
.modal-header
{   
    font-size:14pt;       
}
.modal iframe
{
    width: 100%;
    height: 99%;
}
@media (max-width: 767px)
{
    .container
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;    
    }    
} 
.AOLNavItem
{
    margin-top: 23px;
    text-align:center; 
    font-size:14pt; 
    font-weight:bold;          
}
.AOLNavItemWhite
{   
    color:white;    
}
.AOLNavItemGray
{
    color:Gray; 
}
.AOLProgressBannerStarted
{
    background-image: url('../images/getting_started.png');
}
.AOLProgressBannerAppInfo
{
    background-image: url('../images/app_info.png');
}
.AOLProgressBannerSubmit
{
    background-image: url('../images/submit.png');  
}
.AOLProgressBanner
{ 
    height:74px;
    background-repeat: no-repeat; 
    background-position:center;
}
.AOLProgressBannerMobile
{
    color:#0043A6; 
    font-weight:bold; 
    font-size:20px;
    text-align:center;  
}



.AOL-Padding-Rigth 
{
    padding-right:0px;
    }   
    
.AOL-Widget-Width
{
    width: inherit !important;
    }
    
.AOL-Widget-High
{
    height:340px !important;
    }



/* No More Table - converts multi-column tables to two columns with header in left column */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
 	.no-more-tables .table td {padding-left: 50%}
	
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/* Label the data */
	.no-more-tables td:before { content: attr(data-title); }
    }


    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
      .no-more-tables body {
      padding: 0;
      margin: 0;
      width: 320px; }
     .HeaderMobile { margin-left: 0px; }   
     .HeaderMobile div { padding: 5px; }   
     .subHeader { margin-left: 0px; }
     .subHeader div { padding: 5px; }   
     .AOLLeftPad-0 { margin-left: 0.3em; }
     .Button { margin-left: 0.2cm;}
     .Button btn-warning { margin-left: 0.2cm; }
     .AOLMarginRight-10 { margin-left: 0.1cm; }
     input[type='checkbox'].AOLMarginRight-10 { margin-left: 0.1cm; }
     .surFooter { margin-left: 0px; }
     .surFooter div { padding: 5px; }
     .FooterMobile { margin-left: 0px; } 
     .FooterMobile div { padding: 5px; } 
      }

      /* iPads (portrait and landscape) ----------- */
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      .no-more-tables body {
      width: 495px;
      }
      }
 

 .udCtlContainerNR
 {
     width: 800px;
     margin: 10px 0px 10px 0px;
     border-spacing: 0px !important;
 }
 .udCtlContainer
 {
     margin-bottom:-15px;
 }
 .udStipRow { padding-left: 0px; padding-right: 0px; }
 .udStipRowNR
 {
    background-color: #C9C9C5;
    width: 100%;
    min-height:45px;
    border: 1px solid grey;
    overflow: auto;
 }
.udStipInfoNR
{
    padding-bottom: 5px;
    width:50%;
    display:block;
    float:left;
    background-color:inherit;
}
.udStipName, .udStipNameNR
{
    font-weight: bolder;
    color: #6699FF;
}
.udStipDesc, .udStipDescNR
{

    font-style: italic;
    font-weight: normal;
}
.udFileTypeDdl { padding-left: 30px; }
.udFileTypeDdl .control-label { padding-top: 0px; }
.udFileTypeDdlNR
{
    width:33%;
    display:block;
    float:left;
    background-color:inherit;
}
.udFileTypeDdlNR .CC {margin-left: 0px;}
.udBtnAddFileNR
{
    padding-bottom: 3px;
    display:block;
    float:left;
    background-color:inherit;
}
div.udBtnAddFile
{
    display: table-cell;
}
.udBtnAddFileNR input
{
    background:url(../images/add.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color:White;
    width:20px;
    height:20px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}
.udBtnAddFile input
{
    width:20px;
    height:20px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}
.udBtnAddFile input
{
    background-color: inherit;
    border: 0px solid grey;
}
.udCtlContainerNR input:hover
{
    border-color: Grey;   
    cursor: pointer;
}
.udStipFileRowNR
{
    width:100%;
    display: inline-block;
    background-color: White;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
}
.udBtnDownloadNR
{
    width: 10%;
    display: inline;
    float: left;    
}
.udCtlContainer input[disabled]
{
    cursor: not-allowed;  
}
.udBtnDownloadNR input
{
    background:url(../images/manageFiles.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color:White;
    width:20px;
    height:20px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}
.udBtnDownload input
{
    width:20px;
    height:20px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}
.udBtnDownload input
{
    border: 0px solid grey;
}
.udFileInfoTxtNR
{
    width: 41%;
    margin-right:5px;
    display: inline;
    float: left;
    border-right: 1px solid grey;
}
.udFileInfoTxt, .udFileInfoTxtNR
{
    overflow: hidden;
    white-space: nowrap; 
    word-break: break-all; 
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.udFileTypeTxt { padding-left: 0px;}
@media screen and (max-width: 768px) {
    .udFileTypeTxt { text-align: center; }
}

.udFileTypeTxtNR
{
    width:33%;
    float:left;
    display:inline; 
}
.udBtnDeleteNR
{
    display: inline;
    float: left; 
    padding-left: 10px;
}
.udBtnDeleteNR input
{
    background:url(../images/delete.gif);
    background-repeat: no-repeat;
    background-color:White;
    width:18px;
    height:18px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}
.udBtnDelete
{
    float: left;
}
.udBtnDelete input
{
    width:18px;
    height:18px; 
    border: 0px solid grey;  
}
.udAlertNR
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0px 5px 0px;
    position: relative;
}
.udAlertNR .ui-state-error
{
   background: #f2dede;
   min-height: 30px;
}
.udAlertNR #divMsgTxt
{
    width: 95%;
    word-wrap: break-word;
    background-color:inherit;
    border: none;
}
.udCloseErrMsgNR
{
    background-color:inherit;
    padding: 1px 3px 3px 3px;
    display: inline-block; 
    float:right;
    vertical-align:top;
    position:absolute;
    top: 5px;
    right:7px;
    border-top: inherit;
}
.udCloseErrMsgNR:hover
{
    cursor: pointer;   
}
#divDialogUDConfDelete
{
    width: 400px;
    height: 250px;
}
.bsVCenter
{
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media only screen and (min-width: 800px) {
.AOLProgressBanner{ 
    height:74px;
    background-repeat: no-repeat; 
    background-position:center;
    margin-left: 30px;
    margin-right: 30px;
    }
.well {
	height: auto;
	width: 820px;
	}
}
.Button {
	font-size:11pt;
	font-weight: bold;
	}
.Button .btn-warning {
	font-size:11pt;
	font-weight: bold;
	}
.AOLLeftPad-0 {
	font-weight: bold;
	}

.scroll-wrapper {
    -webkit-overflow-scrolling: touch !important;
    overflow: scroll !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
div.sectiontitle {
	margin-left: 0.2em;
}
strong {
	margin-left: 0.2em;
}
p {
	margin-left: 1em;
}
}

.AOL_NonRespLoginErrorDiv
{
    color:#fff;
    background-color:red;
    border-color:transparent;
    padding:15px;
    margin-bottom:21px;
    border:1px solid transparent;
    border-radius:0px;    
}

.AOL_NonRespLoginSuccessDiv
{
    color:#fff;
    background-color:blue;
    border-color:transparent;
    padding:15px;
    margin-bottom:21px;
    border:1px solid transparent;
    border-radius:0px;    
}

.AOL_NonRespResetPasswordErrorDiv
{   
    color:#fff;
    background-color:red;
    border-color:transparent;
    padding:15px;
    margin-bottom:21px;
    border:1px solid transparent;
    border-radius:0px;    
}

#txtLoginEmail[readonly]
{
    cursor:not-allowed;
}

#txtEmailCPIP[readonly]
{
    cursor:not-allowed;
}

#txtResetPwdEmail[readonly]
{
    cursor:not-allowed;
}
.consumerLoginStartNewApp
{
    width: 520px;
    vertical-align:top;
    display:inline-block;       
}
.consumerLoginReturningUser
{
    width: 520px;
    vertical-align:top;
    display:inline-block;
    margin-right:20px; 
}
.AOLSendEmailVerificationButton
{
    vertical-align: top;
    display: inline-block;
}

.AOLPad-20 .Button
{
    display: inline-block; 
    margin-left: 5px;
    margin-right: 5px;
}

.SuccessSummary{ background :url(../images/greencheck.gif) no-repeat top left; background-color:#FFFFFF;font-family:Verdana ;color:#000099 ;border:1px solid #000099 ;min-height:20px; height:auto !important;  height:20px;font-size:8pt ;font-style:normal;padding-left:25px; padding-right:5px; padding-top:5px; padding-bottom:5px;margin-bottom: 5px; margin-top: 5px;}
.SaveSummary { background:url(../images/Save-icon.png) no-repeat  top left;background-color:#FFFFFF; font-family:Verdana; font-size:8pt; color:#000099; border:1px solid #000099; min-height:20px; height:auto !important;height:20px; font-size:8pt; font-style:normal; padding-left:25px; padding-right:5px;}

select[id$="17738"]
{
    cursor:default !important; 
}

div.mla-section { 
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-right: 0;
    padding: 0 0 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

div.mla-section > div {
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #333;
}

div.mla-section > div:nth-child(even) {
  background-color: #fff;
}

div.mla-section > div:nth-child(odd) {
  background-color: #eee;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #eeeeee 100%);
}

input[id*="DisclosureButton_"] {
    white-space: normal;
    width: 100%;
}

label[for*="DisclosureCheckBox_"] {
    display: inline;
}

#CPIPModal {
    overflow-y: scroll; 
}

body.modal-open {
    overflow: hidden;
    position: fixed;
}

fieldset.CC.hmdaNonResponsive{
    width: 420px;
}
span.race.secondary {
        margin-left: 45px;
}
.secondary {
    margin-left: 40px;
}
.hmdaDeterminationDropdown {
    margin-top: 10px;
}
label[for*='23031'], label[for*='23030'], label[for*='23033'], label[for*='23034'], label[for*='23039'], label[for*='23043'], label[for*='23029'], label[for*='23032'] {
    visibility: hidden;
}
label[for*='NotProvided'] {
    display: inline;
}
input[type=text]::-ms-clear {
    display: none !important;
}