﻿/******************************************************
	General Styles :: Styles													
******************************************************/
body
{
	background-color:#CCCCCC;
	color:#60686f;
	font-family:Arial, Helvetica, Myriad Pro, Tahoma, sans-serif;
	font-size:.82em;
	margin:0;
	padding:0;
}

a,
a:visited
{
	color:#512c11;
}

a:hover
{
	color:#c2324d;
}

h1
{
	color:#C2324D;
	font-size:2em;
	margin-bottom:5px;
	padding-bottom:0;
}

h2
{
	color:#4FBDC1;
	font-size:1.6em;
	font-weight:normal;
	margin:0;
	padding:7px 0 5px 0;
}

h3
{
	font-size:1.1em;
	margin:0;
	padding:7px 0 5px 0;
}

p.large
{
	font-size:1.5em;
}

img
{
	border:0;
}

label
{
	font-size:.97em;
}

table
{
	border:0;
	margin:0;
	padding:0;
}

/******************************************************
	General :: Styles													
******************************************************/

#homeHeader
{
	height:75px;
	text-align:left;
	position:relative;
}

#secondaryHeader
{
	text-align:left;
}


.backToTheMomsaic
{
	padding-left:135px;
	padding-bottom:15px;
	padding-top:5px;
}

.bottomDropShadow
{
	background:transparent url(../images/sidebar-btm.jpg) 0 0 repeat-x;
	height:11px;
}

.bottomLeftDropShadow
{
	background:transparent url(../images/sidebar-leftCorner.jpg) 0 0 no-repeat;
	height:11px;
	width:11px;
}

.bottomRightDropShadow
{
	background:transparent url(../images/sidebar-rightCorner.jpg) 0 0 no-repeat;
	height:11px;
	width:11px;
}

.bubbleTextAreaCounter
{
	padding-right:50px;
	text-align:right;
}

.bubbleLeft
{
	background:#FFFFFF url(../images/formBubble_Left.gif) 0 0 repeat-y;
	width:18px;
}

.bubbleRight
{
	background:#FFFFFF url(../images/formBubble_Right.gif) 0 0 repeat-y;
	width:18px;
}

.bubble
{
	background-color:#FDFCFA;
	background-repeat:no-repeat;
	font-size:.92em;
	padding:0 50px 0 50px;
	text-align:left;
	width:555px;
}

/* .bubble label
{
	float:left;
	width:165px;
} */

.bubble1
{
	background-image:url(../images/step1.gif);
}

.bubble2
{
	background-image:url(../images/step2.gif);
}

.bubble3
{
	background-image:url(../images/step3.gif);
}

.bubble4
{
	background-image:url(../images/step4.gif);
}

h2.bubbleHeader
{
	border-bottom:dotted 1px #ccc;
	color:Gray;
	font-size:1.92em;
	margin-bottom:10px;
	padding-bottom:5px;
	font-family:"Gotham Medium" , Arial, Helvetica, Myriad Pro, Tahoma, sans-serif;
}

.container
{
	background-color:#FFFFFF;
	padding:0 30px 15px 30px;
	position:relative;
	text-align:left;
}

.dotted
{
	border:0;
	border-top:dotted 1px gray;
}

.footer 
{
	margin:0;
	padding:0;
	text-align:center;	
}

