@charset "utf-8";
/* JWST Internal Nav CSS Document */

ul.jwstInternalNav {
width:190px;
padding: 0;
margin: 0;
list-style:none;
}

ul.jwstInternalNav li a {
display:block;
width:100%;
height:20px;
padding: 4px 0 0px 10px;
margin-bottom: 1px;
font-size:12px;
font-weight:bold;

color:#cccccc;
background-image:url(../widgets/widgetImageCache/whiteTrans12.png);
background-repeat:repeat;

text-decoration:none;

}

ul.jwstInternalNav li a:hover {
color:#ffffff;
background-image:none;

background-image:url(../widgets/widgetImageCache/goldTrans50.png);
background-repeat:repeat;

}


/* new TARGETED substyles based on "leftMenuLnk" hook */
ul.jwstInternalNav li a.selected, ul.jwstInternalNav li a:active {
color:#000000;
background-image:url(../widgets/widgetImageCache/goldTrans100.png);
background-repeat:repeat;	
/*
border-right: solid 8px #FF9900;
*/
position:relative;
z-index:200;
}



/* sub nav */
ul.jwstInternalNav ul {
list-style:none;
padding: 4px 0 4px 0px; /* create gap that hover underline will fill */

background-image:url(../widgets/widgetImageCache/blackTrans25.png);
background-repeat:repeat;
}

ul.jwstInternalNav ul li a {
display:block; 
height:18px; /* must use line height with inline to set bg behavior to mimic block */
width:100%;
padding: 2px 0 0px 28px; /* create gap that hover underline will fill */

background:url(../widgets/widgetImageCache/greyRectDull10x10.gif) no-repeat 12px center;

font-size: 12px;
font-weight: bold;

color:#cccccc;

}

ul.jwstInternalNav ul li a:hover {
color:#ffffff;
background:url(../widgets/widgetImageCache/goldRectDull10x10.gif) no-repeat 14px center;

}

ul.jwstInternalNav ul li a.selected, ul.jwstInternalNav ul li a:active {

background:url(../widgets/widgetImageCache/goldRectBright10x10.gif) no-repeat 12px center;
color:#ffffff;

}


/* section heading for social */


/* needed to place comments bubble icon properly to overlap heading and first nav link */
div.jwstInternalNavSocialWrapper {
padding-top:30px;
XXXbackground:url(../widgets/widgetImageCache/commentBubblesTriSmaller.gif) 78px 23px no-repeat;
background:url(../widgets/widgetImageCache/commentBubblesTriTransWhite.png) 88px 23px no-repeat;
}

div.jwstInternalNavSocialWrapper h4 {
color:#FFFFFF;
padding-left: 6px;
font-size:12px;
font-weight:bold;
}

ul.jwstInternalNavSocial {
list-style:none;
}

ul.jwstInternalNavSocial li a {
display:block; 
background:none;
width:100%;
padding: 6px 0 0 8px; 
font-size: 12px;
font-weight: bold;
color:#cccccc;

}

ul.jwstInternalNavSocial li a:hover {
color:#ffffff;
background-image:url(../widgets/widgetImageCache/whiteTrans12.png);
background-repeat:repeat;
text-decoration:none;

}

ul.jwstInternalNavSocial li a img {
border:none;
padding: 1px 4px 1px 4px; 
}

