/*-------------------------------*/
/*-------------------------------*/
/*AUG 2020 -- PWD *AND* /churches use style.php.css (this) style.php is now style.php.BAK
/*-------------------------------*/
/*-------------------------------*/

/* to always display scrollbar so centered page doesn't jump around */
html {
    overflow-y: scroll; 
}

* {
	margin:0; 
	padding: 0;
}



body {
	font-family: sans-serif;
     	font-size: 13pt;
	font-weight: 300;
	padding: 0px;
		background-attachment: fixed;
	background-position: center center; 
	background-size:   cover;
	background-color: #f5f5f5;
}


/*
div {
	border: 1px dotted gray; 
	padding: 0;
}
*/


.person_image {
	border: 1px solid #888; 
}


.spanp {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	color: #333;
	margin-top: 0.4em;
}

.spanpbigger {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	color: #333;
	margin-top: 0.4em;
}

.spanpwarnbig {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	color: #880000;
	margin-top: 0.4em;
}


div#wrapper
{
	background-color: #f9f9f9;
	width: 1000px;		
	background-image:url('images/bg_help.jpg');
	background-position: right bottom; 
    background-repeat: no-repeat;
}


div#wrapper_mobile
{
	  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */

  max-width: 400px; /* 2 */

  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
	background-color: #f9f9f9;
}


#colorbox{ top:100px !important; margin-left: auto; margin-right: auto; }


.colorsquare {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #ccc;
}






a.buttonbg {
	display: inline-block;
  	/* background: #3498db; 
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  	background-image: -o-linear-gradient(top, #3498db, #2980b9);
  	background-image: linear-gradient(to bottom, #3498db, #2980b9);  */
  	-webkit-border-radius: 18;
  	-moz-border-radius: 18;
  	border-radius: 18px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 2.5em;
  	padding: 10px 20px 10px 20px;
  	margin-top: 6px;
  	margin-bottom: 5px;
}


a.buttonbg_smaller {
	display: inline-block;
  	/* background: #3498db; 
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  	background-image: -o-linear-gradient(top, #3498db, #2980b9);
  	background-image: linear-gradient(to bottom, #3498db, #2980b9);  */
  	-webkit-border-radius: 18;
  	-moz-border-radius: 18;
  	border-radius: 18px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 2em;
  	padding: 10px 20px 10px 20px;
  	margin-top: 6px;
  	margin-bottom: 5px;
}



.insidepage .left {
    float: left;
    min-width: 218px; /* new widening */
    width: 218px;  /* was 260 before widening */
   	font-family: 'Roboto', sans-serif;
	color: #333;
	text-align: center;
	font-size: .9em;
 }
 
.insidepage .right {
	margin-left: 240px;  /* was 260 before widening */
	min-width: 240px; /* new widening */
}

 .insidepage .right_inner {
	min-width: 540px; /* new widening */
	margin-left: 10px;
	margin-top: 0px; /* new widening 9/21/17 CAN'T DO -20 here, PILES UP MIDDLE DON'T KNOW WHY. */
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: .9em;
	text-align: left;
	/* overflow: auto; */
}



.right_church { /* no insidepage called so had to separate*/
	margin-left: 50px;
}

 .right_inner_church {  /* no insidepage called so had to separate*/
	
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: .9em;
	text-align: left;
	
	overflow-y: hidden;
}


div#nonav_left {
	float: left;
	width: 195px;  /* was 137 before widening  -- LOGIN PAGE */
}

div#nonav_left_church {
	float: left;
	width: 1px;
}

div#nonav_left_church_wider {
	float: left;
	width: 150px;
}

div#form_right {
	float: left;
	width: 620px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: .9em;
	text-align: left;
	margin-left: 10px;
	margin-top: -10px;
}




div#toprow_logo_left {
	float: left;
	width: 248px;   /* was 185 before widening */
	overflow: hidden;  
	font-family: 'Roboto', sans-serif;
	color: #555;
	/* background-color: red; debugging */
	font-size: .6em;
	padding-top: 20px;
}


div#toprow_logo_left_mobile {
	float: left;
	/* width: 248px;    was 185 before widening */
	overflow: hidden;  
	font-family: 'Roboto', sans-serif;
	color: #555;
	/* background-color: red; debugging */
	font-size: .6em;
	padding-top: 2px;
	padding-left: 75px;
	padding-right: 55px;
}


.ai_toprow_logo_left {
	margin-left: -27px;
}

#indent_neg_27 {
	margin-left: -27px;
}

div#toprow_name_middle {
	float: left;
	width: 528px;   /* was 545 before widening */
	overflow: hidden;  /* fixes IE6? */
}

div#toprow_name_middle_inner {
	float: left;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 1.2em;
	margin-top: 18px;
	margin-left: 3px;
	margin-right: 0px;
	display: inline; /* IE6 */
	overflow:hidden;
}

div#toprow_inc_right {
	float: left;
	width: 204px;   /* was 150 before widening */
}

div#toprow_inc_right_mobile {
	/* float: left; */
	/* width: 204px;     was 150 before widening */
	padding-top: 40px;
}


img.logo_yourorgname
{
	border: none;
	margin-left: 27px;
	margin-right: 22px;
	margin-top: 2px;
}


img.cce {
	margin-top: -1px;
}

img.cce_big {
	display: block;
	margin-top: 7px;
	margin-bottom: 9px;
}

.showcityname {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: .75em;
	color: #bcbcbc;
	margin-top: -7px;
	margin-left: 44px;
	font-style: italic;
}


img.picks
{
	border: none;
	margin-left: -47px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: -8px;
}


img.poweredby_inc_top
{
	border: none;
	margin-left: 55px;  /* was 1 before widening */
	margin-top: 14px;
}

img.choosearrow
{
	border: none;
	margin-left: -80px;
	margin-right: 5px;
}

img.unlock
{
	border: none;
	margin-left: 1px;
	margin-right: 3px;
	margin-bottom: -9px;
}

.primaryorgline_comms {
	color: #006600;
	font-size: .8em;
	letter-spacing: -.5px;
	margin-left: 38px;
	margin-top: -4px;
	margin-bottom: 2px;
	font-weight: normal;
}

.primaryorgline_comms_mobile {
	color: #006600;
	font-size: .7em;
	letter-spacing: -.5px;
	margin-left: 38px;
	margin-top: -4px;
	margin-bottom: 2px;
	font-weight: normal;
}

.primaryorgline_persons {
	color: #006600;
	font-size: .85em;
	letter-spacing: -.5px;
	margin-left: 48px;
	margin-top: -7px;
	margin-bottom: 7px;
	font-weight: normal;
	line-height: 1em;
}

.pbydir_notes {
	color: #44677D;
	font-size: .85em;
	letter-spacing: -.5px;
	margin-left: 47px;
	margin-top: -2px;
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 1.1em;
}


.extrarolenotespresent_needregiondivfix {
	margin-left: 53px;
	margin-top: -12px;
	margin-bottom: 10px;
}


.org_notes_pwd_display {
	display: inline-block;
	color: #44677D;
	font-size: 1.1em;
	margin-left: 0px;
	margin-top: -4px;
	margin-bottom: 18px;
	margin-right: 32px;
	font-weight: normal;
	line-height: 1.1em;
}

.org_notes_pwd_display_nourl {
	display: inline-block;
	color: #44677D;
	font-size: 1.1em;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 18px;
	margin-right: 32px;
	font-weight: normal;
	line-height: 1.1em;
}

