body {
		font-family: sans-serif,arial,helvetica;
		font-size: 12px;
	}

	#main {

		width: 100%;
		height: 90%;
		background-color: #CCCCCC
	}

	#main td { padding: 3px; }

	#search {

		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
		width: 100%;
	}

	#searchpop a span {display: none;}

	#searchpop a:hover span {display: block;
   			position: absolute; top: 200px; right: 0; width: 125px;
   			padding: 5px; margin: 10px; z-index: 100;
   			color: #AAA; background: white;
   			font: 10px Verdana, sans-serif; text-align: center;
	}

	#searchpop span form {
		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
		width: 100%;
	}

	#aboutpop a span {display: none;}

	#aboutpop a:hover span {display: block;

   			position: absolute; top: 200px; left: 0; width: 125px;

   			padding: 5px; margin: 10px; z-index: 100;

   			color: #000000; background: white;

   			font: 10px Verdana, sans-serif; text-align: center;

	}

	#aboutpop span form {
		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
		width: 100%;
	}

	#newspop a span {display: none;}

	#newspop a:hover span {display: block;

   			position: absolute; top: 200px; right: 0; width: 125px;

   			padding: 5px; margin: 10px; z-index: 100;

   			color: #000000; background: white;

   			font: 10px Verdana, sans-serif; text-align: center;

	}

	#newspop span form {
		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
		width: 100%;
	}
  	#searchpopupbox{
  		margin: 0; 
  		margin-left: 40%; /* This gets it relatively center on the screen */
  		margin-right: 40%; /* This gets it relatively center on the screen */
  		margin-top: 50px; /* Makes it a little off the top of the screen */
  		padding-top: 10px; /*  Make the text not touching the top on the login box */
  		width: 20%; /* For centering it on the screen */
  		height: 150px; /* The height of the login box */
  		position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  		background: #FBFBF0; /* Login Box background color. Change this if desired. */
  		border: solid #000000 2px; /* Makes a black border around the login box */
  		z-index: 9; /* Makes it on top of everything else */
  		font-family: arial; /* Sets the font */
  		visibility: hidden; /* Makes it hidden at first. Very Important.*/
  	}

	#menu {
		width: 110px;
		vertical-align: top;
		font-size: 12px;
		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
	}

	#money {

		width: 110px;

		vertical-align: top;

		font-size: 10px;

		background-color: #CCCCCC;
		border: 1px solid #FFFFFF;
	}

	#contents {
		vertical-align: top;
		font-size: 10px;
	}

	#post_table { width: 600px; }

	#post_table td { font-size: 10px; }

	#post_table td.vote_block { 
		background-color: #AFDD6E; 
		width: 40px; 
		vertical-align:top;
		text-align: center;
	}

	#post_table td.vote_block_fade {

		background-color: #D0EBAA;
		width: 40px; 
		vertical-align:top;
		text-align: center;
	}

	#post_table td.title {
		font-size: 14px;
		font-weight: bold;
	}
	#post_table td.title a.title_link { color: #5F783C; }

	#post_table td.submitted { color: #949494; }

	#post_table td.content { font-size: 11px; }



	#post_table_sub { width: 100%; }



	#post_table_sub td { text-align: center; border-right: 1px solid #949494; }


	#comment_table { width: 550px; font-size: 10px; background-color: #EEEEEE; }
	#comment_table td { padding: 4px; }
	#comment_table td.title { font-size: 11px; font-weight: bold; }
	#comment_table td.content { padding-left: 12px; }
	#comment_table td.date { padding-left: 12px; color: #949494; }

	#message {
		border: 1px solid #ABABAB;
		font-size: 11px;
		padding: 3px;
		background-color: #EEEEEE;
	}

	#quickForm_table td.display_text {
		font-size: 11px;
		font-weight: bold;
	}
	#quickForm_table td.header_display_text {
		font-weight: bold;

	}

	div.users_voted {
		width: 80%;
		background-color: #EEEEEE;
		border: 1px solid #5C5C5C;
		padding: 6px;


	}

	#display_table { border-collapse: collapse; }
	#display_table td {
		padding: 4px;
		font-size: 10px;
		border: 1px solid #7E7E7E;

	}

	#display_table td.table_header {
		background-color: #CCCCCC;
		color: #CCCCCC;
		font-size: 11px;
		font-weight: bold;
	}
	#display_table td.table_row_white { background-color: #CCCCCC; }
	#display_table td.table_row_grey { background-color: #EEEEEE; }

	.admin_link {
		font-weight: bold;
	}
	.page_link {
		font-size: 11px;
		color: #CCCCCC;
		text-decoration: none;
		font-weight: bold;
	}
	.page_link_block {
		padding: 3px;
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;
	}

	.page_link_block_sel {

		padding: 3px;
		border: 1px solid #CCCCCC;
		background-color: #CCCCCC;
	}

	#top_voters { 
		border-collapse: collapse; 
		width: 200px;
	}

	#top_voters td { 
		font-size: 10px; 
		padding: 3px;
		border: 0px solid #616161;
	}

	#top_voters td.header {
		font-size: 12px;
		font-weight: bold;
		background-color: #EEEEEE;
	}
	.row_white { background-color: #CCCCCC; }

	.row_grey { background-color: #EEEEEE; }

	.latest_votes_link {
		font-size: 12px;
		font-weight: bold;
	}
	.buttonscontainer {width: 110px;}
	.buttons a {color: #663366;

	border: 1px solid;

	background-color: CCCCCC;

	padding: 2px;

	padding-left: 3px;

	font: 12px Arial, sans-serif;

	font-weight: bold;

	text-decoration: none;

	border-color: ffff00 ffffff ffffff ffff00;

	display: block;

	margin: 0px;

	width: 100%;

	text-align: left;}

	.buttons a:hover {border: 1px solid;

	padding-left: 4px;

	padding-top: 3px;

	padding-bottom: 1px;

	padding-right: 1px;

	background-color: ff00ff;

	border-color: ffffff ffff00 ffff00 ffffff;

	color: #33FF00;

	text-decoration: none;}

.popperHid {
    display:none;
}
.popperShow {
    position: absolute;
    z-index: 99;
    padding: 10px;
    border: 1px solid #600;
    width: 385px;
    left: 46%;
    top: 360px;
    margin: 0 0 0 -200px;
    background: #ffc;
    display:block;
    font-size: 90%;
}
.popperShow #closebutton {
    display: block;
    text-align: center;
    clear: both;
    margin: .5em 0 0 0;
    }
.popperShow #closebutton input {
    font-size: 70%;
    }

/* begin section for form hints */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    /*padding: 4px 0 2px 0;*/
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    /*padding-left: 6px;*/
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -200px; /*was 250*/
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background-color: #ffc;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 1px;
    width: 10px;
    height: 19px;
    background: url(/img/pointer.gif) left top no-repeat;
}
/* end hints section