@charset "UTF-8";
/* CSS Document */
/* Bspace login */
.bspace html {
	overflow-x: hidden;
}

.bspace .topDiv {
        height: 100%;
        width:100%;
        position:absolute;
        top: 0px;
        left:0px;
        right: -50px;
        font: 300 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
        color: #ffffff;
		background-image: url(images/login-page-bg.jpg);
		background-position: center;
}	

.dj_chrome .bspace .topDiv,
.dj_ie-rtl .bspace .topDiv {
        right: 0px;
}

.bspace .btn {
	   cursor:pointer;
	   border: 1px solid #6A7A80;
	   background: #dddddd url(images/inActive.PNG) top repeat-x;
       font: 300 12px Arial, Verdana, Geneva, Helvetica, sans-serif;   
       height: 1.6em;
       padding: 0 0.4em;
       filter:chroma(color=#000000); 
}

.bspace button:hover, .btn:hover {
		background: #fff url(images/mouseOver.PNG) top repeat-x;
}

.bspace .login-bg {
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
	height: 428px;
	width: 579px;
}

.bspace.dj_rtl .login-bg {
	background-image: url(images/login-bg-bidi.gif);
}

.bspace.dj_rtl table {
	direction: rtl;
}

.bspace .login-top-spacer {
	height: 160px;
}

.bspace .login-high-contrast {
	display: none;
}

.bspace .dijit_a11y .login-bg {
	border-style: solid;
	border-size: 1px;
}

.bspace .dijit_a11y .login-top-spacer {
	padding-left: 33px;
	padding-top: 100px;
	height: 60px;
}

.bspace .dijit_a11y .login-high-contrast {
	display: inline;
}	

.bspace .login-copyright {
	height: 42px;
	padding: 15px;
	color: #87ADD2;
}

.dj_iequirks .bspace .login-copyright,
.dj_ie7 .bspace .login-copyright {
	position: relative;
	bottom: 35px;
}

.bspace .loginText{
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.bspace .login-field{
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serifl;
	font-size: 12px;
}
	


.bspace .ibm-logo{
		background-image: url(../../public/themes/bspaceTheme/images/ibm_logo.png);
    	background-repeat: no-repeat;
    	float: left;
    	height: 22px;
    	width: 41px;
}



.bspace .websphere-logo{
	background-image: url(images/websphere_logo.png);
	background-repeat: no-repeat;
    	float: right;
    	height: 20px;
    	width: 135px;
}


.bspace .login-bg .bSpaceBlankImageHolder {
font-size:0;
}

.bspace .loginCurtain {
	display: none;
}


/* Social Portal login */
.processPortal *{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
}
	
.processPortal a{
	color: #003f6b;
	text-decoration:none;
}
	
.processPortal a:hover{
	color: #1b75bc;
	text-decoration:none;
}

.processPortal .login_background_image{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color: #3B3E40;
	
	/* Mozilla Firefox < v16.0*/ 
	background-image: -moz-radial-gradient(center, circle closest-corner, #202224 0%, #3B3E40 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #202224), color-stop(1, #3B3E40));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-corner, #202224 0%, #3B3E40 100%);

	/* W3C Markup, IE10, Firefox v16+, Chrome 20+ */ 
        background-image: radial-gradient(circle closest-side at left center, #202224 0%, #3B3E40 100%);
}

.processPortal .login_content {
	width:510px;
	height:400px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-295px 0 0 -255px;
}

.dj_iequirks .processPortal .login_content {
	position:absolute;
	left:50%;
	top:50%;
	margin:-295px 0 0 -255px;
}	
	
.processPortal .login_header{
	height:105px;
	width:510px;
}
	
.processPortal .login_ibm_logo{
	margin-left:-30px;
	float:left;
	position: relative;
	bottom: -4px;
}
	
.dj_rtl .processPortal .login_ibm_logo{
        margin-left:auto;
        margin-right:-30px;
	float:right;
}	
	
.processPortal .popup_window{
	float: left;
	background-color:#FFFFFF;
	border:1px solid #323537;
	border-radius:8px;
	margin-bottom: 10px;
	
	-moz-box-shadow: 0 0 40px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 40px 1px rgba(0,0,0,0.6);
	box-shadow: 0 0 40px 1px rgba(0,0,0,0.6);
}

.dj_ie7-rtl .processPortal .popup_window{
        height: 250px;
}
.processPortal .login_window_content{
	margin: 40px;
	float: left;
}
		
.processPortal .loginText{
	float: left;
	color:#2D2D2D;
	font-size:18px;
	padding-bottom: 7px;
}
	
.dj_rtl .processPortal .loginText {
	float: right;
}

.dj_rtl .processPortal .login-field {
	direction: rtl;
}
	
.processPortal .login_username_field {
	float: left;
}

.processPortal .login_username_field .login-field {
	margin-bottom: 25px;
}
.processPortal .login_password_field {
	float: left;
}

.processPortal .login-field,
.processPortal .lotusFormErrorField{
	width:428px;
	height: 30px;
	font-size: 18px;
}
	
.processPortal .legal_text{
	text-align:center;
	font-size:11px;
	color:#999;
}
	
.processPortal .BPM_process_portal_text{
	/*this amount of padding-top may have to change if the font size grows. The base line of the text must align with the baseline of IBM in the logo to the left.*/
	padding-top:56px;
	color:#FFFFFF;
	font-size:24px;
	float:left;
}
	
.dj_rtl .processPortal .BPM_process_portal_text{
        float:right;
}
	
.processPortal .btn{
	margin:25px -7px 0 0;
	float:left;
	width:126px;
}

.dj_ie7 .processPortal .btn{
	margin-bottom: 30px;
	margin-left: -40px;
}

.dj_rtl .processPortal .btn{
	margin: 25px 0 0 -7px;
	float:right;
}

.dj_ie7-rtl .processPortal .btn{
	margin-right: -50px;
}

.processPortal #loginFailedMessage{
	float: left;
	padding:10px 8px 10px 8px;
	margin-bottom: 25px;
	background-color:#fbdbd3;
	color:#93270c;
	border:1px solid #cd462f;
	font-size: 12px !important;
}

.dj_rtl .processPortal #loginFailedMessage {
	float: right;
}