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

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after
{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 5;
	height: 0;
}
.clearfix
{display: inline-block; height:4px;}
HTML[xmlns] .clearfix
{display: block;}
* HTML .clearfix
{height: 4px;}


/*BODY*/
body {font-family:Arial, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; background: url(/i/shtuki/stripes_back.gif) repeat; min-width:600px; }

/*CONTAINER*/
#container{ height:auto; width:960px; margin:0 auto; background-color:#FFF;}
/*COLUMN*/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

}
.leftmenu {
	background: #ffffff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#f4f4f4;	/* left column background colour */
}
.leftmenu .column_main {
	width: 80%;
left: 20%;
float: left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	background:#ffffff;
	-moz-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 2px 3px #444444;

}
.leftmenu .sidebar {
width: 19%;
right: 80%;
float: left;

	position:relative;
	padding:0 0 1em 0;
-moz-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 2px 3px #444444;
	background:#ffffff;
}
/*RULES*/
.box{padding:1px;}
.w100{width:100%;} .w23{width:23%; float:left;} .w24{width:24%; float:left;} .w31{width:31%; float:left;} .w42{width:42%; float:left;} .w45{width:45%; float:left;}
.h300{height:300px} .h280{height:280px;} .h250{height:250px;} .h120{height:120px;} .h630{height:630px;} .h230{height:230px;} .h180{height:180px;} .h10{height:10px} .h20{height:20px} .h230{height:230px;} .h360{height:360px;} .h160{height:160px;} .h300{height:300px;} .h435{height:435px;} .h25{height:25px;} .h400{height:400px;} .h750{height:750px;}
.brdcw{border:2px solid #FFC;} .brdpink {border: #C06 1px  dotted;} .brr{border-right:#999 1px dotted;}
.m2{margin:4px;}
/*TOP PANEL*/
#header {clear:both; float:left; width:100%; background:#FFF; height:305px;}
#topbox{width:100%; height:94px; background: #ffffff; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444; border:1px #E0FFB4 solid; border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;}
.geoem{font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:14px; color:#333; font-style:italic; font-weight:bold; margin:5px;}
#logo_box{width:29%; float:left; margin:2px;}
.logo_long{width:59%; float:left;}
.logo{width:39%; float:left;}
#top {width:64%; float:left; margin:2px;}
#topadvbox{height:90px; width:100%;}
#panel{width:100%; height:40px; background:url(/i/shtuki/serchpanel_back.gif) no-repeat;}
#panelLogin{width:100%; height:40px; background:url(/i/shtuki/serchpanel_back_login.gif) no-repeat;}
.show{display:inline;}
.hide{display:none;}
.regForm{background:url(/i/shtuki/register_form.gif) no-repeat; width:380px; height:380px; margin:auto;}
.registerFirst{height:25px; width:274px; clear:both; margin:51px 10px 0px 51px;border: none;}
.registerSecond{height:25px; width:274px; clear:both; margin:52px 10px 0px 51px;border: none;}
.registerThird{height:25px; width:274px; clear:both; margin:53px 10px 0px 51px;border: none;}
.registerFirth{height:25px; width:274px; clear:both; margin:54px 10px 0px 51px;border: none;}
.register{height:25px; width:274px; clear:both; margin:48px 10px 0px 51px; border:none;}
.registerButton{height:45px; background:url(/i/shtuki/regButton.gif) no-repeat; width:220px; margin:10px 10px 0 78px; border:none;}
.formForgot{background:url(/i/shtuki/forgot_form.gif) no-repeat; width:380px; height:380px; margin:auto;}
.forgotButton{height:45px; background:url(/i/shtuki/pass_button.gif) no-repeat; width:220px; margin:10px 10px 0 78px; border:none;}
.searchbox{height:26px; width:39%; float:left;}
.boxSearchResult{width:100%; border-bottom: 1px #999 dotted; border-top: 1px #999 dotted; height:35px; clear:both; margin:5px 0;}
.psearch, .psearch a{width:100%; margin:5px 0;}


.searchinput{height:22px; width:70%; float:left; margin:2px;}

.inputsearch{height:12px; width:166px; border:none; margin: 14px 6px 0px 130px; font-size:11px;}

.panelbox{width:59%; float:left; height:26px;}
.inputblock {height:22px; width:31%; float:left; margin:2px;}
.inputlogin{height:12px; width:108px; border:none; margin: 12px 6px 0px 58px; font-size:12px; background:none;}
.inputpsw{height:12px; width:108px; border:none; margin: 12px 6px 0px 54px; font-size:12px; background:none;}
.resetpadding{float:left; height:26px; margin:11px 11px 0 0;}
.toplink{font-size:10px; margin:5px 0;}
.toplink a{ color:#FFF; }
.searchbutton{float:right; height:26px; margin:8px 0px;}
#submenu{width:100%; height:32px; background:#ffffff;;}
.subnavigation{display:inline;}
.subnavigation li{width:12%; padding:0 2px; border-left:#FFF 1px solid; border-right:#CCC 1px solid; float:left; height:32px; text-align: left;}
.subnavigation li a {width:12%; padding:0 2px; text-decoration: none; height:32px; font-size:12px; color:#C06; font-weight:bold; line-height:14px; height:48px;}

/*MENU*/
#nav {

 background: url("/i/shtuki/menu.gif") no-repeat scroll 0 0 transparent;
    height: 60px;	
    position: absolute;
    right: 0;
    top: 252px;

} 

.navigation {
background-position: 0% 0%; background-repeat: no-repeat; float: left; height: 60px; margin: 0px; padding: 0px;width: 960px;
}
.negativeem {
background: none; float: left; padding: 0px; text-indent: -999em;
}
.negativeem a{
border: none; display: block; height: 60px; overflow: hidden; text-decoration: none; width:125px;
}
.negativeem a:hover {
border: none; display: block; height: 60px; overflow: hidden; text-decoration: none; width:125px; background:url(/i/shtuki/menu_hover.gif) no-repeat;
}
.lactacianav a:hover { background-position: -125px;}/*128 is width first sprite*/
.healthnav a:hover { background-position: -250px;}/*+124*/
.mealnav a:hover { background-position: -375px;}/*+125*/
.developnav a:hover { background-position: -500px;}/*+125*/
.carenav a:hover { background-position: -625px;}/*+128*/
.thispagepregnancy { background:url(/i/shtuki/menu_hover.gif) no-repeat;}
.thispagelactacia { background:url(/i/shtuki/menu_hover.gif) no-repeat; background-position:-125px;}
.thispagehealth { background:url(/i/shtuki/menu_hover.gif) no-repeat; background-position:-250px;  overflow: hidden; text-decoration: none; width:125px; border: none; display: block; height: 60px;}
.thispagemeal { background:url(/i/shtuki/menu_hover.gif) no-repeat; background-position:-375px;}
.thispagedevelop { background:url(/i/shtuki/menu_hover.gif) no-repeat; background-position:-500px;}
.thispagecare { background:url(/i/shtuki/menu_hover.gif) no-repeat; background-position:-625px;}
/*COLUMN MAIN*/
.colorLineHealth{border-top: 5px solid #FEFBAF; height:auto;}
.colmain_left {width:64%; margin:4px; padding:4px; height:auto; float:left}
.colmain_right {width:31%; margin:4px; padding:4px; height:auto; float:left}
.tabimg{width:51%; height:180px; border:#FCF solid 2px; padding:2px; float:left; overflow:hidden;}
.tabtxt{width:45%; float:left; margin:0 6px; text-align:justify;}
ul.tabs {margin: 0;padding: 0; list-style: none;float:left;height: 46px; border-bottom: 1px solid #FFC;border-left: 1px solid #FFF;width: 100%;
}
ul.tabs li {float: left; margin: 0;padding: 0;height: 45px; line-height: 12px;   border: 1px solid #FFF; font-size:12px;font-weight:bold;width:24%;border-left: none;margin-bottom: -1px; overflow: hidden;position: relative;background: #FFC; }
ul.tabs li a {text-decoration: none;color: #000;display: block;padding: 3px 4px; outline: none;
}
ul.tabs li a:hover {
	background: #ffc; height:46px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff; border-bottom:none;
}
.tab_container {border-top: none;overflow: hidden;clear: both;float: left; width: 100%;background: #fff; border: 1px solid #FFC; 
}
.tab_content {
	padding: 10px;
}
.brd{border:1px #E0FFB4 solid; border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;} 
.brdcblue{border-bottom:solid #00CDAC 2px;}
.brdcblue1{border-bottom:solid #3967a3 2px;}
.brdcblue2{border-bottom:solid #107FC9 2px;}
.brdcpink{border-bottom:solid #d6397b 2px;}
.brdcpink1{border-bottom:solid #ff9ed0 2px;}
.brdcpink2{border-bottom:solid #ffd1e0 2px;}
.brdcgreen{border-bottom:solid #7FAF1B 2px;}
.brdcgreen1{border-bottom:solid #A1C820 2px;}
.brdcgreen2{border-bottom:solid #B8AF03 2px;}
.m1{margin:0.5% 0.3%;} .mt{margin-top:3px;} .mb{margin-bottom:3px;}
.cattitle{ font-family:Verdana, Geneva, sans-serif; font-size:12px; letter-spacing:-1px; text-transform:uppercase; line-height:22px; font-weight:bold; height:30px;}
h3{color:#FFF; padding:4px 12px;}
.btm{background:url(/i/shtuki/btm.gif) no-repeat right;}
.btm1{background:url(/i/shtuki/btm1.gif) no-repeat right;} 
.btm2{background:url(/i/shtuki/btm2.gif) no-repeat right;} 
.btm3{background:url(/i/shtuki/btm3.gif) no-repeat right;}
.btm4{background:url(/i/shtuki/btm4.gif) no-repeat right;}
.btm5{background:url(/i/shtuki/btm5.gif) no-repeat right;}
.btm6{background:url(/i/shtuki/btm6.gif) no-repeat right;}
.btm7{background:url(/i/shtuki/btm7.gif) no-repeat right;}
.btm8{background:url(/i/shtuki/btm8.gif) no-repeat right;}
.btm9{background:url(/i/shtuki/btm9.gif) no-repeat right;}
.btm10{background:url(/i/shtuki/btm10.gif) no-repeat right;}
.btm11{background:url(/i/shtuki/btm11.gif) no-repeat right;}

.yellow{color:#FF0;} .red {color:#C03;} 
.nobc{background:none;}
.desc1, .desc4, .desc7, .desc10 {float:left; margin: 1% 1% 0.5% 0;}
.desc2, .desc5, .desc8, .desc11 {float:left; margin: 1% 1% 0.5% 1%;}
.desc3, .desc6, .desc9, .desc12 {float:right; margin: 1% 0% 0.5% 1%;}
.hpic{width:96%; margin:4px; height: 86px; overflow:hidden;}
.hopic{font: normal normal bold 14px/normal helvetica ; margin: 0 3px;}
.hopic a{text-decoration:none; border:none; color:#C03;}
.toptxt {padding:2px; margin:4px; font-size:12px; color:#000; clear:both;}
.ribbon{background:url(/i/shtuki/ribbon.gif) no-repeat; margin:5px 0px 0px -6px; z-index:1000; width:193px;}
.ribbon_a{background:url(/i/shtuki/ribbon_advice.gif) no-repeat; margin:5px 0px 0px -6px; z-index:1000; width:193px; height:32px;}
.ribbon_experts{background:url(/i/shtuki/ribbon_experts.gif) no-repeat; margin:5px 0px 0px -6px; z-index:1000; width:193px; height:32px;}
.ribbon_photo{background:url(/i/shtuki/ribbon_photo.gif) no-repeat; margin:5px 0px 0px -6px; z-index:1000; width:193px; height:32px;}
.cover{margin:25px 30px; }
.photoPicIndex{height:80px; width:80px; overflow:hidden; margin:2px; border:#3CF solid 2px inset;}
.photoUserIndex{width:80px; height:30px; font-size:12px; line-height:14px; padding:2px; color:#333; font-weight:bold;}
.photoOnIndex{width:80px; height:30px; font-size:12px; line-height:14px; padding:2px; color:#F09; font-weight:bold; overflow:hidden;}
.backPhoto{background:url(/i/shtuki/photo_bc.gif) repeat-x;}
.expertPicIndex {border:1px solid #FCF; padding:2px;}
.creditadv{float:right; width:10px;font: Arial, Helvetica, sans-serif; font-size:9px; color:#CCC; width:100%;}
.spec_experts, .spec_experts a{ font-weight:bold; color:#903; text-align:center; text-decoration:none;}
.name_experts,  .name_experts a{margin:2px; font-weight:bold; color:#333;}
.hpct, .hpct a{font-size:12px; line-height:14px; color:#333; text-decoration:none; margin:2px; clear:both;}
.allExperts,  .allExperts a{margin:2px; font-weight:bold; color:#333; font-size:12px; line-height:14px;}
.commentIndex{height:35px; background:url(/i/shtuki/comment.gif) no-repeat; width:25%; float:left; margin:2px;}
.bookmarkIndex{height:35px; width:25%; float:left; margin:2px;}
.readIndex{height:40px; background:url(/i/shtuki/comment.gif) no-repeat; width:38%; float:right; margin:2px;}
.commentNumberIndex{font-size:11px; margin:6px 4px 10px 10px; color:#C03;}
.tagsArticle{width:25%; height:20px;  background:url(/i/shtuki/tag.png) no-repeat; float:left;}
.long{width:98%; clear:both; height:20px;}

.countArticle{width:45%; height:20px; color:#ffffff; float:left; font-size: 11px; background:url(/i/shtuki/all_tagg.png) repeat-x; }
.countDigit{font-size:10px; font-weight:bold; color:#ffffff;}

/*COLUMN2 FORM*/
.pblock   { width:98%; float:left; }
.pblock input, .pblock textarea { width:98%; }

#preview-display   { background:#eee; padding:10px; margin-left:30px; margin-top:10px; width:98%;}
#padvice { padding-top:10px; font-style:italic; line-height:19px;}
.adviceFormLab{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; margin:4px 4px 2px 4px;}
.paginate {
	padding:3px;
	margin:3px;
	text-align:center;
}

.paginate a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
.paginate a:hover, div.paginate a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
.paginate span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
.paginate span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
.cat {width:85%; margin:5px 10px 5px 10px; border:#999 1px solid;}
.inputContainer{position:relative; float:left;}
.formError {position:absolute;top:300px; left:300px;display:block;z-index:5000;cursor:pointer;}
.formError .formErrorContent {width:100%; background:#ee0101;color:#fff;width:150px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;}
.formError .formErrorArrowBottom div{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} 
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
.column_settings{width:510px; height:650px; background:url(/i/shtuki/profile_01.png) no-repeat; margin:10px 10px 0 0; float:left;}
.mamaUserPic{top:60px; left:50px; width:20%; float:left; position:relative;}
.mamaText{top:60px; width:78%; float:left;position:relative; margin:0 0 0 10px;}
.name {width:98%; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; margin:5px;}
.range {width:98%; height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; margin:5px; color:#333;}
.status {width:98%; height:16px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.userMenu{width:100%; margin:0px 0px 0px 15px; position:relative; top:95px;}
.userNavigation{width:100%; height:30px;}
.userNavigation li{width:14%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; margin:5px; color:#333; float:left;}
.column_content{width:440px; height:auto; margin:10px 0 0 10px;}



/*
     */
/*
*/