@charset "utf-8";
/* CSS Document */

HTML {
	OVERFLOW-X: hidden; WIDTH: 100%
}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.7em;
	OVERFLOW-X: hidden;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	FONT-FAMILY: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: center
}
#mainContainer {
	MARGIN: 0px auto;
	WIDTH: 1100px;
	TEXT-ALIGN: left
}
H4 {
	MARGIN: 0px
}
P {
	MARGIN-TOP: 5px
}
#dragableElementsParentBox {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
}
.bigArticle {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	FLOAT: left;
	background-image:url(../imgs/bgItem.png);
	background-repeat:no-repeat;
	background-position:center;
}
.bigArticle IMG {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px
}
.bigArticle .rightImage {
	FLOAT: right
}
.bigArticle {
	WIDTH: 240px;
	height:150px;
}
.clear {
	CLEAR: both
}
#rectangle {
	BORDER-RIGHT: #f00 1px dotted; BORDER-TOP: #f00 1px dotted; FLOAT: left; BORDER-LEFT: #f00 1px dotted; BORDER-BOTTOM: #f00 1px dotted; BACKGROUND-COLOR: #fff
}
#insertionMarker {
	DISPLAY: none; WIDTH: 6px; POSITION: absolute
}
#insertionMarker IMG {
	FLOAT: left
}
#dragDropMoveLayer {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: none; FILTER: alpha(opacity=50); BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; opacity: 0.5
}