/* ************************** */
/* PLUGIN DEFAULT CSS         */
/* ************************** */

/* ************************** */
/* MAIN CSS                   */
/* ************************** */

body {
	background:#fff;
	
	font-family:Helvetica, Arial, Sans-Serif;
}

.clearfix {
	clear:both;
}

.hidden {
	display:none;
}

/* ************************** */
/* MAIN ELEMENTS              */
/* ************************** */
	
#wrapper {
	position:relative;
	width:1280px; min-height:640px;
	margin:0 auto;
}
.wrapper-inner {
	padding:20px;
}

#sidebar-config {
	position:absolute; top:20px; left:20px;
	width:260px; height:680px;
	
	background:#fff;
	
	z-index:3000;
}

#select-wrapper {
	position:absolute; top:20px; 
	/*	left:280px;*/
	left:20px;
	width:205px; height:680px;
	background:#fff; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	
	z-index:2000;
	overflow:hidden;
}

#canvas-wrapper {
	position:relative;
	margin-left:280px;
	height:680px;
	
	z-index:1000;
	overflow:hidden;
}

.feedback {
	margin: 0;
	padding: 0 20px;
	font-size:12px;
	text-align:right;
	color:#777;
	line-height:16px;
}

.feedback span {
	color:#777;
}

.feedback a,.feedback a:link, .feedback a:active, .feedback a:focus {
	color:#0b966e;
}

.logo {
	width:351px; height:111px;
	background:#fff;
}

.logo .logo-img {
	width:150px; height:111px;
	overflow:hidden;
}

/**********************************************/
/** BUTTON BASICS */
/**********************************************/

.btn {
	cursor:pointer;
	color:#bdc3c7; background:#f1f1f1;
}

.btn-100 {
	width:100%;
	float:left;
}

.btn-50 {
	width:50%;
	float:left;
}

.btn-33 {
	width:33.33%;
	float:left;
}

/**********************************************/
/** CANVAS */
/**********************************************/

#canvas-wrapper header {
	width:351px;
	position:absolute; top:10px; right:10px;
}

#canvas-wrapper header hgroup {
	position:absolute;
	top:34px; left:155px;
}

#canvas-wrapper header hgroup h1,
#canvas-wrapper header hgroup h2 {
	font-weight:200;
	margin:0; padding:0;
}

#canvas-wrapper header hgroup h1 {
	text-transform:uppercase;
	font-size:18px;
	color:#4b4b4b;
}
#canvas-wrapper header hgroup h2 {
	font-size:14px; line-height:20px;
	color:#4b4b4b;
}

.canvas {
	height:678px;
	background:#fff url(img/canvas-default.jpg) left top no-repeat;
	border:1px solid #000000;
}

.canvas img {
	position:absolute; top:0px; left:0px;
}

.lang-box {
	position:absolute; top:117px; left:0px;
/*	width:142px; height:28px;
	border:1px solid #1e5143;
	background:#098a65;*/
}
.btn-lang {
	width:142px; height:28px;
	border:1px solid #1e5143;
	background: url(img/download.arrow.png) 120px center no-repeat;
	background-color:#098a65;
	
	font-size:14px; line-height:26px; text-indent:10px;
	text-shadow: 0 0 1px #be8500;
	color:#fff;
}
.btn-lang:hover,
.lang-box:hover .btn-lang {
	text-shadow: 0 0 2px #000;
	
	background-color: #0b966e; /* Old browsers */
}
.lang-box ul {
	margin:0; padding:4px 0;
}

.lang-box li {
	width:142px; height:28px;
	list-style:none;
	
	margin: 0 0 2px 0;
	background:#f7ad01;
	text-shadow: none;
	
	color:#fff; line-height:28px; font-size:14px; text-indent:10px; 
	cursor:pointer;
}
.lang-box li:hover {
	background:#0b966e;
}

.btn-download {
	width:203px; height:28px;
	border:1px solid #1e5143;
	background: url(img/download.arrow.png) 180px center no-repeat;
	background-color:#f7ad01;
	
	font-size:14px; line-height:26px; text-indent:10px;
	text-shadow: 0 0 1px #be8500;
	color:#fff;
}

