/* Import GENOA core client side classes */

@import url("ClientsideCore.css");

/* CSS FOR DIOT SIACI CLIENT SIDE */

/* CUSTOM CORE POST LOGON CLASSES */
body
{
    font-family:Verdana;
}

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: #58585a
}

td.LabelCell, .labelColumn
{
    color:#ffffff;
}

TD.Header, TD.SubHeader
{
  background: #004687;
  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.NewSubHeader, .MenuItems_Parent_Out, .MenuItems_Children_Out, .PolicySubmenu, .PolicyListSubMenus, .MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{
  background-color: #004687;
  color: #FFFFFF
}

.bannerContainer .menu ul li a:hover, .loginTitle, .forgotPassword a
{
	color: #004687
}

.MenuItems_Parent_Over, .MenuItems_Children_Over, .PolicyListSubMenus_Over
{
    color:#000000;
    background-color:#ffffff;
}

TD.ColumnGroupHeader, TD.ColumnHeader, TR.ColumnHeader, TR.ColumnHeaderNew, TD.ColumnGroupHeader, TD.ColumnHeader, TD.MainMenu, TD.TopMenu, TD.NewSubHeader
{
  background-color: #1a171b
}

TD.SubTitle
{
    background-color: #58585a;
}

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

#bannerText
{
  position:relative;
  top: 10px;
  left: -260px;
  font-family:Verdana;
  font-size: 24px;
  color: #ffffff;
  width: auto;
  font-weight:bold;
  font-style:italic;
}

.userInformation
{ 
	float: right;
	position: relative;
	right: 10px;
	clear: right;
	color: white;
	top: 50px;
	width: auto;
    font-size:10px;
}

/* CUSTOM PRE and POST LOGON CLASSES */

/* BANNER CLASSES */

.bannerContainer, .contentContainer
{
  width: 100%
}

.bannerContainer
{
    background-color:#004687
}

.bannertop
{
  background-color: white;
  width: 100%;
  height: 98px;
  margin-left: auto;
  margin-right: auto;
}

.bannerbottom
{
    position:relative;
    float:right;
    width: 100%;
    height: 85px;
    top:0px;
    right:0px;
}

.bannerbottom .menu
{
  float: right;
  clear: both;
  background-color: #ffffff;
  width: 100%;
  height: 25px;
  margin:10px 0px 0px 0px;
}

.bannerbottom .menu ul
{
  position: relative;
  float:left;
  left: 230px;
  display: block;
  margin: 0px;
  padding: 0px;
}

.bannerbottom .menu ul li
{
  display: inline;
  padding: 0px 2px 0px 10px;
}

.bannerbottom .menu ul li a
{
  text-decoration: none;
}

.bannerbottom .menu ul li a, .validationMessage
{
  font-size: 12px
}

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

.logo {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    width: 210px;
    height: 70px;
    background-color: white;
}

.topbanner 
{
    float: right;
}

.bannerbottom .menu ul li a:hover, .activemenu /*top menu options when mouse hover on it*/ {
    color: #004687;
    border-bottom: 1px solid #004687;
}

.toplink
{
    position:absolute;
    float:right;
    right:10px;
    top:10px;
}

.toplink a, .toplink a:hover
{
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

a.email, a.email:active, a.email:hover, a.email:visited {
    color: #004687;
}

.IncotermsTitle
{
    color:#004687;
    font-weight:bold;
    font-size:14px;
    margin-bottom:5px;
}

.IncotermsSubTitle
{
    font-size:12px;
    margin-top:10px;
    margin-bottom:10px;
    color:#004687;
    font-weight:bold;
}

/*Incoterms images*/
.IncotermsImg, .exwImage, .fcaImage, .fasImage, .fobImage, .cfrImage, .cifImage, .cptImage, .cipImage, .datImage, .dapImage, .ddpImage
{
  margin: 25px 0px 25px 140px
}

/*Incoterms Menu*/

.IncotermsMenu .IncotermsActiveMenu
{
    background-color:#004687;
    color:#ffffff;
    font-weight:bold;
}

.IncotermsMenu
{
  position: relative;
  top: 0px;
  left: 140px
}

.IncotermsMenu ul
{         
  font-size: 8.5pt;     
  margin: 0px;     
  padding: 0px;     
  display: block;
  list-style-type: none;
} 

.IncotermsMenu ul li
{     
  display: inline;
  position: relative;     
  float: left;
  margin:0px 3px 0px 3px;
} 

.IncotermsMenu ul li a
{     
  border-collapse:separate;
  display: block;
  text-decoration: none;     
  color: #004687;     
  border: 1px solid #004687;
  padding: 7px 19px 7px 20px;     
  background: #ffffff;     
  margin-left: 0px;
  white-space: nowrap;  
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, color='#9C9994');   /* For IE 8 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#9C9994');  /* For IE 5.5 - 7 */ 
  -moz-box-shadow: 2px 4px 4px #9C9994;   
  -webkit-box-shadow: 2px 4px 4px #9C9994; 
  box-shadow: 2px 4px 4px #9C9994;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
} 

 .IncotermsMenu ul li a:hover, .IncotermsMenu .activeMenu
{ 
  background-color: #ffffff;
  color:#004687;
} 

/* CONTENT CLASSES */

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

.loginPanel
{
  margin: 0px auto 0px auto;
  width: 250px;
  border:1px solid black;
}

.loginTitle, .loginLabel
{
  font-family: Arial;
  font-size: 20px;
  font-style:normal;
  font-weight: bold;
  margin-bottom: 2px;
  text-transform:uppercase;
}

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

.loginLabel
{
  background-color: #004687;
  font-size: 11px;
  color: #FFFFFF;
  padding-left: 5px;
}

.loginField
{
  padding-bottom: 1px;
  font-size:15px;
}

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

.loginButton
{
  background-color: #808080;
  margin-top:10px;
  height:20px;
}

.forgotPassword, .forgotPasswordLink a
{
  position: relative;
  left:5px;
  top: 2px;
  text-align:left;
  font-weight:bold;
  font-size:11px;
}

.forgotPasswordLink a
{
    left:0px;
    text-align:center;
    top:20px;
    color:#004687;
}

.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
}

