/*	STYLES
	This stylesheet contains all of the formatting which enables drag 
	and drop editing of a web page.  Using this style sheet enables free
	form editing and absolute placement of items on a page.   Subsituting the
	stylesheet enables different 'theming' styles to be created for each page.
	*/

/*	
	BODY STYLES
	These styles control the base body css classes which can be used to 
	affect the entire page....
*/

		body

		{

			font-size: 10px;

			font-family: Verdana, Sans-Serif;

			line-height: 11pt;

			background: gray;

			color:white;

		}

		

		.page

		{

			background-color:Black;

			width: 800px;

			

			top:0px;

			margin-right: auto;

			margin-left: auto;

			margin-bottom:0px;

			position: relative;

			text-align: center;

			border: solid 1px black;

			padding: 0px;

			overflow: visible ;

		}

		

		H1

		{

			font-size: 14px;

			font-family: Verdana, Sans-Serif;

			line-height: 8pt;

			color:steelblue;

		

		}

		

		

		

		

/*	NAMED STANDARD STYLES

	These named standard styles enable us to create standard

	functions based upon the style name..

*/



	.show
	{
		 visibility:visible;
	}	

	.hide
	{
		 visibility:hidden;
	}	

/*
	HYPERLINK STYLES
	These styles control how hyperlinks are rendered upon the 
	page... in all states....
*/

		a
		{
			color: steelblue;	
			border:none;
		}

		a:link
		{
			border:none;
		}

		a:visited
		{
			text-decoration:none;			
			border:none;
		}

		a:hover
		{
			text-decoration:none;
			border:none;
		}	

/*
	TYPEFACE STYLES
	These styles control the typefaces (apart from the general typeface
	represented by the BODY CSS tag) - which are used for call outs and
	elements of text that need to stand out a bit more..
*/

	.textheading1
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textheading2
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textheading3
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textheading4
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textheading5
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textsubheading1
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textsubheading2
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textsubheading3
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textsubheading4
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.textsubheading5
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.texttiny1
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	font-weight: normal;
	color:  black;
	}	
	
	.texttiny2
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	font-weight: normal;
	color:  white;
	}
	
	.texttiny3
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 5pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.texttiny4
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 4pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	.texttiny5
	{
	position:absolute;
	padding: 0px 0px 0px 0px;
	font-size: 4pt;
	font-weight: bold;
	color:  #6699cc;
	}
	
	
	
	
/*	
	STANDARD STYLES
	These styles control the base body classes for drop on-able items
	taken directly from the toolbox.  These are the default behaviours of
	these items.
*/

		DIV	/* DIV: Controlling drop on Panel's and text / block areas */
		{
			position: absolute;
			text-align:left;
			vertical-align: top;	
			overflow: visible;	
			padding: 0px;			
		}
		
		IMG	/* IMG: Images dropped directly onto the canvas */
		{
			position:absolute;	
			border:none;
		}

/*	IMG STYLES
	These styles apply to drag and drop IMG's that have been placed onto the
	design canvas.  They will control the differing styles that can be applied to images
	as they're dropped... 
*/

	IMG.border1
	{
	 border: solid 1px blue;
	}
	
	IMG.border2
	{
	 border: solid 2px blue;
	}
	
	IMG.border3
	{
	 border: solid 1px black;
	}

	IMG.border4
	{
	 border: solid 2px black;
	}
	
	IMG.border5
	{
	 border: solid 1px white;
	}
	
	IMG.shadow1
	{
	 border-bottom: solid 1px blue;
	 border-right: solid 1px blue;
	}

	IMG.shadow2
	{
	 border-bottom: solid 2px blue;
	 border-right: solid 2px blue;
	 border-top: solid 1px blue;
	 border-left: solid 1px blue;	 
	}

	IMG.shadow3
	{
	 border-bottom: solid 1px black;
	 border-right: solid 1px black;
	}

	IMG.shadow4
	{
	 border-bottom: solid 2px black;
	 border-right: solid 2px black;
	 border-top: solid 1px silver;
	 border-left: solid 1px silver;	 
	}

	IMG.shadow5
	{
	 border-bottom: solid 3px black;
	 border-right: solid 3px black;
	 border-top: solid 1px silver;
	 border-left: solid 1px silver;	 
	}
	
	IMG.emboss1
	{
	 border-top: solid 1px blue;
	 border-left: solid 1px blue;
	}

	IMG.emboss2
	{
	 border-top: solid 2px blue;
	 border-left: solid 2px blue;
	 border-bottom: solid 1px blue;
	 border-right: solid 1px blue;	 
	}

	IMG.emboss3
	{
	 border-top: solid 1px black;
	 border-left: solid 1px black;
	}

	IMG.emboss4
	{
	 border-top: solid 2px black;
	 border-left: solid 2px black;
	 border-bottom: solid 1px silver;
	 border-right: solid 1px silver;	 
	}

	IMG.emboss5
	{
	 border-top: solid 3px black;
	 border-left: solid 3px black;
	 border-bottom: solid 1px silver;
	 border-right: solid 1px silver;	 
	}	
		
