/*  TemplateName=CustomStyle.tpt */


/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */


/*

Claretian Vocations Styles

*/

table, tr, th, td, p, blockquote, ol, ul, li, div, span, .Explict {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; /* gray */
}


body {
	font-family: Arial, Helvetica, sans-serif;  
	background: #a6b6c6; /* teal-seafoam */
	margin: 0px;
	padding: 0px;
	behavior:url("../htc/csshover.htc");
}

#logoDescender {
	width: 775px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#home, #CANCEL_DONATION_OPTIONS {
  display: none;
}

.bodyCenter {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
}

.borderBlack {
	width:773px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:#000000 solid 1px;
}

.footerBlock {
	width:775px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:none;
}

a {
font-weight: bold;
margin: 0;
padding: 0;
	}
a:link		{color: #344bae; /*violet / blue */ }
a:visited	{color: #7ca8e9; /* lighter violet / blue */ }
a:hover		{text-decoration: underline; color: #9d2317; /* rich red / burgundy */ }

a.nobold {
	font-weight: normal;
}

a.rightLink {
	color:#cca3d2;
}
a.rightLink:hover {
	color:#f1d2f6;
}
a.rightLink:visited {
	color:#ccbfce;
}

a.white {
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}
a.white:hover {
	color:#ece2da;
}
a.white:visited {
	color:#fff2e9;
}

#zero {
	width:1%;
}
.lineh { 
 	line-height:17px;
}
.rightSide {
	color:#ffffff;
	padding: 4px 4px 4px 10px;
	margin:0;
}
.homePadToRi {

	padding:0 0 0 4px;
	margin:0;

}
.homeWhite {
	color:#ffffff;
	margin:0;
}
.homePadLow {
	padding:16px 16px 16px 16px;
}
.bld {
	font-weight:bold;
	color:#fff;
}
.darkbld {
	font-weight:bold;
	color:#0000;
	font-size:inherit;
}
.bgImg_TopLow {
	background:  url("../Images/voc/homepage/lifewithmeaning_bottom.jpg") top left no-repeat;
}
.bgImg_TopLow_es {
	background:  url("../Images/voc/homepage/lifewithmeaning_bottom-es.jpg") top left no-repeat;
}
.topLowContent {
	padding: 30px 14px 0 60px;
	margin:0;
	border:none;
}

.topLoginBg {
	background:  url("../Images/voc/pagewrapper/top/top_banner2.jpg") top left no-repeat;
}

.voc_hdr_login {
	font-size:10px;
	color:#fff;
	padding:0 0 0 10px;
	margin:0;
	text-align:center;
}

.voc_hdr_login a {
	color:#fff;
	/*font-weight:normal;*/
}

.voc_hdr_login a:hover {
	color:#ece2da;
	/*font-weight:normal;*/
}

/* padding on img's - div's - p's start */

.padTop2{
	padding:2px 0 0 0;
}

.imgTopPad{
	padding:12px 0 0 0;
}

.padTopBot2{
	padding:2px 0 2px 0;
}

.localeSwitch {
	text-align:center;
	padding: 10px 0;
	
}
.localeSwitch a {
	color:#fff;
	font-size:10px;
}
.localeSwitch a:hover {
	color:#ccc;
}

/* padding on img's - div's - p's end */
.whiteBack {
	background-color:#ffffff;
}
.brownBack {
	background-color:#887d75;
	text-align:left;
}
.tealBack {
	background-color:#33818b;
}
/* POP OUT styles start */

#menu	ul, li, a.mnu, a.pop {
		display:block;
		margin:0;
		padding:0;
		border:none;
		text-align:left;
	}

#menu ul {
		width:100%;
		border:none;
		list-style:none;
		z-index:500;
	}
li.folder, li.endfolder, li.navitem {
		position:relative;
	
	}

	
	#menu li.navitem ul {
			position:absolute;
			left:0; /* IE */
			top:26px;
			border: #333 solid 1px;
			border-top:none;
			width:140px;
			display:none;	
		}
	
	#menu li.folder ul {
			position:absolute;
			left:138px; /* IE */
			top:0;
			border: #333 solid 1px;
			border-top:none;
			width:140px;
			display:none;	
		}	
	#menu li.endfolder ul {
			position:absolute;
			left:-140px; /* IE */
			top:0;
			border: #333 solid 1px;
			border-top:none;
			width:140px;
			display:none;	
		}

	li.folder>ul { left:140px; } /* others */
	li.endfolder>ul { left:-142px; } /* others */
		
	#menu ul li {float: left; width: 100%;}/*make IE play nice*/
	#menu ul li a.mnu {height: 1%;}/*make IE play nice*/
		
	a.pop {
		font-family: arial, helvetica;
		font-size:11px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		padding:6px;
		margin:0;
		border:none;
		border-top: #333 solid 1px;
		background-color:#cfc293;
		width:100%; /* IE */
	}

		li>a.pop  { width:auto; } /* others */

	li a.submenu {
/* secondary popout menus can be styled with the submenu class */
	}

	/* regular hovers */

	a.pop:hover {
		background-color:#363230;
		color:#fff;
		text-decoration:underline;
	}

	
		li.folder a.pop:hover {
			background-color:#363230;
		}

	
	/* hovers with specificity */
	