.org_labelname {
	display: inline-block;
	color: #2D0162;
	font-size: 1.5em;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 25px;
	font-weight: normal;
	line-height: 1.1em;
}


div#botrow_inc_left {
	float: left;
	width: 203px; /* was 170 before widening */
}

div#botrow_footer_middle {
	float: left;
	width: 543px;  /* was 510 before widening */
	overflow: hidden;  /* fixes IE6? */
}

div#botrow_footer_middle_inner {
	width: 543px;
	font-family: 'Roboto', sans-serif;
	float: left;
	text-align: center;
	font-size: .7em;
	color: #555;
	margin-top: 53px;
	margin-left: 3px;
	display: inline; /* IE6 */
	overflow:hidden;
}


div#botrow_help_right {
	float: left;
	width: 254px;   /* was 220 before widening */
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #555;
	text-align: center;
	font-size: .7em;
}

img.poweredby_inc_bot
{
	border: none;
	margin-left: -36px; /* was -5 before widening */
	margin-top: 38px;
	margin-bottom: 23px;
}

img.help
{
	border: none;
	margin-right: 32px;
	margin-top: 2px;
}

.rolecolor_light {
	color: #A697B6;
}


.intro_highlight {
	color: #724E37;
	font-weight: bold;
}



.home_date1 {
	font-family: 'Amatic SC', cursive;
	font-size: 2.0em;
	letter-spacing: -1px;
	font-weight: 600;
	color: #418041;
}

.home_date2 {
	font-family: 'Amatic SC', cursive;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: 500;
	color: #777;
}

.dayofweek {
	margin-top: -10px;
	margin-right: 4px;
}




.person_comm {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #923312;
	font-weight: bold;
}

.person_comm_mobile {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1em;
	color: #923312;
	font-weight: bold;
}


img.stripechurchicon
{
	margin-top: 3px;
	margin-bottom: -3px;
}

img.orgtypeimage
{
	margin-top: 3px;
	margin-bottom: -3px;
}



div.orgkey {
	display: block;
	font-size: .75em;
	margin-top: 0px;
	margin-left: 23px;
}


.blankphotospace
{
	display: inline-block;
	width: 25px;
}

div.blankphotospace_org
{
	display: inline-block;
	width: 28px;
	height: 18px;
		margin-top: -3px;
}

div.orgicon
{
	display: inline-block;
	height: 16px;
	
}

.orgicon
{
	margin-top: -3px;
	margin-right: 2px;
}


.urlgif
{
	margin-top: -2px;
	margin-left: 1px;
}



div#stepscan_arrows_churchdir
{	
	display: block;
	float: right;
	padding-right: 35px;
	margin-top: 10px;
}

div#stepscan_arrows_webdir
{	
	display: inline;
	float: right;
	padding-right: 9px;
	margin-top: -1px;	
}



div#stepscan_arrows_orgdir
{	
	display: block;
	float: right;
	padding-right: 35px;
	margin-top: 11px;
}

div#stepscan_arrows_commdir
{	
	display: block;
	float: right;
	padding-right: 35px;
	margin-top: -1px;
}



p.graynote, span.graynote {
	color: #555555;
	font-weight: normal;
	font-size: .8em;
}

p.verylightnote, span.verylightnote {
	color: #aaa;
	font-weight: 100;
	font-size: .6em;
}

p.lightnote, span.lightnote {
	color: #cdcdcd;
	font-weight: normal;
	font-size: .8em;
}



div.commfeat {
	background-color: #F8F9FE;
	vertical-align: middle;
	width: 500px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:9px;
}

div.commmembers {
	background-color: #F9F9FA;
	vertical-align: middle;
	width: 500px;
	margin-top:-15px;
	margin-bottom:10px;
	margin-left:20px;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:9px;
}

div.commmembers_mobile {
	background-color: #F9F9FA;
	vertical-align: middle;
	width: 360px;
	margin-top:-15px;
	margin-bottom:10px;
	margin-left:-40px;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:0px;
}





.footer {font-family: Arial, Verdana, sans-serif;
     	font-size: 8pt;
	color: #8CA38C;}



@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}



div#webdir_features_fade {
	position: absolute;
	content:url(images/webdir_features.gif);
	z-index: 9999;
	margin-left: 486px;
	margin-top: 0px;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}

.webdir_features {
	position:  absolute;
	margin-left: 486px;
	margin-top: 0px;
	
}

div#you_personalize_fade {
	position: absolute;
	content:url(images/youpersonalize.jpg);
	z-index: 9999;
	margin-left: 523px;
	margin-top: -4px;
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

.you_personalize {
	position: absolute;
	margin-left: 416px;
	margin-top: 8px;

}

div.helpfulnote { 	
	border:  1px solid;
	border-color:  #CADAFD; 
	margin:0; 
	padding: 0;
	margin-top: 3px;
	margin-left: 255px;
	padding-top: 8px;
	min-height:60px;
	width: 395px;
	background-color: #EEEEEE; 
} 

div.helpfulnote_inner { 	
	padding-top: 2px;
	padding-bottom: 12px;
	padding-right: 10px;
	align: left;
	margin-left: 32px;
	color: #106E8B;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
} 


div#passphrase_box {
background: #E8F0DE;
height: 115px;
width:420px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
border: 1px solid #8A9A84;
margin-left: 25px;
padding-left: 25px;
padding-top: 24px;
}


div#passphrase_box_mobile {
background: #E8F0DE;
height: 75px;
width:75%;
margin: 0 auto;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
border: 1px solid #8A9A84;
padding-top: 8px;
}


div#passphrase_inputfield {
margin-left: 7px;
margin-top: 22px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div#passphrase_inputfield_mobile {
margin: 0 auto;
margin-top: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div#searchperson_inputfield_mobile {
margin-left: -10px;
margin-top: -3px;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div#searchchurch_inputfield_mobile {
margin-left: -10px;
margin-top: -3px;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


div#header_mobile_wrapper {
    width: 90%;
    margin: 0 auto;
}
div#header_mobile_left_BACKUP {
	float: left;
	width: 110px;
	overflow: hidden;  
	margin-bottom: -5px;
}
div#header_mobile_right_BACKUP {
	float: left;
	width: 260px;
	overflow: hidden;  /* fixes IE6? */
	margin-bottom: -5px;
	position: relative;
}
div#header_mobile_left {
	float: left;
	height: 120px;
	width: 110px;
	position: relative;
}div#header_mobile_right {
	height: 120px;
	width: 260px;
	position: relative;
}
div#header_mobile_left_inner_BACKUP {
	float: left;
	margin-top: 3px;
	margin-left: 17px;
	margin-right: 0px;
	display: inline; /* IE6 */
	overflow:hidden;
}

div#header_mobile_left_inner {
	float: left;
	margin: 0;
	position: absolute;
	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/* 11/1/16 - removing float:left makes inner fill parent width, BUT need that for left margin to work - so, instead, calculate a min-width for the inner from the parent size + left margin if it's not stretching wide. */
div#header_mobile_right_inner {
	margin: 0;
	position: relative;
	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}











.passphrase
{
	font-size: 36px; 
	color: #5B699B;
	background: #DEE3FE;
	border: 1px solid #7281B5;
}


.passphrase_mobile
{
	font-size: 2.2em; 
	color: #5B699B;
	background: #DEE3FE;
	border: 1px solid #7281B5;
}

.searchperson_mobile
{
	font-size: 2em; 
	color: #BE560E;
	background: #FFEADB;
	border: 1px solid #D6671A;
}

.searchchurch_mobile
{
	font-size: 2em; 
	color: #481584;
	background: #F1E6FD;
	border: 1px solid #704D99;
}

