@charset "UTF-8";

@import url("../import.css");

div#pieces-list {
	width: 500px;
	float: left;
}

div#users-pieces {
	margin-bottom: 1em;
}

div#users-pieces p {
	font-size: large;
	font-weight: bold;
}

div#sub {
	width: 246px;
	float: right;
	padding-top: 20px;
}

div#login-missed {
	width: 246px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}

div#login {
	border: 1px solid #78c430;
	background-color: #ccffcc;
	padding: 7px;
	margin-bottom: 1em;
}

div#login-action {
	text-align: center;
}

div#user-menu {
	border: 1px solid #ff00ff;
	background-color: #ffeeff;
	color: #cc33cc;
	font-size: small;
	font-weight: bold;
	padding: 7px;
	margin-bottom: 1em;
}

div#user-menu ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#user-menu ul li a{
	display: block;
	border: 1px solid #ff00ff;
	background-color: #ffccff;
	font-size: small;
	font-weight: normal;
	padding: 0.2em 0em 0.1em 7px;
	text-decoration: none;
	color: #cc33cc;
	margin: 2px 0px;
	height: 1.5em;
}

div#user-menu ul li a:hover {
	background-color: #ff99ff;
	color: #ffffff;
	font-weight: bold;
}

div#piece {
	
}

div#pieces-line {
	width: 100%;
	margin-bottom: 1em;
	float: left;
}

div#piece-thumbnail {
	width: 110px;
	text-align: center;
	margin-right: 6px;
	margin-left: 5px;
	float: left;
	word-break: break-all;
}

div#piece-icons {
	position:relative;
	height: 110px;
	margin-left: 5px;
	float: left;
	width: 350px;
}

div#piece-icons span {
	position: absolute;
	bottom: 0%;
}

div#piece-icons img{
	width: 28px;
	height: 16px;
	border-width: 0px;
	vertical-align: text-bottom;
}

div#piece-detail {
	margin-left: 1em;
	clear: both;;
}

div#piece-detail input {
	border: 1px solid #999999;
	width: 222px;
	padding: 3px;
	font-size: 90%;
}

div#piece-action {
	text-align: center;
}

div#piece-action input {
	border: 1px solid #999999;
	background-color: #cccccc;
	font-size: 90%;
	width: auto;
	padding: 0px;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#piece-detail textarea {
	border: 1px solid #999999;
	width: 222px;
	height: 6em;
	padding: 3px;
	font-size: 90%;
	vertical-align: top;
}

div#piece-detail th {
	text-align: right;
	font-weight: normal;
}

div#piece-thumbnail p.title {
	font-size: small;
}

div#piece-thumbnail p.beadsname {
	font-size: small;
}

div#piece-thumbnail img {
	border: 1px solid #cccccc;
	width: 110px;
	height: 110px;
}

div#piece-thumbnail img.icon {
	border-width: 0px;
	width: 28px;
	height: 16px;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
}

div#login input {
	border: 1px solid #78c430;
	width: 222px;
	padding: 3px;
	margin-bottom: 0.5em;
}

div#login-action input {
	border: 1px solid #78c430;
	background-color: #99ff99;
	font-size: 90%;
	width: auto;
	padding: 0px;
	margin-bottom: 0.5em;
}

div#profile {
	padding-top: 1em;
	text-align: center;
}

div#profile div#check-error {
	margin-bottom: 1em;
	font-weight: bold;
}

div#profile table {
	margin-bottom: 0.5em;
}

div#profile th {
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
}

div#profile td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

div#profile input,textarea{
	border: 1px solid #999999;
	width: 222px;
	padding: 3px;
	margin-bottom: 0.5em;
	font-size: 90%;
}

div#profile-action {
	text-align: center;
}

div#profile-action input {
	border: 1px solid #999999;
	background-color: #cccccc;
	font-size: 90%;
	width: auto;
	padding: 0px;
	margin-bottom: 0.5em;
}

div#action {
	text-align: center;
}

div#action input {
	border: 1px solid #999999;
	background-color: #cccccc;
	font-size: 90%;
	width: auto;
	padding: 0px;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#sub-search {
	background-color:#eeccff;
	border:1px solid #9900ff;
	margin-bottom:1em;
	padding-bottom:7px;
	padding-left:7px;
	padding-top:7px;
}