﻿body {
	margin:0;
	padding:0;
	background-image:url(images/LoginBg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#828282;
	text-align:left;
	margin-top:140px;
}

.body-SMFA {
	margin:0;
	padding:0;
	background-image:url(images/LoginBg3.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#969696;
	text-align:left;
	margin-top:140px;
}

.CopyRightText 
{
	font-size:11px;
	text-align:center;
}

.LoginBg {
	height:256px;
	background-image:url(images/LoginBg.png);
	background-position:top center;
	background-repeat:no-repeat;
}

.LoginBgSap {
	background-image:url(images/Sap.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.LoginNote {
	color:white;
	font-style:italic;
	text-align:center;
	font-weight:bold;
	padding-bottom:3px;
	font-size:11px;
}

.LoginHeading {
	color:#00528E;
	text-align:left;
	font-size:16px;
}

.LoginTextFieldBg {
	background-image:url(images/LoginTextFieldBg.png);
	background-position:right center;
	background-repeat:no-repeat;
	height:30px;	
}

.LoginTextFieldBg2 {
	background:url('images/LoginUserTextFieldBg.png') no-repeat;
	background-position:right center;
	height:31px;
	padding: 2px 0px 0px 38px;
}

.LoginTextFieldBg3 {
	background:url('images/LoginPassTextFieldBg.png') no-repeat;
	background-position:right center;
	height:31px;
	padding: 2px 0px 0px 38px;
}

.LoginTextField {
	border:0;
	font-size:11px;
	color:#00538F;
	font-weight:bold;
	width:215px;
	background-color:#F7F6F6;	
	vertical-align:middle;
}

.LoginTextField:focus{
	border:0px solid #EDEDED;
	outline:0px;
	background-color:#F7F6F6;
}

.FormButtonBlue 
{
	background-image:url(images/BlueBtBg.jpg);
    background-position:top center;
	background-repeat:repeat-x;
	padding:0px 10px 0px 10px;
	color:White;
	text-transform:uppercase;
	height:17px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	border:1px solid #3A76A0; 	
}

.ErrorMsg {
	color:red;
	text-align:right;
	font-size:11px;
}

.LanguageDropDown {
	width:135px;
	height:auto;
	float:right;
	border:1px solid #D4D4D4;
	padding:3px 0px 3px 0px;	
	font-size:11px;
}

.LanguageDropDown a{
	font-size:11px;
	color:#969696;
	text-decoration:none;
	background-image:url(images/LoginPageDropDownArrow.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
	font-weight:bold;
}

.LanguageDropDown a span {
	background-image:url(images/USAFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:36px;
	font-size:11px;
	margin-left:3px;
}

.LanguageDropDown a:hover{
	color:#005391;
	background-image:url(images/LoginPageDropDownArrowOver.jpg);
}

.LanguageDropDown a.selected { 
	color:#005391;
	background-image:url(images/LoginPageDropDownArrowOver.jpg);
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border:1px solid #D4D4D4; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	z-index:100;
	background-color: white;
	width:135px;
	
	margin-top:2px;
	margin-left:-1px;	
}

.dropmenudiv a{
	width: auto;
	display: block;
	border-bottom: 1px solid #D4D4D4; /*THEME CHANGE HERE*/
	padding:3px 0px 3px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #969696;
	font-size:11px;
}

.dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
}

.NavContainerup {
	width:auto;
	height:auto;
	float:right;
	border:1px solid #D4D4D4;
	padding:1px 0px 1px 0px;
	padding-right:0px;
	visibility:hidden;
	float:right;
}
.NavContainer {
	width:141px;
	height:auto;
	float:right;
	border:1px solid #D4D4D4;
	padding:1px 0px 1px 0px;
	padding-right:0px;
	visibility:hidden;
	float:right;
}
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
.sf-menu {
	/*line-height:1.0;*/
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width:141px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:141px;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
	background-image:url(images/LoginPageDropDownArrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}

.sf-menu a {
	font-size:11px;
	color:#969696;
	text-decoration:none;	
	display:block;
	font-weight:bold;
	width:102px;	
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:20px;
	border:1px solid #D4D4D4;
	width:141px;
	margin-left:-1px;
	margin-top:0px;
	background-color:white;
	border-bottom:0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:0; /* match ul width */
	top:0;
	width:141px;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:0; /* match ul width */
	top:0;
}
/*** SKIN ***/
.sf-menu {
	float:left;
}
.sf-menu a {
	/*padding: 4px 15px;*/
	padding:3px 0px;
	text-decoration:none;
}
.sf-menu a { /* visited pseudo selector so IE6 applies text colour*/
	color:#000000;
}
.sf-menu li {
	background-color:white;
	font-weight:bold;
}
.sf-menu li li {
	font-weight:bold;
}
.sf-menu li li li {
	/*background:#00318c;*/
}
ul.sf-menu li.sfHover ul {
	float:left;
	padding:8px 0;
	border:1px solid #D4D4D4;	
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
}

.sf-menu li ul li {
	background-image:none;
}

.sf-menu li ul li a {
	width:102px;
	padding:3px 0px 3px 39px;	
}
.sf-menu li ul li a:hover, ul.sf-menu li.sfHover a {
	color:#1B439A;
}
.sf-menu li li a, .sf-menu li li li a {	
	padding: 0px 0px;
	border-bottom:1px solid #D4D4D4;
}
.sf-menu li li a:hover, .sf-menu li li li a:hover {
	
	font-weight:bold;
}
ul.sf-menu li.sfHover li a, ul.sf-menu li.sfHover li li a {
	background-image:none;
	color:black;
}
ul.sf-menu li.sfHover li a:hover, ul.sf-menu li.sfHover li li a:hover {
	background-color: #F0F0F0;
}

a.USAFlag {
	background-image:url(images/USAFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
}

a.UKFlag {
	background-image:url(images/UKFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
}

a.CanadianFlag {
	background-image:url(images/CanadaFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}

a.Italian {
	background-image:url(images/ItlyFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}

a.Spanish {
	background-image:url(images/SpainFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}

a.Chinese {
	background-image:url(images/ChinaFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}

a.German {
	background-image:url(images/GermanFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}

a.Portuguese {
	background-image:url(images/PortugueseFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}
a.French {
	background-image:url(images/PortugueseFlag.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:39px;
	font-size:11px;
}



.NavContainerNew {
		width:155px;
		height:auto;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.LanguageFlags {
		width:36px;
		float:left;
		height:auto;
		border:1px solid #D4D4D4;
		border-right:0;
		border-top:0;
		padding:3px 0px 3px 0px;
	}
	
	.LanguageName {
		width:114px;
		float:left;
		height:auto;
		border:1px solid #D4D4D4;
		border-top:0;
		border-left:0;
		padding:3px 0px 3px 0px;
	}
	
	.LanguageName a {
		font-size:11px;
		color:#969696;
		text-decoration:none;	
		display:block;
		font-weight:bold;
		padding-left:4px;
	}
	
	.LanguageName a:hover {
		color:#1B439A;
	}
	
	form {
		padding:0;
		margin:0;
	}
	
	.LanguageDropDown {
		font-size:11px;
		color:#969696;
		font-weight:bold;
		width:114px;
		border:none;
		padding:0;
		margin:0;
		height:20px;
		padding-top:2px;
	}
	
	.LanaguageRow {
		float:left;
		width:155px;
		height:auto;
		background-color:White;
	}
	
	.ModalWindow
    {
      border: solid1px#c0c0c0;
      background:#fFffff;
      padding: 0px10px10px10px;
      position:absolute;
      top:-1000px;
    }
    .modalBackground1
    {
      background-color:#CCCCFF;
      filter:alpha(opacity=40);
      opacity:0.5;
    }