@charset "utf-8";
/* CSS Document
CONTENTS --------------
*01: Reset
*02: Default Styles
*03: Global Classes
*04: Layout
*05: Utilities
*/

/*****01:Reset  - This makes our style sheet platform/browser compatible from the start.----------------------------------------------------------------------------------------*/

body {
	color:#000;
	background:#851c37 url('/elements/images/moment_v2/main_bg.png');
}
body {
	color:#000;
	background:#f5eac5 url('/elements/images/moment_v2/main_bg.png');
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
	border:0;
}
img {
	display:block;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
strong {
	font-weight: bold;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
	content:"'";
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}
form {
	margin:0;
	padding:0;
	display:inline;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
/** remove outline from safari **/
input[type=text]:focus, textarea, input[type=password]:focus {
	outline: 0 none;
}
/*****02:Default Styles -------------------------------------------------------------------------------*/

html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color: #666;
}
h1 {
}
h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.3em;
}
h2 {
}
h3 {
	}
h4 {
}
h5 {
}
ul, ol {
	margin: 0 0 0.7em -10px;
}
p, li {
	font-size:0.75em;
	margin: 0 0 1em 0;
}
a, a:link {
	color: #7e1832; text-decoration:none;
}
a:visited {
	color: #7e1832;
}
a:link:hover, a:link:focus, a:visited:hover {
	color: #ed9f45;
}
a:link:active {
	color: #7e1832;
}
.clear {
	clear:both;
}
#accessibilty {
	display:none;
}


/***** 03:Global Classes -------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/***** 04:Layout Classes -------------------------------------------------------------------------------*/
#mainContainer { width:990px; margin:0 auto; background:#fff;} /*main width*/
#flashContainer{ position:relative;	top:0px;width:100%;	height:900px;}

#headerContainer{width:100%; float:left; margin:0; padding:0;}
#headerContent{position:relative; height:220px; background:#FFF url('/elements/images/moment_v2/header_image.jpg') top right no-repeat; padding:0;}
#return a{display:block; position:absolute; top:0; left:22px; width:156px; height:33px; text-indent:-9999px; background:url('/elements/images/moment_v2/button_return.jpg') top left no-repeat; border:none;}
#logo h1 a{display:block; position:absolute; top:67px; left:25px; width:285px; height:53px; text-indent:-9999px; background:url('/elements/images/moment_v2/logo.gif') top left no-repeat; border:none;}

#headerContent h2{font:bold 2.1em Georgia, "Times New Roman", Times, serif; color:#851c37; padding:0; position:absolute; top:130px; left:20px; width:430px;}

#introVidContainer{width:100%; float:left; margin:0; padding:0;}
#introVidContent{ background-color:#FFF; }
#introVidContent .intro{width:520px; padding:0 0 0 25px; float:left;}
#introVidContent .intro p{line-height:18px;}
#introVidContent .intro p span{color:#ed9f45; font-weight:bold; }

#introVidContent .vid{ padding:0 25px 0 38px; float: left; width: 255px; margin-left:0px; margin-top:20px}
#introVidContent .vid #mainvid1{width:320px; height:210px;  float:left;  }
#introVidContent .vid #mainvid2{width:253px; height:200px;  float:left;  display:none}
#introVidContent .vid #mainvid3{width:253px; height:200px;  float:left; display:none}
#introVidContent .vid #mainvid4{width:253px; height:200px;  float:left; display:none}

#introVidContent .vid ul.thumbs{ padding:0; margin:0 0 0 20px; list-style:none; float:left;}
#introVidContent .vid ul.thumbs li{padding:0; margin:0 0 11px 0;}
#introVidContent .vid ul.thumbs li.last{padding:0; margin:0;}
#introVidContent .vid ul.thumbs li a{display:block; width:60px; height:34px; text-indent:-9999px; border:none;}
.thumb1{background:url('/elements/images/moment_v2/thumb_vid1.jpg') top left no-repeat;}
.thumb2{background:url('/elements/images/moment_v2/thumb_vid2.jpg') top left no-repeat;}
.thumb3{background:url('/elements/images/moment_v2/thumb_vid3.jpg') top left no-repeat;}
.thumb4{background:url('/elements/images/moment_v2/thumb_vid4.jpg') top left no-repeat;}



#momentsContainer{width:100%; float:left; padding:0; margin:0;}
#momentsContent{ background:#FFF url('/elements/images/moment_v2/bird.gif') 520px 30px no-repeat; padding:36px 0 0 0;  }

#momentsContent .slider{width:547px; padding:0 0 0 25px; float:left; background: url('/elements/images/moment_v2/flower.gif') 450px 144px no-repeat; position:relative; }
.counter{position:absolute; background:url('/elements/images/moment_v2/counter_bg.gif') top left no-repeat; width:155px; height:44px; top:-20px; left:60px; z-index:100;}
.counter img { margin-top:10px }
.showall{width:140px;  height:28px; padding:11px 0 0 0;font-weight:bold; float:left; background: url('/elements/images/moment_v2/button_arow_sml.gif')  100% 50% no-repeat; margin-left:60px;}

#momentsContent .quicklinks{width:365px; padding:0 25px 0 10px; float:left;   }

#momentsContent .quicklinks .box{display:block; float:left; padding:0 0 5px 0; background:url('/elements/images/moment_v2/dot.gif') bottom left repeat-x; margin-bottom:10px;}
#momentsContent .quicklinks .box_facebook{display:block; float:left; padding:20px 0 5px 0; ;}

