#spotlightWrapper {
    overflow: hidden;
}

#spotlightContainer {
    margin-bottom: 20px;
    height: 480px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    position: relative;
    width: 1564px;
    z-index: 1;
}

#spotlightContainer #spike {
    height: 35px;
    width: 1565px;
    position: absolute;
    top: 205px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent url('/images/spotlight/spotlight-spike.png?v=0') top left no-repeat;
    z-index: 800;
}

#spotlight {
    list-style: none;
    margin: 0;
    padding: 0;
    height:250px;
}

#spotlight a:link {
    color: #18919A;
    text-decoration: none;
}
#spotlight a:hover {
    color: #075B61;
    text-decoration: none;
}

#spotlight .slide {
    width: 660px;
    height:440px;
    float: left;
}

#spotlight .slide .question {
    background: url("/images/spotlight/spotlightbg.png?v=0") no-repeat scroll center top transparent;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 235px;
    color: #FFFFFF;
    position: relative;
    margin-left: 10px;
    z-index: 300;
}

#spotlight .slide .answer {
    width: 800px;
    visibility: hidden;
    margin-top: 10px;
    padding-left: 15px;
}

#spotlight .slide .answerContent {
    position: relative;
    padding: 0 10px 0 105px;
}

#spotlight .slide .answerContent .type {
    font-size: 93px;
    font-family: proxima-nova-1, arial;
    font-weight: 600;
    left: 24px;
    position: absolute;
    top: 22px;
}

#spotlight .slide.staticlink .answerContent .type {
    top: 4px;
}

#spotlight .slide .answerContent a.answerNum {
    font-family: proxima-nova-1, arial;
    font-size: 15px;
    margin-top: 33px;
    padding-right: 10px;
    background: transparent url('/images/spotlight/spotlight-arrow-fullanswer.png?v=0') 100% 50% no-repeat;
    min-height: 16px;
}

html body #spotlight .slide .answer p.excerpt {
    margin-bottom: 0;
    clear: none;
    width: 480px;
    font: normal 17px Arial;
    line-height: 120%;
}

#spotlight .slide .answerContent a.fullAnswer {
    display: block;
    width: 108px;
    background: transparent url('/images/spotlight/spotlight-arrow-fullanswer.png?v=0') right top no-repeat;
    font-family: proxima-nova-1, arial;
    font-size: 17px;
}
#spotlight .slide.staticlink .answerContent a.fullAnswer {
    width:auto;
    float: left;
    margin: 7px 0 0;
    padding: 0 18px 0 0;
}

#spotlight .slide .answer .experts {
    position: absolute;
    left: 610px;
    top: 0px;
    width: 200px;
}

#spotlight .slide .answer a.expertAnswers {
    display: block;
    clear: left;
}

#spotlight .slide .answer .experts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#spotlight .slide .answer .experts ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

#spotlight .slide .answer .experts ul a {
    display: block;
    cursor: pointer;
}

#spotlight .slide .answer .experts ul li img {
    padding: 1px;
    border: 1px solid #CCCCCC;
    display: block;
}

#spotlight .slide .answer .attribution {
    margin: 15px 0;
    width: 490px;
}

#spotlight .slide .answer .attribution .answerAvatarText {
    font-family: proxima-nova-1, arial;
}

#spotlight .slide .answer .attribution .answerAvatarNumQuestionsLink {
    font-family: proxima-nova-1, arial;
    font-size: 13px;
}

#spotlight .slide .answer .attributionThumbnail {
    float: left;
    margin-right: 15px;
    width: 54px;
    overflow: hidden;
    border: none;
}

#spotlight .slide .answer .imgWrapper {
    display: block;
    padding: 1px;
    line-height: 1px;
    border: 1px solid #CCCCCC;
}

#spotlight .slide .answer img.answerAvatar {
    width: 50px;
    height: 50px;
    display: block;
    padding: 0;
}

