/* ---------- Base styles ---------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
   {
   margin: 0;
   padding: 0;
}

h1{
  font-size: 22px;
  font-weight: 200;
  color: #000000;
}

h2{
  color:#006699;
  font-size: 16px;
}

a {
   font-weight:normal;
   line-height:20px;
   color: #006699;
   text-decoration: none;
}

a:hover {
   color: #0099CC;
   text-decoration:underline;
}

img {
   border: 0;
}

ul, li {
   list-style:none;
}

/* body css */
body {
   font-family: arial,helvetica,sans-serif;
   font-size: 16px;
   font-weight:normal;
   line-height:20px;
   color:#999999;
   background: url(../images/body_bg.gif) repeat-x 0 0px;
}

/* logo css */
.company-title {
   /* float: left; */   /* removed by parthbarot, to properly place the title image. */
   margin-top: 10px;
   margin-bottom: 5px;
   margin-left:20px;
}

#heading .logo {
   background: url("../images/logo.png") no-repeat scroll 0 0 transparent
      !important;
   height: 41px !important;
   width: 110px !important;
   text-indent: -1000px;
   display: block;
}



/* center content css */
#main-center-content {
   width: 980px;
   margin: 0px auto;
}

#content {
   clear: both;
   padding-top: 30px;
   min-height: 300px;
}
.ie7 #content {
   padding-top: 14px;
}


@media print {
#floatMenu {
   display:none;
  }
}



/* ---------- Main navigation ---------- */ /* Top Navigation */
#navigation {
   clear: both;
   float: right;
   margin-top: -22px;
   margin-right: 60px;
}

#navigation li,#navigation a {
   display: inline;
}

.navigator {
   margin-top: 20px;
   font-family: helvetica, arial sans-serif;
}

.navigator li {
   display: inline-block !important;
   float: left;
   position: relative;
   z-index: 10; /*IE6/IE7 parthbarot.added for z-index in IE*/
   width: 600;
}

.navigator li a {
   display: inline-block;
   float: left;
}



.navigator li.selected a,.navigator li a:hover {
   background-position: 0 -57px;
}



/* ---------- Hudcrumbs ---------- */
.lfr-hudcrumbs {
   position: fixed;
   top: 0;
   z-index: 200;
}

.lfr-hudcrumbs ul {
   background: #414445;
   background: rgba(0, 0, 0, 0.8);
}

.lfr-hudcrumbs .breadcrumbs li a,.lfr-hudcrumbs .breadcrumbs li span {
   font-family: Helvetica, arial, sans-serif;
   font-size: 14px;
   font-weight:normal;
   color:#006699;
}

.lfr-hudcrumbs .breadcrumbs li a:hover {
   color:#0099cc;
   text-decoration: underline;
}

.ie7 .breadcrumbs {
   height:8px;
}

.lfr-hudcrumbs li span {
   background-image: url(../images/common/breadcrumbs_hud.png);
}

/* ---------- Misc. ---------- */
.lfr-panel-container {
   background-color: transparent;
}

.aui-combobox .aui-field-input {
   padding: 4px 3px 3px;
   font-size: 11px;
   height: 15px;
}

.aui-combobox .aui-field {
   float: left;
   line-height: 0;
}

.lfr-portlet-title-editable-content .aui-field {
   float: none;
   display: inline;
}


.logo .current-community {
   -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;
   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5), 1px 1px 0 #FFF;
}



/* ---------- Hidden Accessible ---------- */
#skip-to-content,#banner h2,#banner h3,#navigation h1,.site-breadcrumbs h1
   {
   clip: rect(0, 0, 0, 0);
   position: absolute;
}

/* ---------- Extras ---------- */
.aui-tab-active:after {
   border: 10px solid;
   border-bottom-width: 0;
   border-color: #333 transparent transparent;
   bottom: -7px;
   content: '-';
   display: block;
   height: 0;
   left: 50%;
   margin-left: -10px;
   position: absolute;
   text-indent: -9999px;
   width: 0;
   z-index: 20;
}

