/* Chuckie 2005 Website Stylesheet
Date Created: May 18, 2005 */

/* General Definitions */

body {
	font-family : Arial, Helvetica, sans-serif;
	scrollbar-arrow-color:#FFCE00;
  	scrollbar-base-color:#863515;
  	scrollbar-shadow-color:#FFCE00;
  	scrollbar-face-color:#863515;
  	scrollbar-highlight-color:#FFCE00;
  	scrollbar-dark-shadow-color:#FFFFFF;
  	scrollbar-3d-light-color:#863515;
	margin: 0px;
}

#wrapper{
width: 850px;
margin-left: auto;
margin-right: auto;
}

#header{
width: 850px;
height: 146px;
margin-bottom: 7px;
}


#log-in{
	text-align: right;
	height: 14px;
	top: 20px;
	left: 0px;
	position:relative;
	z-index:100;
	color: #7b2e00;
	font-size: 14px;
	font-weight: bold;
}

#content{
overflow: hidden;
width: 850px;
margin: 0px;
padding: 0px;
}

#sibol-home{
width: 850px;
height: 363px;
margin: 0px;
padding: 0px;
background:url(../../images/dearmom2/Sibol-Webpage_home.jpg) no-repeat top center;
}

#sibol-gallery{
width: 850px;
height: 363px;
margin: 0px;
padding: 0px;
background:url(../../images/dearmom2/Sibol-Webpage_home-gallery.jpg) no-repeat top center;
}

#btn-findout{
	float:left;
	width: 134px;
	height: 41px;
	top: 130px;
	right: -371px;
	position:relative;
	z-index:100;
}

#gallery{
	float:right;
	width: 273px;
	height: 249px;
	top: 10px;
	right: 27px;
	position:relative;
	z-index:100;
}

#gallery2{
	float:right;
	width: 302px;
	height: 300px;
	top: 10px;
	right: 11px;
	position:relative;
	z-index:3;
}

/*#gallery2 img{
border: 3px solid #603913;
}*/



#sibol-inside{
width: 850px;
height: 363px;
margin: 0px;
padding: 0px;
background:url(../../images/dearmom2/Sibol-inside.jpg) no-repeat top center;
}

#btn-clickhere{
	float:left;
	width: 178px;
	height: 78px;
	top: 177px;
	right: -152px;
	position:relative;
	z-index:100;
}

#btn-knowmore{
	float: left;
	width: 156px;
	height: 41px;
	top: 190px;
	right: -182px;
	position:relative;
	z-index:100;
}

#leftmisc{
float: left;
width: 22px;
height: 252px;
background: url(../../images/dearmom2/leftmisc.gif) top no-repeat;
}

#maincontent{
float: left;
overflow: visible;
width: 806px;
height: 100%;
background: url(../../images/dearmom2/maincontentbg.gif) top repeat-x;
padding-top: 20px;
}

#tab1{
float: left;
overflow: hidden;
width: 395px;
margin-right: 16px;
margin-bottom: 10px;
}

#tab2{
float: left;
overflow: hidden;
width: 395px;
margin-bottom: 10px;
}

#tab-avatar{
float: left;
width: 228px;
height: 159px;
}

#tab-desc{
float: left;
width: 157px;
height: 159px;
padding-top: auto;
padding-bottom: auto;
padding-left: 10px;
color: #7b2e00;
font-size: 14px;
font-weight: normal;
font-style: normal;
}

#tab-desc p{
vertical-align:middle;
}

#momtalk{
width: 786px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

#momtalk table{
font-size: 11px;
color: #000000;
font-weight: normal;
}

.poll-options{
padding-left: 10px;
font-size: 13px;
font-weight: bold;
color: #fece00;
}

.btn-momtalk{
margin: 0;
font-weight: bold;
color: #fece00;
width:102px;
height:27px;
border: 0;
background: url(../../images/dearmom2/btn-momtalk.gif) no-repeat;
}

.btn-momtalk:hover{
width:102px;
height:27px;
color: #fff;
font-weight: bold;
background: url(../../images/dearmom2/btn-momtalk-hover.gif) no-repeat;
}

#momtalk td.title{
padding-left: 15px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
background: #7a2e00;
}

#momtalk td.title2{
padding-left: 15px;
padding-right: 25px;
font-size: 14px;
font-weight: bold;
color: #fece00;
background: #7a2e00;
}

#momtalk td.topics{
padding-left: 15px;
font-size: 12px;
font-weight: bold;
color: #7a2e00;
}

#momtalk td.posts{
text-align:center;
}

#momtalk td.lastpost{
text-align:right;
}

#momtalk tr.category{
text-align: center;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background: #af7836;
}

#momtalk td.author{
padding: 10px;
vertical-align:top;
text-align:center;
font-size: 11px;
font-weight: bold;
color: #7a2e00;
}