.btn-download:hover,
.download-box:hover .btn-download {
	text-shadow: 0 0 2px #000;
	
	background-color: #0b966e; /* Old browsers */
}

.download-box {
	position:absolute; top:117px; right:0px;
}

.download-box ul {
	margin:0; padding:4px 0;
}

.download-box li {
	width:203px; height:28px;
	list-style:none;
	
	margin: 0 0 2px 0;
	background:#f7ad01;
	text-shadow: none;
	
	color:#fff; line-height:28px; font-size:14px; text-indent:10px; 
	cursor:pointer;
}
.download-box li:hover {
	background:#0b966e;
}

#canvas-wrapper .overlay-flat {
	width:100%; height:100%;
	position:absolute; top:0px; left:0px;    

	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}
#canvas-wrapper .overlay-loader{
	width:208px; height:108px;
	background: url(img/ajax-loader.gif) center center no-repeat #fff;
	position:absolute; top:0px; right:0px;
}

/**********************************************/
/** SIDEBAR */
/**********************************************/

#select-wrapper {
	font-size:12px;
}

#select-wrapper .arrow {
	position:absolute; left:0px;
	width:20px; height:33px;
	background:url(img/select-wrapper.arrow.png) left top no-repeat;
}

.select-clinker-list .arrow {
	top:271px; 
}

.select-fugue-list .arrow {
	top:572px;
}

.select-clinker-list .cat {
	padding:3px 6px;

	border-bottom:2px solid #bdc3c7;
}

#select-wrapper .main {
	margin-left:20px; 
	padding:2px;
	height:100%;
	height:676px;
	background:#bdc3c7;
}

#select-wrapper .main .btn{
	display:block; position:relative;

	border-bottom:2px solid #bdc3c7;
	line-height:0;
	
	background:#f1f1f1;
	color:#4b4b4b;
}

#select-wrapper .main .btn-close {
	padding:12px 0px 13px 58px; line-height:18px;
	color:#bdc3c7;
	background: #f1f1f1 url(img/select-wrapper.close.png) left center no-repeat;
}

#select-wrapper .main .btn-remove {
	position:absolute;
	top:15px; right:15px;
	width:20px; height:20px;
	background: url(img/select-wrapper.x.png) center center no-repeat;
	display:none;
}

#select-wrapper .main .btn-act .btn-remove {
	z-index:9999;
	display:block;
}

#select-wrapper .main .clinker-img,
#select-wrapper .main .fugue-img {
	float:left;
}

#select-wrapper .main img {
	width:48px; height:48px;
}

#select-wrapper .main .clinker-img img {
	background: url(img/clinker-placeholder.png) left 0px no-repeat;
}
#select-wrapper .main .fugue-img img {
	background: url(img/fugue-placeholder.png) left 0px no-repeat;
}

#select-wrapper .main .btn h3 {
	font-weight:normal;
	margin:25px 0 0 10px;
	
	float:left;
}

#select-wrapper .main .el-wrap:hover .btn,
#select-wrapper .main .el-wrap .btn-act {
	background-color:#f5ba32;
	color:#fff;
}

.select-clinker-list .box-share {
	padding:15px 3px 5px 3px;
/*	float:left; */
	position:relative;
	border-bottom:2px solid #bdc3c7;
	background:#f1f1f1;
	color:#4b4b4b;
}

.select-clinker-list .el-wrap:hover .box-share {
	background:#fdebc3;	
	color:#34495e;
}

.select-clinker-list .sintra-share-txt {
	width:50%; font-size:10px; line-height:12px;
	position:absolute; top:3px;
	left:3px; text-align:left;
}
.select-clinker-list .sintra-share-val {
	width:50%; font-size:10px; line-height:12px;
	position:absolute; top:3px;
	right:3px; text-align:right;
}