.lfr-title-scope-selector {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.lfr-title-scope-selector {
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.logo .current-community,#navigation,#navigation a,.portlet,.portlet-topper,.site-breadcrumbs ul
   {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

/* comment-popup*/
#comment-popup {
   position: fixed;
   top: -700px;
   left: 25%;
   right: 25%;
   z-index: 1000;
   background: url(../images/LightBox_Pop-Up.png) no-repeat 0 0;
   width: 700px;
   padding: 5px;
   height: 620px;
}

.ie #comment-popup {
   position: fixed;
   top: -700px;
   left: 18%;
   right: 25%;
   z-index: 1000;
   background: url(../images/LightBox_Pop-Upone.png) no-repeat 0 0;
   width: 815px;
   height: 640px;
}

.comment-popup-heading {
   padding: 5px 10px;
}

.pop-close {
   background: url(../images/popup-close.png) no-repeat left center;
   float: right;
   width: 65px;
   height: 57px;
   margin-right: -30px;
   margin-top: -25px;
}

.ie .pop-close {
   background: url(../images/popup-close.png) no-repeat left center;
   float: right;
   width: 65px;
   height: 57px;
   margin-right: -30px;
   margin-top: -35px;
}

.pop-content-main {
   padding: 10px 10px;
}

.ie .pop-content-main {
   padding: 1px 1px;
}

.overlay {
   background: transparent url(../images/overlay.png) repeat top left;
   position: fixed;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   opacity: .45;
   z-index: 800;
}

/* breadcrumb start */

.breadcrumbs {
   padding-bottom:30px;
}
.breadcrumbs li {
   background: url(../images/breadcrumb-seperator.png) no-repeat 100% 3px;
   padding: 0 10px 0 4px;
   float:left;
}
.breadcrumbs li.last {
   background: none;
}
.breadcrumbs li a {
   display: inline-block;
   float:left;
}


a.sign-in-button {
   background: url(../images/sign-in_button.png) no-repeat 0 0;
   width:57px;
   height:22px;
   cursor:pointer;
   text-indent:-10000px;
   margin-top: -4px;
}

a.sign-in-button:hover {
   background-position: 0 -22px;
}

/** next steps content */

#next-steps {
   width:208px;
   float:left;
   padding-left: 25px;
}

#next-steps-content {
   color:#ffffff;
   color:#666666;
   font-size: 12px;
   padding-bottom:20px;
   }
#next-steps-content ul {
   margin-left: 23px;
   margin-top: 15px;
}
#next-steps-content a {
   font-size:14px;
   color:#006699;
   text-decoration:none;
   }
#next-steps-content a:hover {
   font-size:14px;
   color:#0099cc;
   text-decoration:none;
   }

#blue-box {
   width:208px;
   float:left;
}

#blue-box-content {
   color:#ffffff;
   color:#666666;
   font-size: 12px;
   padding-left: 9px;
   padding-bottom:20px;
   float:left;
   width: 208px !important;
   }
#blue-box-content p {
   border-bottom:1px solid #999999;
   margin: 14px 17px 0;
   padding-bottom: 20px;
   line-height:20px;
   }
#blue-box-content p.last {
   border-bottom:0;
   }
#blue-box-content ul {
   margin-left:7px;
}
#blue-box-content li {
   list-style:none;
}
#blue-box-content li a {
   display: inline-block;
   float:left;
}

.user-links {
   color:#000;
}

.right-content {
   float:right;
   margin-right:-5px;
   padding-top:20px;
}

.hyperlink-popup {
    position: fixed;
    top: -600px;
    left: 25%;
    right: 25%;
    z-index: 1000;
    background: url(../images/Hyperlink_Pop-Up.png) no-repeat 0 0;
    width: 670px;
    padding: 5px;
    height: 350px;
    /*opacity:0;
    filter:alpha(opacity=0);
    visibility:hidden;*/
}

