.legacy-display {
  visibility: visible;
}

.carbolt-display {
  display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

body {
	font-size: 11px;
  background: #FAFAFA;
}
.spark {
	background-color: #44BED4;
}
a, .small, #header a.small {
	color: #706DB2;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
.spark a, .spark .small, .spark #header a.small {
	color: #44BED4;
}

.available {
	position: relative;
	z-index: 10;
}

#header {
	top: 0; right: 0;
}
#header ul {
	display: block;
	float: right;
	margin: 8px; padding: 0;
}
#header ul li {
	display: block;
	float: left;
	border-right: 1px solid #B5B3D7;
}
.spark #header ul li {
	border-right-color: #9EDDE9;
}
#header ul li:last-child {
	border-right: 0;
}
#header a {
	text-decoration: none;
	color: white;
	padding: 10px;
  text-transform: uppercase;
	font-weight: normal;
}
#header a:hover {
	text-decoration: underline;
}
#login-container {
	position: relative;
	width: 390px; min-height: 240px; padding: 22px 0 0; margin: 0 auto;
	text-align: left;
}
.login-tab {
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight:bold;
  margin: 0 auto;
  padding: 11px 0 10px 0;
  position: relative;
  text-align: center;
  width: 195px;
}
#ghost-login.login-tab {
  background-image: url(/images/newbrand/newlogin/dialog_tab_back_left.png);
}
#ghost-login.login-tab-selected {
  background-image: url(/images/newbrand/newlogin/dialog_tab_left.png);
}
#manage-access.login-tab {
  background-image: url(/images/newbrand/newlogin/dialog_tab_back_right.png);
}
#manage-access.login-tab-selected {
  background-image: url(/images/newbrand/newlogin/dialog_tab_right.png);
}
.login-top {
  background-image: url(/images/newbrand/newlogin/dialog_top.png);
  background-repeat: no-repeat;
}
#login {
	width: 290px; padding: 25px 50px 50px;
	background-image: url(/images/newbrand/newlogin/dialog_fill.png); background-repeat: repeat-y;
}
#login-butt {
	position: absolute; bottom: 0; left: 0;
	width: 390px; height: 248px;
	background-image: url(/images/newbrand/newlogin/dialog_bottom.png); background-repeat: no-repeat;
}

.login {
	position: relative;
	z-index: 2;
}
.login td.left {
	text-align: left;
}
.login td.right {
	text-align: right;
}

.login-form a {
  cursor: pointer;
}

#login table{
	width: 100%;
}
#login input[type=text],
#login input[type=password],
#login input[type=email],
#login select,
#login textarea {
	width: 266px;
	height: 30px;
	border: 1px solid #CCC;
	padding: 5px 10px;
	margin: 0 0 10px;
	font-size: 16px;
    <!--[if gte IE 9]>
	width: 290px;
	height: 44px;
	box-sizing: border-box;
    <![endif]-->
    <!--[if lte IE 8]>
	width: 290px;
	height: 44px;
	line-height: normal;
	padding: 0 10px;
    <![endif]-->
}

#login input.inactive {
	color: #ccc;
}

#rememberMe {
  vertical-align: text-top;
  width: 13px;
}

#rememberMe + label {
  cursor: pointer;
}

#login .buttonSubmit {
	position: relative;
	white-space: nowrap;
	z-index: 100;
        clear: left;
}
#login .buttonSubmit>* {
	padding-bottom: 1px;
	margin-top: -1px;
	color: #555;
}
#login .buttonSubmit:hover>* {
	color: #000;
}
#login .buttonSubmit:active>* {
	padding-bottom: 0;
	margin-top: 0;
}
#login .buttonSubmit span.first {
	background-image: url(/images/newbrand/newlogin/right_btn.png);
}
#login .buttonSubmit input {
	border: 0;
	background-image: url(/images/newbrand/newlogin/fill_btn.png); background-repeat: repeat-x; background-color:transparent;
	font-weight: bold;
	padding: 0 15px;
}
#login .buttonSubmit span.last {
	background-image: url(/images/newbrand/newlogin/left_btn.png);
}
#login .buttonSubmit input, #login .buttonSubmit span {
	position: relative;
	display: block;
	height: 34px;
	float: right;
	cursor: pointer;
}
#login .buttonSubmit span {
	z-index: 3;
	width: 5px;
	background-repeat: no-repeat;
}

