/* Import GENOA core client side classes */

@import url("ClientsideCore.css"); 

/* CSS FOR ARTHUR J. CLIENT SIDE */

/*POST LOG ON */
.MenuItems_Parent
{
    top: 10px !important;
    padding-top: 10px !important;
    width: 100% !important;
    margin-bottom:15px !important;
    border-bottom: solid 1px #A5A5A5;
    -webkit-box-shadow: 0 4px 6px -6px #4C4A4A;
   -moz-box-shadow: 0 4px 6px -6px #4C4A4A;
   box-shadow: 0 4px 6px -6px #4C4A4A;
}

.MenuItems_Parent, .MenuItems_Parent_Out
{
    background-color: #ffffff;
	color: #00263e;
	text-transform: uppercase;
	margin-left: -1px;
	padding-left: 0px !important;
	font-weight:normal;
	font-size: 10pt;
}

.MenuItems_Children_Out, .PolicySubmenu, .PolicyListSubMenus, .MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{ 
	padding-left: 0px !important;
	font-weight:normal;
	font-size: 10pt;
}

.MenuItems_Children
{
    margin-top: 10px !important;
    padding-top: 5px !important;
}

.MenuItems_Children_Over, .PolicyListSubMenus_Over{
   
    color: #00263E;
    background-color: #A4C8E2 !important;
}

.MenuItems_Children, .MenuItems_Children_out, .PolicyListSubMenus
{
    color: #fff !important;
    background-color: #236192 !important;
}

#PolicyListSubMenus
{  
    margin-top: 6px !important;
    padding-top: 6px !important;
}
.MenuItems_Parent_Over
{
  display: inline-block;
  background-color: #A4C8E2 !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
   margin-top: -11px !important;
 color: #00263E
}

.MenuItems_Children_Out, .MenuItems_Children_Over, .PolicySubmenu, .PolicyListSubMenus, .PolicyListSubMenus_Over
{
 font-size: 9pt;
}

.PolicySubmenu
{
    background-color: #ffffff !important;
	color: #00263e !important;
}

TD.SubTitle
{
    padding-top: 20px;
    padding-bottom: 15px;
    background-color: #00263E /* changed from this 276283*/
}

TD.Header
{
    background-color: #00263E;
}

TD.SubHeader, TD.Divider2, TD.NewSubHeader, TR.ColumnHeaderNew, tr.ColumnHeader, TR.ColumnHeader
{
    background-color: #236192 !important;
}

TD.Divider1 {
    BACKGROUND-COLOR: #A4C8E1;
    LINE-HEIGHT: 5pt;
}

TD.LabelCell, TD.ActionButton, TD.NewLabelCell
{
    background-color: #A4C8E1;
    font-size: 10pt;
    color: #000;
}

#WelcomePanel tbody, #DropDownMenuPanel tbody
{
    background-color: #ffffff
}

#MessagePanel
{
    margin-top: 30px !important;
}
#SearchPanel, #SearchResultPanel, #ctl00_MessagePanel, #ctl00_ContentPlaceHolder1_ScanctionScanResults1_ResultPanel, #VesselSearch2, #VesselSearch2 table.Width, #ValidationSummary1, #DataOutputCenterUserControl_pnlGrid
{
    margin-top: 35px !important;
}

#ctl00_ShipmentMasterCPH_PaymentEntryUC_MessagePanelDisplay
{
    margin-top: 65px !important;
}

.shipmentMasterWrapper
{
    margin-top: -30px !important;
}

#DataOutputCenterUserControl_pnlGrid
{
     margin-left: 50%;
    margin-right: auto;
}

#ctl00_ShipmentMasterCPH_asdfs
{
    background-color: #fff;
    margin-top: 65px !important;
}


TD.Hline
{
  BACKGROUND-COLOR: #236192;  
}

