/* TEMPLATE DROP CONTAINER */
#container #drop-container {
	float:				left;
	width:				620px;
	text-align:			left;
	background-color:	#898e9b;
	height:				100%;
}



/* TOOLBAR contains CONTROLLIBRARY and WASTEBIN */
#toolbar {
  	float:				right;
  	background-color:	#898e9b;
  	
}

/* For container headers */
.containerDescriptor {
    color:              #ffffff;
    text-align:         center;
    font-size:          10px;
    padding-bottom:     6px;
}



/* CONTROLLIBRARY */
#controllibrary {
	background-color:	#898e9b;
	padding:			6px;
	}



/* WASTEBIN */
#wastebin {
	width:				100px;
	height:             120px;
	margin:             10px 0px 0px 0px;
	background-color:	#900000;
	padding:			6px;
	text-align:         center;
	}

#wastebin img {
	padding-top: 6px;
	}
	
#wastebin #wastebinContents {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.wastebin-hover {
	background-color:	#b62f00 !important;
}
	
.wastebin-hover #wastebinContents {
    width: 100%;
    height: 100%;
    background-color: #f8ce4f !important;
}



/* TEMPLATE PANE */
.templatepane {
	background-color:	#fff;
	height:				100%;
	min-height: 450px;
	}

#container .templatepane {
   	text-align:			center;
}
	

#container .templatepane-hover {
	background-color:	#ffe28a;
	/*border:				2px solid #707883;*/
	}

.columns1 {	
	width:				100%;
	}

.columns2 {	
	width:				50%;
	}

.columns3 {
	width:				33%;
	}
	
.columns4 {
	width:				25%;
	}

.control {
	list-style-type:	none;
	text-align:			center;
	/*background-image: url(../Images/pane_bg.gif);*/
	background-repeat: repeat-x;
	}

.handle {
	cursor:				move;
	}

.slide {
	cursor:				pointer;
	display:			block;
	padding:			10px 0 0 0;
	}
	
#library-container {
	float:				right;
	width:				200px;
	height:				100%;
	text-align:			left;
	padding:			10px;
	}