#message {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	width: 330px;
	margin: -20px -20px 20px;
	color: #C70000;
}

#frame {
	height: 100%; width: 100%;
	position: absolute; top: 0;
}

#frame>tbody>tr.top {
	height: 85px;
}
#frame>tbody>tr.bottom {
	height: 70px;
}
#frame>tbody>tr>td.left, #frame>tbody>tr>td.right {
	width: 68px;
}

#frame>tbody>tr.top>td.left {
	background-image: url(/images/newbrand/newlogin/workspace_top_left.png);
	background-repeat: no-repeat;
	background-position: left 25px;
}
#frame>tbody>tr.middle>td.left {
	background-image: url(/images/newbrand/newlogin/workspace_left.png);
	background-repeat: repeat-y;
	background-position: left 0;
}
#frame>tbody>tr.bottom>td.left {
	background-image: url(/images/newbrand/newlogin/workspace_bottom_left.png);
	background-repeat: no-repeat;
	background-position: left -5px;
}


#frame>tbody>tr.top>td.center {
	background-image: url(/images/newbrand/newlogin/workspace_top_fill.png);
	background-repeat: repeat-x;
	background-position: 0 25px;
}
#frame>tbody>tr.middle>td.center {
	background-color: white;
}
#frame>tbody>tr.bottom>td.center {
	background-image: url(/images/newbrand/newlogin/workspace_bottom_fill.png);
	background-repeat: repeat-x;
	background-position: 0 -5px;
}


#frame>tbody>tr.top>td.right {
	background-image: url(/images/newbrand/newlogin/workspace_top_right.png);
	background-repeat: no-repeat;
	background-position: right 25px;
}
#frame>tbody>tr.middle>td.right {
	background-image: url(/images/newbrand/newlogin/workspace_right.png);
	background-repeat: repeat-y;
	background-position: right 0;
}
#frame>tbody>tr.bottom>td.right {
	background-image: url(/images/newbrand/newlogin/workspace_bottom_right.png);
	background-repeat: no-repeat;
	background-position: right -5px;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 7px;
}
#footer p {
	margin: 0;
}

.marketoAlert {
  visibility: hidden;
  color:red;
  font: bold 16px arial;
  margin: 0px 0px 10px;
}

/*Adding css classes for password reset strength*/

.mktPasswordStrengthSuccess {
    background-image: url(/images/icons16/hand_thumb_up.png) !important;
}
.mktPasswordStrengthFail {
    background-image: url(/images/icons16/hand_thumb_down.png) !important;
}
.mktPasswordStrength li {
    background: no-repeat 0px center;
    padding: 5px 25px;
    background-image: url(/images/icons16/bullet_ball_grey.png);
    list-style-type:none;
}
.mktPasswordStrength {
    font-size: 16px;
    color: #666666;
    position: relative;
    float:right;
}

#frame > tbody > tr > td.left,
#frame > tbody > tr > td.center,
#frame > tbody > tr > td.right {
	background-image: none !important;
	background: #fff !important;
}
#languageSelector a {
  padding-left: 18px;
}
#languageSelector ul {
  position: absolute;
  color: #DDDDDD;
  border: 2px solid #cccccc;
  cursor: pointer;
  display: none;
  z-index: 10000;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%), 0 0px 2px 0 rgb(0 0 0 / 19%)
}

#languageSelector ul li {
  float:none;
  border: none;
}
#languageSelector ul li a:LINK,#languageSelector ul li a:HOVER,#languageSelector ul li a:VISITED {
  color: #757575;
  text-decoration: none;
  text-transform: none;
  padding: 3px 8px;
  padding-right: 30px;
  display: block;
  background-color: #fff;
}
#languageSelector ul li a:hover {
  background-color: #e7e7e7;
}