body
{
	background:#fff url(/images/drlewinns/teen/bg.png) repeat -10px 0;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 0.8em;
	color: #666;
	
}
body, html
{
	height:100%;
}
body, html, form, p, div { margin: 0; padding: 0; }
h1, h2, h1 span, h2 span {	margin: 0; padding: 0; color:#00728E; font-family: Tahoma; }
h3, h4, h5, h6, h3 span, h4 span, h5 span, h6 span { margin: 0; padding: 0; color:#c50d46; }

h1 { font-size: 24px; margin:5px 0; color:#C50D46; font-weight:normal;}
h2, h2 span { font-size: 1.4em; font-weight: normal; padding-bottom: 6px; }
h3, h3 span { font-size: 1.2em; padding-bottom: 4px; }
h3 a {text-decoration:none;}


/* COMMON GENERAL*/
a { color:#c50d46; outline:0;}
div, p, td, span, normal, input, textarea {font-family:Tahoma; color:#666; font-size:12px;}


.imgmore { margin-top: 10px; text-align: right; }
.arrow { vertical-align: middle; }
img { border:none; }
.smallText { color:#555555; font-size:10px;}
p.quote {line-height:1.5em;}

#container { width:825px; margin:auto; background:#fff; }
#container-inner { }
#content-footer { min-height:163px; height:auto !important; height:163px; width:810px; margin-left:15px;}
#content-footer .left {width:234px; float:left;}
#content-footer .right {width:194px; float:left;}
#content-footer .right a {color:#666; font-size:11px;}

.wrapper {	
	width: 810px;
	margin:0 0 0 15px;
	background:#fff url(/images/drlewinns/teen/header-bg.jpg) no-repeat right top;
}
.wrapper-inner {}
.wrapper-bottom {width:810px; height:15px; margin:0 0 0 15px;}

.header { padding-top:20px; height:78px; }

/* FOOTER */
.footer { width:370px; float:left; padding: 10px 0 0 0; text-align: center; color: #999; font-size:11px; }
.footer a, .footer a:visited { color: #999; text-decoration: none; }
.footer a:hover { color: #999; text-decoration:underline; }

/* MAIN AREA */
.main-wrapper {
	width: 790px;
	padding: 1px 10px 0 10px;
	background:transparent url(/images/drlewinns/teen/home-bg.png) repeat-y 0 0;
	position:relative;
}

.main-wrapper .content {
	width: 780px;
	float: left;
}

.main-wrapper .rightCol {
	width: 141px;
	float: left;
	margin-left:0px;	
	text-align:center;
}
.main-wrapper .rightCol div { width:141px; margin:auto; }
.main-wrapper .rightCol div p { color:#666;}
.generic-wrapper {
	width: 780px;
	padding: 1px 20px 0 10px;
	background:transparent url(/images/drlewinns/teen/home-bg.png) repeat-y 0 0;
	position:relative;
}
.view-wrapper {
	width: 780px;
	padding: 1px 20px 0 10px;
	background:transparent url(/images/drlewinns/teen/home-bg.png) repeat-y 0 0;
	position:relative; 	
}

.clearFloats { clear: both; line-height:0; overflow:hidden; }
.clear {clear:both;}
*:first-child+html .clearFloats { height: 0; } /* IE7 fix */ 


/* NAVIGATION */

.hpNav .col1  {float: left; margin:0; text-align:center; width:100%;}
.hpNav .col2  {float: left; width: 100%; text-align:left; margin: 10px 0 0 0px; padding-top:0; }
.hpNav .col1 .listing { width:100px; }
.hpNav .col2 .listing {  }

.navigation {
	list-style: none;
	clear: both;
	padding: 0px; margin: 0px;
}
ul.navigation li { float:left; width:167px; height:50px;}
ul.navigation li a  { width:167px; height:50px; text-indent:-9999px; display:block; }

ul.navigation li a.recent {background:transparent url(/images/huggies/nav_recent.png) no-repeat scroll left top;}
ul.navigation li a.recent:hover, ul.navigation li a.recent.on {background-position:0 -50px;}
ul.navigation li a.viewed {background:transparent url(/images/huggies/nav_viewed.png) no-repeat scroll left top;}
ul.navigation li a.viewed:hover, ul.navigation li a.viewed.on {background-position:0 -50px;}
ul.navigation li a.rated {background:transparent url(/images/huggies/nav_rated.png) no-repeat scroll left top;}
ul.navigation li a.rated:hover, ul.navigation li a.rated.on {background-position:0 -50px;}
ul.navigation li a.discussed {background:transparent url(/images/huggies/nav_discussed.png) no-repeat scroll left top;}
ul.navigation li a.discussed:hover, ul.navigation li a.discussed.on {background-position:0 -50px;}

ul.navigation li a.idea {background:transparent url(/images/huggies/nav_idea.png) no-repeat scroll left top;}
ul.navigation li a.idea:hover, ul.navigation li a.idea.on {background-position:0 -50px;}
ul.navigation li a.comments {background:transparent url(/images/huggies/nav_comments.png) no-repeat scroll left top;}
ul.navigation li a.comments:hover, ul.navigation li a.comments.on {background-position:0 -50px;}



.randomContainer { padding:10px 10px 20px 10px; position:relative; height:150px; }
.randomContainer .ideaImage img { padding:2px; border:solid 1px #ccc; clear:both; }
.randomContainer .ideaTitle { font-size:15px; font-weight:bold; color:#004C9A;}
.randomContainer .ideaUserName { font-size:10px; text-transform:uppercase;}
.separator { border-bottom:1px solid #c1c1c1; background:#fff !important; margin-bottom:3px;}
.randomInfo .ratingNH { position:absolute; bottom:18px; right:68px; }
.inputFieldUser, .inputFieldPassword { border:1px solid #C7C8C4; font-size:14px; padding:5px; height:19px; width:130px;}
.divInputSubmit { background:url(/images/drlewinns/teen/login-alt.png) no-repeat; width:135px; height:60px; display:block; cursor:pointer; overflow:hidden; }
.inputSubmit { overflow:hidden; background:none; border:none; position:relative; display:block; width:135px; height:60px; right:40px; padding-right:180px;}

.randomImg { height:110px; width:110px; overflow:hidden; border:solid 1px #ededed; float:left; }
.randomInfo { width:110px; float:right; }
.more { float:right; width:118px; height:118px; position:absolute; bottom:-10px; right:20px; z-index:1;}
.more a { }

a#powered-by-vibevillage {
    width: 129px;
    height: 52px;
    float: right;
    text-align: left;
    text-indent: -999em;
    background: url(/images/poweredby.png) no-repeat;
}

/* Home*/
.homeInterior {padding:0 0 0 10px;}
.ideaListContainer {width:720px; height:485px; overflow:hidden; position:relative; margin:5px 0 0 10px;}
.home-list-item { float:left; width:60px; height:60px; position:relative; margin: 0px; cursor:pointer;}
.reviewImg { cursor:pointer;}
.centre-item {width:360px; height:187px; padding:20px 15px; background:transparent url('/images/drlewinns/teen/home-centre-bg.png') no-repeat 0 0; position:absolute; top:120px; left:180px; z-index:1; }
.hoverCell { width:280px; height:180px; padding:10px; position:absolute; z-index:999; top:0px; left:0px; display:none; background:transparent url('/images/drlewinns/teen/hover-bg.png') no-repeat 0 0; }
.hoverFeature {width:60px; float:left; position:relative; cursor:pointer;}
.hoverContent {width:180px; float:left; padding:10px; }
.hoverContent span.text {font-size:10px;}


/* Add */
.addContainer .leftColumn { float:left; width:770px; margin-left:70px;}
    .question-content {padding:15px 0;}
        .question { float:left; width:180px; text-align:left; padding-right:40px;}
        .response { float:left; width:500px;}        
		
    textarea.txtarea,
	textarea.txtAddComment {background:transparent url('/images/drlewinns/teen/txtarea-bg.png') no-repeat 0 0; width:410px; height:102px; padding:4px; border:none; }
    input.txt {background:transparent url('/images/drlewinns/teen/txt-bg.png') no-repeat 0 0; width:410px; height:22px; padding:4px; border:none; }
    input.txt-short {background:transparent url('/images/drlewinns/teen/txt-short-bg.png') no-repeat 0 0; width:200px; height:22px; padding:4px; border:none; }		
	.full-line {height:1px; border:none; background:transparent url('/images/drlewinns/teen/line.png') no-repeat 0 0;}
	div.Validation {display:block; clear:left; margin-top:3px;}
	.featureIconsHeader h4 {color:#00728E; width:150px; height:30px; float:left; }

/* View */
.dashContainer { width:780px; margin:auto; padding-top:73px; text-align:left; }
.dashContainerTop { width:780px; margin:auto; position:relative;}
.micronav-share-container {position:absolute; top:-10px; right:55px;}
.micronav-share-dropdown {left:-90px !important;}

.viewContainer {width:780px; min-height:350px; height:auto !important; height:350px;}
.viewContainer .rightColumn { 
    float:right; width:150px; height:200px; 
    padding:30px; color:#333;    
    background:transparent url(/images/drlewinns/teen/view-side-bg.png) no-repeat 0 0;}
    
	.viewContainer .rightColumn span {color:#333;}
.viewContainer .leftColumn { float:left; width:540px; margin-left:5px;}
.viewContainer .leftColumn .mainImage {display:block; width:127px; float:left;}
.viewContainer .leftColumn .viewContent {width:350px; float:left; padding:0 20px;}
	
/* List */
.list-item {width:240px; height:100px; float:left; margin:0 10px 10px 0;}
.list-item .listImage {width:70px; height:80px; float:left; position:relative;}
	.list-item .listImage a {display:block; width:60px; height:60px; }
.list-item .listInfo {width:170px; height:90px; float:left; margin-left:0px; }
.list-item .mainInfo {width:170px; height:45px; margin-top:10px; }
.list-item .extraInfo {width:170px; margin-top:5px;}
	.list-item .extraInfo span {font-size:11px; color:#898989; }
	
/* Icons/Categories/Features */
.categoryIcons a { }
.categoryIcons a.on { }
.cat_item1 {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat43.png') no-repeat 0 0; margin-right:18px;}
.cat_item2 {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat44.png') no-repeat 0 0; margin-right:18px;}
.cat_item3 {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat45.png') no-repeat 0 0;}

.cat_item1.on {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat43.png') no-repeat 0 5px; margin-right:18px;}
.cat_item2.on {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat44.png') no-repeat 0 5px; margin-right:18px;}
.cat_item3.on {display:block; float:left; width:127px; height:39px; overflow:hidden; background:transparent url('/images/drlewinns/teen/cat45.png') no-repeat 0 5px;}


.featureIcons a {border:solid 1px #EFF6F9; margin:0px;}
.featureIcons a.on {border:solid 1px #CCC; margin:0px;}
.featureIcons div { width:150px; float:left; height:60px;}
.ft_item1 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat 0 0;}
.ft_item2 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -60px 0;}
.ft_item3 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -120px 0;}
.ft_item4 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -180px 0;}
.ft_item5 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -240px 0;}
.ft_item6 {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -300px 0;}

.ft_item1.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat 0 0;}
.ft_item2.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -60px 0;}
.ft_item3.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -120px 0;}
.ft_item4.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -180px 0;}
.ft_item5.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -240px 0;}
.ft_item6.on {display:block; float:left; width:60px; height:60px; overflow:hidden; background:transparent url('/images/drlewinns/teen/emoticons.png') no-repeat -300px 0;}


a.shareFB {width:140px; height:25px; overflow:hidden; display:block; background:transparent url('/images/drlewinns/teen/btn-share-on-fb.png') no-repeat 0 0; text-indent:-9999px;}
a.shareFB.on {background-position:0 -25px;}




.recipe { display:none; }
.regFH { color:#00728E !important; }
.thumbImageContainer {border:0px !important;}

.hpVideo {width:372px; height:224px; border:solid 4px #db368a; background:#000; margin:auto; color:#efefef; position:absolute; top:132px; left:180px;}
.hpmore {position:absolute; bottom:0px; right:6px;z-index:100 !important;}

.ideaList {/*width:315px;*/}
.ideaListImage {/*width: 55px; position:relative;*/}
.ideaListInfo {/*float: left; width: 140px; line-height:16px;*/}

.huggiesList { width:55px; }
.likedfeature {color:#eb008c;}
.CommentsTitle {color:#004c9a; font-weight:bold;}
.infoDisplay .title {margin:0 0 5px 30px; font-size:14px; font-weight:bold;}

	.infoDisplay .title span {font-size:14px; font-weight:bold; color:#004c9a;}
	.infoDisplay .town span {font-size:14px; font-weight:bold; color:#8c8c8c;}
	
.infoDisplay .titleCol {float:left; width:50px; margin-right:5px; margin-top:5px; clear:left;}
.infoDisplay .responseCol {float:left; width:170px; margin-top:5px;padding-left:5px;}

.infoDisplay { 
	height: 168px; width:293px; 
	padding:10px 8px 10px 30px; 
	background:transparent url(/images/huggies/popup-bg.png) no-repeat 0 0; 
	position:absolute; z-index:999; 
	top:50px; left:30px; 
	display:none;	
}
.infoDisplay .inner {overflow:auto; width:100%; height:100%;}
.infoDisplay .inner .loading {display:none;}

.viewDetails .titleCol {float:left; width:50px; margin-right:5px; margin-top:5px; clear:left;}

.submitbutton { width:100%; text-align:center; align:center; }

#dnn_ctr1957_View_ddCategory_0, #dnn_ctr1957_View_ddCategory_1, #dnn_ctr1957_View_ddCategory_2 {float:left;margin:55px 0px 0px 0px;}

.QuestionTableCell span { color:#004c9a;font-weight:bold;font-size:11px; }

#dnn_ctr1957_View_categoryTitle {padding:60px 0 0 0;}
#dnn_ctr1957_View_Question_23 {padding:25px 0 0 0;}
#dnn_ctr1957_View_radQuestion_23 input { float:left;margin:22px 10px 0px 0px; }
#dnn_ctr1957_View_radQuestion_23 td {padding-right:10px;}


.QuestionTableCell span {float:right;padding-right:5px;}

.on { background:white; }
.cell1, .cell2, .cell3 {height:150px;padding-left: 10px; padding-right: 10px;}

.wall-footer { clear:both; text-align:center; margin-top:15px; padding-top:30px; height:170px; background:#FFFFFF url(/Portals/0/CampaignImages/huggies/dash/footer-bg.jpg) repeat-x scroll 0 0; }
.wall-footer p { color:#666666; font-size:11px; margin:10px 0; }
.wall-footer p a, .wall-footer-inside p a:hover {color:#004C9A;}

.topbar {margin:0; *margin:-7px;}
.userarea { float:left; height:20px; margin:0; padding-left:20px; padding-top:30px; width:330px; }
.search {width:149px; float:left; height:32px; margin-top:8px; padding:10px 10px 0 10px; background:transparent url(/images/drlewinns/teen/search-bg.png) no-repeat 0 0;}
.search input.txtSearch {border:solid 1px #e4f0f1; background-color:#e4f0f1; color:#050000; font-size:10px; width:115px; height:21px; }
.search input.cmdSearch {border:solid 1px #de0013; background-color:#de0013; color:#fff; font-size:10px; height:25px; *height:27px; width:25px; vertical-align:bottom; padding-bottom:3px;}

.wom-box {background:none repeat scroll 0 0 #92BAC9; border-bottom:1px solid #0D5E65; border-top:1px solid #0D5E65; color:#FFFFFF; margin:10px 0;}

/* Rego */
.regFieldHeader, .regFieldFooter,
.regFH_l, .regFH, .regFH_r,
.RegLeftCol, .regRightCol {background:none !important;}
