body
{
	font-size: 76%;
	margin: 0px;
	padding: 0px;
	font-family: helvetica,verdana,sans-serif;
	background-color: #FFF;
	color: #666;
}

form
{
	margin: 0px;
	display: inline;
}

h1, h2, h3, h5
{
	font-family: 'Trebuchet MS',Trebuchet,verdana,sans-serif;
}


a:link, a:visited {
	text-decoration:none;
	color: #006;
}
a:hover, a:focus, a:active {
	text-decoration:underline;
	color: #E33;
}

img
{
	border: none;
}

input, select, textarea
{
	font-size: 8pt;
	border: 1px solid #AAA;
	background: #FCFCEC;
	color: #333
}


caption   {
	margin-top: 20px;
	border-top: 1px solid #333;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #333;
	text-align: center;
	background-color: #A2A3B1;
	color: #FDFDFD;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}



/* Stupid internet explorer
*/
.checkbox
{
	border: none;
	background: none;
}


.radio
{
	 border: none;
	         background: none;

	 }

fieldset
{
	border: 1px solid #EEE;
	border-top: none;
	margin: 8px;
	padding: 8px;
	background: url(/images/40-fade.gif);
	background-repeat: repeat-x;
}

legend
{
	font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 4px;
	font-size: 1.4em;
	font-weight: bold;
	border: 1px solid #CCC;
	background-color: #FCFCFC;
	color: #C00;
}

a
{
	text-decoration: none;
	color: #33F;
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	margin: 0px;
	list-style: none;
}

table 	{
	font-size: 12px;
	border-collapse: separate;
	empty-cells: show;
}
td 	{
	padding: 4px;
}
th
{
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-variant: small-caps;
	padding: 4px;
}


pre
{
	background-color: #EEE;
	border-left: 8px solid #AAA;
}
/*
DIVS
*/

#topFrame
{
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #AAA;
}


#topFrame img 
{
	margin-left: 20px;
}

#bottomFrame
{

	text-align: center;
	background-color: #F3F3F3;
}


#loginbox	{
position: absolute;
left: 50%;
top: 50%;
     margin-left: -170px;
     margin-top: -150px;
border: 1px solid #666;
	background-color: #FFF;
	font-size: 9pt;
}

#loginbox h2 {
	font-size: 28pt;
margin: 0px;
}

#loginformbox {
margin: 18px;
padding: 4px;
border: 1px solid #666;
	text-align: center;
}

#message  {
	color: #CCC;
}

#createAccount {
	text-align: right;
	margin-top: -9pt;
}

#topmenu {
	position: absolute;
	height: 20px;
	top: 20px;
	left: 0px;
	text-align: right;
}

#topmenu ul {
	margin: 0px;
	padding: 0px;
}

#topmenu li {
	display: inline;
	font-size: 10pt;
	padding: 0px 8px 0px 8px;
	margin: 0px;
}

#menutitle {
	left: 4px;
	top: 0px;
	z-index: 5;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
	text-align: left;
}


#menulist li
{
}

#default
{
	position: absolute;
	margin-top: 20px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	text-align: right;
}

#default h1
{
	font-size: 2em;
	margin: 0px;
	padding: 0px;

}

#version
{
	text-align: right;
}

#backgrounds th
{
	font-size: 80%;
	text-align: right;
	background-color: #EEE;
}

#backgrounds td
{
	font-size: 80%;
}

#stylemenu fieldset
{
	border: 1px solid #CCC;
	padding: 10px;
	background: #FFF;
}

#images
{
	padding: 100px;

}

/*
CLASSES
*/


