.cl_text {
	width:420px;
}

/* EDITOR */

.d_add_btn {
	width:auto;
	float:right;
	padding:0px 4px 0px 4px;
}

.warning {
	color: red;
	padding:10px 0px 0px 0px;
	text-align:center;
}

.choose label, .title label {
	float:left;
	clear:left;
	font-size:11px;
	width:100px;
	margin-bottom:5px;
}

	.title input[type="text"] {
	    float:right;
	    font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	    color:#7b7b7b;
	    width:285px;
	    padding:0 5px;
	    height:14px;
		margin:0px 11px 0px 0px;
	    border:1px solid #b0b0b0;
	    background:#fff;
	}
	
	
.diary_enter {
	padding:7px 0px 7px 10px;
}

.diary_head {
	margin:0px;
	padding-bottom:10px;
	padding-left:0px;
	text-decoration:none;
}

	.diary_head a {
		text-decoration:none;
	}

.diary_date {
	color:#b20074;
	font-family:tahoma;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-color:#000000;
}

.diary_message_box {
	width:375px;
	padding:0px;
	margin:0px;
}

	.dmb_column1 {
		float:left;
		width:160px;
		text-align:left;
		padding:0px;
		margin:0px;
	}
	
		.dmb_column1 span {
			font-family:verdana;
			font-size:9px;
		}
		
		.dmb_column1 a {
			text-decoration:none;
			color:#b20074;
			font-family:verdana;
			font-size:9px;
			font-weight:bold;
		}

	.dmb_column2 {
		float:right;
		text-align:right;
		width:120px;
		padding:0px;
		margin:0px;		
	}

.button001 {  
    background:#00A5D2 url(../../img/default/bg/but1.jpg) repeat-x scroll 0 0;
    border:medium none;
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
    height:21px;
    line-height:21px;
    margin:0 0 0 5px;
    padding:0 5px 2px;
    text-align:center;
    text-transform:uppercase;
}   

.close {
    background:transparent url(../../../shared/img/layout/close.jpg) no-repeat scroll 0 0;
    cursor:pointer;
    height:16px; 
    position:absolute;
    right:7px;
    top:6px;
    width:16px;
}

.title001 {
    background: url(../../img/bg-popup.jpg) #00A5D2 repeat-x scroll 0 0;
    font-weight:bold;
    height:26px;
}

.edit1 {
	cursor:pointer;
	background:#0096BF url(../../img/default/bg/edit.jpg) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:right;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:21px;
	line-height:20px;
	margin:2px 7px 7px 0;
	padding:0 1px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:64px;
}

.cl_message {
	clear:left;
	width:420px;
}