.doorway
{
	font-size: 18px; 
	color: #472C19;
	background: #F3EFE2;
	border: 1px solid #BAA868;
}


.doorway_mobile
{
	font-size: 25px; 
	color: #472C19;
	background: #F3EFE2;
	border: 1px solid #BAA868;
}


p.dnote
{
	color: #aaa;
	font-weight: 100;
	font-size: .8em;
	font-style: italic;
	margin-left: 18px;
	margin-top: 7px;
}


li {font-size:omgHuge;}
li span {font-size:mehNormal;}

.enter
{
	border: none;
}

.lookup
{
	border: none;
	margin-left: 240px;
}



.post-body .tr-caption-container {
  border:0!important;
}

.ai_go_ppl_mobile_search
{
	border:0!important;
	margin-bottom: -11px;
	margin-left: -4px;
}



.ai_questions
{
	border: none;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: -6px;

}

.ai_p_ph_ph {
	margin-top: 2px;
	margin-bottom: -5px;
	margin-right: 2px;
}


.ai_p_mailicon_google_stripe {
	margin-bottom: -3px;
	margin-left: 2px;
}


.choosearrow {
	margin-left: -67px;
	margin-bottom: -8px;
}


.unlock
{
	border: none;
	margin-top: 0px;
	margin-left: -41px;
	margin-right: 0px;
	margin-bottom: -6px;
}

div#entry_wrapper {
	/* background-color: #fff; */
      padding-top: 15px;
	width: 665px;
	text-align: left;
}

div#entry {
      margin-top: 20px;
	text-align: left;
	width: 665px;
      padding-left: 35px;

}

div#entry_intro {
	width: 625px;
	text-align: left;
	padding: 8px 15px 8px 15px;
	background-color: #eee;
	border-style:  solid;
	border-width: 1px;
	border-color: #ddd;
}

img {  
	border-style: none;
}

span.recordsreturned {
	display: inline;
	/* background-color:  #FBFCEE; */
	color: #B9BC77;
	font-weight: normal;
	font-size: .7em;
	font-style: italic;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
}
div.recordsreturned {
	display: block;
	margin-bottom: 11px;
	margin-left: 15px;
}

.statusiconlist {
		margin-top: -2px;
		margin-right: 3px;
}

.statusiconlist_assoc {
		margin-bottom: -3px;
		margin-right: 3px;
}


img.statusiconlist_roles {
	margin-bottom: 2px;
	margin-right: 2px;
}

.inlineimage {
	display: inline;
	margin-bottom: 0px;
}

.inlineimage_loc {
	display: inline;
	margin-left: -8px;
	margin-bottom: -5px;
}

.inlineimage_url {
	display: inline;
	margin-bottom: -5px;
}

div.bg_photostrip {
	display: inline-block;
	width: 455px;
	height: 55px;
	padding-left: 13px;
    background-image : url(images/bg_photostrip.jpg);
    background-repeat: no-repeat;
    }

div.bg_photostrip_lighter {
	display: inline-block;
	width: 455px;
	height: 45px;
	padding-left: 13px;
    background-image : url(images/bg_photostrip_lighter.gif);
    background-repeat: no-repeat;
    }



div#margins_mobile {
	float: left;
	width: 360px;
	margin-left: 15px;
	margin-right: 15px;
}


/* this negotiates with line #181 -- .toprow_inc_right */

div#header_pbyname {
	float: left;
	width: 360px;
	margin-left: -2px;
}
div#header_date {
	float: right;
	width: 155px;
	text-align: right;
	overflow: hidden;  /* fixes IE6? */
}
div#header_pbyname_inner {
	float: left;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 0px;
	font-size: 1.1em;
	display: inline; /* IE6 */
	overflow:hidden;
}
div#header_date_inner {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 2px;
	text-align: right;
	display: inline; /* IE6 */
}

/* NAME MIDDLE TOP MARGIN FROM VERY TOP IS SET AT LINE #173 search NAME */

.photostrip_section
{
	margin-top: 12px;
	margin-left: 2px;
}



.bday {
	color: #437391;
	font-size: 1.6em;
	font-weight: bold;
}

.ord {
	color: #437391;
	font-size: 1.3em;
	font-weight: bold;
}

.bday_entry {
	color: #70495C;
	font-size: 1.1em;
	font-weight: bold;
}

.bday_entry_mobile {
	font-family: Helvetica, Arial, sans-serif;	
	color: #70495C;
	font-size: 1.1em;
	font-weight: bold;
}

.ord_entry {
	color: #48466C;
	font-size: 1.1em;
	font-weight: bold;
}

.ord_entry_mobile {
	font-family: Helvetica, Arial, sans-serif;	
	color: #48466C;
	font-size: 1.1em;
	font-weight: bold;
}



.entry_bday_left {
	float: left;
	width: 50;
	margin-left: 0px;
	margin-top: -9px;
	
}

.entry_bday_right {
	float: left;
	width: 370;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-size: 11.5px;
	margin-top: 10px;
}

.home_bday {
	display: block;
}

.home_bday_left {
	float: left;
	width: 70;
	margin-left: -70px;
	margin-top: -9px;
	margin-bottom: 10px;	
}

.home_bday_right {
	
	float: left;
	width: 500;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-size: 11.5px;
	margin-top: 10px;
	margin-bottom: 32px;	
}

.home_ord {
	display: block;
}

.home_ord_left {
	float: left;
	width: 70;
	margin-left: -70px;
	margin-top: -9px;	
}

.home_ord_right {

	float: left;
	width: 500;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-size: 11.5px;
}


.entry_ord_left {
	float: left;
	width: 50;
	margin-left: 0px;
	margin-top: -9px;	
	margin-bottom: 10px;	
}

.entry_ord_right {
	float: left;
	width: 370;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-size: 11.5px;
}


.home_bday_title {
	font-family: 'Roboto', sans-serif;
	color: #955279;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

.home_ord_title {
	font-family: 'Roboto', sans-serif;
	color: #4B4B90;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;

}


.stats_line1_left {
	float: left;
	width: 335;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	margin-left: 26px;
	margin-top: 10px;
	
}

.stats_line1_right {
	float: left;
	width: 70;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	margin-top: 10px;
}

.churchdir_shuffle {
	width: 425;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	margin-top: 0px;
}


.stats_line2 {
	font-family: 'Roboto', sans-serif;
	color: #bababa;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	margin-left: 30px;
	margin-top: -2px;
}


.todayis {
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-weight: normal;
	font-size: 11px;
	margin-left: 8px;
	margin-top: -4px;
}

.lightpipe {
	font-family: 'Roboto', sans-serif;
	color: #ccc;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	margin-left: 1px;
	margin-right: 1px;
}





ul li {
    display: block;
	margin-bottom: -1px;

 }

ul li img {
    vertical-align: middle;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

 /* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */


.clear {clear:both; height: 0; overflow:hidden;}

input
{
	font-size: .9em; 
	color: #999;
	background: #F7FFFF;
	border: 1px solid #888
}

input.submit
{
	background: none;
	border: 0;
	padding: 0px;
}


input.changelimits
{
	font-size: .7em; 
	color: #999;
	background: #F5FCFC;
	border: 1px solid #DEF1F3;
}


input[type="text"]
{
  font-size: .9em; 
  background: #F6F5F7;
  padding: 3px;
  border: solid 2px #c9c9c9;
  transition: border 0.3s;
  -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #eeeeee;
    -webkit-box-shadow: 1px 1px 2px #eeeeee;
    box-shadow: 1px 1px 2px #eeeeee;	
}


/* *OLDER/ORIGINAL* SEARCH STUFF HERE -	- for LARGER churchdir search form	-	-	-	-	-	-	-	-	-	-		-(orig below) */

div#searchorg_left_original {
	float: left;
	width: 200px;
	overflow: hidden;  
	margin-top: -9px;
	margin-bottom: -3px;
	margin-left: -6px;
}
div#searchorg_right_original {
	float: left;
	width: 35px;
	overflow: hidden;  /* fixes IE6? */
	margin-top: -9px;
	margin-bottom: -3px;
}
div#searchorg_left_inner_original {
	float: left;
	margin-top: 9px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /* IE6 */
	overflow:hidden;
}
div#searchorg_right_inner_original {
	float: left;
	margin-top:7px;
	margin-left: -10px;
	margin-right: 0px;
	display: inline; /* IE6 */
}



