/* Copyright 2014-2023 bInfinity Web Inc. All Rights Reserved */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, nav, section, details, figcaption, figure, footer, header, hgroup, menu {
	display: block;
}

html {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size:100%;
  background-color:#f7f7f7;
}

*  {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}  



body {
	font-size:100%;
	font-family: verdana, arial, helvetica, sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
}


img {
	max-width: 100%;
	height:auto; 
}

#page_layout {
	max-width: 78em; 
	margin:2px auto;
	background-color:#FFFFFF;
	box-shadow: -2px 0 2px 0 rgba(20, 20, 20, 0.04), 2px 0 2px 0 rgba(20, 20, 20, 0.04);
}


#page_layout:after, .ie_end {clear:both; content:"."; display:block; font-size:0px; height:0;}
.clearfix {content:"."; display:block; font-size:0px; height:0;}

.img-table {
	table-layout: fixed;
}


h1 {font-size: 1.7em; font-weight:normal; }
h2 {font-size: 1.6em; font-weight:normal;}
h3 {font-size: 1.4em; font-weight:normal;}
h4 {font-size: 1.3em; font-weight:bold;}
h5, h6 {font-size: 1.1em; font-weight:bold;}
h2.sm {font-size: 1.4em; font-weight:normal;}
/*B683BF*/
h1, h2, h3, h4, h5, h6, h2.sm {font-family:helvetica, arial, verdana, sans-serif; color:#a873b2;margin-top:.2em; margin-bottom:.1em; line-height:1.4;}
h1 {color:#676767;}

p {font-size: 1rem; line-height:1.5; margin-bottom:.8em;color:#313131;} 
p.features, p.info {font-size: 1rem; line-height:1.5} 
p.small {font-size: .85rem; color:#121212; line-height:1.5}

article p:last-child, aside p:last-child {margin-bottom:.2em;}
article p.small:last-child, aside p.small:last-child {margin-bottom:.2em;}

a, a:visited, a:hover { color:#3366cc; }
a { text-decoration: none; }
a:hover {text-decoration: underline;}

#logo {min-width:140px;}
#imgopts {min-width:35px;}
#imgmenu {min-width:25px;}

#welcomembr {font-size:.85em;color:#B075C6;margin:0 0 8px 1em;font-weight:bold;clear:both;display:block;}

.stdlist {line-height:1.5;}

.stdlist li ul, .stdlist li ol {
margin:0 1.5em;
}
.stdlist ul, .stdlist ol {
margin:0 1em 1em 2.5em;
}
.stdlist ul {
list-style-type:disc; padding-left:.5em;
}

.stdlist ul ul, .stdlist ul ol {list-style-type:circle;}

.stdlist ul li {
	margin: .4em 0; padding-left:.2em;list-style-position: outside;line-height:1.4;
}

.stdlist ol {
list-style-type:decimal;
}
.stdlist ol ol {
list-style: upper-alpha;
}
.stdlist ol ol ol {
list-style: lower-roman;
}
.stdlist ol ol ol ol {
list-style: lower-alpha;
}

ul.wiznav{ list-style-type:none;text-align:center;}
ul.wiznav li{display:inline;}
ul.wiznav li a{display:inline-block;padding:10px;}

ul.horiznav {list-style-type:none;text-align:center;font-size:1em;}
ul.horiznav li {display:inline;margin: 0 .2em;}
ul.horiznav li a {display:inline-block;padding:10px;}

ul.stickiesnav {list-style-type:none;text-align:center;}
ul.stickiesnav li {display:inline;}
ul.stickiesnav li a {display:inline-block;padding:4px .6em;font-size:.85em;}


#page_content {clear:both;margin:3px .4em 20px;}
.content_section {clear:both; margin:2em 0;}
.content_section_bdr {clear:both; margin:1.4em 0; border: 1px solid #cccccc;padding:10px 8px;}
.content_section_sm {clear:both; margin:.6em 0 .6em;}

.center_region {width: 100%; text-align: center; vertical-align: middle;}
.left_region {text-align: left;}
.hilite_region_sm {background-color:#fadce9; padding:3px .3em;}

.fleft {float:left;}
.fright {float:right;}
.clear_reg {clear:both;}

.light {color:#666666;}
.lighter {color:#9c9c9c;}
.lightest {color:#cccccc;}
.hiliteonsmp {background-color:#FAECAB;}
.hiliteonsmplt {background-color:#FDF5D1;}
.alert {color: #cc3366;}
.disc {font-size:.8em;margin-top:30px;color:#666666;}
.advert {color:#aaaaaa;font-size:.75em;}
.ireq {margin:0 3px 0 0; vertical-align:top;}
.smtext {font-size:.72em;}

.report_item {background-color:#efefef;padding:3px;font-size:.85em;}

.abutton {
 	background-color:#E3F1FD; 
 	border:1px solid #cccccc;
 	display:inline-block; 
 	padding:8px 4px;
 	font-weight:bold;
 	line-height:1.3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
}

#emsgs {padding:5px; color:#DC143C;font-size:1rem;width:95%;}

.formregion {
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(20, 20, 20, 0.15),-2px 0 2px rgba(20, 20, 20, 0.15);
    padding: 20px .5em 5px; 
}

form header {
  margin: 0 0 10px 0; 
}
form header p {font-size:.95em;}

form header h2 {
  font-size: 1em; 
  font-weight:bolder;
}

form > div {
  clear: both;
  overflow: hidden;
  width:100%;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 15px 0;
}
form > div > label,
legend {
	width: 30%;
	float: left;
}

form > div > div,
form > div > fieldset > div {
  width: 70%;
  float: right;
}

/* eg. time hour, minute */
form > div > div > div > select, 
form > div > div > div > input[type=number],
form > div > div > div > input[type=text] {
  width: 35%;
  float: left;
  margin-right:.2em;
}

/* form > div.datefield > label, form > div.datefield ~ div>label, div.datefield ~ div>div */
form > div.datefield > label, form > div.datefield > div
{
	clear:both;
	width: 100%;
	float: none;
	text-align:left;
	display:block;
	margin: 0 0 5px 0;
}
form > div.datefield > div {
  float: none;
  display:inline-block;
}
form > div.datefield > div.month {
  width:38%;
}
form > div.datefield > div.day {
  width:22%;
}
form > div.datefield > div.year {
  width:28%;
}

/* form > div.timefield > label, form > div.timefield ~ div>label, div.timefield ~ div>div */
form > div.duofield > label, form > div.duofield > div, 
form > div.timefield > label, form > div.timefield > div 
{
	clear:both;
	width: 100%;
	float: none;
	text-align:left;
	display:block;
	margin: 0 0 5px 0;
}
form > div.duofield > div,
form > div.timefield > div {
  float: none;
  display:inline-block;
}
form > div.duofield > div.first,
form > div.timefield > div.hour {
  width:45%;
}
form > div.duofield > div.second,
form > div.timefield > div.minute {
  width:45%;
}


form > div.cbocheck {line-height:1.5; margin-top:10px;}
form > div.cbocheck > input {clear:both; width:5%; float:left;margin-top:8px;}
form > div.cbocheck > label {width:85%; float:left;text-align:left;}


fieldset {
	border: 0;
	padding: 0;
}

form > div span.flddesc { font-size:.9rem; color: #666666; }
form label {font-size: 1rem; padding:4px .2em 0 0;}
form label span.lg {font-size: 1.5rem;font-family:arial, helvetica, verdana;}
form > div div.rdonly { color:#666666; font-weight:bold; padding:3px;}

input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password],
textarea, select {
	width: 100%;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size:1rem;
	padding:4px 2px;
}
textarea {padding:0 0 0 2px;font-size:1rem;}
select {padding:4px 2px;}

input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password] {
  width: 70%;
}
textarea, select {width:75%;}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	background-color:lightyellow;
}

input.tblrow[type=text] {width:100%;}
select.tblrow {width:auto;}

.formbutton {padding:8px 10px; font-size:1em; color:#333333; font-family:verdana, arial, verdana, 'sans serif'; background-color:#D1D1D1;cursor:pointer;}
.formbuttongrp {margin:0 .5em; padding:8px 10px; font-size:1em; color:#333333; font-family:verdana, arial, verdana, 'sans serif'; background-color:#D1D1D1;cursor:pointer;}

@media only screen and (max-width: 599px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
    margin-top:3px;
  }
  
  form > div > fieldset > div > div {
	 margin-bottom:25px;
  }
  
  input[type=text],
  input[type=email],
  input[type=number],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 90%; 
  }
  
  form > div > div > div > select {
	width: 45%;
	float: left;
	margin-right:.2em;
  }

  /*
  select:focus {
	background-color:#FEF895;
  }
  */
  
  form > div div.rdonly {padding-top:0;}
  
}

@media only screen and (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}


#hpt_gallery {margin-top:10px;}

#hpt_gallery h2 {display:inline;font-size:1.2em;}

#hpt_gallery .preg_test {margin-top:15px; padding-bottom:20px; border-bottom:1px solid #CBBFCE;}

#hpt_gallery .mbr_note {color:#5F885A; font-family:trebuchet, georgia, serif;font-size:1em; padding:3px 2px;line-height:1.3;}
#hpt_gallery .gimagebtns {clear:both; margin:6px 0;}
#hpt_gallery .enhbutton {
 	border:1px solid #aaaaaa;
 	background-color:#F3F8FD;
 	display:inline-block; 
 	padding:10px .3em;
 	font-size:.9em;
 	margin:2px .5em 2px 0;
}

@media only screen and (max-width: 320px) {
	#hpt_gallery h2 {font-size:1em;font-weight:bold;line-height:1.3;}
}

#gallery_test {margin-top:0px;font-family:arial, helvetica, verdana, sans-serif; }
#gallery_test h1 {display:inline;font-size:1.5em;font-weight:bold;color:#D449BC;}
#gallery_test h2 {font-size: 1.4em;}
#gallery_test #headsect {margin:5px 0 0;}
#gallery_test .navbuttons {margin:5px 0 10px;}
#gallery_test .gnavbtns {margin-right:.4em;}
#gallery_test .mbr_note {color:#5F885A; font-family:trebuchet, georgia, serif;font-size:1em; padding:3px 2px;line-height:1.4;}
#gallery_test .mbr_inf {font-size:1em; padding:3px 0;line-height:1.3;}
#gallery_test .gimagebtns {clear:both; margin:6px 0;}
#gallery_test p {margin-bottom:.1em;}
#gallery_test p.small {margin-bottom:.3em;}

#gallery_test .hptinfo {color:#666666; background-color:#FFFFFF; padding:4px;font-size:.85em;font-family:arial, verdana, sans-serif;}
#gallery_test .hptresult {color:#D449BC; font-size:.9rem;}

#gallery_test .rngsliders {margin:10px 0;}
#gallery_test input[type=range] {width:250px;margin:0;}
#gallery_test .rngsliders .rnglabel {color:#D449BC; font-size:.85rem;font-weight:bolder;}

#gallery_test .enhbutton {
 	border:1px solid #aaaaaa;
 	background-color:#F3F8FD;
 	display:inline-block; 
 	padding:12px .4em;
 	font-size:1em;
 	margin:1px .4em 1px 0;
}

@media only screen and (max-width: 320px) {
	#gallery_test h1 {font-size:1.2em;font-weight:bold;}
	#gallery_test h2 {font-size:1.1em;font-weight:bold;}
	#gallery_test .mbr_inf {font-size:.9em;padding:5px 0;}
	#gallery_test .mbr_note {font-size:.9em;}
	#gallery_test input[type=range] {width:150px;}
}

#gallery_pgtest_buttons .setup {
	font-family: arial, helvetica,  verdana, sans-serif;
	font-size:1em;
	letter-spacing:2px;
	font-weight:bold;
	height:40px;
	background-color: #777ED8;
	color: #FFFFFF;
	padding:0 .1em;
	cursor:pointer;
	border:1px solid #999999;
	width:4.2em;
	margin:0 3px 5px 7px;
	
	display:inline;
}

#gallery_pgtest_buttons .setup2 {
	font-family: arial, helvetica,  verdana, sans-serif;
 	border:1px solid #999999;
 	background-color:#777ED8;
 	color: #FFFFFF;
 	display:inline-block; 
 	font-weight:bold;
 	padding:12px .3em;
 	cursor:pointer;
 	font-size:1em;
 	margin:0 .4em 5px 0;
 	letter-spacing:2px;
 	-webkit-appearance:none;
}

#gallery_pgtest_buttons .positive {
	background-color: #7481F9;
	color: #FFFFFF;
}

#gallery_pgtest_buttons .negative {
	background-color: #F8B668;
	color: #FFFFFF;
}

#gallery_pgtest_buttons .evaporation {
	background-color: #D7D1D9;
	color: #FFFFFF;
}

#gallery_pgtest_buttons .ambiguous,#gallery_pgtest_buttons .invalid {
	letter-spacing:4px;
	background-color: #E7DF8C;
	color: #FFFFFF;
}


#gallery_pgtest_buttons .unavail {
	background-color: #EAE9EA;
	color: #ababab;
}



.hptlist {font-size:1em; margin-bottom:20px; border-top:1px solid #A95F9C;padding-top:10px;clear:both;max-width:50em;} 
.hptlist .tblhpt {margin:10px 0;}


#upage h1 {color:#8B8BC4; font-size:1.4em;}
#upage h2 {color:#999999; font-size:1.3em; font-weight:bolder}
#upage h3 {color:#999999; font-size:1.1em;}

#upage .section {border-bottom:1px solid #DBE1F0; padding:5px 0; background:url('/images/sectgradcy.png') repeat;}

#upage .profilelist {margin:20px 0; }
#upage .bioinfo {font-size:.8em; line-height:1.3}
#upage .profilelist h2 {color:#8686AB;padding-bottom:2px;}
#upage .profilesection {border:1px solid #BCBCDD;margin:10px 0;}
#upage .profileitem {border-bottom:1px solid #cfcfcf;}
#upage .wishitem {font-size:12.8px; font-family: arial, verdana, helvetica, sans-serif; padding:4px; margin:4px;}

#profile_follows {background-color:#FFFFFF;margin:0 .2em;}
#profile_follows .follow_list {border:1px solid #EAD0AF;background-color:#FFFFFF;padding:2px;}

#my_post_newcmts {margin:20px 0; }
#my_post_newcmts .sectiondiv {border-bottom:1px solid #cfcfcf;padding-bottom:10px;}

#following, #pfollowing {margin:5px 0;}
#following #hd_sect {margin:0 0 10px 0;}
#following #foll_list, #pfollowing #foll_list  {background-color:#ffffff; margin-top:15px}
#following #foll_list .fitem, #pfollowing #foll_list .fitem{padding:20px 0;clear:both;}
#following #foll_list .fdesc, #pfollowing #foll_list .fdesc{font-size:.8em;line-height:1.3}

#foll_list {overflow:hidden;}

/* #question_list {overflow:hidden;} */
#question_list .fitem {margin:10px 0; padding:10px 0;clear:both;border-bottom:1px solid #cccccc;overflow:hidden;}
#question_list .fdesc {font-size:.95em;line-height:1.4; margin:5px 0;}


#qanswer {margin-top:0px;font-family:arial, helvetica, verdana, sans-serif; max-width: 40em;}

#qanswer h1 {font-size:1.5em;font-weight:bold;color:#D449BC}
#qanswer h2 {font-size: 1.3em; font-weight:bold;color:#848BA3}
#qanswer p {margin-bottom:.1em;}
#qanswer p.small {margin-bottom:.3em;}
#qanswer p.vsmall {font-size:.75em; color:#999999; line-height:1.2}

@media only screen and (max-width: 599px) {
	#qanswer h1 {font-size:1.2em;font-weight:bold;}
	#qanswer h2 {font-size:1em;font-weight:bold;}
}


.ucomment_post {margin:15px 0 15px 0; clear:both;overflow:hidden;}
.ucomment_post .postinfo {font-size:.78em;}
.ucomment_post .posterinfo {font-size:.9em;padding:0 0 3px 0;}
.ucomment_post .postcmt {color:#424242; font-family:trebuchet, georgia, serif;font-size:1em;line-height:1.4;}

#settings {background-color:#EEF7F6; margin:3px 3px 3px 0;}
#settings .active_item {background-color:#9CB7D6;padding:5px;}


#search_crit {border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd; padding:5px 5px; background-color:#F4F5CF;}
#search_crit #filters {font-size:.9em;font-family:helvetica, arial, verdana, sans-serif;}
#search_crit #filters_only {font-size:1em;font-family:helvetica, arial, verdana, sans-serif;color:#646464;}


div .recactions {font-size:1.1em;margin-bottom:.6em;} 

#pging_area, #pging_area_si {margin:5px 0; padding:0; font-family: verdana, arial, sans-serif;}
#pging_area .alignr, #pging_area_si .alignr  {text-align:right;}
#pging_area .alignc, #pging_area_si .alignc  {text-align:center;}
#pging_area ul, #pging_area ul {padding: .1em 0; margin: .1em; list-style-type: none; clear:both; font-size:12px; color:#666666;}
#pging_area ul span.pg {border-top:1px dashed #aaaaaa; border-bottom:1px solid #aaaaaa; padding:.2em 0; background-color:#EDEDED;}
#pging_area_si ul span.pg {padding:.2em 0; background-color:#FFFFFF;}
#pging_area li, #pging_area_si li {display:inline;font-size:12px; padding:0px 4px;}
#pging_area li.cur, #pging_area_si li.cur {font-weight:bolder;}
#pging_area li .ia, #pging_area_si li .ia {color:#bbbbbb;}

.pgnav {
	font-size:         .9em;
	color:             #999999;
}

.pgnumtd {
	border-left: 1px solid #cccccc;
	border-top: 1px solid 	#cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding:10px .75em;
	margin:0;
}

.pgnumtd:last-child {border-right: 1px solid #cccccc;}

.pgnum-first {border-left: 1px solid #cccccc;}

.pgnum-last {border-right: 1px solid #cccccc;}

.pgnumtdactive {
	border: 1px solid #cc4e5c;
	background-color: #FCE8B2;
	padding:10px .75em;
	margin:0;
}

.pgnumactive {
	font-size:         1.1em;
	font-style:        normal;
	font-weight:       bolder;
	color:             #EF7684;
}

.pgnumlink
{
	color: #7108e9;
	font-size: 1.1em;
	font-weight: normal;
}

.pgnumlink:visited
{
	color: purple;
}
.pgnumlink:hover
{
	color: #cc0099;
}

@media only screen and (max-width:320px) {
	.pgnumtdactive, .pgnumtd { padding:10px .4em; }
}


#mainpage {
	width:100%;
}

#logoregion {
	float:left;
	width:40%;
}

#visitorcenter {
	float:left;
	width:60%;
}

#menubtn {margin:0 .7em;float:left;}
#menubtn {display:block;}


#tothetop {display:none;position:fixed;right:0;bottom:120px;cursor:pointer;}

.ttrans {opacity:.60;}
.topq {opacity:1;}

#toolbar_btn a 
{	
	display:inline-block;
	float:left;
	font-size:.9em;
	margin:5px .7em 0 0;
	width:auto;
	height:auto;
	background-color: #DDA0DD; 
	color: white;
	padding:5px .4em;
	border:1px solid #cccccc;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
}

#welc_msg {display:inline-block;margin-top:10px;font-size:.72em;font-weight:bolder;color:#48A8E4;background-color:#E8F4FC;padding:0 3px;}

#mainwrapper {clear:both;}

#mainnav { 
	width:40%;
	display:none;
	position:absolute;
	left:60px;           
	top:42px;
	z-index:100;
	background-color:#fef9f0; 
	border:1px solid #cdcdcd; 
	margin-bottom:20px;
}


#navcontent h2 {display:inline;color:#e173DA;background-color:#dfecec;font-size: 1.2em; font-weight:normal;margin:15px 0 0;}
#navcontent h2:first-child {margin:0;}
#navcontent span a {display:inline; color:#535353; background-color:#dfecec; text-align:center;padding:3px .5em;}

#navcontent .navheading {position:relative;margin-top:5px;background-color:#dfecec;padding:6px 0 6px .5em;}
#navcontent .firstsection {clear:both; margin:0;}
#navcontent .navheading span {position:absolute; right:0; top:3px;}

#navcontent a { 
	display:block;
	padding:14px 0 7px .5em;
	font-size:1em;
}
#navcontent ul li:first-child a {padding-top:5px;}

#navcontent #closemenutop {display:block; float:right; background-color:#DDA0DD;border-radius:3px; color:#FFFFFF; padding:5px 12px 8px; margin:3px 5px 3px; font-size:.9em; font-weight:bold;}
#navcontent #closemenu {display:block; text-align:center; padding:10px; margin:5px 15px 10px 15px; color:#FFFFFF; background-color:#DDA0DD ;font-weight:bolder; border-radius:3px;}


#maincontent {
	width:65%;
	float:left;
	min-height:400px;
}

#maincontent_full {width:100%;min-height:400px;}
#mcontent_full {padding:2px 1em;}

.counter_item {width:33%; float:left;height:550px;max-height:600px;padding:10px 12px;font-family:arial, helvetica, verdana, sans-serif;}
.counter_item #cdetail_block {max-height:100px; overflow-y:visible;}

#maincontent_prt {
	width: 800px;
	float:left;
}
#maincontent_prt_full {width: 100%;float:none;}

#mcontent {padding:2px 2.5rem 2px 3rem;font-family:verdana, helvetica, arial, georgia, sans-serif;}
#mcontent_n {width:90%; margin:10px auto; min-height:400px;}
#mcontent p.small, #mcontent_n p.small {font-size: .9rem; line-height:1.5;font-family: arial, verdana,helvetica, sans-serif;}
#mcontent p.smaller {font-size: .82rem; line-height:1.4;font-family: arial, helvetica, sans-serif;color:#333333;}

/*
#mcontent {padding:2px 1.5em 2px 6.5em;font-family:georgia, verdana, helvetica, arial, sans-serif;}
#mcontent_n {width:90%; margin:10px auto; min-height:400px;}
#mcontent p.small, #mcontent_n p.small {font-size: .85em; line-height:1.4;font-family: helvetica, arial, sans-serif;}
*/

#mainaside {
	width:35%;
	float:left;
}
.mainaside_content{max-width:400px; margin: 0; padding:0 5px;}

.sidebar_content {
	margin:.5em 0 1.5em 0;
	padding:0px .6em;
	border:1px solid #cccccc;
	font-size:1rem;
}
.sidebar_content h2 {font-size:1.3em; color:#d87dc0;padding:2px 0;}
 
#topnav {
	clear:both;
	width:100%;
}

#topnav ul {
	text-align:center;
	margin:0 auto;
	background-color:#dfecec;
}

#topnav ul li {
	display:inline;
	padding:0 0px;
}

#topnav ul li a {	
	background-color: #dfecec;
	color: #323232;
	line-height: 40px;		/* vertical center */
	display: inline-block;
	padding:0 1.1em;
	text-align:center;
	font-size:1em;
}
#topnav ul li a:hover {text-decoration:none;background-color:#FFFFFF;} 