/*
	DIV STYLES
	These styles apply to drag and drop DIV's that have been placed
	onto the design canvas.  They have standard names and can be used 
	to offer variations of blocking styles...
*/

	/* DIV Standout Styles
		These styles enable "standout" div's which enable the designer
		to create differing DIV styles when compisiting their pages 	*/

	DIV.standout1
{
	background-color: lightsteelblue;
}

	DIV.standout2
{
	background-color: #dcdcdc;
}
	
	DIV.standout3
{
	background-color: #6699ff;
}

	DIV.standout4
{
	background-color: #e8eab1;
}
	
	DIV.standout5
{
	background-color: black;

}
	
	/* DIV Blocking Styles
		These styles provide "blocking" provision when designing a 
		page with borders etc etc.. */
	
	DIV.block1
	{
	border: solid 1px #6699cc;
	}
	
	DIV.block2
	{
	border: solid 1px #dcdcdc;
	}
	
	DIV.block3
	{
	border: solid 1px #6699ff;
	}
	
	DIV.block4
	{
	border: solid 1px #e8eab1;
	}
	
	DIV.block5
	{
	border: solid 1px black;
	}
		
	/* DIV Blocking Headers
		These styles provide block headers to those DIV's which are considered
		to be blocked and require titles */
	
	DIV.blockheader1
	{
	background-image:url(images/dandh_07.jpg); 
	text-align: left ;
	font-weight: bold;
	color: White;
	vertical-align: middle ;
	width:100%;	
	left:0px;
	top:-1px;
	height:20px;
	padding: 0px 4px 0px 4px;
	font-size: 8px;
	}
	
	DIV.blockheader2
	{
	background-color: #dcdcdc;	
	text-align: left ;
	font-weight: bold;
	color: Black;
	vertical-align: middle ;
	width:100%;	
	left:0px;
	top:-1px;
	height:16px;
	padding: 0px 4px 0px 4px;
	}

	DIV.blockheader3
	{
	background-color: #6699ff;	
	text-align: left ;
	font-weight: bold;
	color: White;
	vertical-align: middle ;
	width:100%;	
	left:0px;
	top:-1px;
	height:16px;
	padding: 0px 4px 0px 4px;
	}
			
	DIV.blockheader4
	{
	background-color: Black;	
	text-align: centre ;
	font-weight: bold;
	color: darkgray;
	vertical-align: middle ;
	width:100%;	
	left:0px;
	top:-1px;
	height:16px;
	padding: 0px 4px 0px 4px;
	}
	
	DIV.blockheader5
	{
	background-color: Black;	
	text-align: left ;
	font-weight: bold;
	color: White;
	vertical-align: middle ;
	width:100%;	
	left:0px;
	top:-1px;
	height:16px;
	padding: 0px 4px 0px 4px;
	}
	
	