.heading   {
	padding: 0px;
	border-top: 1px solid #333;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #333;
	text-align: center;
	background-color: #A2A3B1;
	color: #FDFDFD;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing:.2em;
	text-transform: uppercase;
	font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.edit 	{
	display: table;
	border: 1px solid #DDD;
	background: url(/images/40-yellow-fade.gif) #FFFFF9;
	background-repeat: repeat-x;
	font-size: 8pt;
	border-spacing: 10px;
	margin: 20px;
}


.edit th
{
	text-align: right;
	padding: 8px;
}

.edit td
{
	padding: 8px;
}


.alignRight
{
	text-align: right;
}

.submit
{
	text-align: center;
	border: 1px outset #DDD;
	border-color: #DDD;
	margin: 8px;
	padding: 2px 10px 2px 10px;
	font-size: 1.3em;
	background-color: #FCFCFC;
	background: url(/images/40-fade.gif);
	background-repeat: repeat-x;
	color: #000;
}

.helppage
{
	background: #FFE;
	padding: 2px 8px 2px 8px;
	border: 1px solid #CCC;
}


.helppage h3
{
	color: #C00;
	margin: 0px;
}

.helppage li
{
	list-style: circle;
	margin: 4px 4px 4px 12px;
}

.notice
{
	font-weight: bold;
	margin: 10px;
}

.help
{
	float: right;
	width: 240px;
	background: #FFE;
	padding: 2px 8px 2px 8px;
	border: 1px solid #CCC;
}

.help h3
{
	color: #C00;
	margin: 0px;
}

.help li
{
	list-style: circle;
	margin: 4px 4px 4px 12px;
}

.warning {
	text-align: center;
	color: #FF6666;
	padding: 10px;
	font-weight: bold;
	background-color: #FFFF66;
	border-top: 2px solid #FF6666;
	border-right:  2px solid #FF6666;
	border-left: 2px solid #FF6666;
	border-bottom: 2px solid #FF6666;
}


table.results	{
	margin: 10px;
	font-size: 8pt;
	border-spacing: 2px;
	border: 1px solid #FFF;
}

.results td, .results th
{
	vertical-align: top;
}

th.cell0a, td.cell0a	{
	background-color: #FCFCFC;
}

th.cell0b, td.cell0b	{
	background-color: #FCFCFC;
}

th.cell1a, td.cell1a	{
	background-color: #F6F6F6;
}


th.cell1b, td.cell1b	{
	background-color: #F6F6F6;
}

th.cella	{
	background-color: #ECECEC;
}


th.cellb	{
	background-color: #F3F3F3;
}



img.remaining
{

	border: 1px solid #AAA;
	border-left: 0px;

}

img.used
{

	border: 1px solid #AAA;
	border-right: 0px;

}

img.thumbnail
{
	margin: 4px;
	float: left;
	clear: left;
	border: 1px solid #AAA;
}

img.tinythumbnail
{
	vertical-align: middle;
	border: none;
	margin: 4px;
}

img.largethumbnail
{
	margin: 4px 20px 4px 20px;
	float: right;
	border: 1px solid #AAA;
}

img.sidebarthumbnail
{
	margin: 4px;
	border: 1px solid #AAA;
}


div.centered
{
	text-align: center;
}
div.centered table
{
	margin: 0 auto;
	text-align: left;
}

td.centered
{
	text-align: center;
}

a.red
{
	color: #E33;
}



.red
{
	color: #E33;
}

#list li
{
	display: block;
	margin: 0px;
	text-align: center;
}

.title
{
	font-weight: bold;
	color: #900;
}

.cp
{
	color: #933;
	font-size: .9em;
	text-transform: uppercase;
}

.v
{
	font-size: .7em;
}

ul.normal
{
	margin: 20px;
}
.normal li
{
	list-style: square;
}

.roman li
{
	list-style: upper-roman;
}

.selected
{
	border: 8px solid #66F;
}

.inline li
{
	display: inline;
	padding-right: 10px;
}
.small
{
	font-size: .4em;
}

.colorEdit
{
	padding: 0px 4px 0px 4px;
	margin: 2px;
}

ul.style
{
	margin: 20px;
}
.style li
{
	display: inline;
	padding: 10px;
	margin:  10px;
}
.ref
{
	text-transform: uppercase;
	font-size: .7em;
}