#spotlight .slide .answer .attributionThumbnail div.thumbnailBottom {
    background: none;
}

#spotlight .slide .answer .attributionThumbnail div.knowledgePartner {
    background-position: 0px 19px;
    background-image: url("/images/ico_usertype_qa.gif?v=0");
    height: 20px;
    width: 54px;
    overflow: hidden;
}

#spotlight .slide .answer .attribution .groupInfo {
    float: left;
    width: 390px;
}

#spotlight .slide .answer .attribution h3 {
    line-height: 100%;
    margin-bottom: 2px;
}

#spotlight .slide .answer .attribution h4 {
    color: #019098;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 100%;
    width: 395px;
}

#spotlight .slide .answer .attribution h4.answerAvatarSpecialty,
#spotlight .slide .answer .attribution h4.answerAvatarAffiliate {
    font-size: 12px;
    color: #343433;
    font-weight: normal;
}

#spotlight a.expertAnswers {
    display: block;
    width: 160px;
    background: transparent url('/images/spotlight/spotlight-arrow-experts.png?v=0') right 5px no-repeat;
    font-size: 14px;
}

#spotlight .prev .answer,
#spotlight .next .answer {
    opacity: 0;
}

#spotlight .questionBg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#spotlight .questionContent {
    width: 130px;
    padding: 20px;
    z-index: 3;
    position: relative;
    line-height: 1;
}

#spotlight li .questionContent a {
    text-decoration: none;
}

#spotlight li .questionContent a:link *,
#spotlight li .questionContent a:visited * {
    color: #FFFFFF;
}

#spotlight li.curr .questionContent a:hover * {
    color: #E1E1E1;
}

#spotlight .questionContent h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

#spotlight .questionContent p {
    color: #FFFFFF;
    font-size: 14px;
    clear: none;
    margin-bottom: 0;
    font-weight: bold;
}

#spotlight .questionContent .type {
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
}

#spotlight .prev .questionContent {
    float: right;
    text-align: right;
}

/* Current Spotlight styles */
#spotlight .curr .questionContent {
    width: 620px;
    color: #FFFFFF;
}

#spotlight .curr .questionTopicTruncate,
#spotlight .curr .questionTextTruncate {
    display: none;
}

#spotlight .curr .questionTopic,
#spotlight .curr .questionText {
    display: block;
}

#spotlight .curr .answer {
    visibility: visible;
}

html body #spotlight .curr .questionContent .type {
    display: block;
    float: left;
    font-size: 93px;
    font-family: proxima-nova-1, arial;
    font-weight: 600;
    height: 131px;
    padding: 18px 10px 0 0;
}

#spotlight .curr h2 {
    font-size: 19px;
    float: left;
    width: 500px;
    font-weight: bold;
}

#spotlight .curr p {
    clear: none;
    font-size: 30px;
    width: 500px;
    font-weight: bold;
}

#spotlight .slide.staticlink.curr .answerContent .experts p {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 7px;
    width: 170px;
}

#spotlight .slide.staticlink .answerContent a.answerNum {
     padding-right: 10px;
}

#spotlight .slide.staticlink .answer img {
     border: 1px solid #CCCCCC;
     padding:1px;
}
/* End Current Spotlight styles */

/* Sponsor Styles */
#spotlight .slide .sponsor {
    bottom: 40px;
    right: 30px;
    position: absolute;
    line-height: 1;
}

/* Overwrite above to only show sponsor on curr */
#spotlight .prev .sponsor {
    display: none;
}

#spotlight .prev .questionTopicTruncate,
#spotlight .prev .questionTextTruncate,
#spotlight .next .questionTopicTruncate,
#spotlight .next .questionTextTruncate {
    display: block;
}

#spotlight .prev .questionTopic,
#spotlight .prev .questionText,
#spotlight .next .questionTopic,
#spotlight .next .questionText {
    display: none;
}

#spotlight .slide .sponsor img {
    float: left;
    margin-right: 10px;
}

