	.spinner
	{
		display:none;
		margin-bottom:-5px;
		margin-left:3px;
		border:red 1px solid;
	}

	.bigredfont 
	{ 
		font-size:1.2em; color: red;
		cursor:pointer;
	}
	.biggreenfont 
	{ 
		font-size:1.2em; color: green;
		cursor:pointer;
	}
	.tinygreenfont 
	{ 
		font-size:.9em; color: green;
		cursor:pointer;
	}
	.tinyorangefont 
	{ 
		font-size:.9em; color: orange;
		cursor:pointer;
	}
	.tinybluefont { font-size:.9em; color: blue;}
	.tinybluefont2 { font-size:.7em; color: blue;}
	.bluefont { color: blue;}
	.bigfont { font-size:1.2em; color: black;}
	.smallselect { }
	.smallinput { font-size:10px; }
	.smallradio { font-size:.8em; }
	.mediuminput { font-size:12px; }

	.verdana { font-family: verdana; }

	.genericdialogue
	{
		/*
			position:absolute;
			background-color:white;
			z-index: 1001;
			padding:10px;
			padding-right:15px;
			border:red 1px dotted;
		*/

		position: fixed;
		padding:1px;
		background: white;
		top: 25%;
		left: 25%;
		z-index: 99;
	}

	.userdialogue
	{
		position:absolute;
		left:10%;
		top:10%;
		background-color:white;
		z-index: 1001;
		padding:10px;
		padding-right:15px;
		border:red 1px solid;
	}

	.topicbox
	{
		border:blue 1px dotted;
		padding:15px;
		margin-right:20px;
		margin-left:5px;
		margin-top:10px;
		margin-bottom:10px;
	}

	.newtopicdialogue
	{
		position:absolute;
		left:5%;
		bottom:5%;
		background-color:white;
		z-index: 1001;
		padding:10px;
		padding-right:15px;
		border:red 1px solid;
	}

	.dialogue
	{
		position:absolute;
		left:60px;
		top:-100px;
		background-color:white;
		z-index: 1001;
		padding:10px;
		padding-right:15px;
		border:red 1px solid;
	}

	.overlaydialog
	{
		/* width:50%; */
		/* min-height: 50%; */
		/* border:red 1px solid; */
		padding:0px;
		background: white;
		position: fixed;
		top: 25%;
		left: 25%;
		z-index: 99;
	}

	.overlay
	{
		width: 100%;
		height: 100%;
		background: black;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 98;
	}

	.checkbox
	{
		width:1em;
		height:1em;
		margin-right:-5px;
	}

	.clearbox 
	{
		position:relative;
		/* border: red 1px solid; */
	}

	.titlebar 
	{
		position:relative;
		/* border: red 1px solid; */
		cursor:pointer;
	}
	.titlebar:hover
	{
		background: white;
	}

	.titlediv
	{
		/* not related to titlebar above */
		text-align:center;
		font-size:1.7em; color: black;
	}
	
	.invisble 
	{
		position:relative;
		display:none;
	}

	.notepad 
	{
		position:relative;
		/* border: #FFDAB9 4px solid; */
		border: #CCCCFF 1px solid; 
		padding: 5px;
		width: 480px;
		background		:white;
		margin-left		:14px;
		margin-top		:10px;
		margin-bottom	:10px;
		/* border: red 1px solid; */
	}
	
	.tab
	{
		width:133px;
		height:100%;
		border-top: #FFDAB9 4px solid; 
		border-right: #FFDAB9 4px solid; 
		border-left: #FFDAB9 4px solid; 
		border-bottom: red 4px solid; 
	}
	.activetab
	{
		width:133px;
		height:100%;
		border-top: #FFDAB9 4px solid; 
		border-right: #FFDAB9 4px solid; 
		border-left: #FFDAB9 4px solid; 
	}

	.tabcontainer
	{
		width: 480px;
		position:relative;
		/* background		:gainsboro; */
		background		:white; 
		margin-left		:20px;
		margin-top		:20px;
	}

	.grid
	{
		position:relative;
		/* border: #FFDAB9 4px solid;  */
		/* border: #99CCFF 4px solid; */
		border: #CCCCFF 1px solid; 
		padding: 5px;
		width: 480px;
		max-height: 400px;
		overflow: auto;
		/* background		:#E0E0E0; */
		/* background		:white;  */
		background		:#CCFFCC; 
		margin-left		:14px;
		margin-bottom	:10px;
		/* border: red 1px solid; */
	}

	.suggestionbox
	{
		width:400px;
		height:100px;
	}

	.innerbodytextarea
	{
		width:100%;
		height:100%;
	}

	.eipbox 
	{
		position:relative;
		/* border: #FFDAB9 1px solid;  */
		border: #CCCCFF 1px solid; 
		width: 100%;
		background		:white;
		margin-top		:3px;
		margin-bottom	:3px;
		height			:200px;
		overflow			:auto;
	}

	.chartbooklist
	{
		max-height:150px;
		width:290px;
		border:blue 1px dashed;
		overflow:auto;
	}

	.chartbar
	{
		position:relative;
		text-align:center;
		/* border: #FFDAB9 1px solid;  */
		border: #CCCCFF 1px solid; 
		width:100%;
		display:block;
		margin-top:2px;
	}

	.notenumberbar
	{
		position:relative;
		width: 200px;
		float:right;
	}

	.buttonbar 
	{
		position:relative;
		width: 410px;
		/*
		background		:#FFDAB9;
		background		:#FFDAB9;
		border: #FFDAB9 4px solid; 
		display: block;
		padding: 5px;
		background		:#FFDAB9;
		margin-left		:20px;
		margin-top		:10px;
		*/
	}

	.optionbar
	{
		text-align:center;
		/* border: #FFDAB9 1px solid;  */
		border: #CCCCFF 1px solid; 
		width:100%;
		display:block;
		display:none;
	}

	.rightcoldiv 
	{
		position:relative;
		height:100%;
		/* border: red 1px solid; */
	}

	.pagecontainer
	{
		margin: 0 auto;
		width: 800px;
		position:relative;
		float:left;
		/*
		border:black 1px solid;
		*/
	}

	.editbox
	{
		margin: 0 auto;
		width:100%;
		height:160;
		position:relative;
		float:left;
		border: black 1px solid;
	}

	.metabox
	{
		margin: 0 auto;
		width: 970px;
		/* position:absolute; */
		margin-left:auto;
		margin-right:auto;
		clear:both;
		/* border:blue 1px solid; */
	}

	#googleadsonleft
	{
		text-align: center;
		position:relative;
	}
	#googleadsontop
	{
		text-align: center;
		position:relative;
	}

	.whitetext { color: white; }
	.yellownote { color: yellow; font-size:.9em; }
	.textbutton { color: red; cursor:pointer; font-size:.9em; }
	.textbutton:hover
	{
		background: pink;
		color: blue;
	}
	.bluetextbutton { font-size:.9em; color: blue; cursor:pointer;}
	.bluetextbutton:hover
	{
		background: pink;
		color: blue;
	}

	a:link {text-decoration: underline; color: #353F5B;}
	a:visited {text-decoration: underline; color: #353F5B;}
	a:hover, a:active { text-decoration: none; color: #353F5B; background:#ffffff; }

	a.tooltip { position:relative; }
	a.tooltip:hover span { }
	a.tooltip span{ display:none; }
	a.tooltip:hover span
	{
		display: block;
		position:absolute;
		padding-left: 5px; 
		padding-right: 5px; 
		left:-60px;
		bottom:40px;
		width: 200px; 
		border:blue 1px dotted;
		background:white;
	}

	a.linkopacity img 
	{
		filter:alpha(opacity=100);   
		-moz-opacity: 1.0;   
		opacity: 1.0;
	}
	a.linkopacity:hover img 
	{
		filter:alpha(opacity=80); 
		-moz-opacity: 0.8; 
		opacity: 0.8;
	}

   .coloredframe 
	{
   	/* 
			BACKGROUND-COLOR: #CCCCCC;
   		BACKGROUND-COLOR: #CCCCFF; 
			border: blue 1px solid;
   		BACKGROUND-COLOR: #dddddd;
		*/
   	BACKGROUND-COLOR: white;
		position:relative;
		width:100%;
	}

   .errormessageframe 
	{
   	BACKGROUND-COLOR: #99CCCA;
		position:relative;
		border: #98563F 1px solid;
		width:100%;
	}

   #navframe 
	{
		position:relative;
		border: #38563F 1px solid;
		width:246px;
	}

	.embedinfo
	{
		font-family: Arial;
		font-size:.7em;
		color:353F5B;
		float:left;
	}

	.embedcode
	{
		float:left;
		width:100%;
		display:none;
		font-size:.8em;
	}

	.invisible
	{
		display:none;
	}

	.configdiv
	{
		float:left; 
		margin-left:50px; 
		width:400px; 
		margin-top:20px; 
		text-align:left;
	}