.footer img,
.footer a
{
	display:inline;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.formPage
{
	padding:0 120px;
}

.formPageInnerContent
{
	width:700px;
}

.inline
{
	display:inline;
}

.justified
{
	text-align:justify;
}

.leftDropShadow
{
	background:transparent url(../images/sidebar-left.jpg) 0 0 repeat-y;
	width:11px;
}

.requiredField
{
	font-size:.84em;
	font-style:italic;
	margin:0 0 5px 0;
	padding:0 140px 0 0;
	text-align:right;
}

.rightDropShadow
{
	background:transparent url(../images/sidebar-right.jpg) 0 0 repeat-y;
	width:11px;
}

.small
{
	font-size:.85em;
}

.stroke
{
	background-color:#FFFFFF;
	border:solid 1px #000000;
}

.tallBR
{
	margin-bottom:15px;
}

.water
{
	color:gray;
}

.socialMediaVertical
{
	color:#512C11;
	font-size:.762em;
	line-height:25px;
	padding:10px 0 0 25px;
}

.socialMediaVertical a,
.socialMediaVertical a:visited
{
	color:#512C11;
	text-decoration:none;
}

.socialMediaVertical a:hover
{
	color:#C2324D;
}

.socialMediaVertical img
{
	margin-bottom:-4px;
	padding:5px 8px 0 0;
}

/******************************************************
	HomePage :Flash Player ::Styles													
******************************************************/
#flashHolder
{
	margin-bottom:20px;
}

/******************************************************
	HomePage :: Styles													
******************************************************/
.bottomCallouts
{
	display:block;
	height:200px;
	width:100%;
}

.homeCallout1Image
{
	float:left;
}

.homeCallout1Text
{
	float:left;
	margin:0 20px 0 9px;
	width:296px;
}

.homeCalloutDivider
{
	border-left:dotted 1px gray;
	float:left;
	height:185px;
	vertical-align:middle;
}

.homeCallout2
{
	float:left;
	margin:0 20px 0 20px;
	width:260px;
}

#homeCallout2Goal
{
	background:transparent url(../Images/letterCount.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	height:42px;
	padding:2px 0 0 15px;
	color:White;
	font-size:30px;
	font-weight:bold;
	letter-spacing:12px;
}

.homeSocialMedia
{
	float:left;
	margin:10px 0 0 20px;
}

/******************************************************
	Confirmation Page ::Styles													
******************************************************/
#confirmationContainer
{
	clear:both;
	overflow:hidden;	
}

#confirmationLeftColumn
{
	float:left;
	margin:0 20px 0 0;
	text-align:right;
	width:340px;
}

#confirmationRightColumn
{
	float:left;
	margin:0;
	overflow:hidden;
	width:580px;
}

.contentSection
{
	padding-left:40px;
}

#confirmationRightColumn .btnViewYourTile
{
	margin:0 0 0 10px;
	position:relative;
	top:9px;
}

#confirmationRightColumn .leftContent
{
	float:left;
	margin:0 20px 0 0;
	width:400px;
}

#confirmationRightColumn #viewYourCard
{
	float:right;
	width:120px;	
}

#confirmationRightColumn h2
{
	color:#C2324D;
	font-weight:bold;
}

.dottedDivider
{
	border-top:dotted 1px #676767;
	clear:both;
	font-size:1px;
	height:1px;
	line-height:0;
	margin:15px 0;	
}


/******************************************************
	Share This Container ::Styles													
******************************************************/
#shareThisContainer
{
	margin:20px 0 35px 0;
	width:282px;
}

#shareThisContainer .topCapper
{
	background:transparent url(../Images/socialMedia/shareThisContainerTopCapper.png) 0 0 no-repeat;
	height:10px;
	width:282px;
}

#shareThisContainer .bodyContainer
{
	background:transparent url(../Images/socialMedia/shareThisContainerBody.png) 0 0 repeat-y;
	font-weight:bold;
	padding:10px 20px;
	text-transform:uppercase;
	width:282px;
}

#shareThisContainer .socialMediaIcon
{
	padding:0 2px;
	position:relative;
	top:2px;
}

#shareThisContainer .btmCapper
{
	background:transparent url(../Images/socialMedia/shareThisContainerBtmCapper.png) 0 0 no-repeat;
	height:10px;
	width:282px;
}

/******************************************************
	Small ::PopUp ::Styles													
******************************************************/
#smallPopUpContainer
{
	width:466px;
	z-index:1000;
}

#smallPopUpContainer #smallPopUpContainerTopCapper
{
	background:transparent url(../Images/lightbox/bkgdSmallPopUpContainerTopCapper.png) 0 0 no-repeat;
	height:13px;
	width:466px;
}

#smallPopUpContainer #smallPopUpContainerBody
{
	background:#FDFCFA;
	border-left:solid 1px #DBDBDB;
	border-right:solid 1px #DBDBDB;
	overflow:hidden;
	padding:22px 50px;
	font-size:14px;
}

.closeBtn
{
	background:transparent url(../Images/lightbox/btnClosePopUp.gif) 0 0 no-repeat;
	clear:both;
	float:right;
	height:8px;
	width:50px;
}

.closeBtn a
{
	height:8px;
	width:50px;
}

#smallPopUpContainer #smallPopUpContainerBtmCapper
{
	background:transparent url(../Images/lightbox/bkgdSmallPopUpContainerBtmCapper.png) 0 0 no-repeat;
	height:14px;
	width:466px;
}

/******************************************************
	Select Our Images ::PopUp ::Styles													
******************************************************/
#overlayLayer
{
	background-color:#000000;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	z-index:500;
	width:100%;
}

.closeBtn a
{
	display:block;
	outline:none;
	text-indent:-10000px;
}

.lightBoxContainer #leftColumn
{
	color:#676767;
	float:left;
	margin:20px 20px 20px 0;
}

.lightBoxContainer h2
{
	color:#676767;
	font-size:26px;
	font-weight:bold;
}

.lightBoxContainer #rightColumn
{
	float:right;
	margin:20px 0;
}

#selectOurImagesPopUpContainer
{
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:820px;
	z-index:1000;
}

#selectOurImagesPopUpContainer #selectOurImagesPopUpContainerTopCapper
{
	background:transparent url(../Images/lightbox/selectOursPopUpContainerTopCapper.png) 0 0 no-repeat;
	height:12px;
	width:820px;
}

#selectOurImagesPopUpContainer #selectOurImagesPopUpContainerBody
{
	background:#FDFCFA;
	border-left:solid 1px #DBDBDB;
	border-right:solid 1px #DBDBDB;
	overflow:hidden;
	padding:0 15px;
	width:788px;
}

#selectOurImagesPopUpContainer #leftColumn
{
	width:568px;
}

#selectOurImagesPopUpContainer #rightColumn
{
	width:200px;
}

#selectOurImagesPopUpContainer .closeBtn
{
	background:transparent url(../Images/lightbox/btnClosePopUp.gif) 0 0 no-repeat;
	clear:both;
	float:right;
	height:8px;
	width:50px;
}

#selectOurImagesPopUpContainer .closeBtn a
{
	height:8px;
	width:50px;
}

/*#cardCarouselContainer
{
	float:right;
	height:325px;
	margin:15px 0;
	padding:10px;
	position:relative;
	width:153px;
}

#cardCarouselContainer .jcarousel-prev
{
	background:transparent url(../Images/lightbox/btnContainerArrowUp.gif) 0 0 no-repeat;
	cursor:pointer;
	display:block;
	height:19px;
	position:absolute;
	top:0;
	width:153px;
}

#cardCarouselContainer .jcarousel-next
{
	background:transparent url(../Images/lightbox/btnContainerArrowDown.gif) 0 0 no-repeat;
	cursor:pointer;
	display:block;
	height:19px;
	left:0;
	position:absolute;
	top:316px;
	width:153px;
}

.jcarousel-clip
{
	height:330px;
}

#cardCarousel
{
	list-style:none;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
	top:20px;
	width:122px;
	z-index:0;
}

#cardCarousel li
{
	border:solid 1px #FDFCFA;
	margin:8px 0;
	padding:2px;
	width:116px;
}

#cardCarousel li:hover
{
	border:solid 1px #B3B2B1;
	cursor:pointer;
}*/

#selectOurImagesPopUpContainer #selectOurImagesPopUpContainerBtmCapper
{
	background:transparent url(../Images/lightbox/selectOursPopUpContainerBtmCapper.png) 0 0 no-repeat;
	height:13px;
	width:820px;
}

#btnContainer
{
	width:200px;
	text-align:right;
}

#btnContainer .cancelBtn
{
	position:relative;
	top:-9px;
}

#btnContainer .saveBtn
{
	margin:0 0 0 10px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup p {
    padding: 5px;
}


/***************************************************************************************
	Form :: Styles
***************************************************************************************/
	.formContainer
	{
		width:690px;
	}

	.formTop
	{
		background:transparent url(../Images/formTop.jpg) 0 0 no-repeat;
		height:19px;		
	}
	
	.formBody
	{
		background:transparent url(../Images/formSliver.jpg) 0 0 repeat-y;
		padding:15px 30px 15px 67px;
		text-align:left;
	}
	
	.formBtm
	{
		background:transparent url(../Images/formBtm.jpg) 0 0 no-repeat;
		height:25px;
		margin-bottom:20px;		
	}
	
	.formBody h2
	{
		padding-left:50px;
		margin-left:-45px;
		color:#808080;
		font-size:26px;
		margin-bottom:5px;
		font-weight:bold;
	}
	
	h2.step1
	{
		background:url(../Images/step1.gif) no-repeat 0 5px;
	}
	h2.step2
	{
		background:url(../Images/step2.gif) no-repeat 0 5px;
	}
	h2.step3
	{
		background:url(../Images/step3.gif) no-repeat 0 5px;
	}
	h2.step4
	{
		background:url(../Images/step4.gif) no-repeat 0 5px;
	}
	
	.formBody h2 span
	{
		border-bottom:1px dotted #CCCCCC;
		display:block;
	}
	
	.formBody td
	{
		vertical-align:top;
		padding:5px;
	}

/***************************************************************************************
	ViewCard :: Styles
***************************************************************************************/
	.viewCardTop
	{
		background:transparent url(../Images/viewCardTop.jpg) 0 0 no-repeat;
		height:15px;		
	}
	
	.viewCardBody
	{
		background:transparent url(../Images/viewCardSliver.jpg) 0 0 repeat-y;
		padding:15px 30px;
		text-align:left;
	}
	
	.viewCardBtm
	{
		background:transparent url(../Images/viewCardBtm.jpg) 0 0 no-repeat;
		height:18px;
		margin-bottom:20px;		
	}
	
/***************************************************************************************
	General popup :: Styles
***************************************************************************************/	
	
	
	.generalPopup
	{
		width:820px;
		text-align:center;
		margin:0 auto;
	}
	
	
	.popupTopContainerSmall
	{
		background:transparent url(../Images/lightbox/bkgdSmallPopUpContainerTopCapper.png) 0 0 no-repeat;
		height:13px;
	}

	.popupBodyContainerSmall
	{
		background:#FDFCFA;
		border-left:solid 1px #DBDBDB;
		border-right:solid 1px #DBDBDB;
		overflow:hidden;
		padding:0 15px;
	}

	.popupBtmContainerSmall
	{
		background:transparent url(../Images/lightbox/bkgdSmallPopUpContainerBtmCapper.png) 0 0 no-repeat;
		height:14px;
	}
	
	.innerShellTop
	{
		background:transparent url(../Images/lightbox/innerShellTop.jpg) 0 0 no-repeat;
		height:38px;		
	}
	
	.innerShellBody
	{
		background:transparent url(../Images/lightbox/innerShellSliver.jpg) 0 0 repeat-y;
		padding:15px 60px;
	}
	
	.innerShellBtm
	{
		background:transparent url(../Images/lightbox/innerShellBtm.jpg) 0 0 no-repeat;
		height:31px;		
	}
	
	
	
	.popupTopContainerLarge
	{
		background:transparent url(../Images/lightbox/popupTopContainerLarge.png) 0 0 no-repeat;
		height:20px;		
	}
	
	.popupBodyContainerLarge
	{
		background:white;
		padding:1px 25px;
		text-align:left;
	}
	
	.popupBtmContainerLarge
	{
		background:transparent url(../Images/lightbox/popupBtmContainerLarge.png) 0 0 no-repeat;
		height:25px;		
	}
	
	.popupBodyContainerLarge h2, .momImageBody h2
	{
		text-align:left;
		padding-left:32px;
		color:#666666;
		font-size:24px;
		font-weight:bold;
	}
	
	#userNameAndLocation
	{
		text-align:right;
	}
/***************************************************************************************
	JCarousal :: Styles
***************************************************************************************/	
	
	
#slideshow-main, #slideshow-main1 {
	width:550px; 
	
	margin-right:3px;
}

#slideshow-main ul, #slideshow-main1 ul {
	margin:0; 
	padding:0; 
}

#slideshow-main li, #slideshow-main1 li {
	height:375px; 
	width:550px;
	/* position:relative; */
	display:none;
}

