/* Import GENOA core client side classes */

@import url("ClientsideCore.css");

/* CSS FOR ENDURANCE CLIENT SIDE */

/* CUSTOM CORE POST LOGON CLASSES */

TABLE.DarkCell, .labelColumn, TD.LabelCell, TD.LabelCellShipment, TD.LabelCellSecurityRight, TD.Divider1, TD.Divider4, TD.ActionButton, TD.Hline, TD.Hline2, TD.Hline3, TD.Hline4, TD.NewLabelCell, TABLE.StorageDeclarationPremiumDetailsTable TD.standardCell1, TABLE.StorageDeclarationPremiumDetailsTable TD.standardCell2, TABLE.StorageDeclarationPremiumDetailsTable TD.standardCell3, TABLE.StorageDeclarationPremiumDetailsTable TD.underlinedBolCell1
{
  background-color: #F2F3F0; /*#DADCDC*/
  font-weight: normal;
  color: #333333
}

TD.Divider2, TD.Divider3, TD.SubHeader, TD.ColumnGroupHeader, TD.ColumnHeader
{
  background-color: #D3D3D3
}

TD.Header, TD.SubHeader
{
  background: #CC0022;
  border-bottom: 2px solid #D3D3D3;
  color: #FFFFFF;
  font-size: 9pt;
  font-weight: bold;
  font-style: normal;
  padding: 5px 0px 5px 15px;
  text-align: left
}

TD.SubHeader, TD.ColumnGroupHeader, TD.ColumnHeader,TR.ColumnHeader, TR.ColumnHeaderNew, TD.ColumnGroupHeader, TD.ColumnHeader, TD.MainMenu, TD.TopMenu, TD.NewSubHeader, TD.SubTitle
{
  background-color: #DADCDC;
  color: #000000;
  border-bottom: 1px solid #CC0022 !important;
}


INPUT.ActionButton, INPUT.ActionButtonLong, INPUT.Button, INPUT.InTableButton, .LabelCell INPUT, .NewLabelCell INPUT, .ActionButton INPUT
{
  background-color: #75757C;
  border: 0px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px
}

TD.ReadOnlyCell
{
  BACKGROUND-COLOR: #FFFFFF
}

TD.Title
{
  color: #FFFFFF
}

.MenuItems_Parent_Out, .MenuItems_Children_Out, .PolicySubmenu, .PolicyListSubMenus
{
  background-color: #CC0022;
	color: #FFFFFF
}

.MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{
  background-color: #CC4057;
  color:#FDFCD5
}

.userInformation, .bannerLinksPost
{ 
  float: right;
  position: absolute;
  top: 65px;
  right: 35px;
  width: auto
}

.bannerLinksPost
{
  top: 10px;
  margin: 0px;
  padding: 0px
}

/* CUSTOM PRE and POST LOGON CLASSES */

.pageContainer
{
  width: 100%;
  height: 35px;
  text-align: center
}

.mainContainer
{
  position: relative;
  top: 60px;
  width: 960px;
  margin: auto
}

.bannerLogo, .bannerLogoPost
{
  float: left;
  position: relative;
  left: 0px
}

.bannerLogoPost
{
  top: 5px;
  left: 20px
}

.bannerLinks
{
  position: absolute;
  top: 120px;
  left: 0px;
  background-color: #CC0022;
  width: 100%;
  height: 30px
}

.bannerLinks ul
{
  list-style: none;
  margin: 0px;
  padding-left: 25px
}

.bannerLinks li, .bannerLinksPost li, .loginLinks ul li
{
  display: inline;
  position: relative;
  top: 6px
}

.bannerLinks li
{
  margin: 35px
}

.bannerLinks ul, .bannerLinks li a, .bannerLinksPost ul, .bannerLinksPost li a, .loginLinks ul li a, .loginTitle, .loginLabel, .forgotPassword a, .home a, .validationMessage, .contacts, .contacts h2, .contacts a, .userValidation, .userValidation span, .touContainer, .touContainer h2, .logOffMessage span
{
  font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	text-decoration: none
}

.bannerLinks li a
{
  color: #FFFFFF;
  font-weight: bold
}

.bannerLinks li a, .bannerLinksPost li a
{
  font-size: 9pt
}

.bannerLinks li a:hover, .bannerLinksPost li a:hover, .contacts a:hover
{
  color: #FB8C9E; 
  text-decoration: underline
}

.loginContainer
{
  clear: both;
  position: relative;
  width: 960px;
  height: 306px
}

.loginLinks ul
{
  list-style: none;
  margin: 2px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
  text-align: left;
  height: 39px
}

.logOffMessage span
{
  position: relative;	
  font-size: 15px;
}

.loginLinks ul li a, .loginTitle, .contacts span
{
  font-weight: bold
}

.loginLinks ul li a
{ 
  padding: 10px 15px 10px 15px;
  font-size: 10.5pt;
  color: #FFFFFF;
  height: 39px
}

.loginLinks ul li a:hover, .loginLinks .activeMenu
{
  background: url(../images/logonLinkHover.jpg) repeat-x; 
  color: #FDFCD5
}

.loginPanel, .loginPanel2
{
  position: relative;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 500px
}

.loginPanel2
{
  top: 10px;
}

.userValidation
{
  padding-bottom: 20px
}

.touContainer, .contacts
{
  position: relative;
  top: 30px;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify
}

.touContainer ol li
{
  padding-bottom: 20px
}

.contacts h2, .touContainer h2
{
  font-size: 19pt;
  padding-bottom: 15px;
  margin: 0px
}

.contacts
{
  height: 250px;
}

.contacts .left, .contacts .right
{
  float: left;
  width: 300px
}

.contacts .right
{
  float: right;
  width: 500px
}

.forgotPassword a, .home a, .contacts a
{
  color: #263C76
}

.contacts span, .contacts h2, .touContainer h2, .userInformation
{
    color: #CC0022 
}

.forgotPassword a:hover
{
  color: #3F599A
}

.loginTitle, .loginLabel
{
  background-color: #CC0022;
  color: #FFFFFF;
  border-bottom: 2px solid #D3D3D3;
  padding: 5px 0px 5px 10px
}

.loginLabel
{
  float: left;
  clear: left;
  border-bottom: none;
  background-color: #F2F3F0;
  padding: 7px 0px 7px 10px;
  width: 175px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase
}

.loginField, .forgotPassword
{
  float: right;
  padding: 5px 0px 0px 0px;
  width: 315px;
  text-align: left
}

.forgotPassword, .validationMessage
{
  position: absolute;
  top: 100px;
  left: 185px;
  padding: 0px
}

.validationMessage
{
  left: 10px;
  top: 140px
}

.loginField input
{	
  font-size: 12px
}

.loginButton
{
  float: right;
  clear: both  
}

.loginButtonBg
{
  background-color: #75757C;
  font-weight: bold;
  color: #FFFFFF;
  border: 0px;
  padding: 3px 0px 3px 0px;
  width: 70px;
}

#SubmitEmail
{
    margin-top:10px;
}

.logonSpacer
{
  padding: 105px
} 

.footerContainer
{
  
  width: 960px;
  height: 4px;
  background-color: #CC0022;
  margin-top: 50px;
  margin-bottom: 20px;
}

.clear
{
  clear: both;
}