/*
 * LAYOUT
 * */
body{
	padding:0px;margin:0px;font-family:Sans;
}
#content{
	width:61em;
	height:100%;
	margin:3em auto;
	
	vertical-align:top;
	overflow:hidden;
	white-space:nowrap;

	border:1px solid #C4C4C4;

}
#leftSide , #rightSide {
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	height:100%;
	min-height:100%;
}
#leftSide{
	float:left;
	width:40.9375em;			
	border-right:0.0625em solid #484848;
	/*background-color:purple;*/
}
#rightSide{
	float:left;
	width:19.9375em;			
	border-left:0.0625em solid #484848;
	margin-left:-0.0625em;
	/*background-color:yellow;*/
}


/*
 * TAB + MENU
 * */
.tab{
	width:100%;
	height:100%;
	display:none;
	padding-top:1em;
	padding-bottom:1em;
	margin-bottom:-1em;
}
/*#modTab{
	background-color:#face9e;
}
#pickTab{
	background-color: #fae39e;
}
#genTab{
	background-color:#faf59e;
}
#expTab{
	background-color:#e1e582;
}
#compTab{
	background-color:#82d0e5;
}*/

#pickTab p, #genTab p{
	padding:.2em 1em;
}
#leftMenu{
	height:2em;
	width:100%;
	background-color:#F0F0F0;

}
.menuElement{
	display:inline-block;
	float:left;
	cursor:pointer;

	vertical-align:middle;
	line-height:2em;
	font-size:1em;
	height:2em;

	padding-right:1.5em;
	padding-left:1.5em;
	
	/*background-color:LightBlue;*/
	border-right:1px solid black;
}
.menuElement.activeTab{
	background-color:#4F97EF;
	box-shadow: 0em 0em .1em .2em #418EEB inset;
	
}
.menuElement:hover{
	background-color:#4F97EF;
}

/*.tab:first-child{
	margin:0px;padding:0px;
	margin-left:.5em;
	margin-right:.5em;
}*/

.tab > *, #rightSide > *{
	margin-left:.5em;
	margin-right:.5em;
}

#rightMenu{
	height:2em;
	width:100%;
}
#rightMenu div{
	display:inline-block;
	vertical-align:middle;
	line-height:2em;
	font-size:1em;
	height:2em;
	/*background-color:LightBlue;*/
}
#selectAllContainer{
	margin-left:14.4em;
}


#importForm label{
	display:block;
	
}

#colorList, #schemeList{
	list-style:none;
	margin:0em;padding:0em;
}

#colorList .colorLi{
	padding-bottom:0.2em;
	height:2em;
	line-height:2em;
}
#colorList .colorLi:hover{
	background-color:#F1F1F1;
}

#colorList .colorLi > span{
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	margin-right:.5em;
	height:2em;
}
#colorList .colorLi > .colorSpan{
	width:4em;
	height:2em;
	cursor:pointer;
}
#colorList .colorLi .colorNameSpan{
	font-size:1.2em;
	cursor:default;	
}
#colorList .colorLi .colorCheckSpan{
	margin-left:.4em;
}

#colorList .colorLi > .colorSpan2{
	width:2em;
	height:2em;
	cursor:pointer;
	margin-left:-2.5em;
}

#schemeList .colorLi > .colorSpan{
	display:inline-block;
	width:5em;
	height:5em;
	cursor:pointer;
}
#schemeList .colorLi{
	float:left;
}
#schemeList {
	width:15em;
	margin:1em;
}

#schemeList{

}

.modifyWidget table{
	width:100%;

}
.modifyWidget{
	width:80%;
	margin-bottom:2em;
}




.colorPickerContainer{
	background-color:white;
}

#actionBar{
	padding:1em;
	background-color:#F0F0F0;
}
#actionBar > *{
	vertical-align:bottom;
}
#modifyButtonContainer{
	/*margin:1em 2em 1em 2em;*/
	display:inline-block;
}
#modifyButtonContainer input{
}
#compareContainer{
	display:inline-block;
}
.colorCompare{
	/*margin-left:2em;*/
	border: 1px solid #5E5E5E;
	width:10em;
	height:3.5em;
	display:inline-block;
}
.colorCompare div{
	margin:0px;padding:0px;
	width:5em;
	height:3.5em;
	display:inline-block;
}

.colorPickerControllCont{
	display:inline-block;
	vertical-align:top;
	margin-left:1em;
}


.colorPickerSegmentCanvas{
	margin:.5em 1em .5em .5em;
}
.colorPickerPlaneCanvas{
	margin:.5em .5em .5em 1em;
}

#colorPickerSpaceValue{
	margin-left:1em;
}
#pickerChanLock0, #pickerChanLock1, #pickerChanLock2{
	margin-left:.7em;
}