@charset "utf-8";
/* CSS Document */

/* birthday */
#happy_birthday { text-align: center; }
#happy_birthday ul { list-style-type: none; margin-bottom: 16px; }
#happy_birthday ul li img { border: 1px solid #ccc; }
#happy_birthday .bday { font-size: 14px; color: #333;}
#happy_birthday .child { display: none; }
#happy_birthday .child_Active { display: block; }
/* #happy_birthday .childname { } */
#happy_birthday .selected { font-weight: bold; }
#happy_birthday p { margin: 2px 0; }
#happy_birthday .sidex_box_footer { margin-top: 10px; }

.section_title { font-family: 'spDreams_bold'; color: #666666; font-size: 20px; margin: 20px 0; line-height: 20px; }
.section_title span { font-size: 14px; color: #707070; float: right; font-weight: normal; }

/* FUN COVERS */
#funcovers { width: auto; overflow: hidden; }
#funcovers .header span { background-position: 0 -21px; padding: 0 56px; }
#funcovers .cover_list {  }
#funcovers .left { margin:  5px 18px; border: 1px solid #99ccff; }

#funcovers .header, #babybook .header,#members .header, #kiddie-greet-list .header { border-bottom: 5px solid #999; font-size: 11px; padding-bottom: 10px; color: #666; }
#funcovers .header a, #babybook .header a { color: #333; margin: 0 5px; }

#funcovers .sponsor,#babybook .sponsor { border-bottom: 0; border-bottom: 1px solid #ccc; color: #666; font-size: 11px; height: 36px; padding: 9px 20px; margin-top: 0; }
#funcovers .sponsor img, #babybook .sponsor img { margin-left: 10px; }
#funcovers .sponsor span, #babybook .sponsor span { display: block; color: #999; }
#funcovers .sponsor span a, #babybook .sponsor span a { color: #008fd4; font-weight: bold; }

/* BABY BOOK */
#babybook { width: 480px; overflow: hidden;/*width: 254px; float: right;*/ }
#babybook .header span { background-position: 0 -42px; padding: 0 55px; }
#babybook .left { margin: 7px; /*15px;*/ }

/* babies */
#babies ul { list-style: none; }
#babies .babies-list li { float: left; }

/* baby book upload */
#myBabyBook #rules ol { margin-left: 20px; }
#myBabyBook .form-label { width: 150px; float: left; } 
#myBabyBook #photo-upload .image-holder { margin: 10px; text-align: center; }


#funcovers .clearleft,#babybook .clearleft { margin-left: 15px; }

/*MEMBERS*/
#members { with: 440px; }
#members ul.mem_list{ list-style: none; margin-top: 20px; }
#members ul li.membersList{ float: left; padding: 0px 10px; font-size:12px; text-align: center; width: 80px; height: 150px; }


#babynames_section .label  { background-position: left -87px; width:110px;  }
#babynames_section .row .label  { background-image: none; }
#ecard_section .label { background-position: -117px -87px; width: 221px; }
#spcover_section .label { background-position: -358px bottom; width: 110px; }
#babybook_section .label { background-position: -490px bottom; width: 113px; }

#ecards ol li { margin: 5px 0 5px 20px; color: #333; }
#ecards #ecard_start { margin-left: 175px; margin-bottom: 10px; }
#ecards, #babynames { font-size:11px; padding:10px 0;  font-size: 12px; }
#ecards { color: #000; }
#ecards #steps1 { background: url(../images/ecard_step1.jpg) no-repeat; width: 174px; height: 39px; margin-bottom: 10px; margin-top: 20px; }
#ecards #steps2 { background: url(../images/ecard_step2.jpg) no-repeat; width: 174px; height: 39px; margin-bottom: 10px; }
#ecards #steps3 { background: url(../images/ecard_step3.jpg) no-repeat; width: 175px; height: 39px; margin-bottom: 10px; }
#ecards #steps4 { background: url(../images/ecard_step4.jpg) no-repeat; width: 251px; height: 40px; margin-bottom: 10px; margin-top: 20px; }

#babynames_section, #ecard_section , #funcovers{ overflow: hidden; width: 100%; margin-bottom: 30px;/* border-bottom: 1px solid #ccc;*/ }

.channel-community #home_columnCenter { padding-top: 9px;  }
.channel-community #category ul li.arrow { background-position: -411px bottom; border: none; }

/* TABLE CALENDAR */ 
#calenderNavHead { margin-top: 20px; }
#calenderNavHead .calendarPrevMonth { text-align: left; }
#calenderNavHead .calendarNextMonth { text-align: right; }
#calenderNavHead .calendarCurrentMonth { text-align: center; font-size: 18px; font-weight: bold; }

#calenderNavHead .calendarNextMonth a, #calenderNavHead .calendarPrevMonth a  { width: 73px; height: 25px; }

table { width:100%; }
#widgetCalendar { border-top: 1px solid #666; border-left: 1px solid #666; margin-top: 10px; margin-bottom: 10px; }
#widgetCalendar td { text-align:right; width:14%; border-bottom: 1px solid #666; border-right: 1px solid #666; }
#widgetCalendar td p {  /*border:1px solid #888;*/ height: 75px; font-size: 130%; margin: 0; width: 100%; }
#widgetCalendar td p img { width: 24px; }
#widgetCalendar .days { background-color: #F1F3F5; }
#widgetCalendar th { background-color: #fff; width:14%; border-bottom: 1px solid #666; border-right: 1px solid #666; }
#widgetCalendar .actday { background-color: #f2f2f2; font-weight:bold; }
#widgetCalendar .sunday { background-color: #a3a3a3; }
#widgetCalendar .nav { border-collapse: collapse; }
#widgetCalendar .highlight { background-color: #FF0000; }

#calendarHeader { background-color: #000000; color: #FFF; }
#calendarHeader a { color: #FFF; }
#calendarHeader .calendarNav, #calendarHeader .calendarMonth {  background-color: #000000; height: 35px; text-align: center; }
#calendarHeader .calendarMonth {  padding-top: 5px; height: 30px; }
#calendarHeader .calendarNav { font-size: 200%; font-weight: bold; width: 14%; }
#calendarHeader .calendarMonth { width: 70%; margin: 0 auto; font-size: 170%; }
/* --- DATE STYLES --- */
.calendar_date_select { color:#FFFFFF; display:block; width:196px; z-index:1000; border: #666666 solid 1px; }
.calendar_date_select .weekdays td { background-color:#FF61AF; color:#FFFFFF; font-weight:bold; } 
.calendar_date_select .cds_time, .calendar_date_select .cds_buttons { background-color:#FF61AF; padding:5px 0px; text-align:center; } 
.calendar_date_select .cds_buttons { background-color:#E7E8E8; } 
.calendar_date_select .cds_footer { background-color:#FFA6D2; font-size:12px; padding:3px; text-align:center; } 
.calendar_date_select table { margin:0px; padding:0px; } 
.calendar_date_select .cds_header { background-color:#CCCCCC; text-align:center; } 
.calendar_date_select input, .calendar_date_select select { font-size:13px; height:21px; } 
.calendar_date_select .cds_header input.prev { float:left; width:22px; } 
.calendar_date_select .cds_header input.next { float:right; width:22px; } 
.calendar_date_select .cds_header select.month { width:95px; }
.calendar_date_select .cds_header select.year { width:56px; } 
.calendar_date_select td { background-color:#FFA6D2; font-size:12px; height:21px; text-align:center; vertical-align:middle; width:24px; color:#FFFFFF; }
.calendar_date_select td.weekend { background-color:#FFA6D2; }
.calendar_date_select td div.other { color:#999999; } 
.calendar_date_select td.selected { background-color:#FF61AF; color:#FFFFFF; } 
.calendar_date_select td.hover { background-color:#FF61AF; } 
.calendar_date_select td.today { border-top:1px dashed #FFFFFF; border-bottom:1px dashed #FFFFFF; }


#events { border: 1px solid #000000; background-color: #cccccc; }
#events h2 { text-align: center; color: #FFFFFF; margin:0; padding: 5px 0; background-color: #000; }
#details { padding: 8px; text-align: center; }
#details ul,#details ul li, #details ul li h3,#details ul li h5 { margin: 0; padding:0; list-style-type: none; text-align: left; }
#details ul li h5 { font-size: 100%; font-weight: normal; }
/*#details ul li { width: 200px; border: 1px solid #d2d2d2; background-color: #FFFFFF; float: left; margin: 0 3px; text-align: left }*/
#cal_cat { background-color: #000000; padding: 5px 0; text-align: center; }
#cal_cat a { color: #FFFFFF; font-weight: bold; }

#pagination { text-align: right; }

#height-predictor { width: auto; overflow: hidden; }
#height-predictor p { margin: 5px 0; color: #333; border-bottom: 1px solid #ccc; padding: 5px 3px; }
#height-predictor select { border: 1px solid #99ccff; padding: 3px; }
#height-predictor .header_txt { border-bottom: 5px solid #999; font-size: 11px; padding-bottom: 10px; color: #666; font-size: 24px; margin-bottom:10px; }
#height_predictor_result { padding: 10px; border: 1px solid #333; margin: 10px 0; }

/* BABY NAMES */
#babynames { overflow: hidden; border-bottom: 1px solid #ccc; padding: 10px 9; }
#babynames #babynames_info h3 { text-align: center; }
#babynames #babynames_info h3 a { color: #008fd4; font-size: 26px; }
#babynames #babynames_info ul { margin-left: 45px; }
#babynames #babynames_info .ratingblock { text-align: center; }
#babynames #babynames_info .table .row .labels { width: 25%; margin: 0; background: none; }
#babynames #babynames_info .table .cell { padding: 2px; }
#babynames select { border: 1px solid #99ccff; padding: 3px; }
#babynames p { margin: 2px 0; }
#babynames .baby_names_inputs, #babynames #babynames_info { width: 44%; }
#babynames #babynames_info { border-left: 1px solid #ccc; padding-left: 20px }
#babynames .baby_names_inputs strong { font-size: 14px; color: #666; margin-bottom: 10px; }
#babynames .baby_names_inputs p { width: 100%; overflow: hidden; }
#babynames .baby_names_inputs .bn_labels { width: 50px; float: left; padding-top:5px; width:75px; }
#babynames #bn_submit { /*margin-left: 10px;*/ width: 45px; text-align: center; }
#babynames_list { margin: 15px 0; padding-bottom: 20px; }
#babynames_list .th { border-bottom: 2px solid #666; }
#babynames_list .rowNames { width: 40%; }
#babynames_list .rowGender { width: 15%; }
#babynames_list .rowOrigin { width: 20%; }
#babynames_list .rowMeaning { width: 15%; }
.pagination ul li .pages { background: none; }
.pagination ul li .selected { font-weight: bold; }
.pagination_link { padding-bottom: 10px; }

#memPagination { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; }
#memPagination .memLinkPages { line-height: 29px; color: #999; margin-top: -30px; font-size: 14px; }
#memPagination .memLinkPagesSelected { line-height: 29px; color: #0090d5; font-size: 14px; }

/* ECARD */
#ecardTemplateForm { width: 100%; overflow: hidden; }
#ecardTemplateForm .ecard_template { width: 50%; float: left; }
#ecards_next { margin-right: 20px; }
#steps { overflow: hidden; display: block; margin: 20px 0; }
#steps p { float: left; background-color: #008fd5; color: #fff; font-weight: bold; padding: 10px; margin-right: 1px; font-size: 120%; }
#steps div { float: left; background-color: #c8ebfc; color: #008fd5; font-weight: bold; padding: 10px; }
#ecards_category { border: 1px solid #7f9db9; padding: 2px; }
#frmTpl { margin: 10px 0; padding: 10px 0; }

/* SPCOVERS*/
#step1 { background-image:url(../../images/site-charlie/spcover_1.png); }
#step2 { background-image:url(../../images/site-charlie/spcover_2.png); }
#step3 { background-image:url(../../images/site-charlie/spcover_3.png); }
#step4 { background-image:url(../../images/site-charlie/spcover_4.png); }
#step5 { background-image:url(../../images/site-charlie/spcover_5.png); }
.loader { background: transparent url(../../images/site-alpha/gallery/loadingsp.gif) no-repeat center center; margin-top:-187px;padding-top:187px; position:relative; text-align:center; width:144px; z-index:99999; visibility:hidden; }
#selectCover { margin: 0; padding:0; }
#selectCover li { margin:10px 35px; padding:0; list-style-type: none; float: left; cursor: pointer;  }


/* BABY BOOK */
#babybook fieldset { padding: 10px; }
#babybook fieldset .row .fieldname { width: 100px; }
#babybook fieldset .row input, #babybook fieldset .row select, #babybook fieldset .row textarea  { border: 1px solid #7f9db9; padding: 2px; }


/* KIDDIE LIST */
#kiddie-greet-list .kg-list div { float: left; list-style-type: none; margin: 13px; width: 120px; margin: 5px 12px; text-align: center; }
#kiddie-greet-list .kg-list .kg-image { width: 120px; height: 150px; overflow: hidden; }
#kiddie-greet-list .kg-list .clear { display: none; }

/* QUIZZES*/
#quizproper p { margin: 15px 0; }
#featuredQuiz { position: relative; }
#featuredQuiz .featuredQuiz_holder { overflow: hidden; padding: 10px; }
#featuredQuiz .featuredQuiz_image { margin-right: 10px; }
#featuredQuiz .featuredQuiz_image img { width: 84px; }
#featuredQuiz .featuredQuiz_content { float:left; width:360px; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
#featuredQuiz .featuredQuiz_title { font-size: 16px; margin-bottom: 5px; }
#featuredQuiz .featuredQuiz_title a { color: #666666; }
#featuredQuiz .featuredQuiz_author { color: #ff7b41; }

#pastQuiz ul { list-style: none; }
#pastQuiz ul li.quizList { border-bottom: 1px solid #ccc; /*ff7b41*/ }
#pastQuiz .quiz_holder { overflow: hidden; padding: 10px; }
#pastQuiz .quiz_image { margin-right: 10px; }
#pastQuiz .quiz_image img { width: 84px; }
#pastQuiz .quiz_content { float:left; width: 360px; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
#pastQuiz .quiz_title { font-size: 16px; margin-bottom: 5px; }
#pastQuiz .quiz_title a { color: #666666; }
#pastQuiz .quiz_author { color: #ff7b41; }

#myQuizzes .myQuizzes_holder { overflow: hidden; padding:10px }
#myQuizzes .myQuizzes_image { margin-right: 10px; }
#myQuizzes .myQuizzes_image img { width: 84px; }
#myQuizzes .myQuizzes_content { float:left; width: 360px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#myQuizzes .myQuizzes_title { font-size: 16px; margin-bottom: 5px; }
#myQuizzes .myQuizzes_title a { color: #666666; }
#myQuizzes .myQuizzes_author { color: #ff7b41; }

/* SP POLL */
#page_poll ul { list-style-type: none; margin: 10px 0; }
#page_poll ul li { margin-bottom: 10px; }
#page_poll ul li input { margin: 2px 8px 0 0; }
#page_poll ul li label { width: 650px; }
#page_poll ul li .poll_bar { border: 1px solid #0090D3; width: 195px; float: left; margin-top: 3px; }
#page_poll ul li .poll_bar div { background-color: #0090D3; text-align: center; }
#page_poll #vote { cursor: pointer; }


#tool_due_date_calculator { overflow: hidden; }
#tool_due_date_calculator label { display: block; margin: 5px 0; }
#tool_due_date_calculator #due_date { border: 1px solid #99ccff; color: #333; padding: 3px; margin-bottom:10px; }
#results { border: 1px solid #99ccff; padding: 3px; margin-bottom: 10px; }


#bb_pagination .pagination ul li a { background: none; padding: 1px 8px; }
#bb_pagination .pagination ul { margin-top: 5px; }
#bb_pagination .pagination .nextpage { margin-left: 10px; }
#bb_pagination .pagination .prevpage { margin-right: 10px; }
#bb_pagination .pagination .selected { background-color: #d2d2d2; font-weight: bold; }


#fun-covers-pagination .pagination ul li a { background: none; padding: 1px 8px; }
#fun-covers-pagination .pagination ul { margin-top: 5px; }
#fun-covers-pagination .pagination .nextpage { margin-left: 10px; }
#fun-covers-pagination .pagination .prevpage { margin-right: 10px; }
#fun-covers-pagination .pagination .selected { background-color: #d2d2d2; font-weight: bold; }