@charset "utf-8";
/* CSS Document */
#dhtmlgoodies_dragDropContainer {   /* Main container for this script */
	-moz-user-select:none;
	margin:0px auto;
	width:952px;
}
#dhtmlgoodies_dragDropContainer dl {   /* General rules for all <ul> */
	float:left;
	margin-top:0px;
	margin-bottom:0px;/*  padding:1px;*/
}
div#dhtmlgoodies_mainContainer_1 dt {   /* Right column DIV */
	width:auto;
	float:left;
	list-style-type:none;
	height:auto;
	cursor:move;
}
#dhtmlgoodies_dragDropContainer dt, #dragContent dt, dt#indicateDestination {   /* Movable items, i.e. <LI> */
	list-style-type:none;
	height:auto;
	cursor:move;
	float:left;
	width:100%/* font-size:0.7em;*/
}
#dhtmlgoodies_dragDropContainer .header_in .top_right dt {   /* Movable items, i.e. <LI> */
	list-style-type:none;
	height:auto;
	cursor:move;
	float:none !important;/* font-size:0.7em;*/
}
dt#indicateDestination {   /* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	/*  border:1px solid #317082;   */

      background-color:#FFF;
}
/* LEFT COLUMN CSS */

   div#dhtmlgoodies_listOfItems {   /* Left column "Personal Elektroskandia" */
	float:left;
	width:226px;
	padding-bottom:50px;
}
div#dhtmlgoodies_listOfItems_right {   /* Left column "Personal Elektroskandia" */
	float:left;
	width:304px;
}
div#dhtmlgoodies_listOfItems_right div dl {   /* Left column <ul> */
	/* margin-left:10px; */  /* Space at the left of list - the arrow will be positioned there */
	height:100%
}
#dhtmlgoodies_listOfItems dl {   /* Left(Sources) column <ul> */
	height:auto;
}
div#dhtmlgoodies_listOfItems div {
/*border:1px solid #999;    
*/
   }
div#dhtmlgoodies_listOfItems div dl {   /* Left column <ul> */
}
#dhtmlgoodies_listOfItems div p {   /* Heading above left column */
	margin:0px;
/*	font-weight:bold;
	background-color:#317082;
	color:#FFF;*/
	margin-bottom:5px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover {   /* Mouse over effect DIV box in right column */
	background-color:#999966;
	border:1px solid #fff000;
}
/* Start main container CSS */
div#dhtmlgoodies_mainContainer {   /* Right column DIV */
	width:229px;
	float:left;
}
#dhtmlgoodies_mainContainer div {   /* Parent <div> of small boxes */
}
#dhtmlgoodies_mainContainer div p {   /* Heading above small boxes */
	margin:0px;
	padding:0px 5px;
/*	font-weight:bold;
	background-color:#317082;
	color:#FFF;*/
	margin-bottom:5px;
}
#dhtmlgoodies_mainContainer dl {   /* Small box in right column ,i.e <ul> */
	width:229px;
	height:auto;
	border:0px;
	margin-bottom:0px;
	/*overflow:hidden;*/
}
div#dhtmlgoodies_mainContainer_1 {   /* Right column DIV */
	width:478px;
	float:left;
}
#dhtmlgoodies_mainContainer_1 div {   /* Parent <div> of small boxes */
}
#dhtmlgoodies_mainContainer_1 div p {   /* Heading above small boxes */
	margin:0px;
	padding:0px 5px;
/*	font-weight:bold;
	background-color:#317082;
	color:#FFF;*/
	margin-bottom:5px;
}
#dhtmlgoodies_mainContainer_1 dl {   /* Small box in right column ,i.e <ul> */
	width:478px;
	height:auto;
	border:0px;
	margin-bottom:0px;
	/*overflow:hidden;*/
}
div#dhtmlgoodies_mainContainer_2 {   /* Right column DIV */
	width:229px;
	float:left;
}
#dhtmlgoodies_mainContainer_2 div {   /* Parent <div> of small boxes */
}
#dhtmlgoodies_mainContainer_2 div p {   /* Heading above small boxes */
	margin:0px;
	padding:0px 5px;
/*	font-weight:bold;
	background-color:#317082;
	color:#FFF;*/
	margin-bottom:5px;
}
#dhtmlgoodies_mainContainer_2 dl {   /* Small box in right column ,i.e <ul> */
	width:229px;
	height:auto;
	border:0px;
	margin-bottom:0px;
	/*overflow:hidden;*/
}
#dragContent {   /* Drag container */
	position:absolute;
	width:150px;
	height:auto;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
}
#dragDropIndicator {   /* DIV for the small arrow */
	position:absolute;
	width:150px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}