/* Copyright IBM Corp. 2007, 2012 All Rights Reserved. */

html, body { padding: 0; margin: 0; }
body {
	 background:none repeat scroll 0 0 #ffffff;
  min-width:400px;
  min-height:550px;
}
a.ibm_login{
	display: block;
	padding: 10px;	
}
a.ibm_login img{
	border: none;	
}
#loginBox{
	width: 300px;
	margin: 0 auto;	
}
#what_is{
	font-size: 1.2em;
	color:#0084FF;
	margin-top: 5px;	
	display: block;
	float: left; 
}
div.loginBoxLarge{
	width: 450px !important;	
}
#mainBox{
	margin: 70px 0 20px 0;
	background: transparent url(/manage/theme/images/login_box_top1.gif) top left no-repeat;
	padding-top: 64px;		
	overflow: hidden;
	word-wrap:normal;
}
div.mainBoxLarger{
	background: transparent url(/manage/theme/images/login_box_top_large.gif) top left no-repeat !important;	
}
div.mainBox_innerLarge{
	background: transparent url(/manage/theme/images/login_box_bottom_large.gif) bottom left no-repeat !important;
	padding: 20px 35px 20px 35px;
}
#mainBox h1{
	margin: 0;
	padding: 0 0 10px 0;
	color: #919191;
	font-weight: normal;
	font-size: 1.8em;
	position: relative;
}
#mainBox h2{
	margin: 0;
	padding: 10px 0 20px 0;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	position: relative;
}
#mainBox h3, #messageBox h3{
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 5px 0;
	position: relative;
}
#mainBox form{
	margin: 0;
	padding: 0;	
}
#mainBox input.text{
	border:1px solid #717171;
	display:block;
	font-size: 1.2em;
	font-weight:normal;
	margin:0;
	padding:2px;
	width:220px;
}
#mainBox div.data{
	padding: 8px 0;
	clear: both;
}
#mainBox div.loginName input.textHint {
	font-weight: normal;
	font-size: 1.0em;
	color: #8f9090;
	display: block;
	float: left; 
	padding-top: 3px;
	text-decoration: none;
	}
	
	
#mainBox input.text{
	font-weight: normal;
	font-size: 1.4em;
	padding: 2px;
	border: 1px solid #717171;
	width: 220px;
	display: block;
	margin: 0;
}
#mainBox div.error-message{
	background:#ECF9DF ; 
	border:1px solid #C8E2B8 ; 
	color:#000000 ; 
	padding:5px 10px ;	
}
#mainBox div.error-message ul{
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;	
}
#mainBox div.error_login{
	color: #CC0000;
	font-size: 1.0em;
	padding: 7px 0 8px 0;	
}
	
#PasswordAddForm label{
	display: none;	
}
#PasswordAddForm input{
	width: 220px;	
	display: block;
	margin-bottom: 20px;
}
.clear, .buttonsClear {
	clear:both;
	font-size:0;
	height:0;
	overflow:hidden;
}
.lotusBtn, a.ok {
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#F1F1F1;
	background-image:-moz-linear-gradient(center top , #FFFFFF 0%, #EBEBEB 100%);
	border:1px solid #C0C7CD;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	margin-right:5px; 
	padding:4px 8px 6px;
	text-decoration:none;
}
.buttonsWrapper {
	margin-top:20px;
}
a.okLeft{
	float: left; 
}
a.forgot{
	font-weight: normal;
	font-size: 1.0em;
	display: block;
	float: left; 
	padding-top: 3px;
	text-decoration: none;	
}
a.forgot:hover{
	text-decoration: underline;
}
h4.{
	margin: 0;
	padding: 5px 0 20px 0px;
	font-weight: normal;
	font-size: 1.0em;
	color: #cc0000;
} 
#loginBox p{
	margin: 0;
	padding: 10px 15px 0 15px;
	color: #ababac;
	font-weight: normal;
	font-size: 1.0em;	
}
#loginBox p.center {
	text-align: center;
}
#loginBox #mainBox p{
	padding: 10px 0 0 0;
}
#loginBox p a{
	color: #454545;
	text-decoration: none;
}
#loginBox p a:hover{
	text-decoration: underline;
}
h3.error{
	margin: 0;
	padding: 5px 0 20px 0px;
	font-weight: normal;
	font-size: 1.0em;
	color: #cc0000;
	position: relative;
} 
div.error-message{
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #EFA6A5;
	background-color:#FFE3E0;
	color:#000000; 
	padding:5px 10px;
	position: relative;
	word-wrap : break-word;
}
div.flashMessage{
	margin: 0 0 20px 0;
	font-size: 1em;
	line-height: 2.2em;
	font-weight: normal;
	background:#ECF9DF;
	border:1px solid #C8E2B8;
	color:#000000; 
	padding:5px 10px;
	word-wrap : break-word;
}
#loginBox div.details_options{
	width: 300px;
}
#loginBox div.details h3{
	padding: 20px 15px 0 15px;
	margin: 0;
	font-size: 1.3em;	
}
#loginBox div.details p{
	padding: 5px 15px 5px 15px;
	margin: 0;
	color: #8b8b8b;
	line-height: 1.3em;
}
#loginBox div.details p a{
	color: #454545;
	border-bottom: 1px dotted #454545;
}
#joinBox h3.wrapword {
	font-size: 1.0em;
	font-weight: normal ;
	word-wrap:break-word;
	position:relative;	
}
fieldset {
	border: none;
	margin: 0;
   	padding-left: 0; 
}
fieldset legend {
	display:none;
}
input.okLeft {
	float:left;	 
}	
input.textHint {
	display: inline;
	color: #929290;
	font-size: 1.0em;
}
#mainBox input.formSubmitButton {
	line-height: 3em;
	-moz-border-radius: 2px 2px 2px 2px;
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(center top , #FFFFFF 0%, #EBEBEB 100%);	
	border: 1px solid #C0C7CD;
	color: #000000;
	font: 0.75em/1.5em Arial,Verdana,sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-right: 5px; 
	padding: 4px 8px 6px;
	text-decoration: none;
}
.element-invisible {
	clip: rect(1px 1px 1px 1px);
	position: absolute;	
}
#show_login:focus {
		outline: 1px dotted #000 !important;
}
input::-moz-placeholder { 
	font-size:1.0em;
	color: #777677;
	opacity: 1;	
}
.textAlignLeft {
	text-align: left; 
}