.input-container-searchorg_original {
    background: url(images/bg_input_searchorg.jpg) no-repeat;
    width:200px;
    height:35px;
    border: none;
}

/* FOCUS ON THIS ONE */
.input-container-searchorg-onform_original {
    background: url(images/bg_input_searchorg-onform_original.gif) no-repeat;
    width:200px;
    height:35px;
    border: none;
}


.input-container-searchorg_original input, .input-container-searchorg-onform_original input{
    height:35px;
    line-height:23px;/*results in nice text vertical alignment*/
    /* border:none; */
    background:transparent;
    padding:0 10px;/*don't start input text directly from the edge*/
    width:200px;/*full width - grey on the side - 2*10px padding*/
    border: none;
    font-size: 1.5em; 
    color:  #663399;
    font-weight: bold;
}



/* *OLDER/ORIGINAL* SEARCH STUFF HERE -	- for LARGER churchdir search form	-	-	-	-	-	-	-	-	-	-		-(orig above) */



/* SEARCH STUFF HERE -	-	-	-	-	-	-	-	-	-	-	-		-(below) */

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


.input-container-searchppl {
    background: url(images/bg_input_searchppl.jpg) no-repeat;
    width:88px;
    height:23px;
    border: none;
}

.input-container-searchppl-onform {
    background: url(images/bg_input_searchppl-onform.gif) no-repeat;
    width:94px;
    height:23px;
    border: none;
}

.input-container-searchppl input, .input-container-searchppl-onform input{
    height:23px;
    line-height:23px;/*results in nice text vertical alignment*/
    /* border:none; */
    background:transparent;
    padding:0 7px;/*don't start input text directly from the edge - was10*/
    width:94px;/*full width - grey on the side - 2*10px padding*/
    border: none;
    font-size: .85em; 
    color:  #cc3300;
    font-weight: bold;
}

.input-container-searchorg {
    background: url(images/bg_input_searchorg.jpg) no-repeat;
    width:94px;
    height:23px;
    border: none;
}

.input-container-searchorg-onform {
    background: url(images/bg_input_searchorg-onform.gif) no-repeat;
    width:94px;
    height:23px;
    border: none;
}

.input-container-searchorg input, .input-container-searchorg-onform input{
    height:23px;
    line-height:23px;/*results in nice text vertical alignment*/
    /* border:none; */
    background:transparent;
    padding:0 7px;/*don't start input text directly from the edge - was10*/
    width:94px;/*full width - grey on the side - 2*10px padding*/
    border: none;
    font-size: .85em; 
    color:  #663399;
    font-weight: bold;
}

div#searchppl_left {
	float: left;
	width: 88px;
	overflow: hidden;  
	margin-top: -9px;
	margin-left: -6px;
}
div#searchppl_right {
	float: left;
	width: 35px;
	overflow: hidden;  /* fixes IE6? */
	margin-top: -9px;
}
div#searchppl_left_inner {
	float: left;
	margin-top: 9px;
	margin-left: -6px;
	margin-right: 0px;
	display: inline; /* IE6 */
	
}
div#searchppl_right_inner {
	float: left;
	margin-top:7px;
	margin-left: -10px;
	margin-right: 0px;
	display: inline; /* IE6 */
}

div#searchorg_left {
	float: left;
	width:88px;
	overflow: hidden;  
	margin-top: -9px;
	margin-bottom: -3px;
	margin-left: -6px;
}
div#searchorg_right {
	float: left;
	width: 35px;
	overflow: hidden;  /* fixes IE6? */
	margin-top: -9px;
	
}
div#searchorg_left_inner {
	float: left;
	margin-top: 9px;
	margin-left: -6px;
	margin-right: 0px;
	display: inline; /* IE6 */

}
div#searchorg_right_inner {
	float: left;
	margin-top:7px;
	margin-left: -10px;
	margin-right: 0px;
	display: inline; /* IE6 */
}



/* SEARCH STUFF HERE -	-	-	-	-	-	-	-	-	-	-	-		-(above) */




div#entryimage_left {
	float: left;
	width: 205px; /* was 185 before widening */
	overflow: hidden;  
	margin-left: -10px;
}

div#entrynoimage_wideleft {
	float: left;
	width: 428px; 
	overflow: hidden;  
	margin-left: 26px;
	margin-top: 10px;
	margin-right: 25px;
}


div#entryimage_middle {
	float: left;
	width: 320px;  /* was 380 before widening */
	overflow: hidden;  /* fixes IE6? */
}
div#entryimage_right {
	float: left;
	width: 170px;  /* was 380 before widening */
	overflow: hidden;  /* fixes IE6? */
}

/* 10/4/17 HAD TO PUT THIS BACK FOR *PEOPLE* entryimage_right which doesn't have map by region etc. */

div#entryimage_right_p {
	float: left;
	width: 520px;
	overflow: hidden;  /* fixes IE6? */
}


div#entryimage_left_inner {
	float: left;
	margin-top: 0px;
	margin-left:0px;
	margin-right: 0px;
	display: inline; /* IE6 */
	overflow:hidden;
}
div#entryimage_middle_inner {
	float: left;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /* IE6 */
}
div#entryimage_right_inner {
	float: left;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /* IE6 */
}

div#entryimage_left_inner_p {
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /* IE6 */
	overflow:hidden;
}
div#entryimage_right_inner_p {
	float: left;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /* IE6 */
}




#submit_button { border: 0; }


div#dummy{
	background-image: url(images/ie6.png);
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	color: #333;
	margin-top: 0.4em;
}

p.smaller {
	font-size: .7em;
}


p.smaller_mobile {
	font-size: .6em;
}

.smallerdates {
	display: inline;
	font-size: .7em;
}

p.introsmaller {
	font-size: .8em;
}

.introkey {
	font-family: 'Roboto', sans-serif;
	font-size: .7em;
	color: #CC3300;
	margin-top: -2px;
	text-align: center;
}


.body {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	color: #333;
	margin-top: 0.6em;
}

div.p {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	color: #333;
	margin-top: 0.6em;
}

p.direction {
}

p.action {
	margin-top:18px;
	margin-bottom:25px;
}

p.addbutton {
	margin-top:5px;
	margin-left:6px;
}


.indent_intro {
	margin-left:49px;
}

p.indent {
	margin-left:36px;
}

.indentlogout {
	margin-left:46px;
}








div.graybar { 	
	display: block;
	width: 560px;
	height: 18px;
	background-color: #efefef;
	padding-top: 4px;
	padding-left: 8px;
	margin-top: 5px;
	margin-left: 14px;
} 

