/* 10-02-15 jmh */
/* 
 * CSS file for ibm.com developerWorks: alt2 landing page
 * Copyright (c) 2015 IBM Corporation
 * Owner: developerWorks Content/Raleigh/IBM (jmh)
 * Last change: new file (jmh)
 */
/* Overall */

#ibm-leadspace-body.ibm-alternate ul#ibm-navigation-trail li{
    padding-right:4px;
    background:rgba(0, 0, 0, 0) url(/developerworks/i/c.gif) no-repeat scroll 100% 1px !important;
}

#ibm-leadspace-body.ibm-alternate ul#ibm-navigation-trail li::after{
    content:"\00a0\00a0\203a" !important;
    color:#FFF;
    font-size:1.1em;
    opacity:0.8;
    vertical-align:1px;
}

#ibm-leadspace-body.ibm-alternate ul#ibm-navigation-trail li a{
    font-size:1.03em;
    color:#FFF
}

#ibm-social-tools{
    display:none !important;
}

#ibm-content-body #ibm-content-main{
    margin-top:-88px;
}

h2{
    margin-bottom:15px !important;
}

h2,
h3{
    color:#444;
}

div.dw-link-block{
    color:#666;
    margin:0 0 12px 22px;
}

div.dw-link-block::before{
    content:url('//dw1.s81c.com/developerworks/i/v17/alt2/link-arrow.png');
    margin-left:-22px;
    padding-right:10px;
    vertical-align:-3px;
}

.dw-link-block h3{
    display:inline;
}

.dw-link-block h3 a{
    font-size:0.95em;
}

p.ibm-ind-link a.ibm-forward-em-link{
    background-image:none !important;
    font-size:1.2em;
}

p.ibm-ind-link a.ibm-forward-em-link::before{
    content:url('//dw1.s81c.com/developerworks/i/v17/alt2/link-arrow.png');
    margin-left:-22px;
    padding:0 8px 0 5px;
    vertical-align:-2px;
}


#ibm-content-main ul.ibm-link-list li a.ibm-forward-link{
    background-image:none ! important;
    padding-left:0px ! important;
}

ul.ibm-link-list li a.ibm-forward-link::before{
    content:"›";
    font-size:1.8em;
    line-height:.02em;
    padding-right:8px;
    vertical-align:-2px;
}

/* Tab widget */

div[id ^= "dw-tab-container-"] *{
    color:#ffffff ! important;
    font-weight:normal;
    font-family:Helvetica, Arial, sans-serif ! important;
    opacity:1;
}

div[id ^= "dw-tab-container-"] a:hover{
    opacity:0.8;
}

div[id ^= "dw-tab-container-"]{
    background-size:cover;
}

div[id ^= "dw-tab-container-"]:hover{
    cursor:pointer;
}

div.dw-tab-active[id ^= "dw-tab-container-"]:hover{
    cursor:auto;
}

div[id ^= "dw-tab-container-"]{
    cursor:pointer;
    display:table-cell;
    width:200px;
}

div.dw-active[id ^= "dw-tab-container-"]{
    cursor:auto;
    width:540px;
}

div.dw-active[id ^= "dw-tab-content-"]{
    margin-bottom:30px;
    padding:15px 25px;
}

.dw-tab-widget{
    visibility: hidden;
    position:relative;
    z-index:100;
}

.dw-tab-widget div[id ^= "dw-tab-container-"] h2.dw-tab-name{
    font-size:1.9em ! important;
    padding:15px 25px 0px;
}

.dw-tab-widget div[id ^= "dw-tab-container-"] h2.dw-tab-name::after{
    content:url("//dw1.s81c.com/developerworks/i/v17/alt2/tab-plus.png");
    padding-left:10px;
    vertical-align:-2px;
}

div.dw-active[id ^= "dw-tab-container-"] h2.dw-tab-name::after{
    content:url("//dw1.s81c.com/developerworks/i/c.gif");
}


.dw-tab-widget div[id ^= "dw-tab-container-"] h2.dw-moused.dw-tab-name::after{
    content:url("//dw1.s81c.com/developerworks/i/v17/alt2/tab-plus-h.png");
}




#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] h2{
    display:none;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] h3{
    font-size:1.8em;
    line-height:1.2em;
    margin-bottom:35px;
    padding:12px 0px 0px;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] h4{
    font-size:1.4em;
    margin-bottom:10px;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] .ibm-forward-link{
    padding-bottom:5px;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] ul li::before{
    content:url("//dw1.s81c.com/developerworks/i/v17/alt2/tab-arrow.png");
    padding-left:3px;
    padding-right:15px;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] ul li a::before{
    content:none;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] ul li a{
    margin-left:30px;
    margin-top:-15px;
    line-height:1.2em;
}

#ibm-content-main div[id ^= "dw-tab-container-"] ul.ibm-link-list li a.ibm-forward-link:hover{
    text-decoration:none ! important;
}

#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] ul li:hover::before,
#ibm-content-main div[id ^= "dw-tab-container-"] div[id ^= "dw-tab-content-"] ul li:active::before{
    content:url("//dw1.s81c.com/developerworks/i/v17/alt2/tab-arrow-h.png");
}

/* Feature cards */

div[class ^= "dw-fc-tab-"]{
    padding:10px;
}

div[class ^= "dw-fc-tab-"].dw-fc-lnk-crd:hover{
    cursor:pointer;
}

div[class ^= "dw-fc-tab-"].dw-fc-lnk-crd *{
    text-decoration:none;
}

div[class ^= "dw-fc-tab-"] h3{
    color:#666;
    font-size:1.5em ! important;
    padding-bottom:15px;
}

div[class ^= "dw-fc-tab-"]{
    border:1px solid #cccccc;
    margin-bottom:20px;
    background-color:#ffffff;
}

div[class ^= "dw-fc-tab-"]:hover{
    border:1px solid #00649d;
}

div[class ^= "dw-fc-tab-"].dw-fc-algn-ctr{
    text-align:center;
}

div[class ^= "dw-fc-tab-"].dw-fc-lnk-crd p{
    font-size:1.05em ! important;
    line-height:150%;
}

div[class ^= "dw-fc-tab-"] p.dw-fc-btn{
    margin:15px 0;
}

div[class ^= "dw-fc-tab-"] p.dw-fc-btn span{
    font-size:1.3em ! important;
    font-weight:bold;
    padding:5px 30px;
}

div[class ^= "dw-fc-tab-"] p.dw-fc-btn span{
    color:#fff;
    background-color:#00649d;
}

div[class ^= "dw-fc-tab-"] p.dw-fc-btn:hover span{
    color:#00649d;
    border:1px solid #00649d;
    background-color:#fff;
}


/* Social */

ul.dw-social-links{
    padding:20px 0 !important;
    margin:11px 0px 30px 30px ! important;
}

ul.dw-social-links li{
    background:rgba(0, 0, 0, 0) none no-repeat scroll 0px 0px ! important;
    display:inline-block;
    margin-right:11px;
}

ul.dw-social-links li a{
    display:inline-block;
    height:35px;
    min-width:35px;
    opacity:0.6;
    padding:0px;
    width:35px;
}

ul.dw-social-links li a:hover{
    opacity:1;
}

span.dw-tf-right iframe.twitter-timeline{
    float:right;
    margin-right:10px;
    padding:20px 0 !important;
}