#slideshow-main li.active, #slideshow-main1 li.active  
{
	display:block !important;
}

/* #slideshow-main li span.opacity {
	position:absolute;
	bottom:0; left:0;
	display:block; 
	width:100%;
	height:60px;
	background:#000;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;
	z-index:500;
}

#slideshow-main li span.content {
	position:absolute;
	bottom:0; left:0;
	display:block; 
	width:100%;
	height:60px;
	z-index:1000;
}

#slideshow-main li span.content h1 {
	font-size:14px;
	margin:5px 0;
	padding:0 10px;
	color:#42e2e8;
}

#slideshow-main li span.content p {
	font-size:11px;
	margin:5px 0;
	padding:0 10px;
	color:#42e2e8;
} */

#slideshow-carousel, #slideshow-carousel1 {
	float:left; 
	width:155px;
	position:relative;
}

#slideshow-carousel ul, #slideshow-carousel1 ul {
	margin:0; 
	padding:0;
	list-style:none;
}

#slideshow-carousel li, #slideshow-carousel1 li {
	background:#fff; 
	/*height:97px; */
	position:relative;
	padding-left:18px;
	padding-bottom:20px;
	text-align:center;
}

#slideshow-carousel li .arrow, #slideshow-carousel1 li .arrow {
	left:3px; 
	top:28px; 
	position:absolute; 
	width:20px; 
	height:40px; 
	background:url(images/arrow_white.png) no-repeat 0 0; 
	display:block;
}

