#design-book {
	display:none;
	position:absolute;
	top:108px; right:0;
	width:172px; min-height:600px;
	z-index:9999 !important;
	background:none;
	border:none;
	text-align:center;
	text-transform:uppercase;
	color:#b3b3b3;
	font-size:1em;
}

#design-book .design-head {
	display:block;
	height:165px;
	margin:0; padding:0;
	background:url(../images/head.png) no-repeat top left;
	overflow:hidden;
}

#design-book a {
	text-transform:uppercase;
	color:#3caf9e;
	text-decoration:none;
}

#design-book a:hover {
	text-decoration:underline;
}

#design-book .username {
	position:relative;
	width:160px;
	margin:35px auto 0 auto;
	font-size:20px;
	color:#3caf9e;
}

#design-book .add-folder {
	position:relative;
	width:160px;
	margin:90px auto 0 auto;
	font-size:11px;
}

#design-book .folder-view {
	position:relative;
	display:block;
	min-height:130px;
	margin:0 a; padding:10px 0 35px 0;
	background:url(../images/folders_bg.png) repeat-y bottom left;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.3em;
}

#design-book .folder-view .logoutbtn {
	position:absolute;
	bottom:0; left:40px;
}

#design-book .folder-view em {
	display:block;
	padding-bottom:5px;
	font-style:normal;
}

#design-book .folder-view ul {
	display:block;
	padding-bottom:10px;
}

#design-book .folder-view ul li {
	padding-bottom:3px;
}

#design-book .folder-view ul li a {
	font-size:1.4em;
}

#design-book .folder-view ul li a.active{
	text-decoration:underline;
	font-weight:bold;
}

#design-book .folder-view a.erase-folder {
}

#design-book .folder-view .foldermsg {
	display:none;
	position:absolute;
	top:0; left:0;
	width:172px;
	background:url(../images/folders_bg.png) no-repeat bottom left;
	z-index:9999;
}

#design-book .folder-view .foldermsg .msg {
	text-align:center;
	padding:15px 10px;
	color:#3caf9e;
	font-weight:bold;
}

#design-book .folder-view .foldermsg a {
	padding:0 5px;
}

#design-book .design-content {
	position:relative;
	display:block;
	background:url(../images/content.png) repeat-y top left;
	height:650px;
	max-height:650px;
	margin:0; padding:0;
}

#design-book .design-content .prev, #design-book .design-content .next {
	position:absolute;
	left:50%;
	width:22px; height:38px;
	margin:0 0 0 -11px; padding:0;
	cursor:pointer;
	z-index:9999;
}

#design-book .design-content .prev {
	top:0;
	background:url(../images/up.jpg) no-repeat top left;
}

#design-book .design-content .next {
	bottom:0;
	background:url(../images/down.jpg) no-repeat top left;
}

#design-book .design-content .track {
	position:relative;
	top:50px;
	display:block;
	width:135px; height:550px;
	margin:0 auto; padding:0;
	overflow:hidden;
}

#design-book .design-content .track .image {
	position:relative;
	display:block;
	margin-bottom:15px;
}

#design-book .design-content .track a {
	display:none;
	left:0;
	width:135px;
	position:absolute;
	z-index:9999;
}

#design-book .design-content .track a.fimage {
	top:50%;
	margin-top:-5px;
	font-size:1.7em;
}

#design-book .design-content .track a.ferase {
	bottom:15px;
	font-size:.9em;
}

#design-book .design-foot {
	position:relative;
	display:block;
	margin:0; padding:0;
	background:url(../images/foot.png) no-repeat top left;
	height:315px;
	overflow:hidden;
}

#design-book .design-foot .msg {
	display:none;
	position:absolute;
	left:5px; top:75px;
	background:#fff;
	width:160px; height:185px;
	z-index:9999;
	text-align:center;
}

#design-book .design-foot .msg h2 {
	margin-bottom:15px;
}

#design-book .design-foot .msg p {
	line-height:1.4em;
	font-size: 11px;
}

/* share form */
#design-book-share-form {
	position:relative;
	margin:0; padding:0;
}

#design-book-share-form .inp {
	position:absolute;
	left:24px;
	width:120px; height:28px;
	margin:0; padding:0;
	background:none;
	border:none;
	color:#707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

#design-book-share-form .i1 { top:75px; }
#design-book-share-form .i2 { top:110px; }
#design-book-share-form .i3 { top:150px; height:90px; }

#design-book-share-form .xsend {
	display:block;
	position:absolute;
	top:260px; left:50%;
	margin-left:-23px;
	background:url(../images/send_btn.jpg) no-repeat top left;
	width:46px; height:22px;
	cursor:pointer;
}