TD.ActionButton INPUT, #AdvancedSerchButton, INPUT.ActionButton,  #Button_UpdatePolicyGroupCategory, #ButtonNewSubmission, #ButtonInitiateRenewal, #_searchButton, #Button_Search, #Button_Create, #Button_Clear
{
  border:1px solid #003557; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px;
 font-size:9pt;
 font-family:Arial; 
 padding: 3px 15px 3px 15px !important; 
 text-decoration:none; 
 text-transform:none;
 display:inline-block;
 color: #ffffff !important;
 margin-right: 20px;
 background-color: #00263E; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#003557), to(#00263E));
 background-image: -webkit-linear-gradient(top, #014673, #00263E);
 background-image: -moz-linear-gradient(top, #014673, #00263E);
 background-image: -ms-linear-gradient(top, #014673, #00263E);
 background-image: -o-linear-gradient(top, #014673, #00263E);
 background-image: linear-gradient(to bottom, #014673, #00263E)
}

input#NewSearchButton
{
     border:1px solid #003557; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px;
 font-size:9pt;
 font-family:Arial; 
 padding: 3px 15px 3px 15px !important; 
 text-decoration:none; 
 text-transform:none;
 display:inline-block;
 color: #ffffff !important;
 margin-right: 20px;
 background-color: #00263E; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#003557), to(#00263E));
 background-image: -webkit-linear-gradient(top, #014673, #00263E);
 background-image: -moz-linear-gradient(top, #014673, #00263E);
 background-image: -ms-linear-gradient(top, #014673, #00263E);
 background-image: -o-linear-gradient(top, #014673, #00263E);
 background-image: linear-gradient(to bottom, #014673, #00263E) 
}

#Button_Search, #SearchButton
{
    width: 125px !important;
}

#AdvancedSerchButton, #ReassignButton, INPUT.ActionButton
{
   padding: 3px 10px 3px 8px !important;
}

#ReportOutputTemplate1_btnCancel, #ReportOutputTemplate1_btnSave
{
    margin-bottom: 5px;
}
/*PRE LOGON*/
#_ViewCertificateCertificateInfoFrame1, TD.ActionButton INPUT
{
  border:1px solid #003557; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px;
 font-size:9pt;
 font-family:Arial; 
 padding: 3px 15px 3px 15px !important; 
 text-decoration:none; 
 text-transform:none;
 display:inline-block;
 color: #ffffff !important;
 float: right;
 margin-right: 20px;
 background-color: #00263E; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#003557), to(#00263E));
 background-image: -webkit-linear-gradient(top, #014673, #00263E);
 background-image: -moz-linear-gradient(top, #014673, #00263E);
 background-image: -ms-linear-gradient(top, #014673, #00263E);
 background-image: -o-linear-gradient(top, #014673, #00263E);
 background-image: linear-gradient(to bottom, #014673, #00263E)
}

html, body {height: 100%;}

html, body,form {height: 100%;}

* {margin-bottom: 0px;}


.ActionButton
{
  width: auto !important
}

.container
{
  width: 1024px;
  margin: 0 auto;
  min-height: 100%;
  font-family: Arial; 
  color: #5f6164;
  font-size: 14pt;
}

.inner-container
{
    padding-bottom: 108px; /*to reset footer height*/
    overflow:auto;
    clear: both;
}

.container .logo, .logoPost
{
  position: relative;
  width: 246px;
  height: 70px;
  border: 0px;
  margin: 10px
}

.logoPost
{
  padding: 15px;
  margin: 0;
  position:relative;
}

hr 
{
   width: 95%;
   border-top: 1px solid #5B9BD5;
   margin-top: 12px;
   margin-bottom: 10px;
}

.scrollfixed 
{
   position:fixed;  /*This fixes the issue of scroll in IE for ClientSide postlogon header */
   margin-left:2%;
}

.container .menu
{
  margin: -11px 0 0 0;
  text-align: left;
  width: 100%;
  height: 14px
}

.container .menusocialmedia
{
  margin: -30px 0px 0px -25px;
  color: #99aab5;
  font-size: 10pt;
  text-align: right;
  float: left;
  width: 100%;
  height: 30px
}

.menusocialmediaalign
{
    margin-top: -2px;
    float: right;
}
.menusocialmedia a, .menusocialmedia a:hover
{
  
    text-decoration: none;
    padding-left: 7px; 
}

.menuPostLogon
{   float: right;
    margin: -60px 70px 0px 0px
}

.container .menu span, .menuPostLogon span
{
   padding: 0 0 0 5px;
   text-transform: uppercase;
   font-size:10pt
}

.container .menu ul
{ 
  list-style-type: none
}

.container .menu ul
{
  margin-top: 0px; 
  padding: 0px 0px 5px 35px
}

.container span.Message, .container span.Error
{
  font-family: Arial;
  font-size: 10pt !important
}

.container span.Message
{
  display: inline-block;
  margin-bottom: 5px
}

.container .menu li
{
  display: inline-block;
  padding: 10px
}

.container .menu a, .menuPostLogon a
{
  font-family: Arial; 
  font-style: normal;
  font-size: 10pt; 
  color: #00263e;
  padding-right: 70px;
  text-transform: uppercase;
  text-decoration: none
}

.container .menu a
{
  display: inline-block;
  padding: 13px 35px;
}

.container .menu a:hover
{  
    display: inline-block;
    padding: 13px 35px;
    color: #00263E;
    background-color: #A4C8E2;
}

.container .loginPanel a
{
  text-decoration: none;
  color: #003366
}

.loginPanel a:hover
{
    color: #A4C8E1 !important;
}

.container a
{
  color: #000000;
  display: inline-block;
}

.container a:hover, .menuPostLogon a:hover
{
  text-decoration: none;
}

.container .banner
{
  background: url(../images/header.jpg) center no-repeat;
  margin-top: 3px;
  width: 100%;
  height: 270px
}

.container .loginPanel
{
  float: left;
  margin-top: 30px;
  width:75%;
  margin-left: 65px;
  padding: 10px 7px;
}

.message
{
    margin-top: 0px !important;
}

.container .loginBg
{
  border: 1px solid #BFBFBF  !important;  
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
  border-radius: 3px;
  min-height: 120px;
  padding: 30px 20px 20px 20px 
}

.container .label, .container .field
{
  float: left;
  margin: 2px;
  font-weight: bold 
}

#LogonUserIDTextBox, #LogonPasswordTextBox, #UserID, #Email
{
  border:1px solid #767171; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
  border-radius: 5px;
  padding: 7px 2px;
  width: 250px !important
}

#SubmitEmail
{
    margin-top: -30px;
}
.container .label
{
  clear: left;
  margin: 7px;
  width: 155px;
  text-transform: uppercase
}


.container .loginBg .button
{
  float: left;
  clear: both;
  margin: 10px 40px 10px 170px
}

.container .buttonBg
{
  border:1px solid #CCCCCC; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px;
 font-size:12pt;
 font-family:Arial; 
 padding: 7px 30px 7px 30px; 
 text-decoration:none; 
 text-transform:uppercase;
 display:inline-block;
 font-weight:bold; 
 color: #ffffff;
 background-color: #236192; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#318BD2), to(#236192));
 background-image: -webkit-linear-gradient(top, #318BD2, #236192);
 background-image: -moz-linear-gradient(top, #318BD2, #236192);
 background-image: -ms-linear-gradient(top, #318BD2, #236192);
 background-image: -o-linear-gradient(top, #318BD2, #236192);
 background-image: linear-gradient(to bottom, #318BD2, #236192)
}

.container .buttonBg:hover
{
 border:1px solid #bfc4c4;
 color: #404040;
 background-color: #A4C8E2; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#A4C8E2), to(#94B4CB));
 background-image: -webkit-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -moz-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -ms-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -o-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: linear-gradient(to bottom, #A4C8E2, #94B4CB)
}

#LabelForgotPassword
{
  float:left;
  color: #236192;
  font-weight:bold;
  font-size: 11pt;
  margin: 9px 50px 10px 10px
}

SPAN
{
  font-size: 9pt;
}

#LogonValidationSummary, span#MismatchLabel
{ 
    clear: both;
  font-size:9.5pt;
}

span#MismatchLabel
{
    float: left;
}

.contact
{ font-family: Arial !important;
   color: #000 !important;
   padding: 5px 20px 0px 20px !important;
   font-size:11pt !important;
}

.contact .title
{
 margin-bottom: -30px; 
}

.contact a
{
    text-transform: none !important; 
    color: #00263e !important; 
    text-decoration:none !important;
    padding: 0 !important;
    font-size:11pt !important;
    display: inline;
}

 .contact a:hover
 {
     text-decoration: underline !important;
     background-color: transparent !important;
      font-size:11pt !important;
     display: inline;
 }
 
 .contact hr
{
   width: 99%;
   margin-left:0px;
   margin-bottom: 15px;
   margin-top:20px;
}


.contact .contactlabel
{
    font-weight: bold;
}

#buttonBg
{
  border:1px solid #CCCCCC; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px;
 font-size:9pt;
 font-family:Arial; 
 padding: 3px 15px 3px 15px !important; 
 text-decoration:none; 
 text-transform:none;
 display:inline-block;
 font-weight:bold; 
 color: #ffffff !important;
 float: right;
 margin-right: 20px;
 background-color: #236192; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#318BD2), to(#236192));
 background-image: -webkit-linear-gradient(top, #318BD2, #236192);
 background-image: -moz-linear-gradient(top, #318BD2, #236192);
 background-image: -ms-linear-gradient(top, #318BD2, #236192);
 background-image: -o-linear-gradient(top, #318BD2, #236192);
 background-image: linear-gradient(to bottom, #318BD2, #236192)
}

#buttonBg:hover
{
 border:1px solid #bfc4c4;
 color: #404040 !important;
 background-color: #A4C8E2; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#A4C8E2), to(#94B4CB));
 background-image: -webkit-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -moz-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -ms-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: -o-linear-gradient(top, #A4C8E2, #94B4CB);
 background-image: linear-gradient(to bottom, #A4C8E2, #94B4CB)
}

.popup {
  margin: 20px auto;
  background: #fff;
  border:1px solid #00263E;
  border-radius: 5px;
  width: 100%;
  height: 150px;
  position: relative;
  opacity: 0.92;
  transition: all 5s ease-in-out;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.overlay {
  position: fixed;
  margin-top: 20px;
  width: 400px;
  margin-left: 610px;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.overlayEX:target {
  visibility: visible;
  opacity: 1;
}

.overlayEX {
  position: fixed;
  margin-top: 20px;
  width: 400px;
  margin-left: 380px;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.container .title
{
    font-family: NewsGothicNo2W02-Medium\ 739632,NewsGothicNo2W02-Light,Arial,Helvetica,sans-serif;
    color:  #276283;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 50px;
}

.container .description
{   
    font-size: 11pt;
}

footer
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -108px;
    width: 1024px;
    min-height: 103px;
    font-size: 9pt;
    background-color: #A4C8E2;
    z-index: 40;
}

.wrapper .logo
{
    width: 193px; 
    height: 55px;
    border: 0;
    margin: 10px 0 10px 30px;
}

footer .wrapper
{
    padding:0;
    clear:both;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
    max-width: 100%;
}

footer ul
{
  list-style-type: none;
  text-align: right;
    padding: 0
}

footer li
{
  display: inline;
  padding: 10px
}

footer a
{  color: #276283;
    text-decoration: none
}


footer a:hover
{ color: #ffffff;
  text-decoration: none
}

.footermenualign
{
    margin-top: 35px;
    margin-right: 25px;
    float: right;
}

.footermenusocialmediaalign
{
    margin-top: 10px;
    margin-right: 30px;
    float: right;
}

.footermenusocialmediaalign a
{
   padding-right: 5px;
}

footer .bottom
{
  background: #00263E;
  clear: both;
  height: 40px;
}

.bottom ul
{  padding-left: 20px;
    float: left;
    color: #A4C8E2
}

#CertificateValidationSummary
{
    padding-top: 10px;
    padding-bottom: 5px;
}
.userInformation
{
	float: right;
	margin-top: -30px;
	margin-right: 35px;
	color: #236492;
	text-align: right
}

.container .spacing
{
  height: 196px
}