.select-clinker-list .sintra-slider {
	margin:0 5px 0 5px;
	width:164px;
	float:left;
}
.select-clinker-list .el-wrap:hover .box-share  .noUi-handle,
.select-clinker-list .el-wrap:hover .box-share  .noUi-handle {
	background: #f5ba32;
}

/**********************************************/
/** CONFIGURATION GROUPS */
/**********************************************/

.group {
	font-size:12px;
}

.group header {
	height:25px;
	padding:0 10px; position:relative;
	background:#bdc3c7;

	font-size:12px; line-height:26px;
	color:#fff;
	overflow:visible;
}

.group .header-act {
	color:#fff;
	background:#e74c3c;
}

.group .main {
	margin-top:1px;
	padding:10px;
	background:#e0e3e4;
}

.group:hover header,
.group-act header,
.group:hover .main,
.group-act .main  {
	background: #0b966e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTY2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOThhNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0b966e 0%, #098a65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b966e), color-stop(100%,#098a65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b966e 0%,#098a65 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b966e', endColorstr='#098a65',GradientType=0 ); /* IE6-8 */
}

.ie9 .group:hover header .gradient,
.ie9 .group-act header .gradient,
.ie9 .group:hover .main .gradient,
.ie9 .group-act .main .gradient  {
	filter: none;
}

.group footer {
	height:15px; margin-bottom:3px;
	background:url(img/config-box.footer.arrow.png) center top no-repeat;
}

.group:hover footer,
.group-act footer,
.group-act .active {
	height:15px;
	background:url(img/config-box.footer.arrow.png) center bottom no-repeat;
}

.group header .btn-help {
	width:17px; height:16px;
	position:absolute; top:4px; right:4px;
	background:none;
	background:url(img/help.png) left top no-repeat;
	
	cursor:help;
	overflow:visible;
}

.group:hover header .btn-help,
.group-act header .btn-help {
	background:url(img/help.png) left -16px no-repeat;
}

.group:hover header .btn-help:hover,
.group-act header .btn-help:hover {
	background:url(img/help.png) left -32px no-repeat;
}

.group header .btn-help .help-text {
	position:absolute; top:6px; left:50px;
	padding:8px; width:400px;
	
	line-height:18px;
	color:#444;
	
	background:#e0e3e4;
	box-shadow: 0 2px 4px #444;
	
	display:none;
}

/*.group header .btn-help:hover .help-text {
	display:block;
}*/

/**********************************************/
/** GROUP UNION */
/**********************************************/

.btn-union {	
	position:relative;
	color:#bdc3c7;
	width:120px; height:75px;
}

.group-union:hover 	.btn-union,
.group-union-act 	.btn-union,
.group-union 		.btn-act {
	background-color: #0ac590;
	
	color:#fff;
}

.group-union 		.btn-union:hover,
.group-union:hover	.btn-union:hover,
.group-union-act 	.btn-union:hover,
.group-union:hover	.btn-act,
.group-union-act 	.btn-act {
	background-color:#f5ba32;
	
	color:#fff;
}

.group-union .union-a{
	background-image:url(img/union.png);
	background-position:left -150px;
	background-repeat:no-repeat;
}
.group-union .btn-act.union-a ,
.group-union:hover .union-a {
	background-position:left -75px;	
}
.group-union:hover .union-a:hover,
.group-union:hover .btn-act.union-a
{
	background-position:left 0px;
}

.group-union .union-b {
	background-image:url(img/union.png);
	background-position:left -375px;
	background-repeat:no-repeat;
}
.group-union .btn-act.union-b,
.group-union:hover .union-b {
	background-position:left -300px;	
}
.group-union:hover .union-b:hover,
.group-union:hover .btn-act.union-b
{
	background-position:left -225px;
}

.btn-union .caption {
	position:absolute;
	bottom:3px; left:0px;
	width:120px;
	text-align:center;
}

/**********************************************/
/** GROUP TYPE */
/**********************************************/

.btn-type {	
	text-align:center;
	color:#bdc3c7;
}

.btn-type .inner {
	padding:5px;
}

.group-type:hover 	.btn-type,
.group-type-act 	.btn-type,
.group-type 		.btn-act {
	background: #0ac590;
	
	color:#fff;
}

