ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, body, html, p,
blockquote, fieldset, input, td, tr, table { margin: 0px; padding: 0px; }
table {border-collapse: collapse;}

html { overflow-y: scroll; } /* prevent page from shifting horizontally */
body { background:#f5f5f5;font: 12px "Lucida Grande", sans-serif, Verdana, sans-serif; color: #333; }
#container, #wrap { background:#ffffff; border:1px solid #ddd; border-top:0;margin: 0 auto; width: 950px; min-height: 450px; }

font: normal 20px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; color: darkorange; margin: 6px 0;

h1 { font: bold 22px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; color: darkorange; margin: 4px 0px; }
h2 { font: normal 18px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; margin: 6px 0; }
h3 { font-size: 13px; margin:0 0 6px;line-height:1.3; }
h4 { font-size: 11px; }
tbody { font-size: 12px; }

p { margin:8px 0 12px;line-height:18px; }
#tophome p {margin:0}

.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.vam {vertical-align:middle;}

input, label, h1, button, select {vertical-align:middle;}
a:link, a:visited { color: #228822; text-decoration: underline; }
a:focus, a:hover { color: darkorange; }
a:hover { text-decoration: underline; color: darkorange; cursor: pointer; }
a img, :link img, :visited img { border: none; }
a.superlink {font-size:14px;color: #fdfdfd; text-decoration: none; background: #339933; border: 1px solid #228822; padding: 2px 8px; margin-right: 8px;border-radius:5px;-moz-border-radius:5px;}
a.superlink:hover, button:hover { color: #fdfdfd;  background: #4DA64D; border: 1px solid #228822; cursor: pointer; }
input[type="submit"], button { font-size:14px;color: #fdfdfd; background: #339933; border: 1px solid #228822; padding: 2px 4px; cursor: pointer;border-radius:5px; }
input[type="submit"]:hover { color: #fdfdfd;  background: #4DA64D; border: 1px solid #228822; cursor: pointer; }
input[type="text"], input[type="password"] { font-size:14px;padding: 2px; border: 2px solid #ddd; }
input[type="text"]:focus, input[type="password"]:focus { border: 2px solid green; }
input[type="checkbox"] {vertical-align:middle;position:relative;top:-2px;margin-right:4px;}
.ajaxlink { text-decoration:underline;cursor:pointer;color:green; }

.delx {color:#cdc;font-weight:bold;cursor:pointer;font-size:14px;margin-right:4px;padding:1px 5px;}
.delx:hover {background:#e55;color:#fff;text-decoration:none;border-radius:3px;}

fieldset { border: 0px; border-top: 1px solid #ccc; padding: 2px 15px; margin-top: 10px; }
fieldset legend { font-size: 16px; padding: 0px 5px; }

.logintd { display:none; float:left; }

small { color: #888; }

#aco {display:none;margin-top:-5px;width:'.($size-2).'px;border-radius:0 0 5px 5px;border:1px solid #ccc;border-top:0;}
#ac {white-space:pre-wrap;margin:5px;}
#ac a {text-decoration:none;}
#ac a p {margin:4px 0;line-height:1.3;padding:1px 2px;}
#ac a p:hover { background:#e1f5e1;border-radius:2px; }

.browseconditions {margin-top:-5px;line-height:1.4;font-size:15px;}
/*.browseconditions a {margin:5px 5px 0 0;}*/

#searchresults td { vertical-align: top; padding-right: 25px; width:33%; }
#searchresults p {margin-bottom:15px;font-size:14px;font-weight:bold;line-height:1.3;}
#searchresults p small {font-weight:normal;}

.nowrap { white-space:nowrap; }

hr {background:#daedda;border:0px;height:1px;margin:10px 0px;}

.breadcrumb { font-size:12px;font-weight:normal; }
.hidden {display:none;}
.instructions {display:block;font-size:14px;font-weight:normal;margin:5px 0px;color:#aaa;}
.grayed { color:#aaa; }

a.activetab, span.activetab {text-decoration:none;margin:0 2px 0 0;padding:2px 10px 4px 10px;background:#cce6cc;font-weight:normal;font-size:17px;color:#484;border:1px solid #9c9;border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;cursor:default;}
a.inactivetab, span.inactivetab {text-decoration:none;margin:0 2px 0 0;padding:2px 10px 4px 10px;background:#eee;font-weight:normal;font-size:17px;color:#6a6;border:1px solid #ccc;border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
a.activetab:hover, a.inactivetab:hover, span.activetab:hover, span.inactivetab:hover {background:#cce6cc;}

#home_menu p {font-size:14px;line-height:20px;margin:0;padding:0 2px;vertical-align:bottom;}
#home_menu p.head {margin-top:10px;font-weight:bold;}
#home_menu p.active {background:#e0f0e0;color:darkorange;border-radius:3px;}
#home_menu a {text-decoration:none;}
#home_menu a p:hover {background:#e0f0e0;border-radius:3px;}

.points {background:#69e;color:#fff;font-weight:bold;padding:0 4px;border-radius:3px;text-shadow:0 -1px 0 #0080C9;border-right:1px solid #00659E;border-bottom:1px solid #00659E;border-left:1px solid ##2994D2;border-top:1px solid #2994D2;}

p.head img {margin:2px 0;}

.notificationbox {width:100%;margin:10px 0;text-align:center;border:1px solid #ffcc66;background:lightyellow;font-weight:bold;border-radius:3px;color:#333;}
.notificationbox span {display:inline-block;margin:5px 10px;font-size:15px;}

.homematch {float:left;clear:both;border-bottom:1px solid #eee;width:100%;padding:12px 0;}
.homematch div.avatar {float:left;margin-right:10px;}
.homematch div.info {float:left;width:575px;}
.homematch div p {margin:0;}
.homeconnect p a {text-decoration:underline;}
.home_dlg {text-align:left;}
.home_dlg h3 {background:#339933;color:#fff;padding:4px;}
.home_dlg table td.l {text-align:right;height:26px;padding-right:6px;}

.smalltext { font-size: 9px; color: #666; }
.cleardiv {	height: 0; 	clear: both; 	font-size: 1px; 	line-height: 1; }
.spacer { color:#ccc;margin:0 2px; }
#welcomeheader span.spacer {color:#bdb;margin:0 1px;}

#signuptable { margin: 0px auto; width: 330px; border: 1px solid #ddd; }
#signuptable table { margin-top: 2px; }
#signuptable legend { font-size: 16px; }
#signuptable th { font-weight: normal; white-space: nowrap; text-align: right; padding: 10px 6px; color:#666;}
#signuptable .inputbox { width: 180px; padding: 2px; border: 2px solid #ddd; }
#signuptable .inputbox:focus { border: 2px solid green;}
#signuptable input[type="submit"] { margin: 10px 0px; } 


.whysafe { margin-top:5px;font-size:13px; }
.whysafe li { margin-top: 10px; }

textarea {
	border: 2px solid #ddd;
	padding: 2px;
	wrap: soft;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
textarea:focus { border: 2px solid green; }

#profilebox td.label { text-align:right;white-space:nowrap;vertical-align:middle;padding-right:10px;height:40px;}
#profilebox input {margin:5px;width:120px;border:1px solid #ddd;}
#profilebox select {margin:5px;}
#profilebox span {vertical-align:middle;}

#curation_tasks p {margin:3px 0;}


.left, .blogleft { margin:0;float:left;width:230px;min-height:590px;}
.left div.inner {margin:10px;}
.blogleft {width:585px;}
.blogleft div.inner {margin:15px;}
.blogleft div {margin:15px 0;}
.right {float:right;width:715px;min-height:590px;margin:0;background:#fff;border-left:3px solid #daedda;}
.right div.inner {margin:15px;}

/*.middle h1 { margin-bottom: 10px; }
.middle h1 { margin: 5px 0px; }
.middle ul { margin-left: 20px; margin-bottom: 5px; }
.middle ol { margin-left: 20px; }
.middle p { margin-top: 5px; }*/

.resource { line-height:1.5; }
.resource p { margin:5px 0; }
.resource textarea { width: 425px; height: 70px; margin-bottom: 20px; display: block; }

.reviewsheader { margin: 20px 0px 10px 0px; font-weight: bold; }
#comments p {border-bottom:1px solid #ebebeb;padding:0 0 6px 0;margin:6px 0;line-height:18px; }
#comments p small { line-height:14px;}
/*#comments {margin:20px 0 15px 0; border-bottom:1px solid #ddd;}
#comments div { margin: 0px; padding: 12px 20px; border-top:1px solid #ddd; background: #efe; }
#comments div small { display:block; }*/
.commentform p { margin: 15px 0px; }

#introtext { margin-bottom:10px; }
#resourcedata table { width:100%;margin:10px 0;}
#resourcedata table tr:hover { background: #ddeedd; } /*cursor: pointer; }*/
#resourcedata table td { padding: 5px;border: 1px solid #ddd;border-left:0;border-right:0; }
#resourcedata table td a { text-decoration: none; }
#resourcedata table td a:hover { text-decoration: underline; }

.yesbar { float:left;height:12px;background:#99CC99;border:1px solid #ccc;border-right:0px;margin-right: 0px; }
.yesci { background: #ccc; }
.yestext { font-size: 0.9em; margin-left: 5px; color: #1c8d29; } /*#4CBD59; }*/
.notext { font-size: 0.9em; margin-right: 5px; color: #d47800; } /*#F4981F; } */
.nobar { float:left;height:12px;background:#fff;border:1px solid #ccc; border-left:0px;margin-right: 7px; }
.noci { background: #ccc; }

/****************************************************************
Profile
****************************************************************/
.trackingtable { margin-top: 5px; border-bottom: 2px solid #ddd; }
.trackingtable tr:hover { background:#ded; }
.trackingtable td { padding: 0px 4px; height:25px;vertical-align: middle;}
.trackingtable th { padding: 4px 2px; height:35px;border-bottom: 2px solid #ddd; }
.trackingtable input[type="text"] { padding: 1px; border: 1px solid #bbb;text-align:center;width:45px; }
.trackingtable td.label {text-align:right;}
.trackingtable .section_closed { cursor:pointer;text-align:left;vertical-align:bottom;background:url(/images/toggle_plus.gif) no-repeat left;background-position:0 26px;padding-left:15px; }
.trackingtable .section_open { cursor:pointer;text-align:left;vertical-align:bottom;background:url(/images/toggle_minus.gif) no-repeat left;background-position:0 26px;padding-left:15px; }
.trackingtable .newdata {background:#ded;}

.mainhead {margin-top:0px;border-radius:0 5px 0 0;background:#cce6cc;padding:6px 6px;border-left:1px solid #9c9;border-right:1px solid #9c9;}

.u {border-bottom:1px solid #ccc;}

.report { width:100%;margin-top:10px; }
.report tr { height: 20px; }
.report tr.hh:hover { background: #ddeedd; }
.report td, .report th { vertical-align:middle;padding: 2px 4px; }
.report td.lcol, .report th.lcol {width:315px;text-align:right;}
.report td.rcol, .report th.rcol {text-align:left;white-space:nowrap;}
.report td div {float:left;margin-top:1px;}
.report td div.stats { color:#999;font-size:10px;padding-top:1px; }
.report th { font-size: 12px; }
.report td a { text-decoration: none; }
.report td a:hover { text-decoration: underline; }

.comment_icon { 
	display:inline-block; 
	background-image:url('/images/comments_15.gif'); 
	background-repeat:no-repat;
	background-position:center center;
	vertical-align:bottom;
	position:relative;
	top:2px;
	width:17px; 
	height:15px; 
	margin-left: 6px; 
	font-size: 9px; 
	color:#7bb0d4; 
	text-align:center;
}
#statsdata table tr td a {vertical-align:bottom;}

#curation_tasks_outer {background:lightyellow;margin:20px 0;padding:10px;border:1px solid #ddd;border-radius:3px;}
#curation_tasks_outer i {display:none;}

.credsidebox { width:100%;margin-top:15px; text-align:center;border-top:1px solid #cce6cc;}
.credsidebox h2 { color:darkorange; margin-bottom: 0px;text-align:left; }
.credsidebox img { margin:12px 12px 0px 0px;vertical-align:middle; } 

#tes div {clear:both;line-height:21px;float:left;}
#tes div div {float:left;border:1px solid #ddd;width:15px;height:15px;margin:2px;}
#tes div span {float:left;color:#333;margin-left:5px;}

/****************************************************************
Ratings
****************************************************************/
.rateStatus{float: left; margin:0px; font-size:.75em;margin-top:-1px;}
.rateMe, .rateMeSymptom { float: left; height: 18px; clear: right; }
.rateMe li{ list-style:none;}
.rateMeSymptom {margin:-2px 0 0;}
.rateMeSymptom .on{background:url(/images/circle_on.png) no-repeat;}
.rateMeSymptom a{float: left; background:url(/images/circle_off.png) no-repeat; width:12px; height:12px; margin-top: 1px; }
.rateMe li a:hover, .rateMe .on{background:url(/images/star_on.png) no-repeat; }
.rateMe a{float: left; background:url(/images/star_off.png) no-repeat; width:12px; height:12px; margin-top: 1px; }
.ratingSaved{display:none;}
.saved{color:red; }


/****************************************************************
Header, Login, Footer
****************************************************************/
#header .inner { margin: 0 auto; width:950px; border-bottom: 0px solid #a6bba6; }
#headerlogo { margin:12px 0 10px; }
#welcomeheader { padding-top: 35px; padding-right: 2px; text-align: right; }
#welcomeheader a { font-size: 13px; text-decoration: none; }
#welcomeheader a:hover { text-decoration: underline; }

#minilogin {position:absolute;right:0px;top:56px;width:240px;background:#bbd6bb;}
#minilogin #login {display:none;}
#minilogin #login form {margin:12px;}
#minilogin label { font-size: 11px; color: #364; }
#minilogin input { display:block; width:203px;font-size:13px;padding:5px; }
#minilogin input[type="submit"] { font-size:12px; }
#minilogin input[type="checkbox"] { width: 12px; margin-left: 5px; }
#minilogin p {margin:6px 0px;}
#minilogin .smalllabel { padding-left: 5px; font-size: 10px; padding-top: 2px; 	color: #333333; }

#footer {width:950px;margin:5px auto 10px auto;color:#363;font-size:12px;}
#footer p {line-height:15px;margin:2px 0;color:#999;}
#footer p.links {margin:5px 0;color:#cce6cc;}
#footer a {margin:0 5px;}

.errmsg, .error { color: red; }
.goodmsg, .valid { color: green; }

#signupEmail { color: #666666; }
#signupEmailSelected { color: black; }
