/* CSS Document */

html 			{ height: 100%; width: 100%; }
body 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; width: 975px; }

h3				{ font-size: 1em; }
h3.nb			{ color: #CC3300; }
p.under			{ font-size: 0.75em; }
th				{ border-bottom: solid #999999 1px; }
td				{ vertical-align: top; border-bottom: solid #CCCCCC 1px; padding: 0.25em 0.1em; height: 2em; }

b 				{ font-size: 1.25em; color: #CC0000; }

#voteframe		{ height: auto; width: 34em; border: solid #999999 1px; padding: 0.25em; 0.5em; }

#formframe		{ border: solid #CCCCCC 1px; width: 950px; font-size: 1em; margin: 1em 0 1em 0; padding: 1em; line-height: 1.5em; }
#formframe td	{ border: none; height: 2em; }
#formframe td.under	{ border-bottom: #CCCCCC 1px solid; }
#formframe td.top	{ border-top: #CCCCCC 1px solid; }
#formframe th	{ border: none; }

#search			{ clear: both; background: #EEEEEE; padding: 1em 0.5em 2em 1.5em; }
#searchsmall	{ clear: both; background: #EEEEEE; padding: 0.25em 0.5em 0.25em 1.5em; font-size: 0.9em; } 

#login			{ float: left; border: solid #666666 1px; background: #FFFFFF; height: 11em; width: 20em; padding: 0.5em 1em; }		
#mid			{ float: left; height: 6em; width: 4em; padding: 2em 0.5em; font-size: 1.25em; text-align: center; }	
#login td, #reminder td	
				{ border: none; }
#register		{ float: left; border: solid #666666 1px; background: #FFFFFF; height: 10em; width: 29em; padding: 0.5em 1em; }	

td.user			{ vertical-align: top; border-bottom: solid #CCCCCC 1px; padding: 0.25em 0.1em; height: 3em; color: #CC0000; }

td.userx		{ background:#CCCCCC; vertical-align: top; border-bottom: solid #CCCCCC 1px; padding: 0.25em 0.1em; height: 3em; color: #CC0000; }


/* messages and errors */
p.message		{ color: #CC0000; }
p.errors		{ color: #FF0000; }

input.light		{ color: #666666; }

#content		{ clear: both; }

#next			{ clear: both; float: left; margin: 0; text-align: left; width: 30em; }

/* navbar */
#navbar			{ clear: both; float: left; border: solid #CCCCCC 1px; padding: 0.25em 0; width: 100%; margin-bottom: 1em; }
#navbar li		{ display: inline; padding: 0.25em 0em; }
#navbar a		{ text-decoration: none; color: #999999; padding: 0.5em; 0.25em; width: 10em; text-align: center; }
#navbar a:hover	{ background-color: #CCCCCC; color: #FFFFFF; }

/* user_name */
#username		{ vertical-align: middle; clear: both; float: none; border: solid #333333 1px; 
				padding: 0.1em 0; width: 100%; height: 4em; text-align: center; color: #CC0000; font-size: 1em; background: #EEEEEE; vertical-align: middle; }

td.red			{ color: #990000; }
				
#reminder		{ border: solid #999999 1px; float: left; background: #FFFFFF; height: 16em; width: 28em; padding: 0.5em 1em; }		

/* ============================================================================================== */
/* contentbody vir page listing */
#form				{ clear: both; width: 80em; padding-right: 0em; }
#formleft			{ float: left; width: 80em; margin-right: -41em; border-top: solid 1px #999999;
						padding: 1em 1em 0.5em 0.5em; }
/*#pageleft img 		{ border: solid  #CCCCCC 1px;}*/
#formleft h6 		{ font:Arial, Helvetica, sans-serif; font-size: 1.25em; }
#formleft a 		{ text-decoration: none; color: #999999; }
#formleft a:hover	{ text-decoration: none; color: #666666; }
#formright			{ clear:left; float: right; width: 40em; border-top: solid 1px #999999; padding: 1em 0.5em 0.5em 1.25em;  }
#formright a 		{ text-decoration: none; color: #999999;  }
#formright a:hover	{ text-decoration: none; color: #666666; }

#formleft td		{height: 17px; }
#formright td		{height: 16px; }

#form_div			{ clear: both; width: 80em; padding-right: 0em; margin-left: 0.5em; }
#form_div.td		{ vertical-align: top; }