#spotlight .slide .sponsor .sponsorInfo {
    float: left;
}

#spotlight .slide .sponsor h3,
#spotlight .slide .sponsor h4 {
    padding: 0;
    margin: 0 0 3px 0;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

/* End Sponsor styles */

/* DOM elements get added via jQuery */
#spotlightContainer #prev,
#spotlightContainer #next {
    width: 29px;
    height: 77px;
    position: absolute;
    top: 125px;
    text-indent: -9999px;
    z-index: 500;
    cursor: pointer;
}

#spotlightContainer #prev {
    background: transparent url('/images/spotlight/spotlight-arrow-prev-off.png?v=0') top left no-repeat;
    left: 414px;
}

#spotlightContainer #prev.active {
    background: transparent url('/images/spotlight/spotlight-arrow-prev-on.png?v=0') top left no-repeat;
}

#spotlightContainer #next {
    background: transparent url('/images/spotlight/spotlight-arrow-next-off.png?v=0') top left no-repeat;
    right: 390px;
}

#spotlightContainer #next.active {
    background: transparent url('/images/spotlight/spotlight-arrow-next-on.png?v=0') top left no-repeat;
}

.slideBg {
    display: block;
    height: 235px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #000000;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.curr .slideBg {
    opacity: 0.7 !important;
    -moz-opacity: 0.7 !important;
    filter:alpha(opacity=70) !important;
}

.active .slideBg {
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
}

#loadingSpotlight {
    display: none;
    background-color: #CCCCCC;
    color: #FFFFFF;
    width: 100%;
    height: 235px;
    position: absolute;
    z-index: 900;
    text-align: center;
}

#loadingSpotlight span {
    padding-top: 100px;
    display: block;
}

#spotlightContainer .cornerLeft {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    background: transparent url('/images/spotlight/spotlight-corners-lt.png?v=0') top left no-repeat;
    z-index: 800;
}

#spotlightContainer .cornerRight {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    right: 0;
    background: transparent url('/images/spotlight/spotlight-corners-rt.png?v=0') top left no-repeat;
    z-index: 800;
}
ul.mainDot {
    clear: both;
    margin: 0 auto;
    padding: 0 0 0 21px;
    text-align: center;
    width: 1000px;
}
ul.mainDot li.dotActive{
     background: url('http://static.sharecare.com/images/global-sprite.png') no-repeat -422px -127px transparent;
}
ul.mainDot li {
    background: url("http://static.sharecare.com/images/global-sprite.png") no-repeat scroll -403px -127px transparent;
    cursor: pointer;
    float: none;
    height: 13px;
    list-style: none outside none;
    margin: 0 3px;
    width: 13px;
    display: inline-block; 
}

ul.mainDot li.curr {
    background:#000;
}

.dotContainer {
    clear: both;
    float: left;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}


/* Added for SCPHP-1925 */
#spotlightContainer div#answerWrapper .answer div.answerContent a img.answerAvatar {
    border: 1px solid #CCCCCC;
    display: block;
    padding: 1px;
}

/* Added for SCPHP-1836 */
#answerWrapper {
	padding-left: 464px;
}

#answerWrapper .answer {
    width: 800px;
    padding-left: 15px;
    display: none;
}

#answerWrapper .answerContent {
    position: absolute;
    padding: 0 10px 0 105px;
    height: 100%;
}

#answerWrapper  .answerContent .type {
    font-size: 93px;
    font-family: proxima-nova-1, arial;
    font-weight: 600;
    left: 24px;
    position: absolute;
    top: -9px;
}
#answerWrapper .staticlink .answerContent .type {
    top: 4px;
}

#answerWrapper .answerContent a.answerNum {
    font-family: proxima-nova-1, arial;
    font-size: 15px;
    margin-top: 33px;
    padding-right: 17px;
    background: transparent url('/images/spotlight/spotlight-arrow-fullanswer.png?v=0') 100% 50% no-repeat;
    min-height: 16px;
}