#topnavlinks_l {display:block;}
#topnavlinks_s {display:none;}


#pagefooter {
	clear:both;
	margin:16px auto 0 auto; 
	background-color:#f9f9f9;
}

#pagefooter p {font-size:.8em; color:#999999;text-align:center;}
#pagefooter p.logo {font-size:.9em; color:#212212;text-align:center;}
#pagefooter ul li {border-left: 1px solid #cacaca; display:inline-block; font-size:.95em; padding: 0 .8em;}
#pagefooter ul li:first-child {border-left:0px solid; padding-left:0;}
#sitefooterlinks_l {display:block;text-align:center;margin-bottom:15px;}
#sitefooterlinks_s {display:none;text-align:center;margin-bottom:15px;}

#footerlinkregion {
	font-family: arial,helvetica,sans-serif;
	clear:both; 
	width:100%;
	background-color:#ececec;
	color:#646464;
	overflow-y:hidden;
	margin:0px auto;
}

#footerlinkregion_inner {
	width:60%;
	margin:0 auto;
	overflow-y:hidden;
	margin:10px auto;
}

#footerlinkregion h2 {font-size:1.3em; margin-left:.3em;font-weight:normal;font-family:'Georgia', 'Bookman Old Style', 'Times New Roman', serif;}

#fl_col {
	width:50%;
	min-height:100px;
	float:left;
	padding:5px 0;
}

