/* avatar landing */

#avatar-landing-left {
	width: 275px;
	float: left;
	margin: 0;
	padding: 10px;
}

.avatar-home  {
	display: block;
	float: left;
	width: 140px;
	height: 225px;
	margin: 0;
	padding: 0;
	border: 0;
}

#animation {
	width: 520px;
	float: left;
	margin: 0 5px;
}

#animation p {
	color: #000;
	font-weight: normal;
	text-decoration: none !important;
	padding: 5px;
	margin: 0;
}

/* avatar builder login box */
.login-box {
	margin: 0 auto;
	padding: 0;
}

.login-box p {
	padding: 0;
	margin: 0;
}

/* avatar builder */

body#avatar_builder #content-main,
body#avatar_landing #content-main {
	width: 834px;
	float: left;
	padding: 0;
	background: #fff url(/images/avatar-builder/gray-gradient.jpg) repeat-x;
}

body#avatar_landing #homepage-main {
	text-align: center;
	width: 100%;
	height: 284px;
	padding: 0;
	margin: 0;
}
#builder-header {
	position: relative;
	height: 103px;
	background: transparent url(/images/avatar-builder/bg-header.png) no-repeat;
}
#builder-container {
	float: left;
	background-color: #2a2e34;
	border: 1px solid #fff;
	padding: 6px 6px 0px 6px;
	height: 260px; 
}
div#selector-menu {
	float: left;
	width: 162px;
	background: #fff url(/images/avatar-builder/gradient.jpg) repeat-x bottom;
}

/* div#selector-menu a:focus, div#selector-menu a:active {-moz-outline:0;outline:0;outline-offset:0;}*/

div#selector-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#selector-menu ul li {
	margin: 0;
	padding: 0;
}
div#selector-menu ul li a {
	display: block;
	border-bottom: 1px solid #c3c7cb;
	background: url(/images/avatar-builder/gradien_t_sm.jpg) bottom repeat-x ;
	color: #2a2e34;
	margin: 0;
	padding: 4px;
}
div#selector-menu ul li a:hover,
div#selector-menu ul li a:focus,
div#selector-menu ul li a:active {
	background: #8890a0 url(/images/avatar-builder/gradient_sm.jpg) repeat-x top;
}
div#avatar-builder {
	float: left;
	width:650px;
	height: 250px;
	margin-left: 6px;
	background: #fff url(/images/avatar-builder/gradient.jpg) repeat-x bottom;
}
div#selector-container {
	float: left;
	width: 400px;
	height: 230px;
	margin: 6px;
	padding: 4px;
	background: #fff;
	border: 1px solid #dbdbdb;
	overflow: auto;
}
div#complete-avatar-container {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	padding: 0 5px;
}

div#complete-avatar-container p {
	position: absolute;
	top: 280px;
	left: 320px;
	width: 200px;
	margin: 0;
	padding: 0;

}

div#avatar-view {
	float: left;
	width: 208px;
	margin: 6px 0 0 0;
	height: 238px;
	background: #fff;
	text-align: center;
	border: 1px solid #dbdbdb;
}
div.avatar-layers {
	position: absolute;
	top: 20px;
	left: 600px;
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: transparent;
}
div.single-image {
	float: left;
	width: 60px;
	height: 80px;
	margin: 4px;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
div.single-image a {
	display: block;
	vertical-align: middle;
	width: 60px;
	height: 80px;
}
div.single-image a img {
	vertical-align: middle;
}
div#avatar-commands {
	clear: left;
	padding: 0;
	margin: 0 0 3px 0;
	border: 0;
	overflow: hidden;
	text-align: center;
}

div#avatar-commands #submit-post, div#avatar-commands #clear-builder {
	margin: 0 3px 0 0;
	border: 1px solid #fff;
	padding: 0;
}
div.clearzit {
	clear: both;
}


div#messenger-wrap {
	position:relative;
	width:100%;
	height:100%;
	top:0; left:0;
	display:table;
	background: url(/images/avatar-builder/msg-bg.png);
	z-index:99999999;
}                      

div#messenger {
	margin: 0;
	padding: 0;
	display:table-cell;
	text-align:center;
}

div#messenger p {
	padding:10px;
	background: #2a2e34;
	width:350px;
	float: left;
	margin: 85px 0 0 10px;
	border:4px solid #fff;
	text-align:center; 
}

div#messenger input {
	margin-top:5px;
}                    

span#messenger-span {
	padding:2px 0 2px 20px;  
	margin:0 auto; 
	font-weight:bold;
	color:#efefef;
}