html body #answerWrapper .answer p.excerpt {
    margin-bottom: 7px;
    clear: none;
    width: 480px;
    font: normal 17px Arial;
    vertical-align: text-top;
}

#answerWrapper .answerContent a.fullAnswer {
    display: inline-block;
    width: 481px;
    font-family: proxima-nova-1, arial;
    font-size: 17px;
    position: relative;
    vertical-align: text-top;
}

#answerWrapper .answerContent a.fullAnswer:after {
    padding-left: 10px;
    content: url("/images/spotlight/spotlight-arrow-fullanswer.png?v=0");
}

#answerWrapper .staticlink .answerContent a.fullAnswer {
    width:auto;
    float: left;
    margin: 7px 0 0;
    padding: 0 18px 0 0;
}

#answerWrapper .answer .experts {
    position: absolute;
    left: 610px;
    top: 0px;
    width: 200px;
}

#answerWrapper .answer a.expertAnswers {
    display: block;
    clear: left;
}

#answerWrapper .answer .experts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#answerWrapper .answer .experts ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

#answerWrapper .answer .experts ul a {
    display: block;
    cursor: pointer;
}

#answerWrapper .answer .experts ul li img {
    padding: 1px;
    border: 1px solid #CCCCCC;
    display: block;
}

#answerWrapper .answer .attribution {
	margin: 17px 0 15px;
    overflow: hidden;
    position: relative;
    /*top: 55px;*/
    width: 490px;
}

#answerWrapper .answer .attribution .answerAvatarText {
    font-family: proxima-nova-1, arial;
}

#answerWrapper .answer .attribution .answerAvatarNumQuestionsLink {
    font-family: proxima-nova-1, arial;
    font-size: 13px;
}

#answerWrapper .answer .attributionThumbnail {
    float: left;
    margin-right: 15px;
    width: 54px;
    overflow: hidden;
    border: none;
}

#answerWrapper .answer .imgWrapper {
    display: block;
    line-height: 1px;
}

#answerWrapper .answer img.answerAvatar {
    width: 50px;
    height: 50px;
    display: block;
    padding: 1px;
    border: 1px solid #CCCCCC;
}

#answerWrapper .answer .attributionThumbnail div.thumbnailBottom {
    background: none;
}

#answerWrapper .answer .attributionThumbnail div.knowledgePartner {
    background-position: 0px 19px;
    background-image: url("/images/ico_usertype_qa.gif?v=0");
    height: 20px;
    width: 54px;
    overflow: hidden;
}

#answerWrapper .answer .attribution .groupInfo {
    float: left;
    width: 390px;
}

#answerWrapper .answer .attribution h3 {
    line-height: 100%;
    margin-bottom: 2px;
}

#answerWrapper .answer .attribution h4 {
    color: #019098;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 100%;
    width: 395px;
}

#answerWrapper .answer .attribution h4.answerAvatarSpecialty,
#answerWrapper .answer .attribution h4.answerAvatarAffiliate {
    font-size: 12px;
    color: #343433;
    font-weight: normal;
}

#answerWrapper a.expertAnswers {
    display: block;
    width: 160px;
    background: transparent url('/images/spotlight/spotlight-arrow-experts.png?v=0') right 5px no-repeat;
    font-size: 14px;
}

#answerWrapper .prev .answer,
#answerWrapper .next .answer {
    opacity: 0;
}


#answerWrapper .curr .answer {
    visibility: visible;
}

#answerWrapper .staticlink.curr .answerContent .experts p {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 7px;
    width: 170px;
}

#answerWrapper .staticlink .answerContent a.answerNum {
     padding-right: 10px;
}

#answerWrapper .staticlink .answer img {
     border: 1px solid #CCCCCC;
     padding:1px;
}

#answerWrapper div.answerContent div.experts p {
	clear: both;
    margin-bottom: 7px;
}