/* Import GENOA core client side classes */

@import url("ClientsideCore.css");

/* CSS FOR GENOA 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: #ECF9FF;
  font-weight: normal;
  color: #333333
}

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

TD.Header, TD.SubHeader
{
  background: #006699;
  border-bottom: 0px;
  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: #B8DFEB;
  color: #006699;
  border-bottom: 1px solid #006699
}


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

TD.ReadOnlyCell
{
  BACKGROUND-COLOR: #FFFFFF
}

TD.Title
{
  color: #FFFFFF
}

.MenuItems_Parent_Out, .MenuItems_Children_Out, .PolicySubmenu, .PolicyListSubMenus
{
  background-color: #006699;
	color: #B8DFEB
}

.MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{
  background-color: #ECF9FF;
	color: #006699
}

.userInformation
{ 
	position: absolute;
	color: #FFFFFF;
	top: 15px;
	right: 35px;
	width: auto;
	z-index: -1
}

/* CUSTOM PRE and POST LOGON CLASSES */

/* BANNER CLASSES */
.bannerBg
{
  background-color: #006699
}

.bannerContainer, .bannerContainerPost
{
  background: url(../images/genoa_banner.gif) no-repeat;
  background-position: center;
  width: 960px;
  height: 80px;
  margin-left: auto;
  margin-right: auto
}

.bannerContainerPost
{
  background-position: left;
  width: 100%
}

.bannerContainer div
{
  position: relative;
  top: 60px;
  color: #FFFFFF;
  font-size: 9px;
	text-align: left;
	padding-left: 27px
}

.bannerContainer span
{
  padding: 0px 10px 0px 10px
}

/* BANNER, CONTENT & SIDE MENU CLASSES */
.bannerContainer a, .preLogOnSideMenu li a, .contentPanel, .loginTitle, .loginLabel, .loginField, .forgotPassword, .validationMessage, .home, .userValidation span, .logOffMessage span
{
  font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none
}

.bannerContainer a, .preLogOnSideMenu li a, .contentPanel, .loginTitle, .loginLabel, .loginField, .forgotPassword, .validationMessage, .home
{
	color: #FFFFFF
}

.bannerContainer a:hover
{
  text-decoration: underline
}

.preLogOnContainer
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height: auto  
}

.sideMenuPanel, .preLogOnSideMenu, .contentPanel, .contentPanel2, .loginPanel
{
  float: left;
  position: relative;
  top: 20px;
  text-align: left;
  width: 250px
}

.preLogOnSideMenu
{
  top: 0px;
}

.preLogOnSideMenu ul
{
  list-style: none url('../images/arrowBullet.gif') inside;
  margin: 0px 5px 0px 15px;
  padding: 0px
}

.preLogOnSideMenu li
{
  border-bottom: 1px solid #0099CC;
  padding: 3px 0px 3px 0px;
  width: 250px
}

.preLogOnSideMenu li a
{
  color: #009FD8;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  text-decoration: none
}

.preLogOnSideMenu li a:hover, .preLogOnSideMenu li:hover
{
  background-color: #ECF9FF;
  width: 250px
}

/* CONTENT CLASSES */
.contentPanel, .contentPanel2, .loginLabel, .loginField
{
  color: #333333
}

.contentPanel, .contentPanel2
{
  float: right !important;
  text-align: justify;
  width: 710px
}

.contentPanel2
{
  top: 0px;
  width: 650px
}

.loginPanel
{
  width: 500px
}

.loginTitle
{
  background-color: #B8DFEB;
  color: #006699;
  border-bottom: 2px solid #006699;
  font-weight: bold;
  padding: 5px 0px 5px 10px
}

.loginLabel
{
  float: left;
  clear: left;
  background-color: #ECF9FF;
  padding: 7px 0px 7px 10px;
  width: 175px
}

.loginField, .forgotPassword, .home
{
  float: right;
  padding: 5px 0px 0px 0px;
  width: 315px
}

.loginField input
{
  border: 1px solid #B5B8C8
}

.forgotPassword, .home
{
  position: absolute;
  top: 90px;
  left: 185px;
  padding: 0px
}

.home
{
  top: 160px
}

.loginButton
{
  float: right;
  clear: both  
}

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

.content
{
  padding: 0px 20px 0px 20px
}

.contentPanel .title, .title2, .subTitle, .subTitle2
{
  font-size: 14px;
  color: #0077A9;
  padding-bottom: 15px
}

.contentPanel .title2
{
  padding-bottom: 0px
}

.contentPanel .subTitle, .contentPanel .subTitle2
{
  color: #009FD8;
  font-size: 12px;
  padding: 15px 0px 15px 0px
}

.contentPanel .subTitle2
{
  padding: 0px
}

.content ul
{
  list-style-type: square;
  margin-top: 0px;  
  margin-bottom: 0px
}

.content li
{
  padding-bottom: 5px
}

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