/* --------------------- */
/*  iVisual Stylesheet   */
/*  created 20/09/05     */
/*  © umcreative 2005    */
/* --------------------- */

body
{
	margin: 0;
	padding: 0;
	background: #A8A8A8;
}
.normal
{	
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
pre
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
td
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}

h1
{
	font-family: Tahoma, Verdana;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h2
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.txtDgrey
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #808184;
	font-weight: normal;
	text-decoration: none;
}


a
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #0040DD;
	font-weight: normal;
	text-decoration: none;
}
a:hover
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #0040DD;
	font-weight: normal;
	text-decoration: underline;
}

.linkNotActive
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.linkNotActive:hover
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

.navLinkSelected
{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #0040DD;
	font-weight: bold;
	text-decoration: none;
}
.navLinkSelected:hover
{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #0040DD;
	font-weight: bold;
	text-decoration: underline;
}

.navLink
{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.navLink:hover
{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

.bgDgrey
{
	background: #888;
}
.bgWhite
{
	background: #fff;
}
.bgDBlue
{
	background: #0040DD;
}
.bgLgrey
{
	background: #eae6e0;
}
.bgLgrey2
{
	background: #fbfaf9;
}


.ftrTxt
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}

.ftrLink
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.ftrLink:hover
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}

.ftrSup
{
	font-family: Tahoma, Verdana;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
}
.textbox
{
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	font-family: Tahoma, Verdana;
	font-size: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	background-color: #fff;
	width: 100%;
}

.button
{
	border-color: #888;
	border-style: solid;
	border-width: 1px;
	font-family: Tahoma, Verdana;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #0040DD;
}
.overLayDiv
{
	padding-left: 0px;
	overflow: auto;
	width: 500px;
	height: 120px;
}
.overlays
{
	overflow: auto;
	width: 312px;
	height: 160px;
}
#hover
{
	background:Black;
}

/* This is the box that is parent to the dragable items */
#dragableElementsParentBox
{
	width: 500px;
}

.smallArticle, .bigArticle
{
	float: left;
	border: 1px solid #000;
	background-color: #DDD;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.smallArticle img, .bigArticle img
{
	float: left;
	padding: 5px;
}
.smallArticle .rightImage, .bigArticle .rightImage
{
	float: right;
}
.smallArticle
{
	width: 274px;
}
.bigArticle
{
	width: 564px;
}
.clear
{
	clear: both;
}

/* END DEMO CSS */

/* REQUIRED CSS */

#rectangle
{
	float: left;
	border: 1px dotted #F00; /* Red border */
	background-color: #FFF;
}
#insertionMarker
{
	/* Don't change the rules for the insertionMarker */
	width: 6px;
	position: absolute;
	display: none;
}
#insertionMarker img
{
	/* Don't change the rules for the insertionMarker */
	float: left;
}
#dragDropMoveLayer
{
	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position: absolute;
	display: none;
	border: 1px solid #000;
}

/* END REQUIRED CSS */