/* UL: Unordered List Styles
	These styles provide formatting to unordered lists that can provide links
	to lists of hyperlinks or other listed item
*/

	ul
	{
		list-style-position: inside;
		position: absolute;
		color:  #6699cc;
		list-style-type: none;
	}

	ul.circle
	{
		list-style-position: inside;
		list-style-type: circle ;
	}

	ul.square
	{
		list-style-position: inside;
		list-style-type: square;
	}

	ul.dot
	{
		list-style-position: inside;
		list-style-type: disc ;
	}

	ul.numbers
	{
		list-style-position: inside;
		list-style-type: decimal ;
	}


	li
	{
		text-decoration: none;
	}


/* HORIZONTAL RULES Styles
	These styles apply to horizontal rules that are dropped onto
	the design canvas 
*/

	HR
	{
	color: #6699cc;
	}

	HR.rule1
	{
	color: #6699cc;
	}

	HR.rule2
	{
	color: #dcdcdc;
	}

	HR.rule3
	{
	color: #6699ff;
	}

	HR.rule4
	{
	color: #e8eab1;
	}
	
	HR.rule5
	{
	color: black;
	}


/* TABLE Styles
	These styles dictate the way that tables are displayed within
	the canvas when dropped onto the page 
*/

	/*	TABLE 1 */

	TABLE.table1
	{
	position: absolute;
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	}

	TD.header1
	{
		 background-color: #6699cc;
		 color:White;
		 font-weight: bold;
		border-bottom: black 1px solid;		 
	}

	/*	TABLE 2 */

	TABLE.table2
	{
	position: absolute;
	border-right:  #dcdcdc 1px solid;
	border-top:  #dcdcdc 1px solid;
	border-left:  #dcdcdc 1px solid;
	border-bottom:  #dcdcdc 1px solid;
	}

	TD.header2
	{
		 background-color:  #dcdcdc;
		 color:black;
		 font-weight: bold;
		 border-bottom: black 1px solid;		 
	}

	/*	TABLE 3 */

	TABLE.table3
{
	position:absolute;
	border-right:  #6699ff 1px solid;
	border-top:  #6699ff 1px solid;
	border-left:  #6699ff 1px solid;
	border-bottom:  #6699ff 1px solid;
}

	TD.header3
	{
		 background-color:  #6699ff;
		 color:White;
		 font-weight: bold;
		 border-bottom: black 1px solid;		 
	}

	/*	TABLE 4 */

	TABLE.table4
	{	
	position:absolute;
	border-right: #e8eab1 2px solid;
	border-top: #e8eab1 1px solid;
	border-left: #e8eab1 1px solid;
	border-bottom: #e8eab1 2px solid;
	}

	TD.header4
	{
	background-color: #e8eab1;
	color:Black;
	font-weight: bold;
	border-bottom: black 1px solid;		 
	}

	/*	TABLE 5 */

	TABLE.table5
	{	
	position:absolute;
	border-right: black 2px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;	
	}

	TD.header5
	{
	background-color: black;
	color: white;
	font-weight: bold;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	}


/*
	INPUT Styles
	These input styles control the formatting of those items which
	receive data input from the user 
*/

	INPUT
	{
	font-size: 8pt;
	font-family: Verdana, Sans-Serif;	
	}
	
	SELECT
	{
	font-size: 8pt;
	font-family: Verdana, Sans-Serif;	
	}	
	
	TEXTAREA
	{
	font-size: 8pt;
	font-family: Verdana, Sans-Serif;	
	}		
	
	
/*		SIMPLE MENU Standout Styles
		These styles enable standard Menu's to be developed using 
		roll over techniques
*/

	DIV.menuon
	{
	background-color: #28478e;
	color:White;
	cursor:hand;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	}

	DIV.menuoff
	{
	background-color: black;
	color:White;
	cursor:hand;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	}

	DIV.submenuon
	{
	background-color:  #6699cc;
	color:White;
	cursor:hand;
	text-align:left;
	font-weight:normal;
	}

	DIV.submenuoff
	{
	background-color: black;
	color:White;
	cursor:hand;
	text-align:left;
	font-weight:normal;
	}

	DIV.stripmenuon
	{
	background-color:  #6699cc;
	color:White;
	cursor:hand;
	text-align:center;
	font-weight:normal;
	}

	DIV.stripmenuoff
	{
	background-color: black;
	color:White;
	cursor:hand;
	text-align:center;
	font-weight:normal;
	}