#momtalk td.message{
vertical-align:top;
text-align:left;
padding: 10px;
}

#momtalk p{
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}

#momtalk .author img{
margin-top: 5px;
}

#momtalk .queryheading{
font-weight: bold;
color: #7a2e00;
margin-bottom: 10px;
}

#momtalk .form{
margin-bottom: 10px;
}

#momtalk .button{
}

#funfridge-image{
float: left;
width: 389px;
margin-right: 20px;
}

#funfridge-content{
float: left;
width: 397px;
}

#funfridgemaincontent-panel-top{
overflow: hidden;
width: 397px;
height: 14px;
margin:0px;
}

#funfridgemaincontent-panel-topcenter-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-topcenter-bg.gif) top repeat-x;
width: 369px;
height: 14px;
}

#funfridgemaincontent-panel-content{
width: 373px;
padding: 0px;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
background-color: #fffbea;
border-left: 2px solid #a46b3a;
border-right: 2px solid #a46b3a;  
}

#funfridgemaincontent-panel-content p{
margin: 0px;
padding: 0px;
}

#funfridgemaincontent-panel-bottom{
overflow: hidden;
}

#funfridgemaincontent-panel-bottomcenter-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-bottomcenter-bg.gif) top repeat-x;
width: 369px;
height: 14px;
}


#leftmaincontent{
float: left;
width: 335px;
margin: 0 19px 0 0;
padding:0;
}

#leftmaincontent-panel{
width: 335px;
padding-bottom: 10px;
}

#leftmaincontent-panel-top{
overflow: hidden;
width: 335px;
height: 14px;
margin:0px;
}

#leftmaincontent-panel-topleft-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-topleft-bg.gif) top no-repeat;
width: 14px;
height: 14px;
}

#leftmaincontent-panel-topcenter-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-topcenter-bg.gif) top repeat-x;
width: 307px;
height: 14px;
}

#leftmaincontent-panel-topright-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-topright-bg.gif) top no-repeat;
width: 14px;
height: 14px;
}

#leftmaincontent-panel-content{
width: 311px;
padding: 0px;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
background-color: #fffbea;
border-left: 2px solid #a46b3a;
border-right: 2px solid #a46b3a;  
}

#leftmaincontent-panel-content p{
margin: 0px;
padding: 0px;
}

#leftmaincontent-panel-bottom{
overflow: hidden;
}

#leftmaincontent-panel-bottomleft-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-bottomleft-bg.gif) top no-repeat;
width: 14px;
height: 14px;
}

#leftmaincontent-panel-bottomcenter-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-bottomcenter-bg.gif) top repeat-x;
width: 307px;
height: 14px;
}

#leftmaincontent-panel-bottomright-bg{
float: left;
background: url(../../images/dearmom2/leftmaincontent-panel-bottomright-bg.gif) top no-repeat;
width: 14px;
height: 14px;
}

p.nutri{
font: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7a2e00;
margin: 0;
padding:0 0 10px 0;
}

#leftmaincontent-box1 p{
margin: 0px;
margin-bottom: 10px;
padding: 0px;
}

#rightmaincontent{
float: left;
width: 451px;
}

#rightmisc{
float: left;
width: 22px;
height: 252px;
background: url(../../images/dearmom2/rightmisc.gif) top no-repeat;
}

#footer{
}

a.pivotalink:link {   
	color: #5E250F; 
	font-size: 10px;
	text-decoration: underline; 
	font-weight: normal;
}
a.pivotalink:visited {   
	color: #5E250F; 
	font-size: 10px;
	text-decoration: underline; 
	font-weight: normal; 
}
a.pivotalink:active {   
	color: #5E250F; 
	font-size: 10px;
	text-decoration: underline; 
	font-weight: normal;
}
a.pivotalink:hover {  
	color: #ff0000; 
	font-size: 10px;
	text-decoration: none; 
	font-weight: normal;
}

