/*our icons*/
/* @group Icons */
.add { background-image:url(/images/icons/fam/add.gif) !important; }
.remove { background-image:url(/images/icons/fam/delete.gif) !important; }
.edit { background-image:url(/images/icons/fam/cog.png) !important; }
.cake { background-image:url(/images/icons/fam/cake.png) !important; }
.server { background-image:url(/images/icons/fam/server.png) !important; }
.page { background-image:url(/images/icons/fam/page.png) !important; }
.chart_bar { background-image:url(/images/icons/fam/chart_bar.png) !important; }
.arrow_left { background-image:url(/images/icons/fam/arrow_left.png) !important; }
.html { background-image:url(/images/icons/fam/html.png) !important; }
.html_add { background-image:url(/images/icons/fam/html_add.png) !important; }
.disk { background-image:url(/images/icons/fam/disk.png) !important; }
.campaign { background-image:url(/images/icons/fam/campaign.png) !important; }
.arrow_up { background-image:url(/images/icons/fam/arrow_up.png) !important; }
.arrow_down { background-image:url(/images/icons/fam/arrow_down.png) !important; }
.brick_add { background-image:url(/images/icons/fam/brick_add.png) !important; }
.brick_delete { background-image:url(/images/icons/fam/brick_delete.png) !important; }
.preview { background-image:url(/images/icons/fam/world.png) !important; }
.help-icon { background-image: url(/images/icons/fam/help.png) !important; }


/* @end */



/* @group Global */

strong{
	font-weight: bold;
}

.active_field {
  background-color: #ccf;
  border-style: dotted;
  border-width: 2px;
  border-color: #bbb;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* @end */


/* @group Content Tab  */
.page_box{
	width: 40px;
	height: 40px;
	padding: 5px;
	font-size: 18px;
	color: #333;
	margin: 5px 0 5px 5px;
	float:left;
	border: 1px solid #666;
}

.active{
	background-color: #e6eefe;
	color: #15428B;
	font-weight: bold;
}

.dead{
	float: right;
	margin-right: 5px;
	background: url(../../images/mephisto_campaign/jolly_roger.jpg) center center no-repeat #000;
}


.dd-item {
  cursor: move;
  padding: 2px;
  z-index: 1000;
}

.dd-proxy {
  opacity: 0.5;
}

.dd-ct {
  border: 1px solid silver;
  width: inherit;
  min-height: 140px;
  height: auto;
  overflow: auto;
}

p.drop-zone-label{
	float: right;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px;
	text-transform: uppercase;
	background: #FFF;
}

.dd-item label{
	display: block;
	font-size: 9px;
}

.dd-item input{
	border: 1px solid #666666;
}

.draggable input{
	cursor: move;
}

.dropped input{
	cursor: move;
}

/* @end */


/* drag and drop things */

/* @group Drag and Drop */

.dd-over {
  border-style: dotted;
  border-width: 2px;
  border-color: blue;
}      

.dd-dragged {
  border-style: dotted;
  border-width: 2px;
  border-color: blue;
}

.dd-proxy {
  opacity: 0.5;
}

/*
.draggable-field:hover {
  cursor: move;
}
*/

/* @end */


/* @group Help styles */
div.help{
	display: block;
	padding: 10px;
	text-align: left;
}

div.help h2{
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 5px;
}

div.help p{
	margin-bottom: 10px;
	font-size: 11px;
}

.help-example{
	font-style: italic;
}

/* @end */