.hyperlink-pop-close {
    background: url(../images/popup-close.png) no-repeat left center;
    float: right;
    width: 65px;
    height: 57px;
    margin-right: -40px;
    margin-top: -25px;
}
.ie7 #main-content .portlet-borderless-container{
   position: none;
}

/*to reduce space btwn Title and View More link in Asset Publisher portlet*/
#p_p_id_56_INSTANCE_iE72_{
 margin-top: 42px !important;
}
#p_p_id_56_INSTANCE_CAy9_ {
   margin-top: 0px !important;
}
#p_p_id_56_INSTANCE_0coK_{
   padding-top: 30px !important;
}
/*to reduce space btwn Title and View More link in Asset Publisher portlet*/

.loginLabel{padding-top: 6px;padding-bottom: 2px;}
#loginBtn{margin: 6px 0px;}
.loginArea {padding: 10px 0 0;   width: 300px;}
.loginArea .languages{padding: 5px 0px;font-size: 12px;text-align: left}
.loginArea .languages a:link { color: #006699; text-decoration: none;}
.loginArea .languages a:hover { color: #006699;  text-decoration: underline;}
.loginArea .languages a:visited {  color: #006699;  text-decoration: none;}

.loginArea .forgot{padding: 0px 0px 5px 0px;font-size: 12px;text-align: left}
.loginArea .forgot a:link { color: #006699; text-decoration: none;}
.loginArea .forgot a:hover { color: #006699;  text-decoration: underline;}
.loginArea .forgot a:visited {  color: #006699;  text-decoration: none;}
.loginArea .sectionDivider {  border-top:1px solid #e3e3e3;  height:1px;  margin: 7px 0 3px 0;}

.loginArea .question, .loginArea .findHelp{padding-top:0px;}
.loginArea .createUser, .loginArea .helpInfo{padding-top: 0px;padding-bottom: 10px;}
.licenceInfo { color: #000000; font-size: 11px; line-height: 13px}
.javaInfo { color: #000000; font-size: 11px; padding-top: 6px; line-height: 13px}
.javaLogo {
   background: url("../images/javaLogo.png") no-repeat scroll right bottom transparent
      !important;
   height: 55px !important;
   width: 32px !important;
}
.LoginErrorMessage {color: red;background-image: url(../images/messageError.gif) ; background-repeat: no-repeat;background-position: 2px 0px}
.LoginErrorMessage .error li{padding-left: 25px;}
#content #msg, #content #status{padding: 40px 0 5px 15px; }
#content #status p{padding-top: 6px;}
#msg .toSignin, #msg .toHome{line-height: 20px;padding-top: 12px;vertical-align: bottom;}
.loginBorder{ border: 1px solid #CCCCCC; padding: 10px 5px 5px 10px;}

#next-steps-content li {
   background: url("../images/blue-big-arrow.png") no-repeat scroll 0 4px transparent;
   list-style: none outside none;   padding: 0 0 10px 20px;
   }
#followus{padding-left: 15px;padding-bottom: 15px;font-weight: bold;}
.logoutSplitLn{clear:all;width:95%;border-bottom:1px solid;color:#09c;margin: 12px;margin-bottom:18px;}
.twritterLogo {
   background: url("../images/socialRefTwitter.png") no-repeat scroll 0 0 transparent
      !important;
   height: 75px !important;
   width: 50px !important;
}
.facebookLogo {
   background: url("../images/socialRefFacebook.png") no-repeat scroll 0 0 transparent
      !important;
   height: 77px !important;
   width: 50px !important;
}
.linkedinLogo {
   background: url("../images/socialRefLinkedin.png") no-repeat scroll 0 0 transparent
      !important;
   height: 77px !important;
   width: 50px !important;
}
.youtubeLogo {
   background: url("../images/socialRefYouTube.png") no-repeat scroll 0 0 transparent
      !important;
   height: 77px !important;
   width: 50px !important;
}
input[type="text"], input[type="password"]{text-indent: 3px;}
#navigation .navigator strong{padding-right: 7px;}
div.createUser a{text-decoration: underline;}
span.accesskey {
   text-decoration: underline;
}
div.loginBorder table{width: 283px;}


/* New Login UI CSS */
body.login {
    margin: 0;
	padding: 0;
	background: url("../images/login-bg-2.jpg") center no-repeat fixed;
	color: #FFF;
    overflow-x: hidden;
}

.x1-login h1{
    padding: 80px 0  20px 0;
    color: #FFF;
}
.x1-login .col-sm-9 {
    width: 100%;
}
.x1-login .col-sm-5 {
    width: 85%;
}
.x1-login .col-sm-offset-1 {
    margin-left: 8.33333%;
}


.x1-login .col-sm-10 {
    width: 83.33333%;
}

.x1-login .col-sm-1 {
    width: 8.33333%;
}
.x1-login .col-sm-8 {
    width: 75%;
}
.x1-login .col-sm-11 {
    width: 91.66667%;
}
.x1-login .login-overlay {
    background-color: rgba(0,63,105,.85);
    border-left: 3px solid #337ab7;
    position: relative;
    height: 100%;
    min-height: 100vh;
}
.x1-login .login-header {
    margin-bottom: 20px;
}
.x1-login .login-footer {
    font-size: 12px;
}
/* Chrome specific fix :-( */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .x1-login .login-footer {
    margin-top: 15%;
  }
}
.std-right-margin{
    margin-right: 30px;
}
.extra-space{
    margin-top: 60px;
}
.x1-login .giant {
    font-family: Helvetica Light, Helivetica, Arial, sans-serif;
    font-size: 48px;
}
.x1-login .login-header .login-title .small {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
	line-height: 1;
}
.x1-login .login-header .login-title .small.trailing {
    display: block;
    font-size: 20px;
    margin-top: 10px;
}
.x1-login .login-body .form-group {
    margin-bottom: 20px;
}

.x1-login button.btn {
    display: block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
	background-image: none;
	text-shadow: none;
    cursor: pointer;
    background-image: none;
    border: solid transparent;
    border-width: 1px 1px 2px 1px;
    white-space: nowrap;
    border-radius: 3px;
    padding: 9px 12px;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.x1-login .form-control {
	display: block;
    width: 100%;
    padding: 9px 0;
    line-height: 1.42857;
    color: #5A5A5A;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #AEAEAE;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.x1-login .btn-primary {
    color: #FFFFFF;
    background-color: #00a6a0;
    border-color: #00a6a0 #00a6a0 #007670 #00a6a0;
}
.x1-login .clearb{
	clear: both;
    display: block;
}
.x1-login .space{
	padding-top: 15px;
}
.x1-login .bg-danger {
    color: #5A5A5A;
    background-color: #ffe9ee;
    border: 1px solid #E71D32;
    padding: 0 20px;
}
.x1-login .login-overlay a{
	color: #C0E6FF !important;
}
.javalogo{
	background: url(../images/javalogoBlue.png) no-repeat;
	height: 32px;
	width: 52px;
}
.x1-login .login-body .login-message {
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 30px 0;
    height: auto;
}
.x1-login .LoginErrorMessage {
    background-image: none;
}
.visiblyhidden{
    position: absolute;
    left: -10000px;
}
select.selectLocale {
    border: 0 solid #AEAEAE;
    padding: 0 30px 0 12px;
    background: #3c5d8b;
    width: 150px;
    padding: 5px;
    font-size: 16px;
    color: #fff;
}
.hide{
    display: none;
}
.comp-logo{
    display: inline-block;
    background-image: url(../images/login-ibm-logo.png);
    background-image: linear-gradient(transparent, transparent), url(../images/login-ibm-logo.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 58px;
}
@media (min-width: 768px) {
    .x1-login h1{
        padding: 120px 0  20px 0;
    }
    .x1-login .col-sm-9 {
        width: 75%;
    }
    .x1-login .col-sm-offset-3 {
        margin-left: 25%;
    }
    .x1-login .col-sm-5 {
        width: 41.66667%;
    }
}
.errors div.toSignin{ margin-top: 20px}
/* end of new login UI CSS*/