@charset "UTF-8";

/* MACYS RED IS #E11A2B */


.actions {
	display: block;
	margin: 10px 0 0;
	font-size: 12px;
}

.subactions {
	margin: 7px 0 0 0;
	font-size: 12px;
}


body {
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #333;
	}

.class_one_border {
	border-top: 10px solid #E11A2B;
}

.wrapper { width: 820px; margin: 0 auto; }

.header {
	width: 100%;
	float: left;
	height: 65px;
}

.content {
	width: 820px;
	float: left;

}

.content_two {
	width: 960px;
	float: left;

}

.content_one {
	min-height: 410px;
}

.content_landing_left {
	width: 590px;
	margin: 0 20px 0 0;
	float: left;
}

.content_landing_right {
	width: 210px;
	float: right;
}

.macy_logo { float: left; width: 415px; margin: 15px 0 0 0; }
.macy_logo_nopad { float: left; width: 415px; margin: 10px 0 0 0; }
.everyday_logo { float: right; width: 395px; }
.everyday_logo img { margin: 21px 0 0 108px; }
.everyday_logo_nopad { float: right; width: 395px; text-align: right; margin: 10px 0 0 0; }

.footer  {
	font-size: 11px;
	text-align: center;
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}

.login_panel {
	width: 180px;
	padding: 9px;
	border: 1px solid #ddd;
	background: url(/images/macys/gradient-white.gif) repeat-x 0% 100%;
}

label { margin:7px 0 0; display: block; font-weight: bold;}

input[type="text"], input[type="password"], textarea {
	border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
	background: white;
	color: black;
	font: 12px "segoe ui",arial,sans-serif;
	border-width: 1px;
	border-style: solid;
	padding: 2px 1px 3px;
	padding: 1px !important;
	margin: 1px 0 0 0;
}

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus {
	border-color: #000 !important;
}