/*#momentsContent .quicklinks h3 a{font: bold 1.7em Georgia, "Times New Roman", Times, serif;font-style:italic;  color:#7e1832; padding:0; margin:0 0 8px 0; }
*/
#momentsContent .quicklinks h3 a { margin: 0; padding: 0; padding-top: 80px; height: 0; width: 92px; display:block; overflow: hidden; position:relative; }
#momentsContent .quicklinks h3.create { margin: 8px 0 8px 0; text-indent: -9999px; line-height: 0; background: url('/elements/images/moment_v2/text_create.gif') no-repeat; width: 92px; height: 21px;  }
#momentsContent .quicklinks h3.share { margin: 8px 0 8px 0; text-indent: -9999px; line-height: 0; background: url('/elements/images/moment_v2/text_share.gif') no-repeat; width: 84px; height: 21px;  }
#momentsContent .quicklinks h3.donate { margin: 8px 0 8px 0; text-indent: -9999px; line-height: 0; background: url('/elements/images/moment_v2/text_donate.gif') no-repeat; width: 104px; height: 21px;  }

#momentsContent .quicklinks p{line-height:18px;}

#partnerContainer{width:100%; float:left; padding:0; margin:0;}
#partnerContent{ margin:0 auto; background-color:#FFFFFF; padding:15px 0 30px 0; }
#partnerContent .supporters {
	color:#7e1832; font-weight: bold; font-size: 0.9em; margin-left: 25px; padding: 10px;
	width: 520px;	border: 1px solid #cdc095; float: left;}
#partnerContent .quicklinks{width:355px; padding:0 25px 0 25px; float:left;   }
#partnerContent .quicklinks h3 { font-style:italic; }
#partnerContent .quicklinks .box{display:block; float:left; padding:0 0 5px 0; background:url('/elements/images/moment_v2/dot.gif') bottom left repeat-x; margin-bottom:10px; width: 100%;}

#partnerContent .quicklinks img { margin-right: 10px; }

#footerContainer{width:100%; float:left; padding:0; margin:0;}
#footerContent{ background-color:#FFFFFF; height:100px; padding:0 0 30px 0; }
#footerContent ul{margin:0; padding:60px 0 0 25px; list-style:none; }
#footerContent ul li{float:left; margin:0 30px 0 0;}
#footerContent ul li a{padding: 25px 0 0 0; margin:0;display:block;}
#footerContent ul li a.share{background: url('/elements/images/moment_v2/icon_mail.gif') 50% 0 no-repeat; }
#footerContent ul li a.hospice{background:url('/elements/images/moment_v2/icon_hospice.gif') 50% 0 no-repeat;}
#footerContent ul li.last a{color:#999;}
#footerContent #face a{display:block; width:89px; height:16px; background:url('/elements/images/moment_v2/face.gif') top left no-repeat; border:none; float:right; text-indent:-9999px; margin:20px 25px 0 0;}
/***** Gallery Slider Classes -------------------------------------------------------------------------------*/


.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;

}

.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;

}



/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
background-position: 0 50%;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}

/** share form**/
#shareform { float: left; width:547px; padding:0 0 0 25px;}
#shareform h2 { color: #851c37; padding: 10px 0; margin-bottom: 10px; }
#shareform fieldset { width: 520px; float: left;	margin-top: 30px; font-family: Verdana  }
#shareform fieldset legend { font-weight: bold; font-size: 1em; margin: 8px 0; text-align: left;padding: 0; color: #851c37;}
#shareform fieldset input, #shareform fieldset textarea {width: 20em;  margin: 5px 0 0 10px; padding: 3px 5px;color: #000; border: 1px solid #a6a6a6; width: 179px; height: 17px; background: url('../images/moment/inputbg.gif') no-repeat; }
#shareform fieldset label {	display: block;  float: left; font-weight: bold; font-size: .8em; color: #343434; line-height: 25px; width: 200px; padding: 0; margin: 5px 0 0; text-align: left; }
#shareform fieldset .submit { border: 1px solid #851c37; color: #851c37; font-weight: bold; padding: 2px; width: 10em; margin-top: 10px }
#shareform fieldset .add { border: 1px solid #eda046; color: #eda046; font-weight: bold; padding: 2px; width: 10em; }
#shareform .sendbtn { background: url('../images/moment/send-button.png') no-repeat; width: 127px; height: 40px; overflow: hidden; font-size: 0px; display:block; line-height: 0px; text-indent: -99999px; border: 0; cursor: pointer; float: left; margin-left: 280px}
.notice { width: 547px;}
.success { font-weight: bold;}
div.successshare { padding-right: 20px }
div.successshare p { color: #851C37 !important; font-size: .9em}
div.buttons { padding-top:30px; }
div.buttons a { float: left; padding-right:25px;}

#shareform .addbtn { background: url('../images/moment_v2/add-button.gif') no-repeat; width: 43px; height: 65px; overflow: hidden; font-size: 0px; display:block; line-height: 0px; text-indent: -99999px; border: 0; cursor: pointer;}

#frienddet {width:410px;float:left; margin-bottom:20px}
div.addbutton { float:left; margin-top:20px}
#div_recipient_list { float: left; width: 550px; margin-bottom:20px }
select#recipient_list { width: 20em;  margin: 5px 0 0 0px; padding: 3px 5px;color: #000; border: 1px solid #a6a6a6; width: 400px; height: 80px; background: #fff url('../images/moment_v2/selectbg.gif') no-repeat; }

/*#shareform_errors { display:none; }*/
#sharedetform .error { border: 1px solid red}