#slideshow-carousel li am #slideshow-carousel1 li a {
	/*background:#000; */
	/*display:block; */
	/*width:155px;
	height:95px; */
}


#slideshow-carousel .active, #slideshow-carousel1 .active {
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	-khtml-opacity: 1.0; 
	opacity: 1.0;
}

#slideshow-carousel .faded, #slideshow-carousel1 .faded {
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}


/***************************************************************************************
	SelectCard :: Styles
***************************************************************************************/	


	.selectCard
	{
		width:590px;
		float:left;
	}
	
	.selectCardTop
	{
		background:transparent url(../Images/selectCardTop.jpg) 0 0 no-repeat;
		height:15px;		
	}
	
	.selectCardBody
	{
		background:transparent url(../Images/selectCardSliver.jpg) 0 0 repeat-y;
		padding:1px 1px 1px 18px;
	}
	
	.selectCardBtm
	{
		background:transparent url(../Images/selectCardBtm.jpg) 0 0 no-repeat;
		height:18px;		
	}
	
/***************************************************************************************
	MomImage :: Styles
***************************************************************************************/	


	.momImage
	{
		width:563px;
		float:left;
	}
	
	.momImageTop
	{
		background:transparent url(../Images/momImageTop.png) 0 0 no-repeat;
		height:24px;		
	}
	
	.momImageBody
	{
		background:transparent url(../Images/momImageSliver.png) 0 0 repeat-y;
		padding:1px 1px 1px 18px;
	}
	
	.momImageBtm
	{
		background:transparent url(../Images/momImageBtm.png) 0 0 no-repeat;
		height:15px;		
	}
	
	/***************************************************************************************
	Permissions :: Styles
***************************************************************************************/	

table.permissions td 
{ 
	vertical-align: top; 
	text-align:left;
	padding-left: 4px;
	padding-top: 6px;
	width:220px;
}

table.permissions td input
{
	float:left;
}

table.permissions td label
{ 
	padding-left:5px;
	padding-top:2px;
	float: left;
	width:170px;	
}