#menu	li.navitem:hover, li.folder:hover { z-index:10; }		

	
	
						/*TEST CODETEST CODE*/
					#menu li:hover ul ul,
					#menu li li:hover ul ul,
					#menu li li li:hover ul ul,
					#menu li li li li:hover ul ul
					{display:none;}
					
					#menu li:hover ul,
					#menu li li:hover ul,
					#menu li li li:hover ul,
					#menu li li li li:hover ul
					{display:block;}
						
						/*TEST CODETEST CODE*/
	
			
/* POP OUT styles end */


.appArea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	width:560px;
	padding:10px;
	margin:0;
}

.contentArea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	width:560px;
	padding:10px;
	margin:0px;
}

.contPadOuterRi {

	padding:0 0 0 9px;
	margin:0;

}

.contRight {
	
	padding:15px 20px 20px 30px;
	text-align:left;
	margin:0;
}

.contRight p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

.leftContSidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:900;
	line-height:23px;
	color:#ffffff;
	text-align:left;
	background-color:#6989a6;
	padding:8px;
	border:none;
	border-bottom:#fff solid 1px;
}
.leftContBackColor{	
	background-color:#d4e1f8;
	
}
.leftColCont{
	display:block;	
	width:162px;
	text-align:left;
	
}


.leftContSidebarGen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:900;
	line-height:18px;
	color:#ffffff;
	text-align:center;
	background-color:#6989a6;
	padding:10px;
	border:none;
	border-bottom:#fff solid 1px;
}


.leftColContGen{
	display:block;
	font-size:11px;
	line-height:16px;
	
	padding:15px 6px 6px 6px;
	text-align:left;
	
}

p.leftColCont {
	width:140px;
	padding:0 0 0 18px;
	line-height:16px;
}

.leftColContGen p {
	
	font-size:11px;
	line-height:16px;
}

/* when the user needs a little immediate help */
.Hint, .byline { /* .byline is for News stories */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	/*padding: 9px 0 0 0;*/
	font-style: italic;
}


.articleSidebar {
	width:200px;
	padding:0;
	float:right;
	margin-top:10px;
	margin-left:10px;
}
.relatedBox {
	background: #efefef; /* lite purple */
	border: 1px solid #541d52; /* purple */
	padding: 7px;
	margin:0 0 8px 0;
}
/* APT MINDS STYLES END  */




.blockquote {
	clear: both;
	padding: 10px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #A7A9AC; /* Netscape grey */
}


.captionedImage {
	background: #E9E9EA; /* Netscape Gray [25%] */
	border: 1px solid #525252; /* Dark Grey */
	padding: 5px;
	margin: 15px 2px 10px 10px;
	text-align: left;
	float: right;
}

.captionedImage .imageBorder {
	margin-bottom: 5px;
}


.eventtitle, .locationtitle, .minicaltitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.eventtitle, .headline, .objTitle, .pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant:normal;
	letter-spacing:normal;
	font-size: 20px;
	line-height:22px;
	padding:0 0 6px 0;
	color: #9C1F2E; 
}

.imageBorder {
	border: 1px solid #525252; /* Dark Grey */
}

.imageLeft {
	border: 1px solid #525252; /* Dark Grey */
	float:left;
	margin:0 10px 10px 0;
}


.Smaller, .Smaller a {
	font-size: 10px;
}

.Smaller a {
	font-weight: normal;
}





.smWhite, .smWhite a, .smWhite a:link, .smWhite a:hover, .smWhite a:visited  {
	color: #FFFFFF;
	font-size: 9px;
}

.smBlack, .smBlack a, .smBlack a:link, .smBlack a:hover, .smBlack a:visited  {
	color: #000000;
	font-size: 10px;
}

.subhead, .subheadTop, .subheading, div.smallMargin p.centered strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height:17px;
	color: #12636B; 
	padding-top: 5px;
	margin-bottom: 5px;
}