/* general */
#design-book .folder-view input[type=text] {
	display:block;
	width:75%;
	margin:0 auto;
	background:none;
	border:none;
	border-bottom:#6fd1c7 1px solid;
	text-align:center;
	color:#3caf9e;
	font-size:1.2em;
}

.design-book-image {
	position:relative;
	margin:0; padding:0;
}

.post-content .design-book-image {
	margin:0 auto;
}

.design-book-image a.add-to-design-book {
	display:none;
	position:absolute !important;
	bottom:0; right:0;
	background:#fff;
	padding:3px 7px;
	margin:0;
	z-index:9999 !important;
	text-transform:uppercase;
	white-space:nowrap;
}

/* Sign up Pages */
#design-book-signup {
	position:relative;
	display:block;
	width:450px;
	margin:15px auto;
	padding:0;
	background:#fff;
}

#design-book-signup .right {
	text-align:right;
}

#design-book-signup .row {
	position:relative;
	display:block;
	margin:0 0 10px 0;
	padding:0;
}

#design-book-signup label {
	position:absolute;
	top:0; left:0;
	display:inline-block;
	width:150px;
	margin:0;
	padding:0;
	text-align:right;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
}

#design-book-signup input[type=text], #design-book-signup input[type=password] {
	display:inline-block;
	background:url(../images/inp-bg.jpg) no-repeat top left;
	border:none;
	width:263px; height:25px;
	margin:0 0 0 165px; padding:0;
	text-indent:4px;
	font-size:11px;
	color:#000;
	text-transform:uppercase;
}

#design-book-signup .row .select_custom {
	position:absolute;
	top:0; left:165px;
	width:238px;
	background:#ffffff;
	z-index:9999;
}

#design-book-signup .row .select_custom .trigger {
	position:absolute;
	top:0; right:-26px;
	background:url(../images/select-arw.jpg) no-repeat top left;
	width:26px; height:23px;
	margin:0; padding:0;
	cursor:pointer;
}

#design-book-signup .row .select_custom ul {
	display:none;
	margin:0; padding:0;
	border:#ccc 1px solid;
}

#design-book-signup .row .select_custom ul li {
	display:block;
	margin:0;
	padding:3px 0;
	text-indent:5px;
	color:#b4b4b4;
	cursor:pointer;
}

#design-book-signup .row .select_custom ul li:hover {
	background:#4ec1b1;
	color:#ffffff;
}

#design-book-signup #design-book-submit {
	margin-right:24px;
}

#design-book-signup .errors {
	display:block;
	padding:10px 15px;
	margin:0;
	color:#4ec1b1;
}

/* share page */
#share-design-book {
	display:block;
	/*background:url(../images/share-page-bg.jpg) repeat-x bottom left;*/
}

#share-design-book a.icon {
	position:absolute;
	top:50%;
	margin-top:-5px;
	display:block;
	width:33px; height:11px;
	background:url(../images/arws.jpg) no-repeat;
}

#share-design-book a.prev { background-position:0 0; }
#share-design-book a.prev:hover { background-position:0 -17px; }

#share-design-book a.next { background-position:-41px -1px; }
#share-design-book a.next:hover { background-position:-41px -17px; }

#share-design-book .window {
	position:relative;
	display:block;
}

#share-design-book .window a.prev { left:75px; }
#share-design-book .window a.next { right:75px; }

#share-design-book .window .track {
	position:relative;
	overflow:hidden;
	width:590px;
	margin:0 auto;
}

#share-design-book .window .track ul {
	width:999em;
	margin:0; padding:0;
	position:relative;
}

#share-design-book .window .track ul li {
	position:relative;
	float:left;
	width:590px;
	background:#fff;
}

#share-design-book .thumbs {
	position:relative;
	display:block;
}

#share-design-book .thumbs a.prev { left:0; }
#share-design-book .thumbs a.next { right:0; }

#share-design-book .thumbs .track {
	position:relative;
	overflow:hidden;
	width:775px;
	margin:0 auto; padding:0;
}

#share-design-book .thumbs .track ul {
	position:relative;
	width:999em;
	margin:0; padding:0;
}

#share-design-book .thumbs .track ul li {
	position:relative;
	float:left;
	margin:0 0 0 5px; padding:0;
	width:123px; height:82px;
	overflow:hidden;
	cursor:pointer;
	border:none;
}

#share-design-book .thumbs .track ul li img {
	margin:0; padding:0;
	border:none;
}
