/*
	CSS FOR THE PAPERMAKER
*/


/* CONTAINER */

#wall_container {
	width: 608px;
	height: 458px;
	background-image: url('../images/design/wallpaper_bg.jpg');
	margin: 30px 10px 10px 0;
	padding: 0;
	float: left;
}

#wallpaper {
	width: 600px;
	height: 450px;
	background-color: #000;
	margin: 4px 0 0 4px;
	overflow: hidden !important;
	display: block;
}

#image0 {
	width: 600px;
	height: 450px;
}


/* TOOLBAR */

#toolbar {
	width: 304px;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

#tools {
	width: 304px;
	height: 60px;
	display: block;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

#tools li {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0;
	padding: 0;
}



#tools li a {
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	font-size: 0.0001px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 -60px;
}

#tools li a:hover {
	background-position: 0 -120px;
}

.marginfix {
	margin-right: 1px !important;
}

#toolbar_delete { background-image: url('../images/design/toolbar_delete.jpg'); }
#toolbar_undo { background-image: url('../images/design/toolbar_undo.jpg'); }
#toolbar_duplicate { background-image: url('../images/design/toolbar_duplicate.jpg'); }
#toolbar_clear { background-image: url('../images/design/toolbar_clear.jpg'); }
#toolbar_help { background-image: url('../images/design/toolbar_help.jpg'); }

/* IMAGES CONTAINER */

#toolbar_images {
	width: 304px;
	margin: 1px 0 0 0;
}

#tool_images_back {
	text-indent: -9999px;
	font-size: 0.0001px;
	width: 28px;
	height: 28px;
	background-image: url('../images/design/toolbar_back.jpg');
	text-decoration: none;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#tool_images_next {
	text-indent: -9999px;
	font-size: 0.0001px;
	width: 28px;
	height: 28px;
	background-image: url('../images/design/toolbar_next.jpg');
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#tool_images_back:hover, #tool_images_next:hover {
	background-position: 0 -28px;
	text-decoration: none;
}

#tool_img_title {
	width: 248px;
	height: 28px;
	text-indent: -9999px;
	font-size: 0.0001px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-image: url('../images/design/toolbar_title.jpg');
	float: left;
	display: block;
	background-position: 0 0;
}

#images {
	width: 304px;
	height: 333px;
	background-image: url('../images/design/toolbar_bg.jpg');
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
}

#images_nav {
	width: 304px;
	height: 35px;
	background-image: url('../images/design/nav_bg.jpg');
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#nav_back {
	float: left;
	width: 60px;
	height: 23px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0.0001px;
	background-image: url('../images/design/nav_back.jpg');
	position: relative;
	left: 12px;
}

#nav_next {
	float: right;
	width: 60px;
	height: 23px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0.0001px;
	background-image: url('../images/design/nav_next.jpg');
	position: relative;
	left: -12px;
}

#nav_back:hover, #nav_next:hover {
	background-position: 0 -23px;
	text-decoration: none;
}

.thumb {
	width: 90px;
	height: 67px;
	border: 1px Solid #414141;
	margin: 13px 1px 13px 1px;
}

.thumb:hover {
	border: 1px Solid #939393;
}

#loader {
	width: 1px;
	height: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#thumbsloader {
	margin: 110px auto;
}

/* SLIDER AND OPTIONS */

#options {
	width: 608px;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 0;
}

#slider, #wallsize {
	width: 608px;
	height: 28px;
	float: left;
	display: block;
	background-image: url('../images/design/tools_bg.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
}

#slider { margin-bottom: 9px !important; }

#slider span {
	float: left;
	margin: 0 0 0 130px;
	padding: 0;
	line-height: 28px;
	display: block;
	_display: inline;
	text-align: left;
}

#wallsize span {
	margin: 0 0 0 130px;
	_margin: 0;
	padding: 0;
	line-height: 28px;
	_display: inline;
}

#track1 {
	margin: 5px 0 0 10px;
	float: left;
	display: block;
	_display: inline;
	text-align: left;
	background-repeat: no-repeat;
}

#handle1 {
	position: relative;
	top: -2px;
	margin: 0;
	padding: 0;
	_top: 0;
}

#handle1 img {
	margin: 0;
	padding: 0;
}

#build {
	float: left;
	text-indent: -9999px;
	font-size: 0.0001px;
	display: block;
	_display: inline;
	margin: 0;
	padding: 0;
	width: 304px;
	height: 65px;
	background-image: url('../images/design/build.jpg');
	border: 0;
	color: #000;
	position: relative;
	top: -65px;
	left: 618px;
	_left: 529px;
}

#build:hover {
	text-decoration: none;
	background-position: 0 -65px;
}


.textin {
	width: 100px;
	height: 17px;
	color: #fff;
	background-color: #222;
	border: 1px Solid #535353;
	line-height: 17px;
	margin: 3px 0 0 0;
}

#walldata {
	width: 430px;
	margin: 0;
	padding: 0;
	text-align: center;
}