.subheadTop, div.smallMargin p.centered strong {
	padding: 0px;
}

.relatedBox .subhead {
	padding-top: 0px;
	margin: 0px;
}

.SectionHead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #999; /* Purple */
	margin-bottom: -14px;
	padding-top: 2px;
}

form p.SectionHead {
	margin-bottom: 0px;
	margin-top: 0px;
}

.white, .white a, .white a:link, .white a:hover, .white a:visited {
	color: #FFFFFF;
	font-size: 10px;
}


/* attempts to get cons and other generic pages to not break the pretty pagewrapper: */
p.dividerHeading {
	background-color: #003463; /* pool bottom blue deepend */
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0 0 0;
	width: 100%;
}

.Divider {
	background-color: #2F80F5; /* pool bottom blue deepend */
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
	border-top: 1px solid #B4DAE6; /* light blue */
	border-bottom: 1px solid #246BB2; /* pool bottom blue [+30% K] */;
}

.Divider p {
	padding: 3px 1px;
	color: #FFFFFF;
	font-size: 14px;
}

.Divider a, .Divider a:visited {
	color: #FFFFFF;
	font-size: 12px;
}

.Divider a:hover {
	color: #E8E8E8; /* very light gray */
}

.Explicit {
	font-size: 12px;
	font-weight: bold;
}

.NetscapeFix .Explicit label {
	font-size: 11px;
	font-weight: normal;
}



.FormBox, .FormBox .Divider, .FormBoxNoWidth .Divider, .FormBox .dividerHeading, .FormBoxNoWidth .dividerHeading {
	background-color: #D3D4D5; /* Netscape grey [50%] */
}

div.FormBox, div.FormBoxNoWidth {
	background-color: #D3D4D5; /* Netscape grey [50%] */
	border: 1px solid #333333; /* dark grey */
}

table.FormBox {
	border: 1px solid #333333; /* dark grey */
	border-collapse: collapse;
}

th.TableHeadings, td.TableHeadings, td.TableHeadingsR {
	background-color: #2F80F5; /* pool bottom blue deepend */
	border-bottom: 1px solid #333333; /* dark grey */
}

p.PaddedListHeadings, p.PaddedListHeadingsC, p.PaddedListHeadingsR, p.PaddedListHeadingsSmall {
	color: #FFFFFF;
}





fieldset table {
	font-size: 11px;
	/* removed for sf 89664
	width: 300px;
	 */
}

fieldset#cons_birth_date_date table {
 width: 200px;
}

fieldset table p {
	font-size: 11px;
}

fieldset fieldset table p, 
fieldset table p label, 
fieldset, 
fieldset label, 
fieldset p label {
	font-size: 11px;
}


form p.dividerHeading {
	padding: 2px 5px;
	width: 98%;
}




/* Read-only/view values */
.ROValue, .ROValue p, .ROValue .Explicit {
	background-color: #D3D4D5; /* Netscape grey [50%] */
	padding: 1px 3px;
	font-size: 11px;
}


.photocaption {
	display: block;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 10px;
}


/*
	During the making of a donation
	Donation_UD_Progress_Bar.tpt
*/
table.ProgressBack {
	background-color: #fff;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	border-style: hidden;
}

table.ProgressBack table.Backed {
	border-spacing: 2px;
}

td.currentItem, th.currentItem {
	border: 1px solid #697F28; /* 記YE! green [+30%] */
	background-color: #96B63A; /* 記YE! green */
	color: #FFFFFF;
	margin: 1px;
}

td.finishedItem {
	border: 1px solid #96B63A; /* 記YE! green */
	background-color: #CADA9C; /* 記YE! green [50%] */
	color: #000000;
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.nextItem {
	border: 1px solid #CADA9C; /* 記YE! green [50%] */
	background-color: #E5EDCE; /* 記YE! green [25%] */
	color: #333333; /* dark grey */
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.finishedItem p.progressItem, td.nextItem p.progressItem {
	font-size: 11px;
	padding-top: 1px;
}

th.currentItem p.progressItem, td.currentItem p.progressItem {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}




/* eCards Area: */
div.AddressBook {
	border: 1px solid #979A9E; /* Heather Grey */
	background: #F9E083; /* Light Yellow (top) */
}


/* TellAFriend form */
form#InputForm input#subject, form#InputForm textarea {
	width: 350px;
}

form#InputForm input#name, form#InputForm input#youremail, form#InputForm textarea#sendtoemail {
	width: 220px;
}