/* Import GENOA core client side classes */

@import url("ClientsideCore.css"); 

/* CSS FOR SMA CLIENT SIDE */

.TOUHeader, .PrivacySubHeader, .PrivacyGroupHeader, .TouText, .WelcomeBullets
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	padding-bottom: 20px
}

.TOUHeader	
{
	text-align: center;
	text-decoration: underline;
	padding-top: 15px
}

.PrivacySubHeader, .PrivacyGroupHeader
{				
	color: #5781AB;
	text-decoration: none
}

.PrivacyGroupHeader
{
	color: #000000
}

.TouText
{
	font-weight:normal;
	text-align: justify
}

.WelcomeHeader, .WelcomeSubHeader, .WelcomeText		
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 17pt;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-top: 15px
}

.WelcomeSubHeader		
{
	font-size: 14pt;
	padding-bottom: 30px
}

.WelcomeText, .WelcomeBullets
{
	font-size: 10pt;
	text-align: left;
	padding-top: 0px
}

/* SW - PBI 30911 */

.bannerContainer
{
  background: url(../images/banner-filler.gif) repeat-x;
  width: 100%;
  height: 110px
}

.logo
{
  background: url(../images/banner-left.gif) no-repeat;
  width: 202px;
  height: 90px
}

.userInformation
{
  position: absolute;
  top: 15px;
  left: 274px;
  color: #225189
}

.logonContainer
{
  position: absolute;
  top: 0px;
  background: url(../images/content.gif) repeat-x;
  width: 102%;
  height: 500px
}

.sideMenu
{
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #252275;
  width: 198px;
  height: 500px;
  z-index: 1
}

.sideMenu ul
{
  position: relative;
  top: 30px;
  left: 0px;
  list-style-type: none;
  margin: 0px;     
  padding: 0px 0px 0px 20px  
}

.sideMenu ul li
{
  padding: 8px 0px 8px 0px
}

.sideMenu ul li a
{
  font-family: Arial;
  font-weight: bold;
  font-size: 9pt;
  color: #FFFFFF;
  text-decoration: none
}

.sideMenu ul li a:hover
{
  color: #EF3E34
}

.userLogin
{
  position: relative;
  top: 35px;
  text-align: center
}

.loginMessage
{
  text-align: center;
  padding-top: 15px
}

.loginTitle
{
  font-family: Verdana;
  font-weight: bold;
  padding-bottom: 15px
}

.loginBg
{
  background: url(../images/loginBg.gif) no-repeat;
  font-family: Arial;
  font-size: 11px;
  width: 224px;
  height: 127px;
  margin-left: auto;
  margin-right: auto
}

.loginLabel, .loginButton
{
  padding-top: 11px
}

.forgotPassword
{
  padding: 20px 0px 25px 0px
}

.loginLabel, .loginLabel2
{
  text-transform: uppercase
}

.forgotPassword a, .requiredFields
{
  font-family: Arial;
  font-weight: normal;
  font-size: 11px;
  color: #252275
}

.forgotPassword a:hover
{
  font-weight: bold;
  color: #FF0000;
  text-decoration: none
}

.requiredFields
{
  color: #FF0000;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 210px
}

.carrierPanel
{
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../images/boatright.gif) no-repeat;
  width: 220px;
  height: 500px
}

.popUpContainer
{
  font-family: Arial;
  font-size: 10pt;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  width: 850px
}

.popUpContainer hr
{
  background-color:#9E9D9B;
  margin-top: 0px;
  margin-bottom: 15px;
}

.popUpContainer p
{ 
  padding-left:15px;
}

.popUpContainer div
{
  font-weight: bold;
  padding-top: 15px;
  text-align: center
}

.popUpContainer .title
{
  padding: 20px 0px 10px 15px;
  text-align: left;
  text-decoration: underline
}

.popUpContainer .contact
{
    border: 1px solid;
    text-align:left;
    font-weight:normal;
}

.contact .title
{
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    margin-top: -25px;
}