/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html,body,address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,table,caption,th,td,img { margin: 0; padding: 0; }
a img, a:link img, a:visited img { border: none; border-width: 0; vertical-align: top; }
fieldset { border: none; border-width: 0; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Globals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html, body {border: 0; height: 100%;}

body {background-color: #F4F3F1; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; line-height: 1em; text-align: center;}

body#home, body#member, body#account {background: url('/common/images/bg-main.png') #F4F3F1 repeat-x top left;}

a:link, a:visited {color: #CC6600; font-weight: bold; text-decoration: underline;}

a:hover {background-color: #CC6600; color: #fff; font-weight: bold; text-decoration: none;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clear {*zoom: 1;/*for ie 5.5-7*/}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

h1 {font: bold 1.7em;}

h2 {font-size: 1.7em; font-weight: normal; margin: 0;}

h3 {font-size: 1.55em; font-weight: normal; margin: 0;}

h4 {font-size: 1.45em; margin: 0;}

p, ul, ol {margin: 0; line-height: 1.7em; padding: 0 0 18px 0;}

blockquote {margin: 22px 40px; padding: 0;}

ul, ol {margin: 0 15px 20px 25px; padding: 0;}

ol li {list-style-type: decimal; margin: 5px 0 10px 0; text-align: left;}

ul li {list-style-type: disc; margin: 5px 0 10px 0; text-align: left;}

small {font-size: 0.85em;}

strong {font-weight: bold;}

img {border: 0;}

acronym, abbr {cursor: help; letter-spacing: 1px; border-bottom: 1px dashed;}

hr {text-align: center; width: 90%; height: 1px; color: #ccc; border: none; margin: 0 auto 20px auto;}

html > body hr {margin: 0 auto 20px auto; width: 90%; height: 1px; background-color: #ccc; border: 0px solid #ccc;}

.center {margin: 10px auto; text-align: center;}

.notice  {background-color: #FFFFCC; border: 1px solid #FFCC66; font-size: 1em; margin: 10px auto; padding: 10px; text-align: left; width: 500px;}

.right {float: right;}

.left {float: left;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

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

input, select, textarea {font-size: 1em;}

textarea {line-height: 1.25;}

label {cursor: pointer;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Site Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#main-header {background: url('/common/images/bg-header.jpg') transparent no-repeat top center; height: 96px; margin: 8px auto 0 auto; padding: 3px; width: 960px;}


#home #nav-bar { background: url('/common/images/mem-login-arrow.png') transparent no-repeat left center; color: #fff; font-size: .8em; height: 49px; margin: 0 auto; padding: 0 0 0 150px; text-align: left; width: 810px;}

#home #nav-bar a, #home #nav-bar a:visited {color: #fff;text-decoration: underline; font-weight: normal;}
#home #nav-bar a:hover, #home #nav-bar a:focus, #home #nav-bar a:active  {color: #333; background-color: #fff; text-decoration: none; font-weight: normal;}

#home #nav-bar form { margin: 0; padding: 0;}

#home #nav-bar p {display: inline;}

#home #nav-bar .message {font-size: 1.1em; float: left; margin:0; padding: 14px 0 10px 0;}

#home #nav-bar p.left {float: left;}

#home #nav-bar p.right {font-size: 1.1em;float: right; padding: 14px 0 0 0;}

#home #nav-bar .go-button { margin: 8px 0 0 2px; padding: 0 0 3px 0; }

#home #nav-bar label { float: left; margin: 17px 3px 0 0; padding: 0; font-size:.9em;}

#home #nav-bar .request { font-size: .8em; margin: 0 0 0 240px; padding: 0;}

#home #nav-bar input.text-input  {background: url('/common/images/bg-form-text.png') #fff no-repeat left top; border: 1px solid #D57329; float: left; margin: 12px 10px 0 0; padding: 4px; width: 100px;}

#member #nav-bar, #account #nav-bar  {font-size: 1.15em; height: 48px; margin: 0 auto; padding: 0; text-align: center; width: 880px;}

#nav { padding: 0; }

ul#nav { width: 100%; text-align: center; }

ul#nav li { display: inline; }

#nav li {display: inline; margin: 0;}

#nav li a { float: left; font-size:.8em; text-decoration: none; padding: 10px 15px 9px 15px; margin: 0 1px 0 0; color: #fff; }

#nav li a.current { background: url('/common/images/bg-nav-active.png') #FF9933 repeat-x center top; color: #000; }

#nav li a:hover { background: url('/common/images/bg-nav-active.png') #FF9933 repeat-x center top; color: #000;  }

#home h1 {color: #CC6600; font-size: 2.5em; text-align: center; margin: 10px auto 20px auto; line-height: 1.2em;}

#home h2 {color: #333; font-size: 1.5em; font-weight: normal; margin: 0 0 15px 0;}

#home h3 {font-size: 1.55em; font-weight: normal; margin: 0;}

#home h4 {font-size: 1.45em; margin: 0;}

#home #content { font-size: .9em; margin: 50px auto; padding: 0; min-height: 700px; text-align: left; clear: both;}

#home blockquote { background: url('/common/images/bg-quote-home.png') #FEFEF1 no-repeat left top; border: 1px solid #E5E5E5; font-size: 1em; font-style: italic; margin: 10px auto; padding: 10px 20px 0 60px; width: 500px;}

#home blockquote .right { float: none; text-align: right;}

#home .panel-wrapper h2 {color: #000; font-size: 1.3em; font-weight: bold; margin: 15px 0;}

#home .desc-details {font-size: .9em; padding: 10px 20px; text-align: left;}
#home .desc-details h2 {color: #CC6600; font-size: 1.3em; font-weight: bold; line-height: 1.2em margin: 15px 0;}
#home .desc-details h3 {font-size: 1.3em; font-weight: bold; margin: 10px 0;}

#account #content {font-size: .9em; margin: 50px auto; padding: 0; text-align: left; width: 900px; clear: both; min-height: 700px; }

#account #content h2 { color: #CC6600; border-bottom: 1px solid #ccc; font-size: 1.7em; font-weight: bold; margin: 0; padding: 0; line-height: 1.2em;}

#account #content #member-options { font-size: 1.2em; margin: 80px auto; text-align: center; }

#member #content { background: url('/common/images/bg-content.png') #F4F3F1 repeat-y center top; font-size: .9em; margin: 10px auto 0 auto; min-height: 700px; padding: 0; text-align: left; width: 950px; clear: both;}

#member #content #main { float: left; margin: 35px 10px 0 0; padding: 0; text-align: left; width: 650px;}

#member #content #main h2 { color: #CC6600; border-bottom: 1px solid #ccc; font-size: 1.7em; font-weight: bold; margin: 0; padding: 0; line-height: 1.2em;}
#member #content #main h2.storytitle {margin: 0; padding: 0;}
#member #content #main h2.title  { margin: 5px 0 20px 0; padding: 2px 0; }
#member #content #main h2 a:link, #member #content #main h2 a:visited {  text-decoration: none; }
#member #content #main h3 {color: #333; font-size: 1.5em; font-weight: bold; margin: 15px auto;}
#member #content #main h4 {color: #333; font-size: 1.2em; font-weight: bold; margin: 10px auto;}
#member #content #main h4.title { font-size: 120%; color: #444; margin: 5px 0 20px 0; padding: 0;  }


#member #content #main p { margin: 4px auto; }
#member #content #main p.center { margin: 10px auto; text-align: center; }
#member #content #main p.right { text-align: right; }
#member #content #main .entry { margin: 20px auto; }
#member #content #main .byline { border-top: 1px solid #ccc; color: #888; font-size: .8em; margin: 2px 0 20px 0; text-align: right; }
#member #content #main .byline a:link, #content .byline a:visited { color: #888; font-weight: normal; text-decoration: underline; }
#member #content #main .byline a:hover { color: #fff; background-color: #888; text-decoration: none; }

#member #content #main blockquote { background-color: #F9F9F9; border: 1px solid #ccc; padding: 20px; }
#member #content #main ul, #member #content #main ol { margin: 5px 0 20px 50px; padding: 0; }
#member #content #main li { margin: 5px 0; padding: 0;}

#member #content #main img.right { float: right; padding: 10px; }
#member #content #main img.left { float: left; padding: 10px; }
#member #content #main img.top-right { float: right; padding: 0px 10px; }
#member #content #main img.top-left { float: left; padding: 0px 10px; }
#member #content #main img.framed { background-color: #eee; border: 1px solid #999; margin: 0 auto; padding: 5px; }
#member #content #main img.framed-right { background-color: #eee; border: 1px solid #999; float: right; margin: 0px 10px 10px 10px; padding: 5px; }
#member #content #main img.framed-left { background-color: #eee; border: 1px solid #999; float: left; margin: 0px 10px 10px 10px; padding: 5px; }

#member #content #main span.right { float: right; padding: 10px; }
#member #content #main span.left { float: left; padding: 10px; }
#member #content #main .paging { margin: 40px auto; }


#member #content #sidebar { display: inline; font-size: .8em; float: right; line-height: 1em; margin: 35px 0 30px 0; padding: 0; position: relative; text-align: left; width: 260px;}

#member #content #sidebar p.center { margin: 10px auto; text-align: center; }
#member #content #sidebar p.right { text-align: right; }

#member #content #sidebar h3 { border-bottom: 1px solid #777; color: #333; font-size: 1.5em; font-weight: normal; margin: 10px auto 15px auto; padding: 0 0 5px 0}
#member #content #sidebar h4 {color: #333; font-size: 1.3em; font-weight: normal; margin: 10px auto;}

#member #content #sidebar ul, #member #content #sidebar ol { margin: 5px 0 20px 30px; padding: 0; }
#member #content #sidebar li { margin: 5px 0; padding: 0;}

.ddfmwrap { margin: 10px auto; padding: 10px; width: 440px; }
.ddfmwrap form { margin: 10px auto; padding: 20px; font-size: 1.1em; }
.ddfmwrap p.fieldwrap {	padding: 1px;	margin: 1px;	clear: left;}
form.ddfm {	text-align: left;	padding: 10px;	width: 430px; }
form.ddfm fieldset { border-bottom: 1px solid #ccc; border-top: 0px solid #F4F3F1; padding: 5px 0 10px 0; margin: 5px 0 10px 0; display: block; }
form.ddfm legend { display: none; }
form.ddfm label {	display: block; float: left; width: 26%; text-align: right;	margin: 0 10px 0 0; clear: left; color: #333; font-weight: bold; }
form.ddfm label.fmtextlblwide {	display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; width: 100%;}
form.ddfm select.fmselect {	float: left; 	display: block;	width: 68%; margin-bottom: 15px; padding: 5px; }
form.ddfm .fmcheck { width: 65%; float: left;	display: block; margin-bottom: 15px;}
form.ddfm .fmradio { width: 65%; float: left;	display: block;	margin-bottom: 15px;}
form.ddfm .fmcheck p { padding: 0; margin: 0; }
form.ddfm .fmradio p { padding: 0; margin: 0; }
form.ddfm textarea { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; float: left; 	position: relative;	width: 65%;	margin-bottom: 15px; padding: 5px; font: .85em normal Verdana, Arial, Helvetica, sans-serif;}
form.ddfm .fmfullblock { padding-left: 0px;	float: left; 	width: 100%;	margin-bottom: 13px; display: block;}
form.ddfm .fmhalfblock { width: 65%;	padding-left: 29%;	margin-bottom: 13px;	float: left; display: block;}
form.ddfm input.fmverify { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; float: left; width: 22%;	margin-bottom: 15px; 	padding: 3px;	position: relative;	display: block; }
form.ddfm img {	margin: 1px 0 0 10px;     float: left;}
form.ddfm input.fmfile, form.ddfm input.fmtext { background: url('/common/images/bg-form-text.png') #fff no-repeat top left;  border: 1px solid #777; float: left; display: block; width: 65%; margin-bottom: 15px; padding: 5px; }
form.ddfm input.fmdate {	float: left; 	display: block;	width: 35%;	margin-bottom: 15px;  	padding: 3px;}
form.ddfm textarea { background: url('/common/images/bg-form-text.png') #fff no-repeat top left; border: 1px solid #777;}
form.ddfm textarea.fmtextwide {	background: url('/common/images/bg-form-text.png') #fff no-repeat top left; border: 1px solid #777; display: block;	float: left;	width: 93%;	margin-right: 2px;	margin-bottom: 15px; 	padding: 3px;}
form.ddfm input.fmfile:focus, form.ddfm input.fmtext:focus, form.ddfm textarea.fmtextwide:focus, form.ddfm input.fmverify:focus, form.ddfm textarea:focus { background: url('/common/images/bg-form-text.png') #fff no-repeat top left; border: 1px solid #FF6600; }
form.ddfm .credits {	text-align: right;	margin-top: 7px;	width: 97%;}
form.ddfm .submit {	text-align: center;	clear: both;	margin: 0 auto; padding: 10px 0;}
form.ddfm .submit input { background: url('/common/images/bg-button.png') transparent repeat-x top center; border: 1px solid #000; color:#000; font-weight: bold; padding: 10px; text-align: center; }
form.ddfm .submit input:hover { background: url('/common/images/bg-button-hover.png') #FF9933 repeat-x top center; color:#000; }
form.ddfm .submit input:active { background: url('/common/images/bg-button-active.png') #FF9933 repeat-x top center; color:#000; }
.ddfmwrap .ddfmerrors { display: none; }
.ddfmwrap .errorlist { background: url('/common/images/bg-error-big.png') #FFFFE1 no-repeat center left; border: 1px solid #FF6600; color:#cc3300; display: block; margin: 0 auto; padding: 10px 5px 10px 90px; text-align: left; }
.ddfmwrap .recaptcha {	width: 100%;	text-align: right;	clear: both; 	height: 120px;	margin-right: 7px;	padding-bottom: 10px;}
.ddfmwrap .recaptcha-inner {	float: right;	margin-right: 3px;}

.meta {color: #777; font-size: 0.7em; margin: 0;}

.meta a:hover, .meta a:active {color: #ffcc99; font-weight: normal; text-decoration: none;}

.post {clear: left; padding: 0px 0px 25px 0px; margin: 0px 0px 30px 0px; background: url('/common/images/bg-post.png') no-repeat center bottom;}

.postmetadata {font-size: 0.75em;}

.postmetadata a:link, .postmetadata a:visited {color: #333399; text-decoration: underline;}

.postmetadata a:hover, .postmetadata a:active {color: #ffcc99; text-decoration: none;}

.storycontent {padding: 0px; margin: 15px 0px;}

#footer {background: url('/common/images/bg-footer.png') transparent repeat-x top center; clear: both; color: #fff; font-size: 0.7em; margin: 0px auto; padding: 20px 20px; text-align: right;}
#footer a:link, #footer a:visited {color: #777; font-weight: normal; text-decoration: underline;}
#footer a:hover {background-color: #eee; color: #777; font-weight: normal; text-decoration: none;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Coda-Slider 2.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

	.coda-slider-wrapper { padding:0; width: 910px; margin: 0 auto; }
	.coda-slider { border: 1px solid #E5E5E5; background: #FFFFFF url('/common/images/bg-panel.png') repeat-x scroll left top; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px }

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
    .coda-nav ul { clear: both; display: block; margin: 0 auto; overflow: hidden; text-align: center; }
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */


	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


ul.navigation {
    font-size: .95em;
    list-style: none;
    margin: 0 auto;
    padding: 14px 0 9px 0;
}

ul.navigation li {
    display: inline;
    margin: 0;
}

ul.navigation a {
     border-top: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     border-left: 1px solid #E5E5E5;
    background-color: #ccc;
    margin:0;
    padding: 14px 15px 14px 50px;
    color: #555;
    text-decoration: none;
   outline: none;
}

ul.navigation a#nav-welcome {
    background: #ccc url('/common/images/bg-welcome.png') no-repeat left bottom;
}

ul.navigation a#nav-people {
    background: #ccc url('/common/images/bg-people.png') no-repeat left bottom;
}

ul.navigation a#nav-story {
    background: #ccc url('/common/images/bg-story.png') no-repeat left bottom;
}

ul.navigation a#nav-connect {
    background: #ccc url('/common/images/bg-connect.png') no-repeat left bottom;
}

ul.navigation a#nav-learn {
    background: #ccc url('/common/images/bg-learn.png') no-repeat left bottom;
}

ul.navigation a#nav-join {
    background: #ccc url('/common/images/bg-join.png') no-repeat left bottom;
}

ul.navigation a:hover {
    border-top: 1px solid #FF6600;
    color: #FF6600;

}

ul.navigation a.current {
    border-top: 1px solid #FF6600;
    color: #000;
    margin:0 0 1px 0;
}

ul.navigation a.current#nav-welcome, ul.navigation a:hover#nav-welcome {
    background: #FFF url('/common/images/bg-welcome-on.png') no-repeat left bottom;
}

ul.navigation a.current#nav-people, ul.navigation a:hover#nav-people {
    background: #FFF url('/common/images/bg-people-on.png') no-repeat left bottom;
}

ul.navigation a.current#nav-story, ul.navigation a:hover#nav-story {
    background: #FFF url('/common/images/bg-story-on.png') no-repeat left bottom;
}

ul.navigation a.current#nav-connect, ul.navigation a:hover#nav-connect {
    background: #FFF url('/common/images/bg-connect-on.png') no-repeat left bottom;
}

ul.navigation a.current#nav-learn, ul.navigation a:hover#nav-learn {
    background: #FFF url('/common/images/bg-learn-on.png') no-repeat left bottom;
}

ul.navigation a.current#nav-join, ul.navigation a:hover#nav-join {
    background: #FFF url('/common/images/bg-join-on.png') no-repeat left bottom;
}

ul.navigation a:focus {
    outline: none;
}


.scrollbuttons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollbuttons.left {
    left: -20px;
}

.scrollbuttons.right {
    right: -20px;
}

.hide {
    display: none;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
aMember/Signup Structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.msg-sent {background: url('/common/images/bg-msg-sent.png') #FFFFCC no-repeat center left; border: 2px solid #DDD; font-size: 1.2em; line-height: 1.5em; margin: 70px auto 300px auto; padding: 20px 10px 20px 80px; width: 450px;}
.no-session {background: url('/common/images/bg-no-session.png') #FFFFCC no-repeat center left; border: 2px solid #DDD; font-size: 1.2em; line-height: 1.5em; margin: 100px auto; padding: 20px 10px 20px 70px; width: 500px;}
.mem-fm-wrap { border: 1px solid #777; }
#login-box { background-color: #ECECEC; border: 1px solid #777; margin: 20px auto; padding: 10px 20px; width: 330px; }
#login-box p { margin: 3px 5px 15px 5px; padding: 0; }
#login-box label { color: #333; display: block; margin:0; font-weight: bold; padding:0; }
#login-box label em, #login-box label strong { font-size: 70%; font-weight: bold; }
#login-box hr { background: url('/common/images/cg.gif') #777 repeat-x top center; width: 90%; height: 1px; color: #777; border: none; margin: 0 auto 20px auto;}
#login-box p.error-msg { color: #ff3300; font-weight: bold; margin: 5px 0 15px 0; text-align:center; }

#login-box .text-input { width: 300px }

#login-box .text-input { background: url('/common/images/bg-form-text.png') #fff no-repeat top left; border: 1px solid #777; color: #555; font-family: verdana, arial, helvetica, sans-serif; font-size: 1.1em; margin: 0 0 5px; padding: 5px; }

#login-box .text-input:focus { background: url('/common/images/bg-form-text.png') #FFFAF4 no-repeat top left; border: 1px solid #FF6600; color: #000; }

.btn-submit { background: url('/common/images/bg-button.png') transparent repeat-x top center; border: 1px solid #000; color:#000; font-weight: bold; padding: 10px; text-align: center; }
.btn-submit:hover { background: url('/common/images/bg-button-hover.png') #FF9933 repeat-x top center; color:#000; }
.btn-submit:active { background: url('/common/images/bg-button-active.png') #FF9933 repeat-x top center; color:#000; }

#login-error {background: url('/common/images/bg-error-big.png') #FFFFE1 no-repeat center left; border: 1px solid #990000; color: #990000; font-size: 1em; margin: 10px auto; padding: 10px 10px 10px 90px; width: 400px;}

#paypal { clear: both; color: #000; font: normal .7em verdana, tahoma, arial, sans-serif; margin: 0 auto; text-align: right; width: 890px;}

#signup { margin: 30px auto; padding: 0; }

input.text-field, textarea {background: url('/common/images/bg-form-text.png') #fff no-repeat top left;  border: 1px solid #777; font-size: 1.1em; margin: 0 0 5px; padding: 5px;}

input.text-field:focus, textarea:focus {background: url('/common/images/bg-form-text.png') #FFFAF4 no-repeat top left; border: 1px solid #FF6600; color: #000;}

input.radio {display: inline;
	float: left;
	margin: 3px 10px 0 0;}

.product-box {background-color: #FFFFE8; border: 1px #999999 solid; line-height: 1.4em; margin: 10px 0; padding: 15px;}


.button {
 float: right;
}

.button, a.button { background: url('/common/images/bg-button.png') transparent repeat-x top center; border: 1px solid #000; color:#000; font-weight: bold; font-size: 1.2em; padding: 10px 10px; text-align: center; }
.button:hover { background: url('/common/images/bg-button-hover.png') #FF9933 repeat-x top center; color:#000; }
.button:active { background: url('/common/images/bg-button-active.png') #FF9933 repeat-x top center; color:#000; }

label.error {
	color: #CC0033;
    display: block;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
	font-size:  .95em;
}
input.error {background: url('/common/images/bg-input-error.png') #ffffcc no-repeat right top; border: 1px solid #ff3300;}

hr {
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
ul, li { list-style: square; }
.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { display:none; font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; }

/* properties for headers */

/* other elements */
div.centered { text-align: center; }
div.centered table {
    margin: 0 auto;
    text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; }

#tbl-profile {
   margin: 40px auto 0 auto;
   width: 550px;
}


/* vedit - vertical table (signup, profile edit) */
.vedit {
	border: 1px solid #999;
	background: #ccc;
	padding: 0;
	margin: 0 auto;
   width: 100%;
}
/* vedit - usual column (right) */
.vedit td {
	border: 1px solid #fff;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	background:url('/base/images/bg-td.png') #fff repeat-x bottom left;
	padding: 8px;
	text-align: left;
	color: #000;
}

.vedit td.product {
	background:url('/base/images/cg.gif') #eee repeat-x bottom left;
}

.vedit td label b.product {
	color: #000;
	font-weight: bold;
	font-size:  1.3em;
}

/* vedit - header column (left) */
.vedit th {
	border: 1px solid #fff;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	padding: 8px;
    margin: 0px;
    background-color: #ECECEC;
}
/* vedit - heading row */
.vedit .headrow { background:url('/common/images/footer.png') #000 repeat-x bottom left; border: 1px solid #003333; color: #fff; font-size: 1.1em; font-weight: bold; text-align: left; }

.vedit th .small, .vedit td .small { font-size: 75%; font-weight: normal; }

/* hedit - horizontal table (payments list) */
.hedit {
	border: 1px solid #ccc;
	background: #ccc;
	padding: 0;
	margin: 0 auto;
}

.hedit .inactive {
	background-color: #F8F8F8;
	color: #999;
}
/* hedit - usual column */
.hedit td {
	background-color: #fff;
	border: 1px solid #fff;
	padding: 8px;
	text-align: left;
}
/* hedit - header column */
.hedit th {
	border: 1px solid #fff;
	color: #000;
	text-align: center;
	padding: 8px;
	background:url('/base/images/bg-th.png') #eee repeat-x top left;
}

table.errmsg
{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */
.receipt {
	border: 2px solid #ccc;
	background: #ccc;
	padding: 0;
	margin: 0 auto;
}

.receipt td {
	border: 1px solid #fff;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	background:url('/base/images/bg-td.png') #fff repeat-x bottom left;
	padding: 8px;
	text-align: left;
	color: #000;
}
.receipt th {
	border: 1px solid #fff;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	padding: 8px;
	background:url('/base/images/bg-th.png') #eee repeat-x top left;
}
.receipt td.total {
	border: 1px solid #fff;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	background:url('') #ffffcc repeat-x bottom left;
	padding: 8px;
	text-align: left;
	color: #000;
}

.receipt {
    border-collapse: collapse;
}

/* Newsletters table on member.php */
.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */
.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}