BODY 			{font-family: $font; font-size: $fontsize; color: $fontcolor;letter-spacing: 0px;line-height:150%;text-align: $align;background-color:$bgcolor;background-image: url("/data/skins/$templates/images/bg.gif")}
A:link			{font-family: $font; font-size: $fontsize; color: $linkcolor; text-decoration: none}
A:visited		{font-family: $font; font-size: $fontsize; color: $linkcolor; text-decoration: none}
A:hover			{font-family: $font; font-size: $fontsize; color: $hovercolor; text-decoration: underline}
A:Active		{font-family: $font; font-size: $fontsize; color: $activecolor;}
.margin			{padding: 3px}
.table			{width:$tablewidth;background-color:$outercolor}
.table1			{width:98%;background-color:$tablebgcolor;border: $tableline 1px solid}
.table2			{width:98%;background-color:$tablebgcolor1;border: $tableline1 1px solid}
.table3			{width:98%;background-color:$tableline1}
.table4			{background-color:$tableline1}
.table5			{width:98%}
.table6			{width:96%;background-color:$outercolor;border: $tableline1 1px solid}
.navi			{font-family: $font; FONT-WEIGHT: bold;padding: 2px;font-size: $fontsize;color: $titlecolor;background-color:$titlebgcolor;height:25px;text-align:center;BORDER-BOTTOM: $tableline1 1px solid}
.navibar		{font-family: $font; FONT-WEIGHT: bold;padding: 2px;font-size: $fontsize;color: $titlecolor;background-color:$titlebgcolor;height:25px;text-align:left;BORDER-BOTTOM: $tableline 1px solid}
.navi1			{font-family: $font; FONT-WEIGHT: bold;padding: 2px;font-size: $fontsize;color: $titlecolor;height:25px;BORDER-BOTTOM: $tableline 1px solid}
.navi2			{font-family: $font; FONT-WEIGHT: bold;padding: 2px;font-size: $fontsize;color: $titlecolor;background-color:$titlebgcolor;height:25px;BORDER-BOTTOM: $tableline 1px solid}
.navigation		{background-color: $navigationbgcolor; border: 1px solid $tableline; color: $navigationcolor; padding-top: 20em; white-space: div; padding: 3px;font-family:Verdana;font-size:12px;width:98%;height:25;text-align:left}
.font 			{padding: 5px;font-family:$font;; font-size:$fontsize;COLOR: $fontcolor;line-height:150%;letter-spacing: 1px;text-align:left}
.banner			{background-color:$menuonmouse}
.trtd			{background-color:$tablebgcolor1}
.input			{BORDER-RIGHT: $tableline1 1px solid; BORDER-TOP: $tableline1 1px solid; FONT-SIZE: 9pt; BACKGROUND-COLOR:$tablebgcolor;color:$linkcolor; BORDER-LEFT: $tableline1 1px solid; BORDER-BOTTOM: $tableline1 1px solid}
textarea 		{BORDER-RIGHT: $tableline1 1px solid; BORDER-TOP: $tableline1 1px solid;BORDER-LEFT: $tableline1 1px solid; BORDER-BOTTOM: $tableline1 1px solid;font-family:$font; font-size:$fontsize;color:$linkcolor;line-height: 24px;text-decoration: none;background-color:$tablebgcolor;background-image: url(/images/textarea.gif);background-repeat: repeat;background-position:left top;padding-right: 8px;padding-left: 8px;overflow-y:auto;width:100%}
.content 		{font-family:$font; font-size:$fontbigsize; line-height:150%;$indent}
input,select 		{BORDER-RIGHT: $tableline1 1px solid; BORDER-TOP: $tableline1 1px solid; FONT-SIZE: 9pt; BACKGROUND-COLOR:$tablebgcolor;color:$linkcolor; BORDER-LEFT: $tableline1 1px solid; BORDER-BOTTOM: $tableline1 1px solid}
.radio			{BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-SIZE: 9pt; BACKGROUND-COLOR:$tablebgcolor;color:$linkcolor; BORDER-LEFT: 1px; BORDER-BOTTOM: 1px}
.code 			{background: #f6f6f6; border: 1px solid #aaa; color: #000000; padding-top: 1em; white-space: div; padding: 10px;font-family:Verdana;font-size:$fontsize;height:25;}
td 			{font-family:$font; font-size:$fontsize;line-height:1.5;}
.td1 			{font-family: $font;font-size: $fontsize;background-color:$altbg1;}
.td2 			{font-family: $font;font-size: $fontsize;background-color:$altbg2;}
.menu			{background-color:$menucolor;}
.content 		{font-family:Verdana; font-size:14px; line-height:150%;}
.header			{font-family: Tahoma, Verdana; font-size: $fontsize; color:$fontcolor; font-weight: normal; background-color:$tableheadcolor}
input.button 		{font-size: $fontsize;color: #000000;background-color: #FFFFFF;background-image: url(/images/button.gif);border: 1px solid #9F9F9F;font-family: Verdana,Tahoma, Arial;padding: 2px 3px;cursor:pointer;}
A.menulink:visited 	{COLOR: $menulinkcolor; TEXT-DECORATION: none}
A.menulink:visited 	{COLOR: $menulinkcolor; TEXT-DECORATION: none}
A.menulink:link 	{FONT-SIZE: $fontsize;  COLOR: $menulinkcolor; TEXT-DECORATION: none}
A.menulink:hover 	{TEXT-DECORATION: none}
.sub 			{DISPLAY: none;}
.sourcecode		{CLEAR: both; BORDER-RIGHT: #8cacbb 1px dashed; PADDING-RIGHT: 0.5em; BORDER-TOP: #8cacbb 1px dashed; PADDING-LEFT: 0.5em; FONT-SIZE: 9pt; PADDING-BOTTOM: 0.5em; MARGIN: 10px; OVERFLOW: auto; BORDER-LEFT: #8cacbb 1px dashed; COLOR: black; WORD-BREAK: keep-all; PADDING-TOP: 0.5em; BORDER-BOTTOM: #8cacbb 1px dashed; FONT-FAMILY: "Courier New", Courier, monospace; WHITE-SPACE: normal; BACKGROUND-COLOR: #f7f9fa; WORD-WRAP: normal}
.companytitle		{font-family:$font;FONT-WEIGHT: bold; FONT-SIZE: 20px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal;color:#FFFFFF}
.tableheader		{font-family: Verdana; font-size: 12px; color: $linkcolor; background-color: $titlebgcolor }
.tableheader1		{font-family: Verdana; font-size: 12px; color: $navigationcolor; background-color: $titlebgcolor }
.forumheader		{background-color:$titlebgcolor;color:$navigationcolor;align:center;}
.forumcategory		{background-color:$navigationbgcolor;color: $navigationcolor;}
.menustyle1 		{border: solid; border-width: 1px; border-color: $menulinkcolor backgroundColor:$menulinkcolor;}
.menustyle2 		{border: solid; border-width: 1px; border-color: $outercolor;}


	#mainContainer
	{
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	h4{
		margin:0px;
	}
	p{
		margin-top:5px;
	}



	/* This is the box that is parent to the dragable items */


	.smallArticle,.bigArticle
	{
		float:left;
		border:1px solid #000;
		background-color:$outercolor;
		padding:2px;
		margin-right:1px;
		margin-bottom:2px;
	}
	.smallArticle img,.bigArticle img
	{
		float:left;
		padding:2px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage
	{
		float:right;
	}
	.smallArticle{
		width:48%;
	}
	.bigArticle{
		width:99%;
	}
	.clear{
		clear:both;
	}
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:2px;
		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;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}