div.graybar_mobile { 	
	display: block;
	width: 200px;
	height: 18px;
	background-color: #efefef;
	padding-top: 4px;
	padding-left: 8px;
	margin-top: 5px;
	margin-left: 14px;
	margin-bottom: -6px;
} 



.entry_image
{
	border:4px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;  
	margin-left: 10px;
	margin-top: 10px;
}


.entry_image_mobile
{
	margin-left: -20px;
	border:4px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;  
	margin-top: 10px;
}

.entry_image_small
{
	border:1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;  
	margin-right: 2px;
}

.entry_image_small_orgrole
{
	border:1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;  
}

.entry_image_small_dirversion
{
	border:2px solid #ccc;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;  
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 1px;
	margin-right: 3px;
}

.entry_image_photostrip
{
	border: 2px solid #C1D0E3;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;  
}

div#person_phonefromorg { 	
	border:  1px solid;
	border-color:  #DCEBDE; 
	margin:0; 
	padding: 0;
	margin-top: 3px;
	margin-left: 18px;
	padding-top: 8px;
	min-height:60px;
	width: 325px;
	background-color: #F5FFF6; 
} 

div#person_phonefromorg_inner { 	
	padding-top: 2px;
	padding-bottom: 7px;
	margin-left: 7px;
	padding-right: 10px;
	align: left;
	margin-left: 22px;
	color: #333;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
} 

div#person_phonefromprimaryorg { 	
	border:  1px solid;
	border-color:  #DCEBDE; 
	margin:0; 
	padding: 0;
	margin-top: 5px;
	margin-left: 22px;
	padding-top: 5px;
	min-height:42px;
	width: 275px;
	background-color: #fefefe; 
} 

div#person_phonefromprimaryorg_inner { 	
	padding-top: 0px;
	padding-bottom: 3px;
	margin-left: 7px;
	padding-right: 10px;
	align: left;
	margin-left: 22px;
	color: #333;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
} 

div#primaryorgphone_left {
	float: left;
	width: 75px;
	overflow: hidden;  
}
div#primaryorgphone_mid {
	float: left;
	margin-top: 1px;
	overflow: hidden;  /* fixes IE6? */
}
div#primaryorgphone_right {
	float: left;
	margin-top: 2px;
	overflow: hidden;  /* fixes IE6? */
}


img.primaryorg {
	display: block;
	margin-bottom: 0px;
	margin-left: -3px;
}

img.primaryrole {
	display: block;
	margin-bottom: 0px;
	margin-left: -3px;
}


div.warning { 	
	border:  1px solid;
	border-color:  #E5C8C8; 
	margin:0; 
	padding: 0;
	margin-top: 3px;
	margin-left: 18px;
	padding-top: 8px;
	min-height:60px;
	width: 425px;
	background-color: #FEF8F8; 
} 

div.warning_inner { 	
	padding-top: 2px;
	padding-bottom: 7px;
	margin-left: 7px;
	padding-right: 10px;
	align: left;
	margin-left: 22px;
	color: #333;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
} 

div.warningnarrow { 	
	border:  1px solid;
	border-color:  #E5C8C8; 
	margin:0; 
	padding: 0;
	margin-top: 3px;
	margin-left: 1px;
	padding-top: 24px;
	min-height:60px;
	width: 300px;
	background-color: #FEF8F8; 
} 

div.warningnarrow_inner { 	
	padding-top: 2px;
	padding-bottom: 0px;
	margin-left: 7px;
	padding-right: 10px;
	align: left;
	margin-left: 22px;
	color: #333;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
} 

div.strike_optout {
	display: inline;
	background-color: #dddddd;
	border:1px solid red;
	width: 480px;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
}

div.strike_optout_intro {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	display: inline;
	background-color: #dddddd;
	border:1px solid red;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
	margin-left: 109px;
}


div.stripe_people {
	display: block;
	background-color: #FEF1EC;
	width: 700px; /*was 592 before widening */
	line-height: 42px;
	vertical-align: middle;
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */
	margin-bottom:10px;
	word-wrap: break-word;
	border:1px solid #ECE1DD;
}

div.stripe_people_mobile {
	display: block;
	background-color: #FEF1EC;
	width: 360px; /*was 592 before widening */
	line-height: 42px;
	vertical-align: middle;
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */
	margin-bottom:10px;
	word-wrap: break-word;
	border:1px solid #ECE1DD;
}


div.stripe_churches {
	display: block;
	background-color: #F7EEFF;
	width: 700px; /*was 592 before widening */
	margin-top:24px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}

div.stripe_churches_mobile {
	display: block;
	background-color: #F7EEFF;
	width: 360px;  
	margin-top:24px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}



div.stripe_role {
	display: block;
	background-color: #F6F2F9; /*F7EEFF */
	width: 715px; /*was 592 before widening */
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}
 
div.stripe_role_mobile {
	display: block;
	background-color: #F6F2F9; /*F7EEFF */
	width: 360px; /*was 592 before widening */
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}



 /* 
div.stripe_church_region1 {
	display: block;
	background-color: #ECEDF4;
	width: 592px;
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}
div.stripe_church_region2 {
	background-color: #ECF4EC;
	width: 592px;
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}
div.stripe_church_region3 {
	background-color: #F4ECED;
	width: 592px;
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #E2D7EC
}
*/


div.stripe_org {
	display: block;
	background-color: #F6FDF6;
	width: 715px; /*was 592 before widening */
	line-height: 42px;
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D7DCD7;
}

div.stripe_org_mobile {
	display: block;
	background-color: #F6FDF6;
	width: 360px;  
	line-height: 42px;
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D7DCD7;
}



div.stripe_orgname {
	display: block;
	background-color: #F6FDF6;
	width: 715px; /*was 592 before widening */
	line-height: 42px;
	vertical-align: middle;
	margin-bottom:10px;
	word-wrap: break-word;
	border:1px solid #D7DCD7;
}

div.stripe_orgname_mobile {
	display: block;
	background-color: #F6FDF6;
	width: 360px; /*was 592 before widening */
	line-height: 42px;
	vertical-align: middle;
	margin-bottom:10px;
	word-wrap: break-word;
	border:1px solid #D7DCD7;
}


div.stripe_request {
	background-color: #E0EBF6;
	width: 556px;
	line-height: 42px;
	vertical-align: middle;
	margin-bottom:10px;
}

div.stripe_committees {
	display: block;
	background-color: #ECEFFE;
	width: 715px;  
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D9DEF4;
}

div.stripe_committees_mobile {
	display: block;
	background-color: #ECEFFE;
	width: 360px;  
	margin-top:29px; /* this makes up for the vert space used by 'back to person' on next page, so it doesn't jump */	
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D9DEF4;
}

div.stripe_comm {
		display: block;
		background-color: #ECEFFE;
	width: 715px; /*was 592 before widening */
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D9DEF4;
}


div.stripe_comm_mobile {
		display: block;
		background-color: #ECEFFE;
	width: 360px; /*was 592 before widening */
	line-height: 42px;
	word-wrap: break-word;
	vertical-align: middle;
	margin-bottom:10px;
	border:1px solid #D9DEF4;
}


div.stripe_inner {
	display: block;
		margin-left:10px;
}


div.stripe_personname {
	display: block;
	background-color: #FEF1EC;
	width: 700px; /*was 592 before widening */
	margin-left: 0px;
	margin-bottom: 10px;
	word-wrap: break-word;
	border:1px solid #ECE1DD;
}

div.stripe_personname_mobile {
	display: block;
	background-color: #FEF1EC;
	width: 360px; /*was 592 before widening */
	margin-left: 0px;
	margin-bottom: 10px;
	word-wrap: break-word;
	border:1px solid #ECE1DD;
}


