html * { margin: 0; padding: 0; font-family: "Trebuchet MS", Trebuchet, sans-serif; font-size: 1.0em; color: #000; line-height: 1.5; }
body { font-size: 0.8em; background: #53483d; }
a { color: #f7931e; outline: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { clear: both; color: #564b40; font-size: 2.2em; margin: 0 0 15px 0; padding: 0; }
h1 em { color: #564b40; }
.content h1 { border-bottom: 1px solid #564b40; }
h2 { margin: 0; padding: 0; }
h1.home { font-size: 2.1em; padding: 0; }
h2.home { font-size: 1.6em; padding-bottom: 15px; line-height: 1.2; }
hr { margin: 25px 0 20px 0; padding: 0; color: #564b40; background: #564b40; height: 1px; border: 0; }
p { padding: 0 0 10px 0; }
ul, ol { padding: 0 0 10px 30px; }
h1, h2, h3, p, ul, ol, table, th, td { cursor: default; }
img { border: 0; display: block; }
.error { color: #ff0000; }
#error, #success { padding: 15px 0 10px 0; }
#error p, #success p { color: #ff0000; padding: 6px; cursor: pointer; background: #fff; border: 1px solid #eaeaea; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
#success p { color: #618b23; background: #fff; }
.hidden-text, body div #atff { display: none; }
.big { font-size: 1.2em; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.width { width: 978px; margin: 0 auto; }
#wrapper { }
#wrapper #header { min-height: 10px; background: #f7931e; }
#wrapper #header #logo { float: left; width: 166px; padding: 10px 0 0 0; }
#wrapper #header #welcome { float: right; width: 730px; font-size: 1.2em; font-weight: bold; text-align: right; padding: 10px 7px 0 0; }
#wrapper #header #welcome p.logout { padding-bottom: 7px; }
#wrapper #header #welcome p.strapline { color: #564b40; text-align: left; }
#wrapper #header #welcome p.strapline strong { color: #564b40; }
#wrapper #header #welcome p, #wrapper #header #welcome p a { color: #fff; }
#wrapper #header #nav { clear: left; float: left; width: 971px; padding: 5px 0 6px 0; }
#wrapper #header #nav ul { float: left; margin: 0; padding: 0; list-style: none; }
#wrapper #header #nav ul li { float: left; margin: 0; padding: 0 15px 3px 15px; display: block; background: url(/images/bg_nav_item.png) no-repeat right; }
#wrapper #header #nav ul li.first { padding-left: 5px; }
#wrapper #header #nav ul li.last { padding-right: 0; background: transparent; border: 0; }
#wrapper #header #nav ul li a { color: #fff; font-size: 1.2em; font-weight: bold; text-transform: lowercase; padding: 0; display: block; }
#wrapper #header #nav ul li.hi a, #wrapper #header #nav ul li a:hover { text-decoration: underline; }
#wrapper #header #nav #share { float: right; padding-top: 6px; }
#wrapper #container { padding: 10px 15px 10px 15px; background: url(/images/bg.png) #d0c2a7; }
#wrapper #container .lft { float: left; width: 266px; margin-top: 0px; }
#wrapper #container .lft a { color: #000; }
#wrapper #container .lft .signup { margin-bottom: 6px; text-align: left; }
#wrapper #container .lft .signup img { display: inline; }
#wrapper #container .lft .invite { font-weight: bold; padding-top: 6px; }
#wrapper #container .lft .invite a { color: #564b40; }
#wrapper #container .mdl { float: left; width: 239px; margin-left: 22px; margin-top: 6px; }
#wrapper #container .mdl .recent-signups { color: #564b40; font-size: 1.8em; border-top: 6px solid #564b40; border-bottom: 2px solid #564b40; }
#wrapper #container .mdl ul { padding: 6px 0 0 0; list-style: none; border-bottom: 2px solid #564b40; }
#wrapper #container .mdl ul li { padding-bottom: 6px; }
#wrapper #container .mdl .caption { position: relative; top: -6px; left: -40px; }
#wrapper #container .mdl .join-a-group a { color: #564b40; font-size: 1.4em; font-weight: bold; padding-right: 48px; background: url(/images/icon_join_group.png) no-repeat right; }
#wrapper #container .rgt { float: right; width: 400px; margin-top: 2px; }
#wrapper #container .rgt .comments { min-height: 381px; padding-top: 10px; background: url(/images/bg_comments_top.png) no-repeat top right; }
#wrapper #container .rgt .comments .c2 { padding-bottom: 14px; background: url(/images/bg_comments_btm.png) no-repeat bottom right; }
#wrapper #container .rgt .comments .c3 { min-height: 316px; background: url(/images/bg_comments_mdl.png) repeat-y right; }
#wrapper #container .rgt .comments h2 { margin: 0 7px 6px 4px; padding: 0 16px 2px 10px; border-bottom: 1px solid #564b40; }
#wrapper #container .rgt .comments h4 { padding: 0 16px 0 15px; }
#wrapper #container .rgt .comments p  { padding: 0 16px 10px 15px; }
#wrapper #container .rgt .comments .join-blog { margin: 0 7px 0 4px; padding-top: 10px; background: url(/images/bg_comments_border.png) repeat-x top; }
#wrapper #container .rgt .comments .join-blog strong { min-height: 33px; padding: 5px 20px 0 11px; display: block; background: url(/images/bg_blog.png) no-repeat 290px 0; }
#wrapper #container .rgt .ad2 { width: 430px; height: 186px; background: url(/images/bg_ad_2.png) no-repeat; }
#wrapper #container .content { float: left; width: 630px; padding-top: 10px; background: url(/images/bg_content_top.png) no-repeat top; }
#wrapper #container .content .c2 { padding-bottom: 14px; background: url(/images/bg_content_btm.png) no-repeat bottom; }
#wrapper #container .content .c3 { min-height: 530px; padding: 0 18px 10px 15px; background: url(/images/bg_content_mdl.png) repeat-y; }
#wrapper #container .content-wide { float: left; width: 977px; padding-top: 10px; background: url(/images/bg_content_wide_top.png) no-repeat top right; }
#wrapper #container .content-wide .c2 { padding-bottom: 14px; background: url(/images/bg_content_wide_btm.png) no-repeat bottom right; }
#wrapper #container .content-wide .c3 { min-height: 479px; padding: 0 18px 10px 15px; background: url(/images/bg_content_wide_mdl.png) repeat-y right; }
#wrapper #container .sidebar { float: right; width: 286px; padding-top: 10px; background: url(/images/bg_content_side_top.png) no-repeat top right; }
#wrapper #container .sidebar .c2 { padding-bottom: 14px; background: url(/images/bg_content_side_btm.png) no-repeat bottom right; }
#wrapper #container .sidebar .c3 { min-height: 530px; padding: 0 18px 10px 15px; background: url(/images/bg_content_side_mdl.png) repeat-y right; }
#wrapper #container .sidebar label { display: block; }
#wrapper #container .sidebar input#s { width: 250px; }
#wrapper #container .sidebar input#searchsubmit { float: right; }
#wrapper #container .sidebar p, #wrapper #container .sidebar ul { clear: both; }
#wrapper #container .sidebar input { margin: 0 0 2px 0; display: block; }
#wrapper #container .sidebar ul { margin: 0; padding: 0 0 10px 0; list-style: none; }
#wrapper #container .advert { float: right; width: 300px; padding-top: 4px; }
/*#wrapper #container .advert { float: right; width: 286px; }
#wrapper #container .ad1 { width: 274px; height: 502px; padding: 11px 0 0 12px; background: url(/images/bg_ad_1.png) no-repeat; }*/
#wrapper #footer { width: 948px; min-height: 10px; margin: 0 auto; padding: 10px 15px 40px 15px; background: url(/images/logo_footer.png) no-repeat 820px 45px #53483d; }
#wrapper #footer .links { padding-bottom: 20px; text-align: center; }
#wrapper #footer .links, #wrapper #footer .links a { color: #fff; font-size: 0.95em; font-weight: bold; text-transform: lowercase; }
#wrapper #footer .tbg { width: 200px; }
form { margin: 0 0 15px 0; }
form .error { float: none !important; color: #f7931e; display: inline !important; }
form .clear-row { clear: both; }
form .row { width: 425px; margin: 0 0 5px 0; }
form .submit { margin: 0; }
form .row label { float: left; width: 150px; padding: 4px 0 0 0; margin: 0; display: block; }
form .row label em { position: absolute; width: 273px; padding-top: 3px; font-size: 0.85em; font-style: normal; text-align: right; display: block; }
form .row label em span { display: inline; }
form .submit a, form .submit input { float: right; }
form .row span { float: left; display: block; }
form .row span input, form .row span textarea { width: 266px; padding: 3px; border: 1px solid #999; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
form .row span textarea { height: 120px; }
form textarea#comment { width: 590px; }
form .row span select { width: 274px; padding: 3px; border: 1px solid #afafaf; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
form .row span input:focus, form .row span textarea:focus, form .row span select:focus { border: 1px solid #555; }
form .row span .validation-failed { border: 1px solid #ff0000; }
form .row span input.readonly { background: #eee; }
form .dob span { float: left; width: auto; }
form .dob select { width: 135px !important; }
form .dob select#frm_dob_dd { margin-right: 4px; }
form#adduserform, form#edituserform { margin-top: 20px; clear: both; }
form#miniloginform { font-size: 0.7em; margin: 0 0 5px 0; }
form#miniloginform .input { width: 150px; margin: 0 1px 2px 0; }
form#miniloginform .login-submit { font-weight: bold; background: transparent; border: 0; }
table.list { width: 100%; margin-bottom: 15px; border-right: 1px solid #53483d; border-left: 1px solid #53483d; }
table.list th { color: #fff; text-align: left; padding: 5px; background: #53483d; }
table.list td { padding: 5px; border-bottom: 1px solid #53483d; }
table.list a { color: #564b40; }
div.float-right { float: right; }
div.float-right .add-user { padding: 0 0 10px 0; }
div.float-right .print-list { padding: 15px 0 20px 0; }
div.float-right .print-list a { color: #564b40; font-weight: bold; padding: 20px 0 20px 55px; background: url(/images/icon_print.png) no-repeat left; }
div.float-right .add-user a { color: #6e9e2c; font-weight: bold; padding: 0 0 0 20px; background: url(/images/icon_add.png) no-repeat left; }
.slider { clear: both; width: 350px; margin-bottom: 10px; }
h2.unbold { font-weight: normal; }
h2.preference { width: 350px; min-height: 10px; padding-bottom: 10px; }
h2.preference span { float: right; font-weight: bold; }
.char-count { width: 425px; text-align: right; }