a.tipslink:link {
	font-size: 20px;    
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.tipslink:visited {
	font-size: 20px;   
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.tipslink:active { 
	font-size: 20px;  
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.tipslink:hover { 
	font-size: 20px; 
	color: #560200; 
	text-decoration: none; 
	font-weight: bold
}

.bodytext01 {  
	font-size: 12px;
	color: #560200;
}

.bodytext02 {  
	font-size: 14px;
	color: #560200;
}

.bodytext03{
	margin: 0 0 10px 0;  
	font-size: 12px;
	color: #8a4c10;
}

.bodytext04{
	margin: 10px 0 10px 0;  
	font-size: 12px;
	color: #8a4c10;
}

.bodytext05{
	font-size: 12px;
	color: #8a4c10;
}

.bodytext06 {  
	font-size: 14px;
	color: #8a4c10;
	font-weight: bold;
	margin: 0;
	padding: 30px 20px 0 20px;
}

h1{
	font-size: 14px;
	color: #8a4c10;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 10px 20px;
}

.smalltext10 {  
	font-size: 10px;
	color: #560200;
}

a.printlink:link {
	font-size: 12px;    
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.printlink:visited {
	font-size: 12px;   
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.printlink:active { 
	font-size: 12px;  
	color: #933f0e; 
	text-decoration: none; 
	font-weight: bold
}
a.printlink:hover { 
	font-size: 12px; 
	color: #0072bc; 
	text-decoration: underline; 
	font-weight: bold
}

a.morelink1:link{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: underline; 
	font-weight: normal;
}

a.morelink1:visited{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: underline; 
	font-weight: normal;
}

a.morelink1:active{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: underline; 
	font-weight: normal;
}

a.morelink1:hover{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: underline; 
	font-weight: normal;
}

a.morelink2:link{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: none; 
	font-weight: normal;
}

a.morelink2:visited{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: none; 
	font-weight: normal;
}

a.morelink2:active{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: none; 
	font-weight: normal;
}

a.morelink2:hover{
	font-size: 11px; 
	color: #ed2b25; 
	text-decoration: none; 
	font-weight: normal;
}

a.log-in:link{
	font-size: 14px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.log-in:visited{
	font-size: 14px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.log-in:active{
	font-size: 14px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.log-in:hover{
	font-size: 14px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
	text-decoration: underline;
}

a.backTotopics:link{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.backTotopics:visited{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.backTotopics:active{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.backTotopics:hover{
	font-size: 12px; 
	color: #7a2e00; 
	text-decoration: none; 
	font-weight: bold;
	text-decoration: underline;
}

a.topic:link{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.topic:visited{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.topic:active{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.topic:hover{
	font-size: 12px; 
	color: #7a2e00; 
	text-decoration: none; 
	font-weight: bold;
	text-decoration: underline;
}

a.sign:link{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.sign:visited{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.sign:active{
	font-size: 12px; 
	color: #7b2e00; 
	text-decoration: none; 
	font-weight: bold;
}

a.sign:hover{
	font-size: 12px; 
	color: #7a2e00; 
	text-decoration: none; 
	font-weight: bold;
	text-decoration: underline;
}

#signin-left{
float: left;
width: 608px;
height: 281px;
}

#signin-title{
width: 608px;
height: 35px;
}

#signin-title-left{
float: left;
width: 21px;
height: 35px;
background: url(../../images/dearmom2/signin-title-left.gif) no-repeat top;
}

#signin-title-tag{
float: left;
width: 566px;
height: 32px;
border-top: 3px solid #936941 ;
background: #b57850;
}

#signin-title-right{
float: left;
width: 21px;
height: 35px;
background: url(../../images/dearmom2/signin-title-right.gif) no-repeat top;
}

#signin-body{
height: 227px;
width: 608px;
background: url(../../images/dearmom2/signin-body.gif) repeat-y;
}

#signin-body table{
margin: 0 0 0 20px;
font-size: 12px;
color: #8a4c10;
}

#signin-body form.signin{
margin: 0;
padding: 0;
}

#signin-body input.signin{
width: 165px;
margin: 0;
padding: 0;
}

#signin-bottom{
width: 608px;
height: 19px;
}

#signin-bottom-left{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-left.gif) no-repeat top;

}

#signin-bottom-center{
float: left;
height: 19px;
width: 566px;
background: url(../../images/dearmom2/signin-bottom-center.gif) repeat-x;
}

#signin-bottom-right{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-right.gif) no-repeat top;
}

#signin-right{
float: left;
width: 168px;
height: 281px;
padding-left: 20px;
padding-right: 10px;
}

#registration-title{
width: 806px;
}

#registration-title-left{
float: left;
width: 137px;
height: 139px;
background: url(../../images/dearmom2/registration-chuckie.jpg) no-repeat top;
}

#registration-title-tag{
float: left;
width: 648px;
height: 136px;
border-top: 3px solid #936941 ;
background: #b57850;
}

#registration-title-tag-top{
width: 628px;
height: 32px;
padding: 0 0 0 20px;
}

#registration-title-tag-text{
width: 648px;
height: 104px;
background: #fffae4;
}

#registration-title-right{
float: left;
width: 21px;
height: 139px;
background: url(../../images/dearmom2/registration-title-right.jpg) no-repeat top;
}

#registration-body{
float: left;
width: 806px;
height: 100%;
padding-top: 20px;
background: url(../../images/dearmom2/registration-body.gif) repeat-y;
}

#registration-body table{
	font-size: 12px;
	color: #8a4c10;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align:left;
}

#registration-body input.input01{
float: right;
width: 210px;
margin: 0 0 5px 0;
font-size: 11px;
padding: 0;
border: 1px solid #8a4c10;
}

