/*
Theme Name: Nfpchart.com
Theme URI: http://wordpress.org/
Description: Highly customized theme for Nfpchart.com.
Version: 0.2
Author: Curt Gilman
*/

.screen-reader-text {position:absolute;left:-1000em}

html{background-color:#202020;font-family:Lucida Grande,Verdana,Lucida Sans,Lucida,sans-serif;font-size:14pt}
body{background-color:#404040;margin:24px auto;width:828px}
p{margin:12px 0}
a{color:#4B0082;text-decoration:none}
a.block{color:#4B0082;display:block;padding:2px 0;text-align:center}
img{border:0 none;margin:0;padding:0;vertical-align:bottom}
td{padding:4px;text-align:center;vertical-align:top}
input,select,textarea{border:1px solid #ccc;color:#555;font-size:100%;padding:3px}
a:hover,a.highlight:hover{background-color:#FF0}

#outbody{background:transparent url(/images/outbody.png) repeat-y scroll;width:828px}
#inbody{border:2px solid #000000;margin:0 12px;width:800px}
#header{background:#4B0082;color:#D3D3D3;padding:12px;text-align:center}
#header p{margin:12px 0 0 0;font-size:80%}
#header p#links{display:inline-block;text-align:left;width:500px}
#header p#signout{display:inline-block;text-align:right;width:276px}
#header p a{color:#E4DBF6;padding:3px 0}
#header p a:hover{color:#4B0082;padding:3px 0}
#content{background:#FFF;color:#202020;padding:12px 12px 1px}
#tagline{margin-bottom:18px;margin-top:0;text-align:center}
#footer{background:#9370db;padding:6px;color:#404040;text-align:center;font-size:60%}
#footer p{text-transform:uppercase;}
#top,#bottom{height:12px}
#top{background:transparent url(/images/top.png) no-repeat scroll left top}
#bottom{background:transparent url(/images/bottom.png) no-repeat scroll left bottom}

#left-rap{display:inline-block;margin:0 6px 12px 0;padding:0;width:200px}
#left-content{vertical-align:top}
#right-rap{display:inline-block;margin:0 0 12px 6px;vertical-align:top;width:564px}

#data {
  width:100%;
  border:none;
  border-collapse:collapse;
  border-spacing:0px;
}

#data td {
  vertical-align:middle;
}

.title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:700}
.subtitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:80%;font-weight:400}
.padded{padding:12px 24px}
.highlight{background-color:#e4dbf6;padding:1em}
.shout{background-color:#c9b7ed;padding:1em}
.center{text-align:center}
.big{font-size:125%}
.small{font-size:80%}
.tiny{font-size:60%}
.paragraph{margin-bottom:0.5em}
.form,.innerform{background:#f2edfb;border:1px solid #9370db;margin-bottom:12px;padding:1px 12px}
.notice{margin-bottom:12px;padding:12px;background:#ffb;border:1px solid #4B0082}

#left-content,#right-header{text-align:center;}
#left-content h1,#right-header h1,#content h1{background:#c9b7ed;border:2px solid #4B0082;padding:12px;text-align:center;margin:0 0 12px 0;font-size:110%}
#content p.submit{margin:12px 0}
#content .submit button,#content .submit input[type="reset"],#content .submit input[type="button"],#content .submit input[type="submit"]{background:#9370db;color:#4b0082}
#content .submit button:hover,#content .submit input[type="reset"]:hover,#content .submit input[type="button"]:hover,#content .submit input[type="submit"]:hover{background:yellow;color:#4b0082}
#content .submit a{padding:4px}
#content h2{background:#e4dbf6;border:1px solid #9370db;padding:6px 12px;margin:0 0px 6px 0;font-size:100%}
#left-content p,#right-header p{}

#content .form p.submit{border-top:1px solid #9370db;padding-top:12px}
#content .form h2{margin-top:12px}

.obsheader > td {
  background-color:#e4dbf6
}

.obsheader > td > div {
  font-size:60%;
  font-weight:bold;
}

.obs-cycle{border-left:2px solid #c9b7ed}
.obs-date{border-right:1px solid #c9b7ed}
.obs-date,.obs-bottom td{border-bottom:2px solid #c9b7ed}
.obs-date,.obs-top{border-top:2px solid #c9b7ed}
.obs-last{border-right:2px solid #c9b7ed}

tr.even .obs-date{background-color:#e4dbf6;}
tr.odd .obs-date{background-color:#f2edfb;}

.obs-in-cycle{font-weight:bold;}

.inplaceeditor-form input, .inplaceeditor-form select {display:inline;margin:0 auto;}
.editor_ok_link{display:inline-block;background:url(/images/accept.png) no-repeat scroll 3px center;margin-left:3px;padding:0 6px 0 22px;font-size:60%;}
.editor_ok_button{display:inline;background:url(/images/accept.png) no-repeat scroll 3px center;margin-left:3px;padding:0 6px 0 22px;font-size:60%;}
.editor_cancel_link{display:inline-block;background:url(/images/cancel.png) no-repeat scroll 3px center;margin-left:3px;padding:0 6px 0 22px;font-size:60%;}
.editor_cancel_button{display:inline;background:url(/images/cancel.png) no-repeat scroll 3px center;margin-left:3px;padding:0 6px 0 22px;font-size:60%;}

.temperature input{width:45px;}
.temperature .editable{display:inline-block;min-height:23px;min-width:45px;}

.bleeding-1{background-color:#ffcfcf}
.bleeding-2{background-color:#ff9f9f}
.bleeding-3{background-color:#ff6f6f}
.bleeding-4{background-color:#ff3f3f}
.bleeding-0 div{color:#808080;font-size:60%;padding:6px 0;}
.bleeding-form input,.bleeding-form select{font-size:80%;}
.bleeding-form option[value="Very light"]{background:url(/images/box-ffcfcf.png) repeat-y scroll top left;padding-left:28px;}
.bleeding-form option[value="Light"]{background:url(/images/box-ff9f9f.png) repeat-y scroll top left;padding-left:28px;}
.bleeding-form option[value="Moderate"]{background:url(/images/box-ff6f6f.png) repeat-y scroll top left;padding-left:28px;}
.bleeding-form option[value="Heavy"]{background:url(/images/box-ff3f3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_bleeding_intensity option[value="1"]{background:url(/images/box-ffcfcf.png) repeat-y scroll top left;padding-left:28px;}
#observation_bleeding_intensity option[value="2"]{background:url(/images/box-ff9f9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_bleeding_intensity option[value="3"]{background:url(/images/box-ff6f6f.png) repeat-y scroll top left;padding-left:28px;}
#observation_bleeding_intensity option[value="4"]{background:url(/images/box-ff3f3f.png) repeat-y scroll top left;padding-left:28px;}

.contact-2{background-color:#9f9fff}
.contact-3{background-color:#3f3fff}
.contact-1 div{color:#808080;font-size:60%;padding:6px 0}
.contact-form input,.contact-form select{font-size:80%;}
.contact-form option[value="Gen"]{background:url(/images/box-9f9fff.png) repeat-y scroll top left;padding-left:28px;}
.contact-form option[value="Sex"]{background:url(/images/box-3f3fff.png) repeat-y scroll top left;padding-left:28px;}
#observation_contact_type option[value="GC"]{background:url(/images/box-9f9fff.png) repeat-y scroll top left;padding-left:28px;}
#observation_contact_type option[value="X"]{background:url(/images/box-3f3fff.png) repeat-y scroll top left;padding-left:28px;}

.sensation-2{background-color:#9fff9f}
.sensation-3{background-color:#3fff3f}
.sensation-1 div{color:#808080;font-size:60%;padding:6px 0}
.sensation-form input,.sensation-form select{font-size:80%;}
.sensation-form option[value="Moistness"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
.sensation-form option[value="Lubrication"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_sensation_type option[value="mM"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_sensation_type option[value="L"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}

.tissue {}
.tissue-1 div {color:#808080;font-size:60%;}
.tissue-2{background-color:#9fff9f}
.tissue-3{background-color:#3fff3f}

div.appearance {font-size:60%;}
div.appearance-1 {color:#808080;padding:3px 0}
.appearance-form input,.appearance-form select{font-size:60%;}
.appearance-form option[value="Pasty"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
.appearance-form option[value="Opaque"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
.appearance-form option[value="Mixed"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
.appearance-form option[value="Transparent"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_appearance_type option[value="P"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_appearance_type option[value="O"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_appearance_type option[value="OT"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_appearance_type option[value="T"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}

div.stretch {font-size:60%;}
div.stretch-1 {color:#808080;padding:3px 0}
.stretch-form input,.stretch-form select{font-size:60%;}
.stretch-form option[value="Quarter-inch"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
.stretch-form option[value="Half-inch"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
.stretch-form option[value="Inch"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
.stretch-form option[value="Glide"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_stretch_type option[value="25"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_stretch_type option[value="50"]{background:url(/images/box-9fff9f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_stretch_type option[value="100"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}
#observation_tissue_stretch_type option[value="G"]{background:url(/images/box-3fff3f.png) repeat-y scroll top left;padding-left:28px;}

td.notes {text-align:left;padding:4px 12px;}
.notes div {color:#404040;font-size:80%;min-height:18px;}
.notes input.editor_field{font-size:80%;margin:0;width:98%;display:inline-block;}

.peak{color:indigo}
.notpeak{color: #808080; font-size: 60%; margin-top: 3px}
.peak-form input,.peak-form select{font-size:60%;}

.disturbed{color:indigo;font-size: 80%;}
.notdisturbed{color: #808080; font-size: 60%; margin-top: 3px; margin-bottom: 3px}
.disturbed-form input,.disturbed-form select{font-size:60%;}

#cycle_id {width:200px;font-size:80%;text-align:left;}
#observation_sensation_type {width:752px;}
#observation_notes{width:744px}

.news-block{background:#ffb;border:1px solid #4B0082;font-size:80%;margin:12px 0;padding:6px 18px;vertical-align:top}
.action-block{background:#C9B7ED;border:1px solid #4B0082;font-size:80%;margin:12px 0;padding:6px 18px;vertical-align:top}
.action-block h3{background:#9370DB;padding:12px}
#signin-form{display:inline-block;vertical-align:top;width:360px}
#groups-form{display:inline-block;margin-left:18px;vertical-align:top;width:360px}
a#google-link{background:url(/images/google.png) no-repeat scroll 4px 50%;display:block;margin:1px 0;padding:4px 4px 4px 26px}
a#yahoo-link{background:url(/images/yahoo.png) no-repeat scroll 4px 50%;display:block;margin:1px 0;padding:4px 4px 4px 26px}
a#openid-link{background:url(/images/openid.gif) no-repeat scroll 4px 50%;display:block;margin:1px 0;padding:4px 4px 4px 26px}
input#openid-url{background-image:url(/images/openid.gif);background-position:3px 50%;background-repeat:no-repeat;font-size:125%;padding:3px 3px 3px 22px;width:310px}
input#groups-email{background-image:url(/images/email-add.png);background-position:3px 50%;background-repeat:no-repeat;font-size:125%;padding:3px 3px 3px 22px;width:310px}
a#google-link:hover,a#yahoo-link:hover,a#openid-link:hover{background-color:#FF0}

#overlay{position:fixed;margin:auto;top:0;left:0;bottom:0;right:0;z-index:499;border:0;background-color:#000!important}
#modal{position:fixed;margin:auto;top:10%;left:20%;bottom:10%;right:20%;z-index:500;border:6px solid #aaa;background-color:#eee}

#disqus_thread td{text-align:left}
#disqus_thread img{vertical-align:middle}
#disqus_thread #dsq-content h3{font-size:100%;background:#E4DBF6;padding:12px;}
#disqus_thread #dsq-content .dsq-dc-logo{top:12px;right:12px}
#disqus_thread .dsq-subscribe-email,#disqus_thread .dsq-subscribe-rss{vertical-align:middle}

/* blog specific */

.post{margin-bottom:12px}
.post-body{padding:0 6px}
.post-content blockquote{background:#f2edfb;border:1px solid #e4dbf6;font-size:90%;margin:12px 24px;padding:6px 12px}
.post-content img.alignright{float:right;margin:0 0 12px 12px}
.post-content img{border:1px solid #9370db}
.post-footer{background:#f2edfb;font-size:80%;padding:6px 12px}