#fl_col ul li a { 
	display:block;
	padding:10px .5em 10px .5em;
	font-size:1em;
}

.flul_l {display:block;}
.flul_s {display:none;}


@media only screen and (max-width:768px) and (min-width:600px) {
	#footerlinkregion_inner {width:82%;}
}	

@media only screen and (max-width: 599px) {
	#footerlinkregion h2 {font-size:1.2em;}
	#fl_col {font-size:1em;}

	#footerlinkregion_inner {width:94%;}
	
	.flul_l {display:none;}
	.flul_s {display:block;}
}

@media only screen and (max-width:1136px) and (min-width:980px) {
	#mcontent {padding:2px 1.5em 2px 4em;}
}

@media only screen and (max-width:979px) and (min-width:900px) {
	#maincontent {width:66%;}
	#mainaside {width:34%;}
	.mainaside_content{max-width:304px; padding:0;}
	#mcontent {padding:2px 1em;}
}

@media only screen and (max-width:899px) and (min-width:769px) {
	#maincontent {width:78%;}
	#mainaside {width:22%;}
	.mainaside_content{max-width:168px; padding:0;}
	#mcontent {padding:2px 1em;}
	#topnav ul li a {padding:0 .4em;}
}

@media only screen and (max-width:768px) and (min-width:600px) {
	#maincontent {
		float:none;
		width:100%;
	}
	#maincontent_prt {float:none;width:100%;}
	
	#mainaside {
		float:none;
		width:100%;
	}
	
	#mcontent {padding:2px 1em;}
	#mcontent_n {width:100%; padding:2px 1em; margin:0; min-height:0; }

	.mainaside_content{max-width:100%;padding:2px 1em;}
	
	#mainnav {
		width:70%;    
		left:0;           
		margin-bottom:20px;
	}
	
	.sidebar_content {
		padding:5px .5em;
		border:1px solid #cccccc;
	}

	ul.horiznav {font-size:1.1em;}
	
	#topnav ul li a {padding:0 .8em;font-size:.95em;}
	
	.counter_item {width:50%; float:left;padding:10px;}
}


