body { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px; line-height:19px; position: relative; }
input { outline: none; }
.timeline_overlay.no_gallery { width:440px; }
.timeline_overlay.no_gallery .left_column { display:none; }

.page_container { position:relative; border:13px solid #e9f0f6; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:19px; }

.headline { background:#e9f0f6; padding:8px 45px 18px 45px; }
.headline h2 { padding: 9px 0 13px; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#306e93; }
.headline p {  margin:0; padding:0; }

.body_copy { padding:22px 45px 22px 45px; }
.body_copy h4 { font-size:16px; color: #306e93; font-family: Georgia,"Times New Roman",Times,serif; }
.body_copy p { padding-bottom:19px; }

a.close,
a.close:link,
a.close:active,
a.close:visited { display:block; text-indent:-9999px; width:17px; height:19px; background:url(../images/fancy-box-close.png) 0 0 no-repeat; position:absolute; top:6px; right:3px; }

ul.social_links { margin-top:14px; width:775px; padding-right:60px; }
ul.social_links li { float:left; padding:0 30px 15px 0; }

ul.social_links a { background:url(../images/icons/social-buttons.png) 0 0 no-repeat; text-indent:-9999px; display:block; width:343px; height:84px; }
ul.social_links a.facebook 	{ background-position:0 0; }
ul.social_links a.twitter 	{ background-position:-374px 0; }
ul.social_links a.google 		{ background-position:0 -99px; }
ul.social_links a.linkedin 	{ background-position:-374px -99px; }
ul.social_links a.email 	{ background-position:0 -198px; }

/* Timeline overlay */
.timeline_overlay a.close,
.timeline_overlay a.close:link,
.timeline_overlay a.close:active,
.timeline_overlay a.close:visited { display:block; text-indent:-9999px; width:13px; height:13px; background:url(../images/close.png) 0 0 no-repeat; position:absolute; top:8px; right:9px; }


.timeline_overlay { 

	position: relative;

	background: #f6f7f9; 

	height: 500px; 
	
	overflow: hidden;

	max-width: 880px;

}

.timeline_overlay .left_column { 
	background: #000; 
	text-align: center; 
	position: relative; 
	/*width: 600px;*/
	width: 55%;
	height: 500px; 
	overflow: hidden; 
	float: left; 
}

.timeline_overlay .right_column { 
	/*width: 440px;*/
	width: 45%;
	float: left;
}

.timeline_overlay.no_gallery .right_column { width: 100%; }

.timeline_overlay.is_article .right_column { height: 100%; }

.timeline_overlay .left_column ul { width:129px; display:block; position:absolute; top:0; left:0; }

.timeline_overlay .left_column ul li { text-align:left; margin-top:2px; }
.timeline_overlay .left_column ul li a { padding:0 9px 0 40px; text-decoration:none; font:11px Arial, Helvetica, sans-serif; color:#306e93; display:block; line-height:25px; }
.timeline_overlay .left_column ul li a:hover { color:#e9f0f6; }

.timeline_overlay .left_column ul li a { background:url(../images/icons/photo-options-icons.png) #e9f0f6 0 0 no-repeat; }
.timeline_overlay .left_column ul li a:hover { background:url(../images/icons/photo-options-icons-hover.png) #306e93 0 0 no-repeat; }

.timeline_overlay .left_column ul li a.tag 	{ background-position:0 0; }
.timeline_overlay .left_column ul li a.like 	{ background-position:0 -27px; }
.timeline_overlay .left_column ul li a.share { background-position:0 -54px; }
.timeline_overlay .left_column ul li a.follow { background-position:0 -81px; }
.timeline_overlay .left_column ul li a.timeline { background-position:0 -134px; }

.timeline_overlay .left_column ul li a.tag:hover { background-position:0 0; }
.timeline_overlay .left_column ul li a.like:hover { background-position:0 -27px; }
.timeline_overlay .left_column ul li a.share:hover { background-position:0 -54px; }
.timeline_overlay .left_column ul li a.follow:hover { background-position:0 -81px; }
.timeline_overlay .left_column ul li a.timeline:hover { background-position:0 -134px; }

.media_details { background:#dfe6ec; color:#666; padding:29px 23px 19px 20px; }

.timeline_overlay.is_article .media_details { height: 100%; box-sizing: border-box; }

#details { height:160px; }

.timeline_overlay.is_article #details { height: auto; }

.timeline_overlay .right_column p { 
max-height:140px;
padding-right:10px;
overflow:auto;
}

.timeline_overlay.is_article .right_column p { height: auto; max-height: 380px; }

.media_details .users_info { margin-bottom:18px; }
.media_details img { margin:0 14px 0 0; float:left; border:1px solid #fff; }
.media_details h3 { color:#306e93; font-size:18px; font-weight:bold; padding-top:5px; padding-bottom:1px; }
.media_details h4 { font-size:15px; font-weight:bold; color:#306e93; }
.media_details .date { font-size:12px; color:#666; }

.user_comments { padding:19px 8px 14px 18px;}

.field_input { background:url(../images/overlay-input-background.gif) #fff 0 0 no-repeat; border:none; margin:0px; display:block; padding:9px 14px 9px 14px; text-indent:0px; box-sizing: border-box; width:100%; border-bottom:1px solid #d6dde0; border-right:1px solid #d6dde0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.field_input { padding:7px 14px 7px 14px; }
}
.field_input input[type=text] { display:block; border:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; vertical-align: middle; }

textarea { margin:8px 0; display:block; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px; resize:none; border:1px solid #d6dde0; padding:10px 14px; width:368px; height:66px; background:url(../images/form-textarea-background.gif) 0 0 no-repeat; }

/* User comments */

.user_comments ul li { padding:13px 0 9px 0; border-bottom:1px solid #c5c7c7; position:relative; }

.user_comments img { margin-top:3px; margin-right:10px; float:left; border:1px solid #e1d6e0;}
.user_comments .comment {float:left; width:340px; }
.user_comments .comment .username { color:#306e93; font-weight:bold; margin-right:5px; }

.comments_list li .comment_copy .user_comment { color:#306e93; font-size:14px; font-weight:bold; }
.comments_list li .comment_copy { font-size:12px; color:#666666;}
.comments_list li .comment_copy .comment_made { color:#306e93; font-size:9px; display:block; line-height:12px; }

.comments_list li a.delete,
.comments_list li a.delete:link { background:url(../images/timeline/close.png) 0 0 no-repeat; width:7px; height:8px; text-indent:-9999px; text-decoration:none; position:absolute; top:8px; right:8px; color:#306e93; font-size:14px; }

.custom_scrollbar { 
max-height:149px;
overflow:auto; 
}

.sharing_links {
	position:relative;
	z-index:10;
}

.slideshow {
	position:relative;	
	z-index:0;
	display:block;
	width:100%;
	height:100%;
}
.slideshow_controls {
	display:none;
}
.slideshow:hover .slideshow_controls {
	display:block;
}
.slideshow_ctrl {
	position:absolute;		
	cursor: pointer;
	background: url(../images/fancybox/fancybox_overlay.png);
	width:50px;
	height:100%;
	display:block;
}
.slideshow_next {
	right:0px;				
}
.slideshow_prev {
	left:0px;		
}
.slideshow .icon {
	width:30px;
	height:30px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-15px;
}
.slideshow_next .icon {		
	background: url(../images/timeline/slideshow-next.png);
}
.slideshow_prev .icon {		
	background: url(../images/timeline/slideshow-prev.png);
}


/* Cloud Sponge */
.cloudsponge-wrapper,
.compose-email-wrapper {
	padding: 22px 45px;
	display: none;
}

.cloudsponge-wrapper em,
.compose-email-wrapper em {
	font-style: italic;
}

.cloudsponge-wrapper div,
.compose-email-wrapper div {
	padding: 0.75em 0;
}

.cloudsponge-wrapper h3,
.compose-email-wrapper h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 0.5em;
	margin: 0;
	color: #306e93;
}

.cloudsponge-wrapper textarea,
.compose-email-wrapper textarea {
	width: 500px;
}

.cloudsponge-wrapper a.button:link, 
.cloudsponge-wrapper a.button:visited, 
.cloudsponge-wrapper a.button:active,
.compose-email-wrapper a.button:link, 
.compose-email-wrapper a.button:visited, 
.compose-email-wrapper a.button:active,
.compose-email-wrapper input[type=button] {

	display: block;

	background: #306e93;

	color: #fff;

	font-style: italic;
	font-size: 16px;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 10px 20px;
	min-width: 94px;

	float: left;

	text-align: center;

	margin: 0 10px 0 0;

	text-decoration: none;

	border: none;

	cursor: pointer;

	-webkit-transition: padding 0.3s ease-out;
	   -moz-transition: padding 0.3s ease-out;
	     -o-transition: padding 0.3s ease-out;
	        transition: padding 0.3s ease-out;

}

.cloudsponge-wrapper a.button:hover,
.compose-email-wrapper a.button:hover,
.compose-email-wrapper input[type=button]:hover {
	background: #4fa3bf;
}

.processing-animation {
	background: #306e93 url("../images/form-processing.gif") no-repeat right center !important;
	padding-right: 44px !important;
}

.cloudsponge-wrapper a.facebook,
.cloudsponge-wrapper a.linkedin,
.cloudsponge-wrapper a.yahoo,
.cloudsponge-wrapper a.gmail,
.cloudsponge-wrapper a.windowslive,
.cloudsponge-wrapper a.aol,
.cloudsponge-wrapper a.plaxo,
.cloudsponge-wrapper a.addressbook,
.cloudsponge-wrapper a.outlook {

	display: block;

	width: 32px;
	height: 32px;

	overflow: hidden;

	text-indent: -9999em;

	background-repeat: no-repeat;
	background-position: center center;

	float: left;

	margin-right: 8px;

}

.cloudsponge-wrapper a.facebook {
	background-image: url("../images/cloudsponge/facebook.png");
}

.cloudsponge-wrapper a.linkedin {
	background-image: url("../images/cloudsponge/linkedin.png");
}

.cloudsponge-wrapper a.yahoo {
	background-image: url("../images/cloudsponge/yahoo.png");
}

.cloudsponge-wrapper a.gmail {
	background-image: url("../images/cloudsponge/google.png");
}

.cloudsponge-wrapper a.windowslive {
	background-image: url("../images/cloudsponge/outlook.png");
}

.cloudsponge-wrapper a.aol {
	background-image: url("../images/cloudsponge/aol.png");
}

.cloudsponge-wrapper a.plaxo {
	background-image: url("../images/cloudsponge/plaxo.png");
}

.cloudsponge-wrapper a.addressbook {
	background-image: url("../images/cloudsponge/apple.png");
}

.cloudsponge-wrapper a.outlook {
	background-image: url("../images/cloudsponge/microsoft.png");
}

.compose-email-wrapper label {
	display: inline-block;
	min-width: 100px;
}

.compose-email-wrapper textarea {
	height: 128px;
}

.compose-email-wrapper p {
	padding-bottom: 0.75em;
	clear: both;
}

.compose-email-wrapper input[type=text] {
	padding: 7px 14px;
	width: 253px;
	border: 1px solid #d6dde0;
	color: #666666;
}

#small-alert {

	position: absolute;

	top: 0px;
	left: 0px;

	width: 100%;
	height: 100%;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);

	-khtml-opacity: 0;
	  -moz-opacity: 0;
	       opacity: 0;

}

#small-alert .sa-overlay {

	position: fixed;

	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	background-color: #000000;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	    filter: alpha(opacity=50);

	-khtml-opacity: 0.5;
	  -moz-opacity: 0.5;
	       opacity: 0.5;

}

#small-alert .sa-container {

	position: absolute;

	top: 50%;
	left: 50%;

	min-width: 160px;
	min-height: 120px;

	max-width: 640px;
	max-height: 480px;

	background-color: #f9f9f9;
	color: #444;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}

#small-alert .sa-content {

	position: relative;

}

#small-alert .sa-wrapper {
	padding: 18px 10px;
}

#small-alert .sa-close {
	text-indent: -9999px;
	background: url(../images/close-white.png) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: 14px;
	right: 10px;
	z-index: 100;
}

#small-alert h3 {
	position: relative;
	z-index: 10;
	padding: 11px 18px 9px 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 20px;
	display: block;
	background: #306e93;
}

#small-alert p {
	padding-bottom: 0.75em;
}

#small-alert .sa-button:link,
#small-alert .sa-button:active,
#small-alert .sa-button:visited {

	background: #306e93;

	padding: 8px 13px;

	color: #fff;

	font-size: 11px;

	text-decoration: none;

}

#small-alert .sa-button:hover {

	background: #4fa3bf;

}

form.lifestory input[type=text] {

	background-color: #fff;
	border: 1px solid #d6dde0;
	color: #666666;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	padding: 7px 14px;
	box-sizing: border-box;
}

form.lifestory label.heavy {
	color: #306e93;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-bottom: 8px;
	display: block;
}

form.lifestory .question {
	padding-bottom: 20px;
}

form.lifestory .question .group {
	position: relative;
}

form.lifestory .question .group .remove-group {
	position: absolute;
	top: 20px;
	right: 0px;
}

form.lifestory .question > .group {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid #ecf0f2;
	border-bottom: 1px solid #ecf0f2;
}

form.lifestory .question > .group ~ .group {
	margin: 0;
	border-top: none;
}

form.lifestory .group .group {

	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;

}

form.lifestory .group label.heavy {
	font-style: italic;
	display: inline-block;
	width: 20%;
	vertical-align: middle;
	padding: 0;
}

form.lifestory .group .input {
	display: inline-block;
	padding-left: 2%;
	vertical-align: middle;
}

form.lifestory .radio label {
	text-align: center;
	position: relative;
	background: #bbb;
	margin-right: 12px;
	width: 132px;
	color: #fff;
	font-style: italic;
	font-size: 16px;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: inline-block;
	zoom: 1;
	height: 38px;
	line-height: 38px;
}

form.lifestory .radio label.active {
	background: #4fa3bf;
}

form.lifestory .radio input[type="radio"] {
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	border: 0;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

form.lifestory .select span.customSelect {
	font-size: 12px;
	background: url(../images/form-input-background.gif) 0 0 no-repeat;
	color: #666;
	padding: 0 2px 0 14px;
	border: 1px solid #d6dde0;
	height: 36px;
	line-height: 36px;
}

form.lifestory .select .customSelectInner {
	background: url(../images/select-arrow.gif) top right no-repeat;
	height: 36px;
	overflow: hidden;
	padding-right: 30px;
	width: 120px!important;
}

form.lifestory .duplicate {
	padding-bottom: 20px;
}

form.lifestory a:link,
form.lifestory a:active,
form.lifestory a:visited {
	color: #306e93;
}

form.lifestory input[type=button], #finished button {
	background: #bbb;
	color: #fff;
	font-style: italic;
	font-size: 16px;
	border: 0;
	cursor: pointer;
	padding: 10px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}

form.lifestory input[type=button]:last-child, #finished button {
	background: #306e93;
	padding: 10px 24px;
}

form.lifestory input[type=button]:last-child:hover, #finished button:hover {
	background: #4fa3bf;
}

form.lifestory .group.wide .question label {
	width: auto;
	padding-right: 2%;
}

form.lifestory .group.wide .input {
	padding-left: 0;
}

form.lifestory .interests {
	padding: 0 0 20px;
	margin: 20px 0;
	border-bottom: 1px solid #ecf0f2;
}

form.lifestory .interests h2,
form.lifestory .tribute h2 {
	color: #306e93;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-bottom: 8px;
	display: block;
}

form.lifestory .interests p {
	font-style: italic;
}

form.lifestory .interests div {
	width: 33%;
	float: left;
	vertical-align: middle;
}

form.lifestory .interests label {
	width: 60%;
	display: inline-block;
	vertical-align: middle;
}

form.lifestory .interests input {
	display: inline-block;
	vertical-align: middle;
}

form.lifestory .tribute textarea {

	width: 100%;
	box-sizing: border-box;
	height: 128px;

}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}