/*
 * -----------------------------------------
 * Other
 * -----------------------------------------
*/
	html, body
	{
		height: 100%;
			padding: 0 !important;	
			margin: 0 !important;				/* CENTER ALIGN PAGE: no margin on page outer */	
			text-align: center !important;		/* CENTER ALIGN PAGE: centerizes "body" */
		font-family: arial;
		font-size: 11px;
		background-color: white;
		color: #474747;
		background-image: url(../gfx/gfx_main_bg.gif);
		background-repeat: repeat-x;
		background-color: #C8C8C8;
		background-position: 0% 0%;
	}
	
	h1
	{
		font-family: georgia, arial;
		font-size: 24px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-weight: normal !important;
	}
	
	h2
	{
		font-family: georgia, arial;
		font-size: 16px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color: #474747 !important;
	}
	
	h3
	{
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-weight: normal !important;
	}
	
	h4
	{
		font-family: georgia, arial;
		font-size: 16px;
		padding: 0 0 5px 0;
		margin: 0;
	}
	p
	{
		padding: 5px 0;
		margin: 0;
	}
	hr
	{
		border-top: 1px dotted #5F5F5F; 
		height: 1px;
	}
	
	hr.double
	{
		border: 1px solid gray;
		height: 1px;
	}
	
	a
	{
		color: #009999;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #009999;
		text-decoration: underline;
	}
	
	a.colorize:hover
	{
		color: #FFFFFF !important;
		background-color: #DC9232 !important;
		cursor: url("../inc/gfx/cursors/rockcursor.cur")
	}
	
	a:active
	{
		color: #009999;
		text-decoration: none;
	}
		
	iframe
	{
		padding: 0;
		margin: 0;
	}
	
	div.p
	{
		padding: 0 0 5px 0;
		margin: 0;
	}
			
	
	/* DIV POPUP BOX */
	div.popupPosition
	{
		width: 300px;
		height: 170px;
		position: absolute; 
		top: 170px; 
		left: 200px; 
		background-color: white;
		border: 1px solid black;
		overflow: hidden;
		z-index: 101;					/* This must be over 100 to put this layer on top of the site fader */
	}
	div.paddedText
	{
		padding: 5px 10px 5px 10px;
		margin: 0;
	}
	
	div#lockedLayer
	{
		display: none;
		width:100%;
		height: 100%;
		position:absolute;
		top:0;
		left:0;
		z-index: 100;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity:.80;
		-khtml-opacity: 0.8;
		background: black;
	}
	
	img
	{
		border: 0;
	}
	
	.float_left
	{
		float: left;
	}
	
	.float_right
	{
		float: right;
	}
	
	table.guiTable
	{
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}
	
	table.guiTable td
	{
		border-bottom: 1px solid #CCCCCC;
		padding: 2px 3px 2px 4px;
		background-color: #EEEEEE;
	}
	
/*
 * -----------------------------------------
 * Image popup (gallery navigation)
 * -----------------------------------------
*/
	/* RockCursor onmouseover images */
	.enableCursor
	{
		/*cursor: url('../inc/gfx/cursors/rockcursor.cur');*/
	}
	.disableCursor
	{
		cursor: pointer;
	}
	

/*
 * -----------------------------------------
 * Image preloading (preload_images.js)
 * NOTE: these values need to be set inline in mcms_img_popup.js
 * -----------------------------------------
*/
	/* Preload, all  */
		#preloadLoading
		{
			font-size: 20px; 
			margin: 0 0 0 100px;
		}
		
		#preloadLoaded
		{
			display: none;
		}
		
	/* Preload, individual */
		#preloadLoading_individual
		{
			font-size: 20px; 
			margin: 0 0 0 100px;
		}
		
		#preloadLoaded_individual
		{
			display: none;
		}


/*
 * -----------------------------------------
 * Buddies online
 * -----------------------------------------
*/
	div#polareOnlineContainer
	{
		z-index:1;
		width:250px;
		height:90px;
		position:absolute;
		top:10px;
		left:730px;	 
		background-color:;
		border: 0px solid black;
	}
	
	div#polareOnlineScrollDiv
	{
		width:250px;
		height:90px;
		margin:0 0 0 0;
		overflow:auto;
	}
	
	table#polareOnlineList
	{
		width:140px; 
		margin-left:3px;
		border: 1px solid orange;
	}
	
	div.polareOnlineListNameDiv
	{
		width:92px; 
		height:19px;
		margin-left:5px;
		line-height:1.8em;
		float:left;
	}
	
	div.polareOnlineListNameDiv[class]
	{
		height:20px;
	}
	
	div.polareOnlineClearFloatDiv
	{
		clear:both;
		margin:0 0 0 5px;
		padding:0;
		width:138px;
		height:0;
		font-size:0; 
	}
	
	div#polareLoggedInContent
	{
		top:-112px;
		left:720px;			/* polareOnlineContainer.left + 20 would put a 20px padding-left on polareOnlineContainer */
		z-index:100;
		width:250px;
		height:101px;
		position:absolute;
		border: 0px solid red;
		/*background-color: white;*/
		overflow:hidden;
	}
	
	div#polareLoggedIn
	{
		top:-112px;
		left:720px;
		z-index:98;
		width:250px;
		height:101px;
		position:absolute;
		border: 0px solid green;
		background-color: white;
	}
	
/*
 * -----------------------------------------
 * Various
 * -----------------------------------------
*/
	table.searchOptions
	{
		width: 100%;
		background-color: #e1e1e1;
	}
		table.searchOptions td.header
		{
			width: 33%;
			padding: 10px 0 0 20px;
			font-weight: bold;
		}
		table.searchOptions td.content
		{
			width: 33%;
			padding: 7px 0 0 0;
			text-align: center;
		}
		table.searchOptions td.content_filter
		{
			width: 25%;
			padding: 0 0 0 15px;
		}
		table.searchOptions td.search_button
		{
			padding: 10px 0 10px 15px;
		}