.top_navigation {
	padding: 5px 10px 5px 0;
	line-height: 16px;
	font-size: 12px;
	background-color: #E11A2B;
	color: #ffffff;
}
	.spacer { padding: 0 7px; }
	.top_navigation a { color: #FFC8CD;	}
	.top_navigation a:hover { color: #ffffff; }
	
.top_navigation_backstage {
	background-color: #01aef0;
}

.top_nav { float: right; text-align: right; }
.top_nav_left { float: left; font-weight: bold; font-size: 14px;}

.top_callout {
	text-align: left;
	margin-left: 8px;
}

.top_callout a { color: #ffffff !important; }
.top_callout a:hover { color: #ffffff !important; text-decoration: none !important; }

.footer_nav {
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	margin: 10px 0 20px 0;
}

.black_box {
	background: #ccc;
	width: 100%;
	height: 600px;
}

.navigation {
	width: 100%;
	float: left;
	background: #c1c1c1; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	margin: 0 0 10px 0;
	-webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
    box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
    position: relative;
}

.main_nav { list-style: none; padding: 0; margin: 0;}

.main_nav li { display: inline-block; float: left; padding: 0; margin: 0; }

.main_nav li a { display: block; padding: 12px 15px; border-right: 1px solid #cecece; color: #555; font-size: 12px; text-decoration: none;
 }

.main_nav li a:hover {
background: -moz-linear-gradient(top,  #dddddd 0%, #cfcfcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 0%,#cfcfcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
 }

.subnav { display: none; }

.main_nav li.has_subnav { position: relative; }

.main_nav li.has_subnav:after { border:solid 4px;border-color:#e6e6e6 transparent transparent transparent;right:20px;top:17px; }

ul.subnav { list-style: none; padding: 0; margin: 0; position:absolute;top:39px;left:-1px;width:250px;z-index:40; }
ul.subnav li { width: 100%; float: left; display: block; }
ul.subnav li a { background: #efefef; border-bottom: 1px solid #ccc; padding: 8px 24 8px 8px; margin: 0; color: #555; display: block; height: auto; }
ul.subnav li a:hover { background: #fff; }

div.subnav {
	position:absolute;top:39px;left:-1px;width:400px;z-index:40;
	padding: 10px;
	background: #efefef;
	border: 1px solid #ccc;
}


.have_points {
	font-weight: bold;
	position: absolute;
	bottom: 12px;
	right: 23px;
	font-size: 13px;
}

.top_nav a { color: #fff !important; }
.top_nav a:hover { text-decoration: none !important; }

.totalListItemsCount-top { display:none; float:right; font-weight: bold; margin: 0 0 7px 0;}
.totalListItemsCount-bottom { float:right; font-weight: bold;}
.pagination-container {width:100%; margin: 0 0 4px 0; height: 18px;}
.export-to-excel {float:right;}
/* ICONS
************************************************************************
*/

@font-face {
  font-family: 'macy';
  src: url("/font/macy.eot");
  src: url("/font/macy.eot?#iefix") format('embedded-opentype'), url("/font/macy.woff") format('woff'), url("/font/macy.ttf") format('truetype'), url("/font/macy.svg#macy") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'macy';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  line-height: 1em;
}

.icon-plus:before { content: '\2b'; } /* '+' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-pause:before { content: '\2389'; } /* '⎉' */
.icon-play:before { content: '\25b6'; } /* '▶' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-flag-1:before { content: '\e803'; } /* '' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-edit:before { content: '\270d'; } /* '✍' */
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-circle:before { content: '\2716'; } /* '✖' */
.icon-up-bold:before { content: '\e4af'; } /* '' */
.icon-down-bold:before { content: '\e4b0'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-help-circle:before { content: '\e704'; } /* '' */
.icon-info-circle:before { content: '\e705'; } /* '' */
.icon-th-large:before { content: '\e708'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-print-1:before { content: '\e802'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-down-open-1:before { content: '\e800'; } /* '' */
.icon-up-open-1:before { content: '\e801'; } /* '' */
.icon-align-justify:before { content: '\e781'; } /* '' */
.icon-list:before { content: '\e782'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-gift:before { content: '🎁'; } /* '\1f381' */
.icon-thumbs-up:before { content: '👍'; } /* '\1f44d' */
.icon-thumbs-down:before { content: '👎'; } /* '\1f44e' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-users:before { content: '👥'; } /* '\1f465' */
.icon-book:before { content: '📕'; } /* '\1f4d5' */
.icon-book-open:before { content: '📖'; } /* '\1f4d6' */
.icon-with-link {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
}

.icon-large { font-size: 120%; line-height: 12px; }
.icon-doublelarge { font-size: 200%; line-height: 12px; }
.icon_link { margin-right:4px; width:16px; height:16px; }
.icon-big { font-size: 16px; line-height: 18px; margin-right: 4px; }
.im_selected { text-decoration: none !important; color: #333 !important;  }

/* Removes underline on icons in IE */
a.icon, i.icon, .likestorybutton {
	text-decoration: none !important;
	margin-right: 4px;
}

.alignbutton_icon {
	background: url(/images/icons/book.png) left center no-repeat;
	display: inline-block;
	width: 30px;
	height: 22px;
}

 .alignbutton {
    vertical-align: middle;
    margin-left: 5px;

}

/* TOOLTIPS
************************************************************************
*/
		.tooltip {
			border-bottom: 1px dotted #000000;
			color: #000000;
			outline: none;
			cursor: help;
			text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {

			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;

			border-radius: 5px 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
		}

		.tooltip:hover img {
			border: 0;
			margin: -10px 0 0 -55px;
			float:
			left;
			position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			display: block;
			padding: 0.2em 0 0.6em 0;
		}
		.info { background: #ffffff; border: 2px solid #dbdbdb;	}


/* E Card Thumbnails
************************************************************************
*/
.stepThroughButtons input, .stepThroughButtons a { float:right; width:80px; margin-left:7px; }
.stepThroughButtons a { text-align:center; width:60px; }

.eCard_thumbnail {
	width:30%;
	background-color:#E11A2B;
	margin:3px;
	float:right;
}
/* eCard Preview
************************************************************************
*/
.ecard_container {
	margin:0px auto;
	padding:50px;
	background:whitesmoke;
	width:600px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 7px double white;

	}
.super_awesome_ecard_movie_alt_image {display:block; visibility:visible; float:left}
#super_awesome_ecard_movie { display:block; visibility:visible;  position:absolute;}

#ecard-preview-container, #super_awesome_ecard_movie, .super-awesome-ecard-movie, .super_awesome_ecard_movie_alt_image, #super_awesome_ecard_movie object img, #super_awesome_ecard_movie object { height:360px; }

#ecard-preview-container, .eCardContent {
	border:1px #BABABA solid;
}

#ecard-preview-container, #super_awesome_ecard_movie, .super-awesome-ecard-movie, .super_awesome_ecard_movie_alt_image, #super_awesome_ecard_movie object img, #super_awesome_ecard_movie object {
	width:585px; margin:auto;
	}

.eCardContent {
	width:575px;
	background-color:white;
	padding: 5px 5px 30px 5px;
	text-align:left;
	margin: auto;
	margin-top: 10px;
}

.eCardContent img.stamp {
 	float:right;
 	margin:0 0 10px 15px;
}

.eCardContent .message {
	font-size: 12px;
	padding: 20px;
	overflow: hidden;
}

/* Common Layout Containers
*************************************************************************/

/* Story Icon Bar */
.expandedStoryWrapper {
	position:relative;
}

.storyActionIconsContainer {
	float:right;
	padding-right: 3px;
}

.storyActionIconsContainer a {
	float:right;
	text-decoration: none !important;
	padding: 0 0 0 8px;
}
.storyActionIconsContainer a i {
	margin:0;
	font-size: 16px;
	line-height: 18px;
}
.storyrotator a.whitelistedStory, .storyrotator a.whitelistedStory:hover, .storyrotator a.whitelistedStory:active { color:#444; }
a.whitelistedStory, a.whitelistedStory:hover, a.whitelistedStory:active { color:#ddd; }

.unreadStar { color:#C9282D; }

/* Inbox Tables*/

.read_unread_style_table thead tr th.column0 { width:6px;	}
.read_unread_style_table thead tr th.column1 { width:88px;	}
.read_unread_style_table thead tr th.column2 { width:350px;	}
.read_unread_style_table thead tr th.column3 { width:150px;	}
.read_unread_style_table thead tr th.column4 { width:70px;	}


.read_unread_style_table tbody .unread td.viewEcardPopup { color:#C9282D; }
.read_unread_style_table tbody tr td.viewEcardPopup:hover { color:red; }
.read_unread_style_table tbody tr { border-bottom:1px solid whitesmoke;}

/* Story list sortable table headers */
th.sort_arrows, th.nonsort {
    white-space: nowrap;
    padding:0px;
	height:41px;
}

th.sort_arrows a {
	text-decoration:none;
	color:#222;
	width:100%;
	min-height: 100%;
	height: 100%;
	display: table;
}
th.nonsort {
	display: table;
	float: right;
	margin-right: 8px;
}

th.sort_arrows:hover {
    background-color: #EEE;
}

th.sort_arrows a span, th.nonsort span {
    display: table-cell;
	vertical-align: middle;
	padding-left:8px;
}

th.sort_arrows a div {
	padding-right:8px;
    margin:0 5px 0 5px;
    display: table-cell;
	vertical-align: middle;
}
th.sort_arrows a div img { width: 13px; }
th.sort_arrows div a.sorter {
    display: block;
}

tr td a.ui-state-default { background-color: #fff;  }
tr.selectedWeek { border: 2px solid #5c5c5c;  }
tr.selectedWeek td { background-color: #ccc;  }
tr.selectedWeek td a { background-color: #ccc;  }

.clientManagedContent { font-family: "Avenir LT Std","Avenir LT", Sans-serif; }
.clientManagedContent H1 { font-family: Arial,sans-serif; }
.clientManagedContent H2 { color:#E11A2B }
.clientManagedContent p {}

.storycomment, .deletecomment { display:inline; }

/* Suggestion Box Page Styles */
#suggestion_form {
	padding: 10px 20px;
	background: #fff;
	margin-bottom: 0;
}
#suggestion_form h2 {
	color: #E11A2B;
	text-transform: uppercase;
}
#suggestion_form label {
	text-transform: uppercase;
	font-size: 13px;
}

#suggestion_form input[type="text"], #suggestion_form textarea {
	border: 3px solid #000;
	width: 100%;
	padding: 8px 0 8px 10px !important;
}

#suggestion_form input[type="text"] {
	font-size: 14px;
}

#suggestion_form textarea {
	font-size: 14px;
	line-height: 18px;
	height: 300px;
}
#suggestion_form input[type="submit"] {
	background: #E11A2B;
	color: #fff !important;
	float: right;
	border: none;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 18px;
	padding: 12px 80px;
	text-shadow: none;
	margin-top: 15px;
}

#suggestionModal {
	padding: 0;
	background: #fff;
	border-radius: 0;
}
#suggestionModal h1 {
	background: #E11A2B;
	color: #fff;
	padding: 15px 30px;
	height: 50px;
  	line-height: 50px;
  	vertical-align: top;
}
#suggestionModal .close-reveal-modal {
	font-size: 50px;
	line-height: 50px;
	color: #fff;
}

.yj-default-share-button {
	background-color: #e11a2b !important;
}