body
{
	margin: 0 2% 0 2%;
	background-color: white;
}


img {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.inline
{
	display: inline;
	margin: 1px 0.2em 1px 0.2em;
	border: none;
	vertical-align: middle;
}

#header
{
	margin: 0 -2% 0 -2%;
	clear: both;
}

#footer {
	margin: 0 -2% 0 -2%;
	border-top: #ccc 2px solid;
	text-align: center;
	text-indent: 0;
}

#content
{
	margin: 0 0 0 3%;
	float: left;
	width: 56%;
}

#contentend {
	clear: both;
}

#contentend #pagenavigation {
	background: #ccc;
	padding: 3px;
	margin: 0 0 0 2px;
}

#sidebar #top
{
	background-image: url(images/sidebar-top.png);
	background-repeat: no-repeat;
	height: 12px;
	margin-bottom: -1.4em;
}

#sidebar #middle
{
	background-image: url(images/sidebar-middle.png);
	background-repeat: repeat-y;
	padding-left: 1.3em;
}

#sidebar #bottom
{
	background-image: url(images/sidebar-bottom.png);
	background-repeat: no-repeat;
	height: 12px;
	margin-top: -1em;
	padding-bottom: 0.8em;
}

#sidebar
{
	margin: 0 5px 0 0;
	float: right;
	width: 34%;
	padding-left: 4px;
}

#essentials {
}

#essentials #summary p
{
	padding: 3px;
	background-color: #FFC;
	border-color: yellow;
	border-width: 1px;
	border-style: dotted;
}

#action
{
	margin: 0 25% 0 25%;
	width: 50%;
	padding: 3px;
	text-align: center;
	background-color: #EFF;
	border-color: #CFF;
	border-width: 1px;
	border-style: solid;
}

/*
#action *
{
	font-size: 120%;
}
*/

#attract
{
	background-color: #EFF;
	border-color: #CFF;
	border-width: 1px;
	border-style: solid;
}

abbr, acronym
{
	border-bottom: gray;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

.highlight { background-color: #FFC; }

hr
{
	border-color: #ccc;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	width: 95%;
}

#content .caption
{
	display: block;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-left: 20%;
	margin-right: 20%;
	padding-bottom: 1em;
}

.pagenavigation
{
	border-color: #ccc;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

.pagenavigation a
{
	background: #ccc;
	padding: 3px;
	margin: 0 0 0 2px;
}

/* Typography */
body
{
	font-size: 12px;
	line-height: 1.5em;
	font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
}

h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }

/* Header */
#header li
{
	display: inline;
	padding-left: 3px;
	padding-right: 9px;
}

#header #overview { float: left; }
#header #account { float: right; margin-right: 1em; }

#header hr
{
	clear: both;
	border-bottom: #ccc 2px solid;
	width: 100%;
}

#footer li
{
	display: inline;
	padding-left: 3px;
	padding-right: 9px;
}

/* IE fixes */
#header { margin-bottom: 5px; }
#contentend { margin-top: 5px; }

/* experiments */
#debug { margin-bottom: 3em; }
.error { background: yellow; }

/* autocomplete */
div.auto_complete
{
	width: 350px;
	background: #fff;
}

div.auto_complete ul
{
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

div.auto_complete ul li
{
	margin: 0;
	padding: 3px;
}

div.auto_complete ul li.selected { background-color: #ffb; }

div.auto_complete ul strong.highlight
{
	color: #800;
	margin: 0;
	padding: 0;
}

/* sidebar */
/*
#sidebar h2 { text-transform: lowercase; }
*/

/*
#sidebar .actions a:link { 
	color: #333333;
	}
#sidebar .actions a:visited { 
	color: #FFFFFF;
	}
#sidebar .actions a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
#sidebar .actions a:active { 
	color: #333333;
	}
*/

#sidebar .actions li
{
	display: inline;
	padding-left: 3px;
	padding-right: 9px;
	color: gray;
	list-style-type: square;
	list-style-position: default;
}

#sendForm
{
/*
	border-color: #e7b98a;
	border-style: dotted;
	border-width: 1px;
*/
	padding-top: 0.1em;
	padding-left: 1em;
	width: 26em;
	margin-left: auto;
	margin-right: auto;
/*
	background-color: #FFF;
	background-image: url(images/background_strip.png);
	background-repeat: repeat-x;
*/
}

#sendForm textarea { font-size: 1.2em; }

#sendForm .label
{
	float: left;
}

#sendForm .summary
{
	color: gray;
	font-size: 82%;
	float: right;
	padding-right: 2em;
}

/* Restrict the width of the message body */
.messageBody
{
	width: 26em;
	background-color: #eee;
}

/* Pay As You Go choices table */

.choice
{
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;

	margin: 2em;
	width: 90%;
}

.choice caption
{
	text-align: left;
	font-size: 80%;
	font-style: italic;
}

.choice td
{
	text-align: left;
}

.choice th
{
	font-size: 118%;
	text-align: center;
	background-color: #eee;
}

.choice tr td
{
	padding-left: 1em;
}

.choice tr.buynow *
{
	padding-left: 0em;
	padding-top:0.2em;
	text-align: center;
	vertical-align: middle;
	font-size: 118%;
}

/* Start input fields */

.inputfield
{
    clear: both;
    margin: 0;
}

.inputfield .close
{
    clear: both;
}

.inputfield label
{
    float:left;
    text-align: right;
    margin: 0 0.3em 1em 0;
    padding-top: 0.3em;
}

.inputfield .fields
{
    float:left;
    text-align: right;
}

.inputfield .fields ul
{
	list-style: none;
	margin: 0 0 0.7em 0;
	padding: 0 0.5em 0.3em 0;
	font-size: 75%;
	color: gray;
	background-image: url(images/corner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.inputfield .fields ul li
{
	line-height: 150%;
}
/* End input fields */