@media only screen and (max-width:599px) {
	#maincontent, #maincontent_prt {
		float:none;
		width:100%;
	}
	
	#mainaside {
		float:none;
		width:100%;
	}

	#mcontent {padding:2px 1em;}
	#mcontent_n {width:100%; padding:2px 1em; margin:0; min-height:0; }

	.mainaside_content{max-width:100%; padding:2px 1em; }
		
	h1 {font-size:1.6em;}
	h2 {font-size: 1.4em;}

	#welc_msg {display:none;}

	#mainnav {
		width:85%;    
		left:0;           
		margin-bottom:20px;
	}

	#pagefooter ul li {padding: 0 .4em;border:0px solid;}
	#pagefooter ul li a {display:block;padding:10px 0; }
	#sitefooterlinks_l {display:none;}
	#sitefooterlinks_s {display:block;}
	
	#logo {min-width:100px;padding:5px 0 0 0;}
	
	.stdlist ul li {
		margin: 1em 0;
	}
	
	.sidebar_content {
		padding:5px .5em;
		border:1px solid #cccccc;
	}	
	
	ul.horiznav {font-size:1.1em;}
	
	#topnav ul li a {padding:0 .6em;font-size:.95em;}
	
	#topnavlinks_l {display:none;}
	#topnavlinks_s {display:block;}
	
	.counter_item {width:100%; float:none;height:auto;max-height:none;margin-bottom:10px;}
	.counter_item #cdetail_block {max-height:none; overflow-y:visible;}
}

