/* TEMPLATE DROP CONTAINER */
/*
#container, #drop-container 
{
    border: 0;
	float:				left;
	text-align:			left;
	padding: 0;
	margin: 0;
}
#container
{
    width:				100%;
}
*/

.wizStep #drop-container
{
    width: 100%;
}


/* TOOLBAR contains CONTROLLIBRARY and WASTEBIN */
#toolbar {
  	float:				left;
  	/*background-color:	#898e9b;*/
  	width:              220px;
  	margin-right:       10px;
  	clear:              left;
  	height: 100%;
}
#toolbarInner
{
    width: 100%;
    height: 100%;
    padding: 10px;
}
#toolbar ul, #toolbar li
{
    padding: 0;
    margin: 0;
}

#templateHolder
{
     width: 440px;
     height: 400px;
     /*border: 1px solid #f00;*/
}


/* For container headers */
.containerDescriptor {
    color:              #ffffff;
    text-align:         left;
    font-size:          10px;
    padding:             4px;
    font-weight: bold;
}



/* CONTROLLIBRARY */
#controllibrary {
	/*background-color:	#898e9b;*/
	padding:			6px;
	}
ul.controllibrary, ul.controllibrary li
{
    padding: 0;
    margin: 0;
}



/* WASTEBIN */
#wastebin 
{
	width:				194px;
	height:             100px;
	background-color:	#900000;
	border: 2px solid #900000;
	margin-top: 10px;
	clear: both;
	}

#wastebin img {
	padding-top: 6px;
	}
	
#wastebin #wastebinContents {
    width: 100%;
    height: 78px;
    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%;
	width:              460px;
	}
.templatepane .col1,.templatepane .col2,.templatepane .col3,.templatepane .col4
{
    border: 1px dotted #000000;
}

#container .templatepane {
   	text-align:			left;
	height:				66px;
}

#container .templatepane-hover {
	background-color:	#ffe28a;
	}
*/

.columns1 {	
	width:				100%;
	/*border: 1px solid #000;*/

	}

.columns2 {	
	width:				50%;
	}

.columns3 {
	width:				33%;
	}
	
.columns4 {
	width:				25%;
	}
	
.col1
{
    clear: both;
    width: 100%;
}
.col2
{
    float: left;
    width: 48%;
    margin-right: 1%;
}
div.lastcol
{
    margin-right: 0%;
}

#templateHolder ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.control 
{
	list-style-type:	none;
	margin: 0;
	padding: 0;
	text-align:			left;
	background-image: url(../Images/pane_bg.gif);
	background-repeat: repeat-x;
	}


.handle {
	cursor:				move;
	}

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