select{
padding: 0;
margin: 0 0 5px 0;
font-size: 11px;
border: 1px solid #8a4c10;
}

textarea{
border: 1px solid #8a4c10;
}

#registration-body input.input02{
float: right;
width: 179px;
font-size: 11px;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #8a4c10;
}

#registration-body input.input03{
float: right;
width: 85px;
font-size: 11px;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #8a4c10;
}

#registration-body input.input04{
float: left;
font-size: 11px;
width: 130px;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #8a4c10;
}

#registration-bottom{
width: 806px;
}

#registration-bottom-left{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-left.gif) no-repeat top;
}

#registration-bottom-center{
float: left;
width: 764px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-center.gif) repeat-x;
}

#registration-bottom-right{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-right.gif) no-repeat top;
}

a.terms:link, a.terms:visited, a.terms:hover{
color: #FF0000;
text-decoration: underline;
}

#funify-title{
width: 806px;
height: 35px;
}

#funify-title-left{
float: left;
width: 21px;
height: 35px;
background: url(../../images/dearmom2/signin-title-left.gif) no-repeat top;
}

#funify-title-tag{
float: left;
width: 764px;
height: 32px;
border-top: 3px solid #936941 ;
background: #b57850;
}

#funify-title-right{
float: left;
width: 21px;
height: 35px;
background: url(../../images/dearmom2/signin-title-right.gif) no-repeat top;
}

#funify-body{
float: left;
width: 806px;
height: 100%;
padding-top: 20px;
background: url(../../images/dearmom2/registration-body.gif) repeat-y;
}

#funify-body-top{
float: left;
width: 806px;
height: 100%;
padding: 0 0 20px 0;
}

#funify-body-recipe-pic{
float: left;
width: 232px;
}

#funify-body-recipe-procedure{
float: left;
width: 255px;
padding: 0 0 0 18px;
}

#funify-body-chuckiepack{
float: left;
width: 301px;
padding-top: 70px;
}

#chuckie-pack{
float: left;
width: 102px;
}

#description{
float: left;
width: 169px;
padding: 20px 20px 0 10px;
}

#funify-body-bottom{
float: left;
width: 806px;
}

#funify-archive{
width: 766px;
margin: auto;
padding: 20px 0 0 0;
border-top: 2px dotted #b5764f;
}

#funify-archive img{
margin: 0 10px 0 0;
}

#funify-bottom{
float: left;
width: 806px;
height: 100%;
}

#funify-bottom-left{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-left.gif) no-repeat top;
}

#funify-bottom-center{
float: left;
width: 764px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-center.gif) repeat-x;
}

#funify-bottom-right{
float: left;
width: 21px;
height: 19px;
background: url(../../images/dearmom2/signin-bottom-right.gif) no-repeat top;
}

h2{
font-size: 12px;
font-style:italic;
color: #8a4c10;
font-weight: normal;
margin: 10px 0 5px 0;
}

#funify-body-recipe-procedure ul{
margin: 0;
padding: 0;
list-style-type:none;
}

#funify-body-recipe-procedure ol{
margin: 0 0 0 20px;
padding: 0;
}

#funify-body-recipe-procedure li{
margin: 0;
padding: 0 30px 0 0;
font-size: 12px;
color: #8a4c10;
font-weight: normal;
}

a.backToExtra:link, a.backToExtra:visited{
font-weight: bold;
font-size: 12px;
color:#ffffff;
text-decoration: none;
}

a.backToExtra:hover{
font-weight: bold;
font-size: 12px;
color:#ffffff;
text-decoration: underline;
}

/* this is for pop up */
#wrappopup {
	display:none;
	position: relative;
	left:0px;
	top:-450px;
	z-index:100;
	width:380px;
}

#popup {
    left:240px;
	position: absolute;
}

#popup table p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;

}
/* end for pop up */


/* for new home */
table.home{color: #7b2e00;
font-size: 12px;
font-weight: normal;
font-style: normal;
}
/* for new home */

input.view{
margin:0;
padding:0;
font-size: 11px;
height: 20px;
}

#gallery2 a.page:link, #gallery2 a.page:visited{
font-size:11px;
color: #b57850;
font-weight: normal;
text-decoration: none;
}

#gallery2 a.page:hover{
font-size:11px;
color: #603913;
font-weight: normal;
text-decoration: none;
}


#gallery2 .imgthumb-gawad img{
margin-bottom: 5px;
border: solid 3px #7b2e00; 
}

#gallery2 .imgthumb-gawad:hover img{
margin-bottom: 5px;
border: solid 3px #ffce00; 
}

#gallery2 .imgthumb-gawad:hover{
color: #ffce00;
}

#gallery2 .imgthumb-gawad-img{
border: solid 3px #7b2e00; 
}

#gallery2 .imgthumb-gawad-active img{
margin-bottom: 5px;
border: solid 3px #7b2e00;
}