@CHARSET "UTF-8";

body {
	line-height:1.5;
	font-size:11px;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.rel {
	position:relative;
}

.ofh {
	overflow:hidden;
}

.mh400 {
	min-height:400px;
}

/* Override colour schemes */
.box1 {
	background:#bcd1e7;
}

	.box1 h2 {
		background:transparent url(../../img/default/bg/box1-head.jpg) no-repeat scroll 0 0;
	}
	
	.box1 .but {
		background:#bcd1e7 url(../../img/default/bg/button.gif) repeat-x scroll 0 0;
	}

.men {	/* submenu */
	background:#6197ce url(../../img/default/bg/mbutton.gif);
	height:25px;
}

/* Background */
.bs_columns {
	background: transparent url(../../img/default/bg/bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom: 213px;
	min-height:550px;
}

.middle {
	float:left;
	margin:7px 0px 0px 0px;
}

/* Buttons */

.edit2 {
    position:absolute;
    top:-25px;
    right:2px;
}

	.edit2 input, .d_button, .d_button_w, .d_button_ew, .d_button_eew {
		cursor:pointer;
	    display:block;
	    font:bold 10px/21px Verdana, Arial, Helvetica, sans-serif;
	    color:#fff;
	    height:21px;
	    margin:2px 2px 0 0;
	    padding:0 1px;
	    text-align:center;
	    text-transform:uppercase;
		text-decoration:none;
	    border:none;
	    width:46px;
	    background:#00a5d2 url(../../img/default/bg/edit.jpg) no-repeat;
	}
	
		.d_button_w, .d_button_ew, .d_button_eew {
			padding:0px 5px 0px 5px;
			margin:2px 7px 0 0;
		}
		
			.d_button_ew {
				width:85px;
			    background:#00a5d2 url(../../img/default/bg/add-member.jpg) no-repeat;		
			}
			
			.d_button_eew {
				width:149px;
			    background:#00a5d2 url(../../../shared/img/layout/btn-eew.jpg) no-repeat;		
			}

.slist {
    width:433px;
    padding:0;
    margin:0;
    overflow:hidden;
    list-style:none;
}

	.slist li {
	    float:left;
	    width:416px;
	    padding:0 17px 10px 0;
	    border-bottom:1px solid #3b79ba;
	}

		.slist li div {
		    float:left;
		    width:410px;
		    padding:10px 14px 0 0;
		}

			.slist li div strong {
			    display:block;
			    font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
			    color:#3b79ba;
			    width:410px;
			}

			.slist li div span {
			    display:block;
			    font:10px/14px Verdana, Arial, Helvetica, sans-serif;
			    color:#292929;
			    width:410px;
			}

	.slist li p {
	    float:left;
	    font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	    color:#292929;
	    width:410px;
	    margin:10px 0 0;
		line-height:1.5;
	}

.pencil {
    position:absolute;
    top:-20px;
    right:5px;
}

	.pencil div {
	    background:url(../../../shared/img/icons/pencil.png) no-repeat;
	    width:71px;
	    height:48px;
	    overflow:hidden;
	}

/* NOTE: styles for main syte */
.columns .column2 .right_box{}
.columns .column2 .right_box.border{}
.columns .column2 .right_box .right-head {}
.columns .column2 .right_box .right-head h2 {}
.columns .column2 .right_box  .right-info{}
.columns .column2 .right_box .right_foot{}
.columns .column2 .right_box .right_foot a.cl_button{}
.columns .column2 .right_box .right_foot input.cl_submit{}
/* ----  PINK BOX  ---- */
/* NOTE: only styles for /www/skins/div/templates/boxes/right/emails.tpl */
.columns .column2 .right_box.cl_pink.border{}
.columns .column2 .right_box.cl_pink .right-head{}
.columns .column2 .right_box.cl_pink .right-info{}
.columns .column2 .right_box.cl_pink .right_foot{}
.columns .column2 .right_box.cl_pink .right_foot a.cl_button{}
.columns .column2 .right_box.cl_pink .right_foot input.cl_submit{}
.columns .column2 .right_box.cl_pink .right_foot label.cl_left {}
.columns .column2 .right_box.cl_pink .right_foot span {}
.columns .column2 .right_box.cl_pink .right_foot span input {}
.columns .column2 .right_box.cl_pink.cl_friendbook .right-info{}
.columns .column2 .right_box.cl_pink.cl_birth_cards .right-info{}
.columns .column2 .right_box.cl_pink.cl_birth_cards .right-info p{}
/* ---- /PINK BOX/ ---- */
/* /NOTE: styles for /www/skins/div/templates/boxes/right/emails.tpl/ */

/* FORMS */

.cl_pager {
	padding: 11px 0px 11px 9px;
	background-color: #bcd1e7;
}

.cl_error {	/* error messages */
	color: red;
	font-size: 10px;
}

.cl_info {
	padding:5px;
	background-color:#FFFFFF;
}

	.cl_info p {
		margin: 0px;
		padding: 10px 0px 10px 0px;
		text-indent:10px;
		font-weight:bold;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:10px;
	}
	
.cl_buttons {
	text-align: right;
	background-color:#FFFFFF;
}

	.cl_form1 {
		width: 50px;
		float: right;
	}
	
	.cl_form2 {
		margin-right: 5px;
		margin-top: 5px;
	}
	
/* Captcha */
.cl_captcha {
	float: left;
	margin-bottom: 7px;	
}

.cl_img {
	margin-top: 7px;
}

	.cl_img img {
		border: 1px solid #3b79ba;
	}

/* Guestbook */
.cl_message {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

	.cl_message a, .message_more {
		color:#3b79ba;
/* 		float:left; */
		font-size:11px;
		font-weight:bold;
		padding:7px 0 0;
	}

.send_box {
	float: left;
	width: 180px;
}

	.send_box span {
		padding: 1px;
		display: none;
	}
	
	.send_box .cl_submit { /* submit button */
		float: left;
		width: 180px;
		background: url(../../img/default/bg/button.gif);
		border:0 none;
		cursor:pointer;
		width:63px;
		height: 21px;
		color: #FFF;
		text-transform:uppercase;
		font-weight:bold;
		font-size:10px;
		margin-top:7px;
	}
	
.mail div {
	background:none;
}

/* GRAPHICS */
/* MAIL */

.mail {
    position:absolute;
    top:-38px;
    right:6px;
    width:48px;
    height:55px;
    overflow:hidden;
}

/* BIRTH */

.birth {
    position:absolute;
    top:-23px;
    right:4px;
    background:url(../../../shared/img/icons/book.png) no-repeat;
    width:70px;
    height:65px;
    overflow:hidden;
}

/* GROWTH */
.growth {
    position:absolute;
    top:-23px;
    right:4px;
}

.growth1 {
    position:absolute;
    top:-23px;
    right:50px;	
}
	.growth div, .growth1 div {
	    background:url(../../../shared/img/icons/weight.png) no-repeat;
	    width:70px;
	    height:65px;
	    overflow:hidden;
	}

.growth2 {
    position:absolute;
    top:-23px;
    right:4px;
}

	.growth2 div {
	    background:url(../../../shared/img/icons/weight.png) no-repeat;
	    width:70px;
	    height:65px;
	    overflow:hidden;
	}

.cl_growth p {
	font:bold 11px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#b20074;
	margin:0;
}

.cl_growth span {
	float:left;
	font:11px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	width:94px;
}

/* GUESTBOOK */
.book {
    position:absolute;
    top:-23px;
    right:10px;
}

.book1 {
    position:absolute;
    top:-23px;
    right:50px;
}

	.book div, .book1 div {
	    background:url(../../../shared/img/icons/book.png) no-repeat;
	    width:70px;
	    height:65px;
	    overflow:hidden;
	}
	
/* PHOTO */
.photo {
    position:absolute;
    top:-23px;
    right:10px;
}

.photo1 {
    position:absolute;
    top:-23px;
    right:80px;
}

	.photo div, .photo1 div {
	    background:url(../../../shared/img/icons/photo.png) no-repeat;
	    width:28px;
	    height:43px;
	    overflow:hidden;
	}

/* TEETH */

.teeth {
    position:absolute;
    top:-23px;
    right:4px;
}

	.teeth div {
	    background:url(../../../shared/img/icons/teeth.png) no-repeat;
	    width:55px;
	    height:78px;
	    overflow:hidden;
	}

.teeth1 {
    position:absolute;
    top:-23px;
    right:50px;
}

	.teeth1 div {
	    background:url(../../../shared/img/icons/teeth.png) no-repeat;
	    width:55px;
	    height:78px;
	    overflow:hidden;
	}

.toothbox p {
	font:11px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}

.toothbox span {
	font:bold 11px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#b20074;
	margin:0;
}

/* UNKNOWN */

.babysite_box_right .box_right_head a.cl_edit {
	float: right;
	background:#00A5D2 url(../../img/default/bg/edit.jpg) no-repeat scroll 0 0;
    width:62px;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:2px 2px 0 0;
	padding:0 1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

/* FAMILY TREE */

.tree_ {
	position:absolute;
	top:-35px;
	right:15px;
}

.tree_1 {
	position:absolute;
	top:-35px;
	right:90px;
}
	.tree_ div, .tree_1 div {
		background:url(../../../shared/img/icons/tree.png) no-repeat;
		width:65px;
		height:73px;
		overflow:hidden;
	}

/* EMAIL */

.mail {
	position: absolute;
	right: 10px;
	top: -35px;
}

	.mail div {
		background: transparent url(../../../shared/img/icons/mail.png) no-repeat scroll 0 0;
		height: 55px;
		overflow: hidden;
		width: 48px;
	}