.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

ul {list-style:none; margin:0; padding:0;}

#skincareModule {position:absolute; top:50px; left:50px; z-index:500; width:642px; height:503px;
    border-top:6px solid black; border-bottom:3px solid black; display:none; font-family:Arial;}
#skincareShadow {background-color:gray; filter:alpha(opacity=10); opacity: 0.1;
    position:absolute; top:52px; left:46px; z-index:497; width:650px; height:515px; display:none;}
#skincareWhite { position:absolute; top:56px; left:50px; z-index:498; width:642px; height:503px; display:none; background-color:white;}
#skincareSmear {position:absolute; top:56px; left:50px; z-index:499; width:642px; height:503px; display:none;
    background: url("/assets/go/skincarechallenge/smear.jpg") no-repeat;}

#skincareModule .closeSkincare {height:12px; padding-top:8px;}
#skincareModule .closeSkincare a {text-decoration:none; color:#999999; margin-left:598px; font-size:10px; font-weight:bold;}

#skincareModule .heading {margin:10px 0 11px 40px;}
#skincareModule .heading img {display:none;}

#skincareModule .breadcrumb {height: 17px; margin-right:10px;}
#skincareModule .breadcrumb span{float:right; margin-right:10px; display:none; font-size:9px; font-weight:bold; color:#666666;}
#skincareModule .breadcrumb span.arrow{padding-top:3px;}
*:first-child+html #skincareModule .breadcrumb span.arrow{padding-top:0;} * html #skincareModule .breadcrumb span.arrow{padding-top:0;} /* IE hack */
#skincareModule .breadcrumb span.iconOne {color: #003399;}

#skincareModule #quiz {margin:0 20px 21px 20px; width:601px; height:311px;}
#skincareModule #part1 {width:577px; height:311px; overflow: hidden; border-left:1px solid #dedfe1; border-top:1px solid #dedfe1; border-bottom:1px solid #dedfe1;
    background-color:white; float:right; display:none;}
#skincareModule #part2 {width:20px; height:311px; overflow:hidden; border:1px solid #dedfe1; float:right; background-color:#e9eefb; display:none;}
#skincareModule #part3  { float:right; height:311px; width:261px; border-top:1px solid #dedfe1; border-right:1px solid #dedfe1;
    border-bottom:1px solid #dedfe1; display:none; background-color:white;}

#skincareModule .selected {height:311px;}
#skincareModule #part1 .selected {display:none; width:130px;}
#skincareModule #part2 .selected {display:none; width:159px;}
#skincareModule .selected img {float:left; margin:63px 3px 0 8px;}
#skincareModule .selected ul {float:left; margin: 71px 0 0 0; height:205px;}
#skincareModule .selected ul li {font-size:12px; margin:2px; display:none; color:#003399; font-weight:bold;}
#skincareModule #part1 .selected ul li {margin-bottom: 10px;}
#skincareModule .selected ul label {color:black; font-weight:bold; font-size:14px; display:block;}
#skincareModule .selected ul label.eyes {margin-top:20px;}
#skincareModule .selected div.edit {font-weight:bold; font-size:11px; color:black; background:transparent;border:none;
    cursor:pointer; text-decoration:underline; display:block;}
#skincareModule #part1 .selected div.edit {margin-left:100px;}
#skincareModule #part2 .selected div.edit {margin-left:129px;}

#skincareModule .problem {float:right;}
#skincareModule #part1 .problem {width:446px;}
/* html #skincareModule #part1 .problem {margin-right:0; width:320px;}  IE 6 hack... I hate IE 6 */
#skincareModule #part2 .problem { display: none;}

#skincareModule #part1 .problem .question {margin:61px 0 40px 0; display:none;}
#skincareModule #part2 .problem .question {margin:63px 0 20px 0;}

#skincareModule #part1 .problem .answers {display:none; margin-left:27px; margin-bottom:17px; width:419px;}
#skincareModule #part2 .problem .answers {margin-bottom:19px; width:430px;}
#skincareModule .problem .answers ul {float:left; font-size:12px; margin-left:23px;}
#skincareModule #part1 .problem .answers ul {width:140px;}
#skincareModule #part1 .problem .answers ul li {height:15px;}
#skincareModule .problem .answers ul.optional {margin-left:15px;}
#skincareModule .problem .answers ul.face {width: 120px;}
#skincareModule .problem .answers ul label {display:block; margin-bottom:8px;}
#skincareModule .problem .answers ul li {cursor:pointer; margin-bottom:5px; color:#333333;}
#skincareModule #part2 .problem .answers img.intro {margin-top:20px;}
#skincareModule .problem .answers img.intro {float:left;}
#skincareModule .problem .answers ul .hoverAnswer {color:black; font-weight:bold;}
#skincareModule .problem .answers ul .checked {color:#003399; font-weight:bold;}
#part1 .problem .error {margin:0 0 3px 309px; visibility:hidden; font-size:9px; color:#333333;}
#part1 .problem input { display:none; margin:0 0 0 321px;}
#part2 .problem input {margin:5px 0 0 250px;}

#skincareModule #part3 .goToResults{ margin: 102px 21px 0 118px; cursor:pointer;}
#skincareModule #part3 .retake{margin:13px 21px 0 198px; cursor:pointer;}

#skincareModule #acne a img{border:none; margin-left:40px; display:none;}

#skincareModule h5 {margin:0; padding:0;}

#skincareModule .tooltip {display:none; border:1px solid #d1d1d1; width:190px;  background-color:white;
    font-size:10.5px; color: #333333; padding: 5px;}

.launchModule {cursor:pointer;}
.toResults {cursor:pointer;}