.cl_message_text {
    font:11px/14px Verdana, Arial, Helvetica, sans-serif;
}

	.cl_message_text a, .cl_message div a {
		float:left;
		font-weight:bold;
		padding:7px 0px 0px 0px;
	    color:#b20074;
		font-size:11px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.required_st {
    float:left;
    background:url(../../../shared/img/layout/incorect.gif) no-repeat center;
    width:17px;
    height:17px;
    margin:1px 0 0;
    text-indent:-9999px;
}

.box3 {
    overflow:hidden;
    background:#ff98bf url(../../img/default/box2.jpg) no-repeat;
    width:467px;
    height:96px;
    padding:3px 0 0;
    margin-top: 3px;
	border-bottom:1px solid #ff98bf;
}

.welkom {
    float:left;
    width:205px;
    padding:0 0 0 7px;
}

	.welkom h3 {
	    font:bold 12px/26px Verdana, Arial, Helvetica, sans-serif;
	    color:#fff;
	    margin:1px 0 0 4px;
	}

.name {
    float:left;
    width:238px;
    padding:7px 16px 0 1px;
}

	.name h2 {
	    display:table;
	    margin:0;
	    height:76px;
	}

		.name h2 span {
		    font:bold 24px/30px Verdana, Arial, Helvetica, sans-serif;
		    color:#ff80b0;
		    width:228px;
		    padding:0 5px;
		    display:table-cell;
		    vertical-align:middle;
		    text-align:center;
		}

.left-top {
    border:1px solid #ffc4e8;
    margin:7px 0 0;
    width:466px;
	float: left;
}

.left-top-head {
    background:#ff98bf url(../../img/default/bg/header.jpg) repeat-x;
    width:455px;
    padding:0 0 0 11px;
    height:25px;
    overflow:hidden;
}

	.left-top-head h2 {
	    font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	    color:#fff;
	    margin:0;
	}

.left-top-info {
    background:url(../../img/default/guest-top.jpg) no-repeat;
    width:433px;
    padding:80px 29px 52px 4px;
    min-height:70px;
    position:relative;
    z-index:999;
}

	.left-top-info:after {
	    content:".";
	    font:0px sans-serif;
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
	}

* html .left-top-info {
    overflow:visible;
    height:70px;
}

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

	.list li {
	    float:left;
	    width:416px;
	    padding:0 17px 10px 7px;
	    background:url(../../../shared/img/layout/border.jpg) no-repeat 100% 100%;
	}

		.list li a.cart {
		    float:left;
			cursor:pointer;
		    background:url(../../../shared/img/layout/cart.jpg) no-repeat;
		    width:16px;
		    height:16px;
		    text-indent:-9999px;
		}

		.list li div {
		    float:left;
		    width:400px;
		    padding:10px 14px 0 0px;
		    font:11px/14px Verdana, Arial, Helvetica, sans-serif;
		}

			.list li div strong {
			    display:block;
			    font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
			    color:#b20074;
			    /*width:100px;*/
			}

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

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

.book {
    position:absolute;
    top:-30px;
    right:0;
}

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

.pages {
    background:#ffc4e8;
    width:450px;
    padding:7px 8px;
    margin:0;
    overflow:hidden;
    list-style:none;
}

	.pages li {
	    float:left;
	    font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	    color:#b20074;
	}

		.pages li a {
		    float:left;
		    font:11px/16px Verdana, Arial, Helvetica, sans-serif;
		    color:#b20074;
		    padding:0 2px;
		    text-decoration:none;
		}

		.pages li a:hover {
		    font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
		    color:#fff;
		    background:#ff8dc6;
		}

.middle {
    width:468px;
    overflow:hidden;
    margin:6px 0 0;
}

.middle-foot {
    width:466px;
    overflow:hidden;
    border:1px solid #ff80b0;
    margin:6px 0 0;
  	float: left;
}

.middle-foot-head {
    background:#ff98bf url(../../img/default/bg/header.jpg) repeat-x;
    width:455px;
    height:26px;
    padding:0 0 0 11px;
    overflow:hidden;
}

	.middle-foot-head h2 {
	    float:left;
	    font:bold 12px/26px Verdana, Arial, Helvetica, sans-serif;
	    color:#fff;
	    margin:0;
	}

.middle-foot-info {
    width:446px;
    overflow:hidden;
    padding:22px 10px 10px;
}

.reply {
    width:446px;
    overflow:hidden;
}

	.reply textarea {
	    font:11px/16px Verdana, Tahoma, sans-serif;
	    color:#7b7b7b;
	    padding:4px 5px;
	    width:432px;
	    height:163px;
	    overflow:hidden;
	    margin:6px 0 0;
	    border:1px solid #b0b0b0;
	}

	* html .reply textarea {
		margin:0;
	}

	.reply div {
	    padding:7px 0 7px 0;
	    width:444px;
	    overflow:hidden;
	}

	.reply label {
	    float:left;
	    font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	    color:#000;
	    width:57px;
	}

	.reply ul {
	    width:300px;
	    padding:0;
	    margin:0;
	    overflow:hidden;
	    list-style:none;
	}

	.reply ul li {
	    float:left;
	    padding:0 6px 0 0;
	}

		.reply ul li a {
		    float:left;
		    font:11px/22px Verdana, Tahoma, sans-serif;
		    color:#000000;
		    width:23px;
		    height:23px;
		    border:1px solid #b0b0b0;
		    text-align:center;
		    text-decoration:none;
		}

			.reply ul li a.smile {margin:0 0 0 10px}
			.reply ul li a:hover {text-decoration:none}

			.reply ul li a em {
			    font:11px/22px Verdana, Tahoma, sans-serif;
			    text-decoration:underline;
			}

			.reply ul li a:hover em {
				text-decoration:underline;
			}

	.reply div .reply {
	    float:right;
	    font:bold 10px/21px Verdana, Arial, Helvetica, sans-serif;
	    color:#fff;
	    height:21px;
	    width:64px;
	    margin:2px 0 0 0;
	    padding:0 1px;
	    text-align:center;
	    text-transform:uppercase;
	    background:#ff98bf url(../../img/default/bg/but1.jpg) repeat-x;
	    border:none;
	}

	.right-top {
	    width:334px;
	    overflow:hidden;
	}

	.right-middle {
	    width:332px;
	    border:1px solid #ff80b0;
	    margin:6px 0 0;
	}

	.right-middle-head {
	    background:#ff98bf url(../../img/default/bg/header.jpg) repeat-x;
	    width:321px;
	    height:25px;
	    padding:0 0 0 11px;
	    overflow:hidden;
	}

		.right-middle-head h2 {
		    float:left;
		    font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
		    color:#fff;
		    margin:0;
		}

.right-middle-info {
    background:url(../../../shared/img/layout/bg-history.jpg) no-repeat;
    width:236px;
    padding:38px 55px 32px 41px;
    position:relative;
    z-index:10;
}

	.right-middle-info:after {
	    content:".";
	    font:0px sans-serif;
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
	}

/* VIEWER */

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

	.slist li div {
		width:400px;
		border:1px solid #00FF00;
	}

	.slist li {
	    float:left;
	    width:236px;
	}

		.slist li a {
		    float:left;
		    font:bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
		    color:#b20074;
		    padding:0 0 0 22px;
		    background:url(../../../shared/img/layout/arrow2.gif) no-repeat 0 50%;
		    text-decoration:none;
		}

			.slist li a:hover {background:url(../../img/default/arrow1.gif) no-repeat 0 50%}
			.slist li a.active {background:url(../../img/default/arrow1.gif) no-repeat 0 50%}

	.slist ul {
	    clear:both;
	    width:214px;
	    padding:0 0 0 22px;
	    margin:0;
	    overflow:hidden;
	    list-style:none;
	}

	.slist ul li {
		width:214px;
	}

	.slist ul ul {
	    clear:both;
	    width:214px;
	    padding:0;
	    margin:0;
	    overflow:hidden;
	    list-style:none;
	}

		.slist ul ul li a {
		    font:14px/22px Verdana, Arial, Helvetica, sans-serif;
		    color:#000;
		    background:none;
		}

			.slist ul ul li a:hover {
				background:none;
			}

.close {
    background:transparent url(../../../shared/img/layout/close.jpg) no-repeat scroll 0 0;
    cursor:pointer;
    height:16px; 
    position:absolute;
    right:7px;
    top:6px;
    width:16px;
}

.button001 {  
    background:#00A5D2 url(../../img/default/bg/but1.jpg) repeat-x scroll 0 0;
    border:medium none;
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
    height:21px;
    line-height:21px;
    margin:0 0 0 5px;
    padding:0 5px 2px;
    text-align:center;
    text-transform:uppercase;
}