.PrelogonTextBar, .topbanner {
    text-align: center;
    height: 60px;
    width: 100%;
    background-color: #DC5134 !important;
    background-image: url(../images/colorbarline.jpg);
    background-repeat: repeat-y;
    margin: 10px auto 30px auto;
    font-size: 42px;
    font-weight: bold;
    color: White;
}

.topbanner
{
    height:80px;
    margin:0px;
}

.topimage, .topimage1, .topimage2, .topimage3 {
    position: absolute;
    float: left;
    left: 250px;
}

.topimage1 {
    left: 380px;
}

.topimage2
{
    left:540px;
}

.topimage3 {
    left: 725px;
}

.PreLogonText {
    text-align: left;
    font-size: 12px;
    padding: 30px 20px 20px 20px;
}

.supporttext
{
    padding-top:50px;
    margin-top:50px;
}

.IncotermsTitle {
    width: 100px;
}

.IncotermsSubTitle
{
    width:750px;
    margin-left:140px;
}

.IncotermsMenu
{
    width:800px;
    top:-25px;
}

.IncotermsText
{
    margin-left:140px;
}

.IncotermsText ul li
{
    list-style-image: url(../images/Bullet.jpg);
    height:20px;
}

/*Privacy Page*/
.privacytitle
{
    font-size:18pt;
}

.privacytable
{
    width: 100%;
    margin: 5px 15px 5px 0px;
    padding: 5px 15px 5px 0px;
}

.privacytable tr, .privacytable tr td
{
    padding: 5px 15px 5px 15px;
    margin: 5px 5px 5px 0px;
}

.privacytable tr td {
    width:50%;
    vertical-align: top;
    margin-left: 5px;
}