div#container {
	width: 680px;
	height: 800px;
	
	margin: 0;
	padding: 0;
	
	background-color: white;
	background-image: url(/dressroom/wardrobe.gif);
}

div#header {
	text-align: center;
	background-color: purple;
	color: yellow;
}

div#container h1, div#container h2, div#container h3 {
	margin: 0;
	padding: 0;
}

div#wardrobe-tooltip {
	background-color: black;
	color: white;
	font-size: 12px;
	
	position: absolute;
	
	padding: 10px;
	z-index: 10000;
}

div#contents {
Z	margin: 0 10px;
	padding: 10px 0;
	
	position: relative;
	top: 56px;
}

div#current_head {
	width: 150px;
	height: 200px;
	
	border: 2px solid #930;
	margin: 0 5px 0 10px;
	
	float: left;
	position: relative;
	text-align: center;
	
}

div#current_head img {
	margin: 0;
	
	vertical-align: middle;
}

div#current_head p {
	margin : 0;
}

div#slots {
	width: 488px;
	height: 200px;
	
	border: 2px solid #930;
	margin: 0 10px 0 5px;
	
	float: right;
	position: relative;
	
	overflow-x: scroll;
	
}

ul#slots_list, ul#slots_label, ul#slots_btn {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#slots_list li, ul#slots_label li, ul#slots_btn li {
	margin: 3px;
	padding: 1px;
	
	width: 110px;
	height: 120px;
	
	float: left;
}

ul#slots_label li {
	margin: 0 5px;
	height: 20px;
	text-align: center;
}

ul#slots_btn li {
	height: 20px;
	margin: 0 5px;
	text-align: center;
}

div#selected_slot_details {
	height: 380px;
	
	margin: 10px;
	
	position: relative;
}

div#preview {
	height: 100%;
	width: 350px;
	
	border: 2px solid #930;

	float: left;
	position: relative;
}

div#menus {
	float: right;

	height: 100%;
	width: 290px;
	
	border: 2px solid #930;

	position: relative;
	
	overflow: auto;
}

div#section_header {
	text-align: center;
}

#btn_save {
	margin: 20px 0;
}

#btn_load {
	position: absolute;
	float: left;
	
	left: 75px;
	top: 300px;
}

div#partsList {
	overflow: visible;
}

li.ui-selectee {
	border: 2px solid #930;
	cursor: pointer;
}

li.ui-selected {
	border: 2px solid red;
	cursor: pointer;
}

div.clearall {
	clear: both;
}

div.transparentBG {
	position: absolute; 
	left: 0; 
	top: 0; 
	background-color: white; 
	opacity: 0.75; 
	width: 100%; 
	height: 100%
}

div.opaqueFG {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	margin: 0; 
	padding: 0;
}

.ui-tooltip {
	font-size: 10pt;
}

/* pynSlotPick */

.pynSlotPickFG {
	position: absolute; 
	left: 100px; 
	top: 60px; 
	width: 480px; 
	height: 500px;
	margin: 0; 
	padding: 0;
	background-color: rgba(255,255,255,0.75);
	
	border: 2px solid #930;
}

.pynSlotPickChoice {
	position: absolute; 
	padding: 10px;
}