div.stripe_personname_inner {
	display: block;
	width: 100%;
	text-align: left;
	padding-top:4px;
	margin-left:10px;
}



div.intro {
	width: 700px;
	margin-left:120px;
	margin-right:100px;
	margin-top:50px;
	margin-bottom:25px;
	font-size: .9em;
	line-height: 1em;
}

.introblue {
	font-size: 1.3em;
	line-height: 1em;
	color: #1A27A4;
	font-weight: bold;
	font-style: italic;
}

.introrole {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}

.intropeople {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #CC3300;
	font-weight: bold;
}

.intropeople_helpnoteversion {
	font-size: 1.1em;
	line-height: 1.1em;
	color: #CC3300;
	font-weight: bold;
}

.introcomm {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #000099;
	font-weight: bold;
}

.introorg {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

.pullleft_7 {
	margin-left: -7px;
}

.indent {
	margin-left: 42px;
}

.indent54 {
	margin-left: 54px;
}

.indent_24 {
	margin-left: 24px;
}





.indent_search {
	margin-left: 100px; /* was 123 before widening */
	margin-bottom: 0px;
}

.indent_search2 {
	margin-left: 100px; /* was 123 before widening */
	margin-bottom: 12px;
}

.section_search {
	margin-top: 1px;
}

.button_pullup_church {
	margin-top: 0px;
}

.button_pullup_org {
	margin-top: -2px;
}

.pullup_line2_bday {
	margin-top: -9px;	
}

.nowyear {
	color: #333;
	font-weight: bold;
	font-size: .9em;
}

.nextyear {
	color: #aaa;
	font-weight: normal;
	font-size: .9em;
}


.indent_sm {
	display: block;
	margin-left: 22px;
	overflow: auto; 
}

.indent_reverse_sm {
	display: block;
	margin-left: -30px;
	overflow: auto; 
}



.indent_photostrip {
	
	margin-left: 7px;
	margin-bottom: -6px;
}
	

.nametitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #923312;
	font-weight: bold;
}

.nametitle_mobile {
	font-size: 1.6em;
	line-height: 1.5em;
	color: #923312;
	font-weight: bold;
}

.roletitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.45em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}


.churchestitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}

.churchtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}

.churchtitle_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: .5em;
	color: #330066;
	font-weight: bold;
}

/*
.churchtitle_region1 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #203D90;
	font-weight: bold;
}
.churchtitle_region2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #296B29;
	font-weight: bold;
}
.churchtitle_region3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #8D1C29;
	font-weight: bold;
}
*/


.organizationstitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

.orgtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

div.request_notes {
	width: 550px;
	margin-left:8px;
	margin-right:100px;
	font-size: .9em;
	line-height: 1em;
}


.requesttitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #3F5B77;
	font-weight: bold;
}


.entryoktitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

.request {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #466887;
	font-weight: normal;
}


.commtitle_stripe {
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #000099;
	font-weight: bold;
}

.commtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #000099;
	font-weight: bold;
}

.commtitle_mobile {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #000099;
	font-weight: bold;
}

.rolecolor {
	color: #330066;
}
.orgcolor {
	color: #006600;
}
.commcolor {
	color: #000099;
}

.infotitle {
	font-family: 'Maven Pro', sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #777;
	font-weight: normal;
}

.home_intro {
	font-family: 'Roboto', sans-serif;
	font-size: .85em;
	line-height: 1.2em;
	color: #777;
	font-weight: normal;
	width: 450px;
	margin-left: 46px;
}

.home_intro_mobile {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: .85em;
	line-height: 1.2em;
	color: #777;
	font-weight: normal;
	width: 300px;
	margin-left: 25px;
	margin-right: 25px;
}


.church_header {
	font-family: 'Roboto', sans-serif;
	font-size: .7em;
	line-height: 1.2em;
	color: #777;
	font-weight: normal;
	width: 450px;
	margin-left: 26px;
}


img.featured_envelope {
	margin-left: -4px;
	margin-top: -4px;
}

img.featured_envelope_bcc {
	margin-top: -4px;
}



ul.featured_picks_list
{
	font-family: 'Roboto', sans-serif;
	margin-top: 0px;
	margin-bottom: 30px;
	list-style-type: circle;
	padding: 0;
	margin-left: 0px;
}

ul.featured_picks_list_mobile
{
	font-family: 'Roboto', sans-serif;
	margin-top: 0px;
	margin-bottom: 30px;
	list-style-type: circle;
	padding: 0;
	margin-left: 0px;
	font-size: 2em;
}


li.featured_picks_list
{
	font-family: 'Roboto', sans-serif;
	background: url('images/btn_li_small_gray.gif') no-repeat left 4px;
	padding-left: 13px;
	padding-right: 0px;
	display: block;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 1.1;
}

li.featured_picks_list_mobile
{
	font-family: 'Roboto', sans-serif;
	padding-left: 13px;
	padding-right: 0px;
	display: block;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 1.1;
}


.churchtoptable {
	margin-top: -10px;
	margin-bottom: -10px;
}

.churchtoptable_churches {
	margin-top: -40px;
	margin-bottom: -10px;
	margin-left: -20px;
}


/* see div#nonav_left_church -- work together */
.bigchurchestable_center {
	width: 90%;
  	margin: 0 auto;
}

.bigchurchestable {
	margin-left: -15px;
}


.featured_picks {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #aaa;
	font-weight: bold;
	text-align: left;
	margin-left: 46px; /* was 166 before widening */
	width: 150px;
}


.medtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #555;
	font-weight: bold;
}

.introtitle {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333;
	font-weight: bold;
}


.mailinglabel {
	font-family: 'Varela Round', courier, arial, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #000;
	font-weight: normal;
}


.phonenumber {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #296B29;
	font-weight: bold;
}

.phonenumber_mobile {
	font-family: 'Arial Rounded MT Bold', sans-serif;
	/* font-family: 'Roboto', sans-serif;  */
	/* font-family: 'Varela Round', courier, arial, sans-serif; */
	font-size: 1.7em;
	line-height: 1.5em;
	letter-spacing: -0.05em;
	color: #296B29;
	font-weight: bold;
}


.phonenumber_lookup {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #296B29;
	font-weight: bold;
}


.phonenumber_add {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #296B29;
	font-weight: normal;
}


.emailadd {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #323DAA;
	font-weight: bold;
}

.emailadd_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #323DAA;
	font-weight: bold;
}

.emailadd_mobile_comms {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: .7em; 
	color: #323DAA;
	font-weight: bold;
}

.url_mobile {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #323DAA;
	font-weight: bold;
}


.emailadd_lessemphasis {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #323DAA;
	font-weight: normal;
	margin-left: 27px;
}

.emailadd_lessemphasis_comm {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1em;
	color: #323DAA;
	font-weight: bold;
	margin-left: 55px;
	margin-top: -3px;
	line-height: 1em;
	margin-bottom: 10px;
}


p.addrtypeindent, span.addrtypeindent {
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-weight: normal;
	font-size: .7em;
	margin-left: 2px;
}

div.addr_icons {
	margin-top: 12px;
	float: left;

}



div.addr_display {
	float: left;
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 9px;
}


div.addr_addbutton {
	margin-top: -2px;
}


.addr {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663300;
	font-weight: bold;
}

.addr_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663300;
	font-weight: bold;
}


.addr_add {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #663300;
	font-weight: normal;
}

.emailadd_add {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #323DAA;
	font-weight: normal;
}


