/* Import GENOA core client side classes */

@import url("ClientsideCore.css");

/* CSS FOR FIDELIS CLIENT SIDE */

/* CUSTOM CORE POST LOGON CLASSES */

TABLE.DarkCell, .labelColumn, TD.LabelCell, TD.LabelCellShipment, TD.LabelCellSecurityRight, TD.Divider1, TD.Divider4, TD.ActionButton, 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: #266390
}

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

TD.SubHeader, TD.NewSubHeader, .MenuItems_Parent_Out, .MenuItems_Children_Out, .PolicySubmenu, .PolicyListSubMenus, .MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{
  background-color: #4BB0E4;
  color: #FFFFFF
}

.MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over, .bannerContainer .menu ul li a:hover, .loginTitle, .forgotPassword a
{
	color: #266390
}

TD.SubTitle, TD.ColumnGroupHeader, TD.ColumnHeader, TR.ColumnHeader, TR.ColumnHeaderNew, TD.ColumnGroupHeader, TD.ColumnHeader, TD.MainMenu, TD.TopMenu, TD.NewSubHeader
{
  background-color: #44505E
}

TD.Divider2, TD.Divider3, TD.Hline
{
  background-color: #4BB0E4
}

.userInformation
{ 
	float: left;
	position: relative;
	left: 48px;
	clear: left;
	color: #4BB0E4;
	top: 0px;
	right: 35px;
	width: auto
}

/* CUSTOM PRE and POST LOGON CLASSES */

/* BANNER CLASSES */

.bannerContainer, .contentContainer
{
  width: 100%
}

.bannerContainer .logo
{
  float: left;
  background: url(../images/cu_logo.gif) no-repeat;
  width: 500px;
  height: 97px
}

.bannerContainer .padding
{
  float: left;
  clear: left;
  height: 22px
}

.bannerContainer .menu
{
  float: left;
  clear: both;
  background-color: #4BB0E4;
  width: 100%;
  height: 20px
}

.bannerContainer .menu ul
{
  position: relative;
  left: 10px;
  display: block;
  margin: 0px;
  padding: 0px
}

.bannerContainer .menu ul li
{
  display: inline;
  padding: 0px 20px 0px 20px
}

.bannerContainer .menu ul li a, .forgotPassword a:hover
{
  text-decoration: none
}

.bannerContainer .menu ul li a, .forgotPassword a, .validationMessage
{
  font-family: Arial;
  font-size: 12px
}

.bannerContainer .menu ul li a
{
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase
}

.bannerContainer .menuPost
{
  float: right;
  position: relative;
  top: 95px;
  right: 25px
}

.bannerContainer .menuPost ul
{  
  display: block;
  margin: 0px;
  padding: 0px
}

.bannerContainer .menuPost ul li
{
  color: #4BB0E4;
  display: inline;
  font-size: 12px;
  padding: 0px 1px 0px 1px
}

.bannerContainer .menuPost ul li a, .contactContainer a, .touContainer ol li a
{
  font-size: 12px;
  font-weight: bold;
  color: #4BB0E4
}

.bannerContainer .menuPost ul li a:hover, .contactContainer a:hover, .touContainer ol li a:hover
{
  text-decoration: none
}

/* CONTENT CLASSES */

.contentContainer
{
  position: relative;
  top: 75px
}

.loginPanel
{
  margin: 0px auto 0px auto;
  width: 206px
}

.loginTitle, .loginLabel
{
  font-family: Arial;
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 2px
}

.loginLabel, .validationMessage
{
  text-align: left !important
}

.loginLabel
{
  background-color: #266390;
  font-size: 11px;
  font-style: normal;
  color: #FFFFFF;
  padding-left: 5px;
  text-transform: uppercase
}

.loginField
{
  padding-bottom: 1px
}

.loginField span
{
  float: right;
  clear: both;
  position: relative;
  top: -20px;
  left: 10px;
  margin: 0px;
  padding: 0px;
  height: 10px
}

.buttonBorder
{
  border-top: 1px solid #266390;
  margin: 2px 0px 2px 0px
}

.loginButton
{
  background-color: #4BB0E4;
  padding: 1px
}

.forgotPassword
{
  position: relative;
  top: 10px
}

.validationMessage
{
  position: relative;
  top: 50px;
  width: 250px;
  margin: 0px auto 0px auto
}

.userValidation span, .logOffMessage span
{
  font-size: 13px
}

.logOffMessage
{
  margin-bottom: 30px
}

.contactContainer, .touContainer
{
  font-family: Arial;
  font-size: 12px;
  position: relative;
  top: 18px;
  margin-left: auto;
  margin-right: auto;
  width: 750px
}

.touContainer
{
  clear: both
}

.contactContainer .title, .touContainer .title
{
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #4BB0E4;
  padding-bottom: 25px;
  text-transform: uppercase
}

.touContainer .title
{
  padding: 15px 0px 10px 0px
}

.contactContainer .left, .contactContainer .right
{
  clear: left;
  float: left;
  padding-bottom: 30px
}

.contactContainer .right
{
  clear: right;
  float: right;
  position: relative;
  left: -285px
}

.contactContainer b
{
  color: #44505E
}

.contactContainer a, .touContainer ol li a
{
  font-weight: normal
}

.touContainer ol li
{
  padding-bottom: 20px;
  text-align: justify
}