@charset "utf-8";
/* CSS Document */

/* Main Styles */
html {
	font-size:100%; 
	font-family:verdana,arial,sans-serif;
	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%; 
	}
body {
	font-size:.9em;
	color:#000000;
	background-color:white;
	margin-left:5px;
	margin-right:5px;
	}
	
p, td, li {
	font-size:100%;
	line-height:140%;
	}

pre { font-size:120%; }
.prewrap { font-size:120%; font-family:monospace; white-space:pre-wrap; }
.mono, .code { font-size:130%; font-family:monospace; }
.monospacing, .codespacing { padding-left:3px; padding-right:3px; }
.small-caps { font-variant:small-caps; }
.to-upper { text-transform:uppercase; }
.to-lower { text-transform:lowercase; }
.to-capital { text-transform:capitalize; }

form { margin:0 5px 0 0; padding-right:5px; }
table { border-collapse:collapse; }
th { font-size:80%; font-weight:bold; vertical-align:bottom; text-align:center; }
td { vertical-align:top; text-align:left; }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], input[type="button"], textarea { width:100%; font-size:100%; font-family:verdana,arial,sans-serif; padding-left:3px; padding-top:3px; }
.checkbox, .radio { width:auto; }
select { font-size:100%; }
.larger { font-size:larger; }
.smaller { font-size:smaller; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.normal { font-weight:normal; font-style:normal; text-decoration:none; }
.nowrap { white-space:nowrap; }
.tableborder { border:2px solid black; }
.floatleft { float:left; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }
.tools-results-container { border:3px double #666; border-radius:15px; padding:5px 25px 5px 25px; margin-bottom:45px; }
.tools-results-leftbottom-borders { border-left:1px solid #999; border-bottom:1px solid #999; border-bottom-left-radius:13px; padding-left:10px; margin-bottom:12px; }
.tools-large-centered-number { font-size:36px; line-height:36px; text-align:center; font-weight:bold; }

a:link {
	color:#006666;
	text-decoration:none;
	background-color:#fff;
	font-weight:bold;
	}
a:visited {
	color:#006666;
	text-decoration:none;
	background-color:#fff;
	font-weight:bold;
	}
a:hover {
	color:#000000;
	background-color:#feff9c;
	font-weight:bold;
	}
a:active {
	color:#000000;
	background-color:#feff9c;
	font-weight:bold;
	}

.imagelink { }
a.imagelink:link, a.imagelink:visited { background-color:transparent; }
a.imagelink:hover, a.imagelink:active { background-color:transparent; }
img { border:none; outline:none; }

h1 {
	font-size:130%;
	margin-top:2em;
	margin-bottom:1.5em;
	color:#000000;
	font-weight:bold;
	}

h2 {
	font-size:120%;
	margin-top:1.2em;
	margin-bottom:.5em;
	color:#000000;
	font-weight:bold;
	}

h3 {
	font-size:115%;
	margin-top:1.2em;
	margin-bottom:.5em;
	color:#000000;
	font-weight:bold;
	}
h4 {
	font-size:110%;
	margin-top:1em;
	margin-bottom:.5em;
	color:#666666;
	font-weight:bold;
	}
h5 {
	font-size:100%;
	margin-top:1em;
	margin-bottom:.5em;
	color:#666666;
	font-weight:bold;
	font-style:italic;
	}

.XXXcentercontent { position:relative; padding:1.8em; padding-top:0; padding-bottom:0; font-size:100%; }
.centercontent { position:relative; padding:1.8em; padding-top:0; padding-bottom:0; }
.center { text-align:center; }
.indent { margin-left:2.5em; }
.bigger16 { font-size:110%; }
.graphicalbarchart { background-color:#dbecf6; }

.number-image-frame {
	position:relative;
	float:left; 
	margin-right:15px; 
	margin-bottom:10px; 
	padding:20px;
	border:6px solid #dbecf6;
	border-radius:6px;
	max-width:200px;
	width:40%;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}
.number-image-frame figure {
	display:block;
	padding:0;
	margin:0;
	width:100%;
	}
.number-image-frame figcaption {
	font-size:.8em; 
	font-style:italic; 
	text-align:center;
	margin-top:10px;
	}

/* Top Menu CSS */

.topmenufreereading {
	position:relative;
	text-align:center;
	padding:.3em .5em .3em .5em;
	font-size:115%;
	margin-left:-15px;
	margin-right:-15px;
	white-space:nowrap;
	}

.topmenuline {
	position:relative;
	text-align:center;
	padding:.3em .5em .3em .5em;
	font-size:100%;
	white-space:nowrap;
	}
.topmenuborder {
	border:1px solid #999;
	border-radius:2em;
	background-color:transparent;
	padding:.8em 0 .8em 0;
	margin-bottom:2em;
	width:230px;
	display:block; 
	background-color:transparent; 
	margin:0 auto;
	}
.topmenucenterer {
	margin:0 auto 0 auto;
	background-color:transparent;
	max-width:15em;
	}
.pageheading {
	font-size:150%;
	font-weight:bold;
	margin-bottom:12px;
	}

/* End of Top Menu CSS */

/* Column CSS */
#content { max-width:825px; margin:0 auto 0 auto; background-color:transparent; border:none; }
.contentcolumn { max-width:500px; float:left; padding-left:10px; margin-left:0; background-color:transparent; border:none; }
.contentcolumnabove { max-width:500px; margin:0 auto; background-color:transparent; border:none; }
.rightcolumn { max-width:300px; min-width:1px; float:left; margin-left:0; padding-left:25px; background-color:transparent; border:none; }
.ContentAndRightSideBySideDimensions { width:800px; padding:45px; } /* padding total of padding + 10 pixels (for scrollbar on PC browsers) */
.rightcolumnbelow { max-width:500px; margin:0 auto; background-color:transparent; border:none; }
.leftcolumn { max-width:300px; float:left; padding-right:25px; background-color:transparent; border:none; }
.footercolumn { max-width:500px; margin:0 auto 0 auto; padding:0 10px 0 15px; background-color:transparent; border:none; }
/* End of Column CSS */


/* Multi-digit graph container. */
.multi-digit-graph-container {
	background-color:white; 
	width:150px; 
	height:150px; 
	border-bottom:1px solid #999;
	margin:0 auto 40px auto;
	}
.multi-digit-graph-container .number-div-graph-publish { 
	position:relative; 
	width:100%; 
	height:100%; 
	}
.multi-digit-graph-container .number-div-number-publish { 
	position:absolute; 
	width:100%; 
	bottom:-45px; 
	}
.multi-digit-graph-container .number-graph-digit { 
	font-size:20px; 
	font-weight:normal; 
	}

input, textarea, select { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}


.pin-it-invite-button { 
	position:absolute; 
	left:7.2pt; 
	top:-7.2pt; 
	margin:0; 
	padding:0; 
	background-color:transparent; 
	width:43px; height:auto; 
	margin:0; 
	padding:0;
	}


/* Tool/Calculator form fields */
.tool-name-field-label { margin-bottom:2pt; }
.tool-birth-date-label { margin-bottom:2pt; }
.tool-date-unit-label { margin-top:0; margin-bottom:0pt; }
.month-name-dropdown, .month-number-dropdown { font-size:1em; width:7.5em; }
.day-number-dropdown { font-size:1em; width:3.5em; }
.year-number-dropdown { font-size:1em; width:5em; }


/* media flags */
@media screen and (max-width:500px) {
	.pin-it-invite-button { left:3.6pt; top:-7.2pt; }
	}


@media screen and (max-width:450px) {
	.pin-it-invite-button { left:0pt; top:-3.6pt; }
	}


@media screen and (max-width:375px) {
	.number-image-frame figcaption { font-size:.65em; }
	.pin-it-invite-button { left:-1.8pt; top:-3.6pt; }
	}