#piecesBoard {
	height: 31.25rem;
	/* background: url('/themes/default/images/character_creator/board_background.png?v=1') no-repeat 0rem 0rem; */
	background-color: #797979;
	background-size: contain;
}
table.characters .image {
	width: 10.375rem;
	max-width: 10.375rem;
}

#characterCreator .toolButtonWrapper {
	float: left;
	margin-bottom: 0.8125rem;
}
#characterCreator #toolOptions {
	height: 9.375rem;
	width: 60rem;
}
#characterCreator .externalView {
	padding-bottom: 1.25rem;
	margin-bottom: 1.875rem;
}
#characterCreator #toolOptions {
	height: inherit;
}
#characterCreator #helpButton {
	margin-left: 0.4375rem;
}
#characterCreator .optionsButton {
	margin-left: 1.25rem;
}
#characterCreator #characterName {
	display: block;
	font-size: 1rem;
	height: 1.875rem;
	line-height: 1.875rem;
	width: 17rem;
	margin: 0.625rem 0 1.25rem 1.25rem;
}
#characterCreator #characterDescription{
	display: block;
	font-size: 1rem;
	line-height: 1.375rem;
	height: 3.75rem;
	width: 53.75rem;
	margin: 0 0 0.625rem 1.25rem;
}
#characterCreator .informative > div,
#characterCreator .externalView .description {
	font-size: 1rem;
	background-color: #c0b59f;
	padding: 1.25rem;
	width: 55rem;
	margin: 1.25rem 0 1.25rem 1.25rem;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
#characterCreator .informative li {
	margin: 0 0 0.3125rem 1.25rem;
	list-style: disc;
	line-height: 1.25rem;
}
#characterCreator .informative h1 {
	margin-bottom: 0.625rem;
	font-size: 1.125rem;
	font-family: 'UBold';
}
#characterCreator .informative li > label {
	display: inline-block;
	width: 4.6875rem;
}
#characterCreator .informative h1.subHeadline {
	margin-top: 1.25rem;
}
#characterCreator .characterNameNotation,
#characterCreator .boardNotation,
#characterCreator .siteNotation {
	
	background-color: #5e5e5e;
	height: 1.875rem;
	text-align: center;
	padding: 0.3125rem;
	color: #b4b4b4;
	line-height: 1.875rem;
}
#characterCreator .characterNameNotation,
#characterCreator .externalView .name {
	color: #ffb606;
	font-size: 1.5rem;
	font-family: 'UBold';
	padding-top: 0.625rem;
	
	text-shadow: 0.125rem 0.125rem #1c1c1b;
}
#characterCreator .externalView .name {
	text-align: center;
	margin-bottom: 1.25rem;
}
#characterCreator .boardNotation {
	padding-bottom: 0rem;
}
#characterCreator .siteNotation {
	padding: 0;
}
#characterCreator #creatorCamera .boardBorders {
	border: 0.4375rem solid #5e5e5e;
}
#characterCreator #characterSave,
#characterCreator #creatorHelp,
#characterCreator #viewPicture,
#characterCreator #takePicture,
#characterCreator #finalize {
	display: none;
}
#characterCreator #saveCharacter{
	visibility: hidden;
}

#piecesBoard .piece
{
	position: relative; 
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	display: inline;
	margin: 0.3125rem;
	
	cursor: hand; 
	cursor: pointer;       
}
#characterCreator #toolWrapper {
	width: 60rem;
}
#characterCreator .updateInteractions {
	height: 3.125rem;
}
#characterCreator #viewPicture img {
	width: 7.5rem;
	height: 1.5625rem;
}
#characterCreator .small {
	color: #c0b59f;
}
#characterCreator .externalView .fb-like {
	display: block;
	text-align: center;
	margin: 0rem 0 1.25rem 0;
}
#characterCreator .externalView .userPlaque {
	margin-left: 1.25rem;
}
#characterCreator .externalView .creationImage {
	height: 32.5rem;
	overflow: hidden;
}
#characterCreator .externalView .creationInfo {
	float: left;
	width: 22.5rem;
}
#characterCreator .externalView .creationInfoRight {
	float: left;
	width: 12.5rem;
}
#characterCreator .externalView .creationInfoRight #randomCharacter {
	margin: 0 0 0 2.4375rem;
}
#characterCreator .currentRating {
	width: 12.5rem;
	color: #c0b59f;
	display: block;
	margin: 0 0 1.25rem 0;
	text-align: center;
}
#characterCreator .currentRating .small {
	margin-top: 0.3125rem;
}
#characterCreator .preloader {
	height: 1.5625rem;
	width: 1.5625rem;	
	background: url('/themes/default/images/preloader_25x25.gif?v=1') no-repeat 0rem 0rem;
	margin: 0.4375rem 0 0 4.375rem;
	display: none;
}
#characterCreator #viewPictureBox {
	cursor: pointer;
	margin: 1.25rem 0 0 1.25rem;
	position: absolute;
	z-index: 3000;
	display: none;
	box-shadow: 0.3125rem 0.3125rem 0.3125rem #3b3b3b;
}
#characterCreator #viewPictureBox .close {
	right: 0.625rem;
	top: 0.625rem;
	cursor: pointer;
}
.flipped {
	transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-khtml-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
}
.ui-rotatable-handle 
{
    background: #727272;
    border: 0.0625rem solid #FFF;
    border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
    -o-border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    cursor: pointer;
    
    height:        0.625rem;
    left:          50%;
    margin:        0 0 0 -0.3125rem;
    position:      absolute;
    top:           -0.3125rem;
    width:         0.625rem;
}
.ui-rotatable-handle.ui-draggable-dragging
{
    visibility:  hidden;
}
#listCreations #planTable .image {
	width: 9.375rem;
}
#listCreations #planTable .image > img {
	width: 9.375rem;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
#listCreations #planTable .title a {
	font-size: 1.5rem;
	text-shadow:
	 -0.0625rem -0.0625rem 0 #000,  
	  0.0625rem -0.0625rem 0 #000,
	  -0.0625rem 0.0625rem 0 #000,
	   0.0625rem 0.0625rem 0 #000;
	color: #ffb606;
}
#listCreations #planTable .title a:hover {
	text-decoration: none;
}