.personrole {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}

.personrole_dates {
	font-family: 'Maven Pro', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #555;
	font-weight: normal;
}

.personrole_role {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663399;
	font-weight: bold;
}

.personrole_role_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #663399;
	font-weight: bold;
}

.personrole_rolename_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	font-weight: bold;
}

.personrole_role_webdir {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663399;
	font-weight: normal;
}

.personrole_role_webdir_mobile {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1em;
	color: #663399;
	font-weight: normal;
}


.personrole_role_add {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #663399;
	font-weight: normal;
}

.personrole_org {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

.personrole_org_mobile {
	font-size: .9em;
	line-height: 1.5em;
	color: #006600;
	font-weight: bold;
}

.personrole_comm {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #333399;
	font-weight: bold;
}

.personrole_comm_mobile {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #333399;
	font-weight: bold;
}


.person_choose {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #CC3300;
}


.person {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #923312;
	font-weight: bold;
}

.person_birthday {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #923312;
	font-weight: bold;
	margin-left: 6px;
	margin-top: -2px;
}

.person_ordination {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #923312;
	font-weight: bold;
	margin-left: 6px;
	margin-top: -2px;
}


.plain {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #444;
	font-weight: normal;
}

.org {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #92331206600;
	font-weight: bold;
}

.orgcolor {
	color: #006600;
}


.org_choose {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #006600;
}

.comm {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #333399;
	font-weight: bold;
}

.comm_choose {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #333399;
}


.role {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663399;
	font-weight: bold;
}

.churchdirlabel {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #330066;
	font-weight: bold;
}

.churchdirlabel_smaller {
	font-family: 'Roboto', sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	color: #330066;
	font-weight: normal;
}

.peopledirlabel {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #923312;
	font-weight: bold;
}

.peopledirlabel_smaller {
	font-family: 'Roboto', sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	color: #CC332E;
	font-weight: normal;
}


.peoplecommslabel {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #333399;
	font-weight: bold;
}

.churchdir {
	color: #453D4D;
}


.role_choose {
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #663399;
}


.addrindent {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #663300;
	font-weight: bold;
	margin-left: 38px;
}




.phonenumber_ext {
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #296B29;
	font-weight: bold;
}



input, checkbox, textarea, select {
	font-family: Arial, Verdana, sans-serif;
	padding: 1px;
	font-size: 12px;
	color: #333333;
	border: inset 1px #AEBACE;
	margin-left: 6px;
}



input.input {
	color: #666666;
	background-color: #ffffff;
}


input.submit {
	font-family: Arial, Verdana, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 9px;
	color: #666666;
	border: none;
}

input.login {
	font-family: Arial, Verdana, sans-serif;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 9px;
	color: #666666;
	border: none;
}

p.gnote, span.gnote {
	color: #006600;
	font-weight: bolder;
	font-size: .8em;
}

p.gdirnote, span.gdirnote {
	color: #006600;
	font-weight: normal;
	font-size: .7em;
}


p.gnote_big, span.gnote_big {
	color: #006600;
	font-weight: bolder;
	font-size: 1.4em;
}


p.green, span.green {
	color: #006600;
}



p.bnote, span.bnote {
	color: #3366CC;
	font-weight: normal;
	font-size: .8em;
}

p.requestadd, span.requestadd {
	color: #466887;
	font-weight: normal;
	font-size: .8em;
}


p.graynote, span.graynote {
	color: #555555;
	font-weight: normal;
	font-size: .8em;
}

p.rnote, span.rnote {
	color: #880000;
	font-weight: bolder;
	font-size: .8em;
}

p.blnote, span.blnote {
	color: #000;
	font-weight: bolder;
	font-size: .8em;
}

p.blnote2, span.blnote2 {
	color: #000;
	font-weight: normal;
	font-size: 1em;
}



p.snote, span.snote {
	color: #555555;
	font-weight: normal;
	font-size: .7em;

}

.snote_email {
	color: #555555;
	font-weight: normal;
	font-size: .6em;
}

p.label, span.label {
	font-family: Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: normal;
	font-size: .7em;
	margin-left: 0px;
}

p.labelindent, span.labelindent {
	font-family: Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: normal;
	font-size: .7em;
	margin-left: 38px;
}


p.dirnote {
	color: #555555;
	font-weight: normal;
	font-size: .7em;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 1em;
	width: 300px;

}

p.commnote {
	color: #555555;
	font-weight: normal;
	font-size: .9em;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 1em;
	width: 300px;

}


div.commnotes
{
	width: 500px;	
}

p.weblink {
	color: #999;
	font-weight: normal;
	font-size: .6em;
}

.toprightcbase {
	color: #555555;
	font-weight: bold;
}


.parent{
	background-color:  #4D7B55;
	font-color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

div.sub1{
	background-color:  #E9F3EB;
	font-color: #071A42;	
	margin-left: 24px;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
	border: 1px dotted #ccc; 
}

div.sub2{
	background-color:  #DDD;
	font-color: #FCF5B3;
	margin-left: 48px;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
	border: 1px dotted gray; 
}




.inactive{
	color: #999;
}


div.bodytitle {
	margin-top: 12px;
	margin-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: bold;
}

div.mp3list {
	margin-top: 12px;
	margin-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333;
  	display: block;
}


div.title {
	margin-top: 0px;
	margin-bottom: 16px;
	font-family: sans-serif;
	font-size: 14px;
	color: #5D7853;
	font-weight: 600;
	/*letter-spacing:-.4px;*/
}




ul {
	font-size: .8em;
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	line-height:1.45em;
	margin-top: -2px;
	margin-bottom: 20px;
}

ul.comms {
	font-size: .9em;
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	line-height:1.55em;
	margin-top: 4px;
	margin-bottom: 20px;
}


ul.nav {
	font-size: .8em;
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	line-height:1em;
	margin-top: 15px;
	margin-bottom: 28px;
}

ul.subnav {
	font-size: .9em;
	margin-left: 25px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	line-height:1.15em;
	margin-top: 5px;
	margin-bottom: 8px;
}


ul.ne {
	display: block;
	font-size: .75em;
	margin-left: 25px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	line-height:1.1em;
}

li.ne {
	margin-bottom: 20px;
}




table#nejpg {
	width: 140px;
}



.tdnejpg  {
	border: dotted #608E60 1px;
	text-align: center;
	font-style: italic;	
	height: 40px;
	width: 60px;
	font-size: .6em;
}


.tdne {
	text-align: left;
	font-style: normal;	
	margin-top: 5px;
	margin-left: 7px;
	height: 40px;
	font-size: .8em;
	font-family: 'Roboto', sans-serif;
	color: #1F2F4F;
	margin-bottom: .9em;

}















input.button {
	margin-top: 12px;
	border: none;
}






.citytag {
	background-color: #efefef;
	padding:  1px 0px 2px 1px;
	width:  120px;
	color: #777;
	font-size: .8em;
}

.citytag_stripe {
	background-color: #efefef;
	margin-top: -9px;
	margin-left: 5px;
	padding:  1px 0px 2px 1px;
	width:  120px;
	color: #777;
	font-size: 1em;
}




div.infonote_wide { 	
	border:  1px solid;
	border-color:  #CADAFD; 
	margin:0; 
	padding: 0;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 23px;
	padding-top: 14px;
	padding-bottom: 16px;
	min-height:60px;
	width: 600px;
	background-color: #FFF;  /*EDF1FB*/


	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
} 

div.infonote { 	
	border:  1px solid;
	border-color:  #CADAFD; 
	margin:0; 
	padding: 0;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 43px;
	padding-top: 14px;
	padding-bottom: 16px;
	min-height:60px;
	width: 465px;
	background-color: #FFF;  /*EDF1FB*/


	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
} 

div.infonote_inner { 	
	padding-top: 9px;
	margin-left: 7px;
	padding-right: 35px;
	padding-left: 5px;
	padding-bottom: 5px;
	align: left;
	margin-left: 22px;
	color: #344F77;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: .95em;
	line-height: 1.1em;
} 


div.infonote_mobile { 	
	border:  1px solid;
	border-color:  #CADAFD; 
	margin:0; 
	padding: 0;
	margin-top: 15px;
	margin-left: -25px;
	margin-right: 0px;
	margin-bottom: 43px;
	padding-top: 14px;
	padding-bottom: 16px;
	padding-right: 9px;
	padding-left: 15px;
	min-height:60px;
	width: 350px;
	background-color: #FFF;  /*EDF1FB*/


	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
} 



div.height1 {
	height: 1px;
	font-size: 0;
}


div.height3 {
	height: 3px;
	font-size: 0;
}

div.height5 {
	height: 5px;
	font-size: 0;
}

div.height7 {
	height: 7px;
	font-size: 0;
}

div.height9 {
	height: 9px;
	font-size: 0;
}

div.height10 {
	height: 10px;
	font-size: 0;
}

div.height12 {
	height: 12px;
	font-size: 0;
}

div.height15 {
	height: 15px;
	font-size: 0;
}
div.height18 {
	height: 18px;
	font-size: 0;
}
div.height25 {
	height: 25px;
	font-size: 0;
}

.group100displayresultspersons_mobile {
	font-size: 1.3em;
}


a:link {color: #323D7E; text-decoration:none;}
a:visited {color: #323D7E; text-decoration:none;}
a:active {color: #777; text-decoration:none;}
a:hover {color: #777; text-decoration:none;}


/* color: #CC3300; */
a.group100:link {color: #923312; text-decoration:none;}
a.group100:visited {color: #923312; text-decoration:none;}
a.group100:active {color: #DC724F; text-decoration:none;}
a.group100:hover {color: #DC724F; text-decoration:none;}

a.group100history:link {color: 923312; text-decoration:none; font-weight: normal;}
a.group100history:visited {color: 923312; text-decoration:none; font-weight: normal;}
a.group100history:active {color: #DC724F; text-decoration:none; font-weight: normal;}
a.group100history:hover {color: #DC724F; text-decoration:none; font-weight: normal;}

a.group100displayresultspersons:link {color: 923312; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons:visited {color: 923312; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons:active {color: #DC724F; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons:hover {color: #DC724F; text-decoration:none; font-weight: normal;}

a.group100displayresultspersons_mobile:link {color: 923312; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons_mobile:visited {color: 923312; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons_mobile:active {color: #DC724F; text-decoration:none; font-weight: normal;}
a.group100displayresultspersons_mobile:hover {color: #DC724F; text-decoration:none; font-weight: normal;}


a.group200:link {color: #330066; text-decoration:none;}
a.group200:visited {color: #330066; text-decoration:none;}
a.group200:active {color: #624085; text-decoration:none;}
a.group200:hover {color: #624085; text-decoration:none;}

a.group300:link {color: #624085; text-decoration:none;}
a.group300:visited {color: #624085; text-decoration:none;}
a.group300:active {color: #876AA4; text-decoration:none;}
a.group300:hover {color: #876AA4; text-decoration:none;}

a.group400:link {color: #006600; text-decoration:none;}
a.group400:visited {color: #006600; text-decoration:none;}
a.group400:active {color: #519351; text-decoration:none;}
a.group400:hover {color: #519351; text-decoration:none;}

a.group400history:link {color: #006600; text-decoration:none; font-weight: normal;}
a.group400history:visited {color: #006600; text-decoration:none; font-weight: normal;}
a.group400history:active {color: #619961; text-decoration:none; font-weight: normal;}
a.group400history:hover {color: #619961; text-decoration:none; font-weight: normal;}

a.group999:link {color: #5087BE; text-decoration:none; font-weight: normal;}
a.group999:visited {color: #5087BE; text-decoration:none; font-weight: normal;}
a.group999:active {color: #222; text-decoration:none; font-weight: normal;}
a.group999:hover {color: #222; text-decoration:none; font-weight: normal;}




a.picks:link {color: #376A8A; text-decoration:none;}
a.picks:visited {color: #376A8A; text-decoration:none;}
a.picks:active {color: #DC724F; text-decoration:none;}
a.picks:hover {color: #DC724F; text-decoration:none;}


.toggleselected {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #330066;
	font-weight: bold;
}



a.action:link {color: #323D7E; text-decoration:none; font-weight: 700;}
a.action:visited {color: #323D7E; text-decoration:none; font-weight: 700;}
a.action:active {color: #6270C3; text-decoration:none; font-weight: 700;}
a.action:hover {color: #6270C3; text-decoration:none; font-weight: 700;}




a.weblink:link {color: #999; text-decoration:none; font-weight: normal;}
a.weblink:visited {color: #999; text-decoration:none; font-weight: normal;}
a.weblink:active {color: #bbb; text-decoration:none; font-weight: normal;}
a.weblink:hover {color: #bbb; text-decoration:none; font-weight: normal;}

a.parent:link {color: #fff; text-decoration:none; font-weight: normal;}
a.parent:visited {color: #fff; text-decoration:none; font-weight: normal;}
a.parent:active {color: #bbb; text-decoration:none; font-weight: normal;}
a.parent:hover {color: #bbb; text-decoration:none; font-weight: normal;}

a.sub1:link {color: #333; text-decoration:none;}
a.sub1:visited {color: #333; text-decoration:none;}
a.sub1:active {color: #bbb; text-decoration:none;}
a.sub1:hover {color: #bbb; text-decoration:none;}

a.sub2:link {color: #333; text-decoration:none; font-weight: normal;}
a.sub2:visited {color: #333; text-decoration:none; font-weight: normal;}
a.sub2:active {color: #bbb; text-decoration:none; font-weight: normal;}
a.sub2:hover {color: #bbb; text-decoration:none; font-weight: normal;}

a.eventitem:link {color: #336633; text-decoration:none;}
a.eventitem:visited {color: #336633; text-decoration:none;}
a.eventitem:active {color: #779B77; text-decoration:none;}
a.eventitem:hover {color: #779B77; text-decoration:none;}

a.newsitem:link {color: #999; text-decoration:none; font-weight: normal;}
a.newsitem:visited {color: #999; text-decoration:none; font-weight: normal;}
a.newsitem:active {color: #bbb; text-decoration:none; font-weight: normal;}
a.newsitem:hover {color: #bbb; text-decoration:none; font-weight: normal;}

A.footer:link {color: #506D50; text-decoration:none; font-size: 8pt;}
A.footer:visited {color: #506D50; text-decoration:none; font-size: 8pt;}
A.footer:active {color: #8CA38C; text-decoration:none; font-size: 8pt;}
A.footer:hover {color: #8CA38C; text-decoration:none; font-size: 8pt;}

A.footerwhite:link {color: #fff; text-decoration:none; font-size: 8pt;}
A.footerwhite:visited {color: #fff; text-decoration:none; font-size: 8pt;}
A.footerwhite:active {color: #ededed; text-decoration:none; font-size: 8pt;}
A.footerwhite:hover {color: #ededed; text-decoration:none; font-size: 8pt;}