@media only screen and (max-width:380px) {
	#topnav ul li a {padding:0 .55em;font-size:.85em;}
}



#wmb_pagetoparea {padding:2px 0; height:auto;}

#wmb_pagetoparea {
	overflow:hidden;
	margin:0;
}


#ifrtop, #ifrtopwrap {
	display:none;
	margin:0 auto;
}

#ifrtopwrap {
	padding:1px 0 5px;
}

#ifr_aside {
	display:none;
	margin:0 auto;
}

ul.menulist2 {list-style-type:none;clear:both;}

ul.menulist2 > li > a {
    display: block;
    padding: 10px 6px 10px 8px; 
    line-height:1.5;
}

ul.menulist2 > li > a > span {
    color:#424242;
    line-height:1.5;
}

ul.menulist2 > li:hover {text-decoration:none;background-color:#FFFFFF;} 
ul.menulist2 > li > a:hover {text-decoration:none;} 

ul.menulist2 > li.adv {padding:10px 0;}


@media only screen and (max-width:768px) {
	ul.menulist2 > li {
	    background-color: #F2F2F2;
	    border-bottom: 1px solid #CACACA;
	    border-top: 1px solid #F9F9F9;
	}
	
	ul.menulist2 > li > a {
		padding: 18px 6px 18px 8px; 
		font-weight:bold;
	}
	
	ul.menulist2 > li > a span {font-weight:normal;}
}


.selLetter {
	margin:5px 0;
	font-size:1.4em;
	color: #c57acc;
}

.idxlink:visited { color: purple; }
.idxlink:hover { color: #cc0099;	background-color:#FDF7B8;}

ul.datalist {clear:both;}
ul.datalist > li {padding: 14px 0px;line-height:1.5;}

/*#quizcontent h1, #pollcontent h1 {font-size: 1.3em; color: #c57acc; background-color:floralwhite;}*/
#quizcontent span.qnum {
	display:inline-block; 
	padding:0px 6px 4px 6px; 
	margin:0 3px 0 0; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
	background-color:#EC83DE; 
	color:#FFFFFF;
}
#quizcontent .formbutton, #pollcontent .formbutton  {background-color:#F7EABE; color:#D95EC9;font-weight:bolder;}
#quizcontent label, #pollcontent label  {font-size:1em;font-weight:normal;}
#quizcontent .quizQuestionResult {color: #c55de0;}

#pollcontent #pollsection {border:1px solid #f4e5f8; margin:10px 0; padding:8px; -moz-border-radius:10px;	-webkit-border-radius:10px; border-radius:10px;}
#pollcontent #pollsection img {height:inherit;}

#content_article {width:90%;margin:0 auto;}
#content_article h2 {font-size: 1.4rem; color: #636363;}
#content_article h3, h4 {font-size: 1.1rem; }
#content_article .byline {font-size:1rem;}
#content_article .bio {font-size:.9em;line-height:1.4;}
#content_article p.disc {font-size:.72em;color:#666666;line-height:1.3;font-family:arial, verdana, sans-serif;}

#siteinfo, #siteinfo p{color: #222222; font-family: Verdana,Arial,sans-serif; font-size:1rem;line-height:1.6;}

.wideonly {display:block;}
.wideonlytc {display:table-cell;}

@media only screen and (max-width:768px) { 
	.wideonly, .wideonlytc {display:none;}
}

.narrowonly {display:none;}
@media only screen and (max-width:768px) { 
	.narrowonly{display:block;}
}

#calcresult_section {margin:5px 0; font-family: helvetica, arial, verdana, sans-serif; font-size:1em;}

#calcresult_section table.resultlist > tbody > tr > th, 
#calcresult_section table.resultlist > tbody > tr > td
	{border:1px solid #aaaaaa; padding:10px .5em; vertical-align:top;font-size:1.1em;}
#calcresult_section table.resultlist th {color:#323232;}

#calc_result_block {line-height:1.4;padding:12px .7em;}
#calc_result_block p.large {font-size:1.5em;}
#calc_result_block .result {font-size:1.8em;}

#bbt_adjust_calc {line-height:1.4;padding:5px;}
#bbt_adjust_calc .result {font-size:1.8em;font-weight:bolder;font-family: helvetica, arial, verdana, sans-serif;}

#body_frame_calc {width:90%; padding:10px .5em; border:1px solid #FDC6C0;background-color:#F9EDEB;margin:0 auto;}
#body_frame_calc .desc {font-size:1.3em; color:#DEAD66;text-align:center;margin:5px 0;}
#body_frame_calc .result {font-size:1.6em; color:#666666;text-align:center;}

#conversion_calc {line-height:1.4;padding:5px;}
#conversion_calc .origval {font-size:1.4em;font-family: helvetica, arial, verdana, sans-serif;color:#424242}
#conversion_calc .result {font-size:1.8em;font-weight:bolder;font-family: helvetica, arial, verdana, sans-serif;color:#424242}

#apgar_calc {line-height:1.4; font-family: helvetica, arial, verdana, sans-serif;color:#222222;}
#apgar_calc .info {font-size:1.4em;}
#apgar_calc .result {font-size:2.5em;}
#apgar_calc .result span {background-color:#faf3c4;border-radius: 9px; padding:0 10px;}


#bluehues {background-color:#EAF2FA;}
.bluetext {color:#7878FF;}
#pinkhues {background-color:pink;font-size:2em;}
.pinktext {color:hotpink;}
.darkgr {color:#434343;}


#mccalc_form_reg {float:left; width:65%;}
#mccalc_ad_reg {float:left; width:35%;}

@media only screen and (max-width:768px) { 
	#mccalc_form_reg {float:none; width:100%;}
	#mccalc_ad_reg {float:none; width:100%;}
}



/* trackers list area */
#listarea {margin:15px 0;}
#listarea table.listtable 
	{width:100%; background-color:#ffffff; border-collapse:collapse; }
#listarea table.listtable {font-size:1rem;}

#listarea  table.listtable th 
	{font-size:1rem; color: #676767; padding:6px 5px; background-color:#ededed; border:1px solid #cccccc; vertical-align:top;background-image:url(/images/1_100_pu_grad.jpg); background-repeat: repeat-x;}	
#listarea  table.listtable th span {font-size:1rem; font-weight:normal;}	
#listarea  table.listtable td {border:1px solid #cccccc;}
#listarea  table.listtable td {padding:5px 6px; vertical-align:top;font-size:1rem;}
#listarea  table.listtable td.small {padding:5px 6px; vertical-align:top;font-size:.85rem;line-height:150%;}

/* prevent sub-tables (if any) td inheritance */
#listarea  table.listtable > tbody > tr > td {border:1px solid #cccccc;}
#listarea  table.listtable > tbody > tr > td {padding:5px 6px; vertical-align:top;font-size:1rem;}

#listarea table.listtable th.lightest {color:#aaaaaa; font-weight:normal;}
#listarea .navsection {padding:0 5px;}

#listarea table.listtable .tabletexthd {font-size:1rem;}
#listarea table.listtable .tabletext {font-size:1rem;}
#listarea table.listtable .tabletextsm {font-size:.85rem;}

#listarea  table.listtable#apgartable td.lg {font-size:1.4em;vertical-align:middle;}
#listarea  table.listtable#apgartable td {vertical-align:middle;}
#listarea  table.listtable th 
	{background-color:#eeeeee; background-image:none;}	

@media only screen and (max-width:599px) {
	#listarea  table.listtable > tbody > tr > td {padding:5px 3px 5px 4px; font-size:.95rem;}
}


#famslptbl {background-color:#F8FCFF;font-size:.8em;}
#famslptbl  th {font-weight: bolder;color:#656565;font-size:.75rem;}


#famslptbl td select.hr {width:60px !important;}
#famslptbl td select.min {width:40px !important;}
#famslptbl td input.crit {width:80px !important;}
@media only screen and (max-width:599px) {
	#famslptbl td input.crit {width:65px !important;}
}

@media only screen and (max-width:599px) {
    #multitbl td select.my {width:60px !important;}
    #multitbl td select.d {width:45px !important;}
}

#fldline form > div > label {clear:both;float: none; width:100%;}
#fldline form > div > div {clear:both;float: none; width:100%;margin:3px 0 0 0;}
#fldline form > div > div > select {width:100%;}
@media only screen and (max-width:599px) {
	#fldline form > div > div > select {font-size:.8em;}
}

#tickerform #tickerlist {clear:both;}
form#tickerform > div#tickerlist > div {float:left;width:10% }
form#tickerform > div#tickerlist > div.tickerimg  {float:left; width:85%;}


#bdaycalc {font-family: verdana, arial, helvetica, sans-serif; font-size:.82em;color:#666666;}
#bdaycalc #headarea {width:100%; background-image:url(/images/bdaycalc/bdaybackgstars.jpg); height:90px; padding-top:20px;text-align:center;}
#bdaycalc h2 {font-size:1.4em;}
#bdaycalc h2 span {background-color:#FFFFFF;padding:5px;}
#bdaycalc .born, #bdaycalc .curyear {background-color:#FFD700;}
#bdaycalc td.bdaydata {text-align:center; padding:10px .1em 20px .1em;}
#bdaycalc td.bdaydatayr {text-align:center; padding:5px .1em;border-color:#00BFFF;}

#halfbday {padding:5px .5em; background-color:#F4F9FC; color:#612E66;font-family:helvetica, verdana, arial, sans-serif;line-height:1.5;} /* 8f4040 */
#halfbday p {font-size:1.05rem;line-height:1.5;} 
#halfbday .mainresult {font-size:1.9em;color:#9F5EBD;}
#halfbday .subresult {font-size:1.6em;color:#E56F91;}
#halfbday .sectioninfo {font-size:1.3em;color:#F1A567}
#halfbday .sectioninfogr {font-size:1.3em;color:#45b5a8}
#halfbday .happybday {background-color:#FCF5E7;font-size:1.4em;color:#F1A567;margin:15px 0;padding:10px 0;}
#halfbday .nextbday {background-color:#FCF9EF;margin:15px 0;padding:10px 0;}

#anniv {padding:5px; background-color:#F4F9FC; color:#612E66;font-family:helvetica, verdana, arial, sans-serif;line-height:1.5;} /* 8f4040 */
#anniv p {font-size:1.05rem;line-height:1.5;} 
#anniv p.small {font-size:.78rem;line-height:1.5;} 
#anniv .mainresult {font-size:1.8em;color:#9F5EBD;}
#anniv .subresult {font-size:1.6em;color:#E56F91;}
#anniv .giftcontainer {text-align:left; margin:10px;}
#anniv .giftcontainer .giftitem {font-size:1.4em;color:#db843d;margin:5px 0;}

#cdcalc {padding:5px .5em; background-color:#F4F9FC;font-family:helvetica, verdana, arial, sans-serif;} 
#cdcalc p.smallx {font-size:.9rem;line-height:1.5;} 
#cdcalc .mainr {font-size:2.4em;color:#323232;}
#cdcalc .subr {font-size:1.6em;color:#323232;}

#concage {padding:5px .5em; background-color:#F4F9FC;font-family:helvetica, verdana, arial, sans-serif;} 
#concage p.small {font-size:.9rem;line-height:1.5;} 
#concage .subhd {font-size:1.3em; color:#646464;}
#concage .subres {font-size:1.6em; color:#65b865;}
#concage .mainhd {font-size:1.5em; color:#646464;}
#concage .mainres {font-size:2.2em; color:#e23d83;}
#concage .textpurp {color:#b241d2;}

@media only screen and (max-width:599px) {
	#bdaycalc {font-size:.7em;}
	#bdaycalc td.bdaydata {padding:5px .1em 10px .1em;}
	#cdcalc .mainr {font-size:1.8em;color:#323232;}
	#halfbday .mainresult {font-size:1.7em;}
	#halfbday .subresult {font-size:1.5em;}
	#concage .mainhd, #concage .subhd {font-size:1.1em;}
	#concage .subres  {font-size:1.3em;}
	#concage .mainres {font-size:1.4em;}

}	

.data_legend { 
	font-family:arial, verdana, sans-serif;
	font-size:.75em;
	padding:0 .2em 0 0;
}
@media only screen and (max-width:599px) {
	.data_legend {font-size:.7em;}
}


.criteria { 
	font-family:arial, verdana, sans-serif;
	font-size:.8em;
	padding:0 .2em 0 0;
}
.criteria h2 {color:hotpink;font-weight:bolder;font-size:1.2em;}

@media only screen and (max-width:599px) {
	.criteria {font-size:.7em;}
	
}

/*
#twolinks {clear:both;overflow:hidden; padding:5px .2em;}
#leftlink {float:left;width:50%;}
#rightlink {float:right;width:50%;}
@media only screen and (max-width:599px) {
	#twolinks #leftlink, #twolinks #rightlink {float:none; width:100%;}
}
*/

.welcomecard {
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(20, 20, 20, 0.4);
    padding: 5px .6em 5px; 
    margin:5px 0 20px;
}

.wmb-resp-sb-adv { width: 300px; height: 250px; }

@media only screen and (max-width:599px) {
	#homepage .stdlist ul {margin:0 .5em 8px .8em;}
	#homepage h1 {font-size:1.3em;margin-bottom:5px;}
	.welcomecard {padding: 6px .4em 2px;}
	#homepage .gobutton {padding:6px .4em;}
}

@media only screen and (max-width:768px) and (min-width:600px) {
	.wmb-resp-sb-adv { width: 120px; height: 240px; }
}

.al_container {
  position: relative;
  background-color:#FFFFFF;
}

.al_text {
  position: absolute;
  bottom: 3px;
  left: 2px;
  background-color: #FFFFFF;
  color: #969696;
  font-size:.68em;
  font-family:arial, helvetica, sans-serif;
  opacity:.8;
}

.ath_inlpg {min-height:50px; display:none;}
@media only screen and (max-width:1024px) { 
	.ath_inlpg{display:block;}
}


.counter_in {width:100%; border:1px solid #5e5e5e;padding:0px 0em;height:100% !important;}
.counter_item .textcontainer1 {padding:6px .7em; }
.counter_item .textcontainer2 {padding:3px .5em; }
.counter_item .topline {background-color:#f6f6f6; font-size:.9em;}
.counter_item .thetitle {font-size:1.3em;color:#545454;}
.counter_item .thecount {font-size:1.8em;}
.counter_item .thecwords {font-size:.8em;}
.counter_item .thedate {font-size:1.1em;}
.counter_item .thedets {font-size:.82em;line-height:140%;font-family:Georgia, 'Bookman Old Style', 'Book Antiqua', 'Times New Roman', serif;}
.counter_item .theevent {font-size:1.5em;}
.counter_item .descsm {font-size:.8em;}

#counter_region {clear:both; overflow-y:hidden; width:95%; border:1px solid #cccccc; font-family: arial, helvetica, sans-serif;margin:0 auto;}
#counter_region h2 {font-size:1.1em;margin:6px 0;color:#535353;}
#counter_region p.cistoday {font-size:2.6em;color:#b92234;}
#counter_region .countcol {float:left; width:25%;}
#counter_region .countcol .smheading {font-size:.7em; margin:2px auto; font-weight:bolder;color:#656565;}
#counter_region .countcol .counterv {font-size:4.6em; color:#646464; margin:3px auto; font-weight:bolder;}
#counter_region .countcol #c_days {color:#b92234;}
#counter_region .countcol #c_hours {color:#3c3ba9;}
#counter_region .countcol #c_minutes {color:#b92234;}
#counter_region .countcol #c_seconds {color:#3c3ba9;}
#counter_info {clear:both; width:95%;margin:20px auto;}
#counter_info h2 {font-size:1em;margin:6px 0;color:#535353;}
@media only screen and (max-width:980px) {
	#counter_region {width:100%;}
	#counter_info {width:100%;}
}	
@media only screen and (max-width:768px) {
	#counter_region {width:100%;}
	#counter_region .countcol .counterv {font-size:4em;}
	#counter_region h2 {font-size:1em;margin:3px 0;font-weight:bolder;}
	#counter_info {width:100%;}
}

@media only screen and (max-width:599px) {
	#counter_region {width:100%;}
	#counter_region .countcol .counterv {font-size:3em;}
	#counter_region h2 {font-size:1em;margin:3px 0;font-weight:bolder;}
	#counter_region p.cistoday{font-size:2em;}
	#counter_info {width:100%;}
}

@media only screen and (max-width:340px) {
	#counter_region .countcol .counterv {font-size:2em;}
	#counter_region h2 {font-size:.8em;margin:3px 0;font-weight:bolder;}	
	#counter_region p.cistoday{font-size:1.6em;}
}

.chtcontain {width:inherit !important; overflow:auto !important;}
.chtimg {max-width:none !important;}
.rstreg {min-height:300px;}