.group-type 		.btn-type:hover,
.group-type:hover	.btn-type:hover,
.group-type-act 	.btn-type:hover,
.group-type:hover	.btn-act,
.group-type-act 	.btn-act {
	background:#f5ba32;
	
	color:#fff;
}

/**********************************************/
/** GROUP CLINKER */
/**********************************************/


.select-clinker {
	margin-bottom:7px;
}

.select-inact {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.select-last {
	margin:0;
}

/***********************/
/** NOMRAL */
/***********************/


.select-clinker .btn {
	display:block;
	margin-bottom:1px; line-height:0;
	
	background:#f1f1f1 url(img/select-clinker.arrow.png) right center no-repeat;
	color:#bdc3c7;
}

.select-clinker .clinker-img {
	width:48px; height:48px;
	background: url(img/clinker-placeholder.png) left 0px no-repeat;
	
	float:left;
}

.select-clinker .btn img {
	width:48px; height:48px;
}

.select-clinker .btn h3 {
	font-weight:normal;
	margin:25px 0 0 10px;
	
	float:left;
}

.select-clinker .box-share {
	display:block;
	background:#f1f1f1;
	
	font-size:10px;
	color:#bdc3c7; 
}

.share-slider {
	width:197px;
	margin-left:8px;
	
	float:left;
}

.group-clinker .share {
	padding:6px 0 0 6px;
	font-size:10px;
	color:#34495e;
	
	float:left;
}
	
	/***********************/
	/** SELECTED */
	/***********************/	
	
	/*	
	.group-clinker .select-full .btn{
		background-color:#f5ba32;
		color:#fff;
	}
	*/
	
	.group-clinker .select-full .btn{
		background-color:#0ac590;
		color:#fff;
	}		
	
	.group-clinker .select-full .box-share{
		background-color:#0ac590;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    	filter: alpha(opacity=50);
    	-khtml-opacity: .5;
    	-moz-opacity: .5;
    	opacity: .5;
		color:#fff;
	}	

/***********************/
/** HOVER / ACTIVE */
/***********************/

.group-clinker:hover 		.btn,
.group-clinker.group-act	.btn{
	background-color: #0ac590;
	color:#fff;
}

.group-clinker:hover .select-empty .clinker-img {
	background: url(img/clinker-placeholder.png) left -48px no-repeat;
}

.group-clinker:hover 		.box-share,
.group-clinker.group-act	.box-share{
	background: #0ac590;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	color:#fff;
}

.group-clinker:hover .noUi-base{
	background-position:left -25px;
}
.group-clinker:hover .noUi-handle{
	background: #098a65;
}

.group-clinker:hover .select-full .noUi-base,
.group-clinker:hover .select-act:hover .noUi-base {
	background-position:left -50px;
}
.group-clinker:hover .select-full .noUi-handle,
.group-clinker:hover .select-act:hover .noUi-handle{
	background: #f5ba32;
}

	/***********************/
	/** HOVER */
	/***********************/
	
	.group-clinker.group-act 	.select-empty 		.clinker-img{
		background: url(img/clinker-placeholder.png) left -48px no-repeat;
	}
	
	.group-clinker:hover 		.select-empty:hover .clinker-img,
	.group-clinker   	 		.select-current	 	.clinker-img,
	.group-clinker.group-act   	.select-current		.clinker-img {
		background: url(img/clinker-placeholder.png) left -96px no-repeat;
	}	
	
	.group-clinker:hover 		.select-inact:hover .clinker-img{
		background: url(img/clinker-placeholder.png) left -48px no-repeat;
	}
	
	/***********************/
	/** SELECTED */
	/***********************/

	.group-clinker:hover 		.select-full 		.btn,
	.group-clinker.group-act	.select-full 		.btn,
	.group-clinker:hover 		.select-full:hover 	.btn,
	.group-clinker.group-act	.select-full:hover 	.btn,
	.group-clinker:hover 		.select-empty:hover .btn,
	.group-clinker.group-act	.select-empty:hover .btn,
	.group-clinker		 		.select-current		.btn {
		background-color:#f5ba32;
		color:#fff;
	}	


	.group-clinker:hover 		.select-inact:hover .btn,
	.group-clinker.group-act	.select-inact:hover .btn{
		background-color: #0ac590;
		color:#fff;
	}
	
	.group-clinker:hover 		.select-full 		.box-share,
	.group-clinker.group-act	.select-full 		.box-share,
	.group-clinker:hover 		.select-full:hover 	.box-share,
	.group-clinker.group-act 	.select-full:hover 	.box-share,
	.group-clinker:hover 		.select-act:hover  	.box-share,
	.group-clinker.group-act	.select-act:hover  	.box-share,
	.group-clinker		 		.select-current		.box-share {
		background:#fdebc3;	
	
		color:#34495e;
	}
	.group-clinker.group-act .select-empty .noUi-base{
		background-position:left -50px;
	}
	
	.group-clinker.group-act  .select-empty .noUi-handle,
	.group-clinker .select-full .noUi-handle {
		background: #098a65;
	}
	.group-clinker.group-act .select-current .noUi-handle,
	.group-clinker.group-act .select-full .noUi-handle {
		background: #f5ba32;
	}

/**********************************************/
/** GROUP FUGUES */
/**********************************************/

.select-fugue .btn {
	display:block;
	margin-bottom:1px; line-height:0;
	
	background:#f1f1f1 url(img/select-clinker.arrow.png) right center no-repeat;
	color:#bdc3c7;
}
.group-fugue:hover 		.select-fugue 	.btn,
.group-fugue.group-act	.select-fugue   .btn,
.group-fugue			.select-full    .btn{
	background-color: #0ac590;
	color:#fff;
}

.select-fugue .fugue-img {
	width:48px; height:48px;
	background: url(img/fugue-placeholder.png) left 0px no-repeat;
	
	float:left;
}

/*.group-fugue:hover 		.select-empty 		.fugue-img {
	background: url(img/fugue-placeholder.png) left -48px no-repeat;
}*/
.group-fugue:hover 		.select-empty:hover .fugue-img,
.group-fugue.group-act	.select-empty:hover .fugue-img,
.group-fugue.group-act 	.select-empty 		.fugue-img,
.group-fugue:hover 		.select-empty 		.fugue-img {
	background: url(img/fugue-placeholder.png) left -96px no-repeat;
}

.select-fugue .btn img {
	width:48px; height:48px;
}

.select-fugue .btn h3 {
	font-weight:normal;
	margin:25px 0 0 10px;
	
	float:left;
}

.group-fugue:hover 		.select-fugue	.btn,
.group-fugue.group-act  .select-fugue	.btn {
	background-color:#f5ba32;
	color:#fff;
}

/**********************************************/
/** GROUP GENERATE */
/**********************************************/

.group-generate {
	width:100%;
	position:absolute; left:0px; bottom:0px;
}

.btn-generate {
	height:40px;	
	background:#f7ad01;
	
	font-size:18px; line-height:39px;
	text-align:center;
	text-shadow: 0 0 2px #be8500;
	
	color:#fff;
}

.btn-generate:hover {
	text-shadow: 0 0 2px #000;
	
	background: #0b966e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTY2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOThhNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0b966e 0%, #098a65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b966e), color-stop(100%,#098a65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b966e 0%,#098a65 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b966e 0%,#098a65 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b966e', endColorstr='#098a65',GradientType=0 ); /* IE6-8 */
}


/* ************************** */
/* MEDIA QUERYS               */
/* ************************** */

@media only screen and (max-width: 1279px) {
	#wrapper {
		width:100%;
	}
}

@media only screen and (max-width: 1023px) {
	#wrapper {
		width:1024px;
	}
	.wrapper-inner {
		padding:0;
	}
	#config-wrapper {
		top:0px; left:0px;
	}

	#select-wrapper {
		top:0px; left:260px;
	}
	
	#canvas-wrapper {
		margin-left:260px;
	}
}