/***********/
/* GENERAL */
/***********/

html {
	font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial";
	font-size: 14px;
}

body {
	margin: 0;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 16px;
}

img {
	border: none;
}







/**********/
/* SPRITE */
/**********/

#sprite {
	position: absolute;
}



/***********/
/* WELCOME */
/***********/

#welcome_box {
	width: 500px;
}



/***********/
/* ACCOUNT */
/***********/

#account_box {
	width: 290px;
}

fieldset {
	padding: 10px;
}

fieldset div {
	margin: 5px 0 0 0;
}

fieldset label {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 12px;
	margin: 2px 0px 0 0;
}

fieldset input.text {
	height: 13px;
	margin: 0;
	padding: 0;
}

fieldset .error {
	font-size: 12px;
	color: red;
	margin-bottom: 20px;
	text-align: center;
}

.submit {
	text-align: center;
	margin-top: 10px;
}

.current {
	font-weight: bold;
	text-decoration: underline;
}



/*********/
/* LINKS */
/*********/

#links_box li {
	margin: 5px 0;
}



/***********/
/* LIBRARY */
/***********/

#baskets_box {
	width: 720px;
}

#shared_box {
	width: 850px;
}

.library div.basket {
	overflow: hidden;
	margin: 5px;
	padding: 5px 0;
	background-color: #FEFEFE;
	border: 1px solid gray;
}

.library div.basket:hover {
	background-color: #FFEFD5;
}

.library div.selected {
	background-color: #FFF7AD;
}

.library div.disabled {
	opacity: 0.33;
}

.library span {
	float: left;
	overflow: hidden;
	text-align: left;
	margin-top: 3px;
}
.library input {
	margin-top: 3px;
}

.library div.labels, .library div.labels:hover {
	background-color: gray;
	color: white;
}

.library .display {
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
	width: 75px;
}

.library .name {
	width: 250px;
	font-weight: bold;
}

.library .count {
	width: 150px;
}

.library .user {
	width: 150px;
}

.library .date {
	width: 200px;
	font-size: 13px;
}

.library .buttons {
	width: 24px;
	height: 24px;
	overflow: hidden;
	float: left;
}

.library .toggle {
	background-image: url(../img/del.png);
}

.library .disabled .toggle {
	background-image: url(../img/add.png);
}

.library .toggle {
	opacity: 0.66;
}

.library .toggle:hover {
	opacity: 1;
}

.library .toggle span {
	display: none;
}




/**********/
/* BASKET */
/**********/

#basket_infos {
	width: 700px;
}

#basket_infos div {
	margin-bottom: 10px;
	float: left;
}

#basket_infos label {
	width: auto;
	margin: 2px 0 0 10px;
}

#basket_infos #shared {
	float: left;
	margin: 20px 0 0 10px;
}

#basket_infos #label_shared {
	float: left;
	margin: 20px 0 0 5px;
}

#basket_infos textarea#description {
	width: 250px;
	height: 75px;
}

#basket_infos input, #basket_infos textarea {
	margin-left: 5px;
}

#basket_infos .submit {
	width: 100%;
}

#basket_infos .buttons {
	float: right;
	overflow: hidden;
	margin-left: 5px;
}

#basket_infos .buttons a {
	overflow: hidden;
	float: left;
	width: 64px;
}

#basket_infos span.message {
	display: block;
	overflow: hidden;
	float: left;
	width: 500px;
	font-size: 12px;
	text-align: left;
}

#basket_content {
	width: 800px;
	overflow: hidden;
	text-align: center;
}

#basket_player {
	margin-top: 15px;
}




/**********/
/* FACETS */
/**********/

#facets_box {
	display: none;
}



/*********/
/* DEBUG */
/*********/

#debug_box {
	position: fixed;
	width: 500px;
	max-height: 33%;
	right: 10px;
	bottom: 10px;
	margin: 0;
	padding-top: 0;
	font-size: 12px;
	opacity: 0.33;
	overflow: auto;
}

#debug_box.closed {
	width: 100px;
	padding-bottom: 0;
}

#debug_box.closed #debug,
#debug_box.closed h1 a {
	display: none;
}

#debug_box h1 a {
	float: right;
	color: #922;
}

#debug_box:hover {
	opacity: 0.8;
}

#debug_box h1 {
	padding: 5px;
	background-color: gray;
	color: white;
	font-size: 14px;
	border: 1px solid black;
	
}