/* The top section of this style sheet are those colors that would typically need to be modified */
/* in order to custom brand an e-kit/e-document.  Other values may be modified below, but these  */
/* are isolated to the top of the file in order to make customization easier.                    */

/* ---------------------------   Begin common colors   ----------------------------------------- */

/* overrides the dojo css so that the menu will scroll */
/* overrides the dojo css so that the menu will scroll */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;

	/*overides start here*/

	height: 75%;
	/*width: 60%;*/		/*this breaks IE but fixes Safari - use max-width*/
	max-width: 60%;  /*IE Hack - IE ignores*/
	overflow-x: hidden;
	overflow-y: auto;
}


/* Document/kit title color */
.title { 
	color: #000000; text-transform: 
	uppercase; font-family: Arial, Tahoma, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px 
}
td.titlebar { background-color:#E5181F; }


/* Table of contents menu */
.menu { background:#ffffff; }                    /* Should match nav-headings background color */
.menu { border: 1px solid #000000; }

a.menu_item { color:#000000; }
a.menu_item { font-weight: normal; padding-right: 0.25em; text-decoration: none; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px }
a.menu_item:link,
a.menu_item:visited { text-decoration:none; white-space:nowrap; }
a.menu_item:hover { text-decoration:underline; white-space:nowrap; }





/* Footer background, typically the same as banner */
.footer { background-color:#E5181F; }

/* Footer text color */
a.footlink:link,
a.footlink:visited,
a.footlink:hover {  color:#444444; }

/* Call to action/contact module header */
td.contact_module,
th.contact_module { color:#ffffff; background:#ffffff; }

/* ---------------------------    End common colors    ----------------------------------------- */



/* -------------   JC Penny Base CSS rules   ----------------------------- */
body {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
	
	color: #696969;
	margin: 0px;
	padding: 0px;
	background:#E5181F url(/shared/images/gradient.jpg) no-repeat fixed 100% 100%;
	padding-top:19px;
}

a, a:link {
	color:#0099CC;
	text-decoration:none;
}
a:visited {
	color: #0099CC;
	text-decoration:none;
}
a:hover, a:active {
	color:#0099CC;
	text-decoration:none;
}

table#positions td {
   padding:0;
}
.header, h2 {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 20px;
	font-weight: bolder;
}
h3 {
	color:#E5181F;
	font-size:17px;
	margin-bottom:-10px;
	padding-bottom:10px;
}

p, table {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
}

img {
	border: none 0 Transparent;
	margin:0px; 
	padding:0px; 
	text-decoration:none; 
}

h4 {
	color:#E5181F;
	font-size:13px;
	font-weight:normal;
	line-height:1;
	margin:0px;
	padding-bottom:2px;
	padding-top:10px;
}
h5 {
	color:#E5181F;
	font-size:15px;
	font-weight:normal;
	line-height:1;
	margin:0;
	padding-bottom:10px;
	padding-top:6px;
}
h6 {
	color:#E5181F;
	font-size:13px;
	font-weight:normal;
	line-height:1;
	margin:0;
	padding-bottom:10px;
	padding-top:6px;
}
hr {
	border:none;
	background:none;
	height:0px;
	border-bottom:1px dotted #ccc;
	width:100%;
	margin-top:1em;
	margin-bottom:2em;
}


#useful_links {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 13px;
	font-weight: bolder;
	text-decoration: underline;
}

.jcNav,
.jcNav:link,
.jcNav:visited,
.jcNav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: bolder;
}
.jcNav:hover {
	color:#FFF1A5;
}

/* Banner bar */
a.eebanner-link:link,
a.eebanner-link:visited,
a.eebanner-link:hover { 
	color:#FFFFFF; 
	font-family:Arial, Tahoma, Sans-Serif; 
	font-size:12px; 
	font-weight: bolder;
	text-decoration:none;
}
a.eebanner-link:hover { 
	/*text-decoration:underline;*/
	color:#FFF1A5;
}

.breadcrumb,
.breadcrumb-divider { 
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:9px; 
	color:#FFFFFF; 
	text-transform: 
	uppercase; 
}

.breadcrumb-divider:link,
.breadcrumb-divider:visited,
.breadcrumb:link,
.breadcrumb:visited { text-decoration:none; color:#FFFFFF; }
.breadcrumb:hover { text-decoration:underline; color:#FFFFFF; }

/* Navigation bar */
td.nav-headings  {
	background: #E5181F;  /* Navigation bar (typically light gray) */
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}

/* Cover text */
td.cover-headings  { color: #E5181F }
td.cover-headings  { font-family: Arial, Tahoma, Sans-Serif; font-weight: bold; font-size: 11px; height: 40px; vertical-align: top; }

/* Right column */
td.rc-headings { background:#ffffff; }
td.rc-headings  { color: #E5181F }
td.rc-headings  { font-family: Arial, Tahoma, Sans-Serif; font-weight: bold; font-size: 11px }

.dijitButtonText {
	color: #E5181F
}

/* Right column spots */
tr.rc_title_row { background-color:#ffffff; }
td.rc_title { color:#E5181F; }
td.rc_title { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; }

/* Utility page title */
.page-title { color:#E5181F; }
.page-title { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; font-weight: bold; }
.page-title { text-transform: uppercase; }

a.mobularFlashLabel:link,
a.mobularFlashLabel:visited  { 
	font-family:Arial, Tahoma, Sans-Serif; 
	font-size:11px; 
	font-weight:bold; 
	text-decoration:none;}
a.mobularFlashLabel:hover { text-decoration:underline; }




a.mainlink:link,
a.mainlink:visited { text-decoration:none; white-space:nowrap; }
a.mainlink:hover { text-decoration:underline; white-space:nowrap; }
a.mainlink:link,
a.mainlink:visited,
a.mainlink:hover { 
	font-family:Arial, Tahoma, Sans-Serif; 
	font-weight:bold; 
	font-size:11px; 
}

#active_page_count {
	color: black;
}

/* -------------   END JC Penny Base CSS rules   ----------------------------- */


/* ---------------------------    Begin baseline styles    ------------------------------------- */
form { margin:0px; padding:0px; }
th { text-align:left; }


ul,ol { margin-top:2px; margin-bottom:2px; padding-top:2px; padding-bottom:2px; }

input { border-style:none; vertical-align:middle; font-size:8pt; }

.nowrap{ white-space:nowrap; }

#master-body-table p#subtitle { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; margin:0; padding:2px 0px 0px 0px; }
#master-body-table p#subtitle em{ font-style:normal; }
#master-body-table p#subtitle { color:#666; }
#master-body-table p { padding-bottom:8px; padding-top:5px; margin-top:0px; margin-bottom:0px; }

.cover-content { padding-top: 8px; padding-bottom:5px; padding-left:0px; padding-right: 0px; margin-left:10px; margin-right:10px; }
.cover-content2 { padding-top: 8px; padding-bottom:5px; padding-left:0px; padding-right: 0px; margin-left:0px; margin-right:0px; }
.cover-item { padding-top: 8px; padding-bottom:5px; padding-left:0px; padding-right: 0px; margin-left:0px; margin-right:0px; }
.cover-item2 { padding-top: 0px; padding-bottom:0px; padding-left:8px; padding-right: 8px; margin-left:0px; margin-right:0px; }
.cover-item3 { padding-top: 0px; padding-bottom:10px; padding-left:0px; padding-right: 0px; margin-left:0px; margin-right:0px; }

#active_document { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#toc_link { border: 1px solid #000000; padding: 3px; width: 190px; background-color: #ffffff; }



/* ---------------------------    End baseline styles    --------------------------------------- */



/* ---------------------------    Begin link styles    ----------------------------------------- */

a.footlink:link,
a.footlink:visited { text-decoration:none; white-space:nowrap; }
a.footlink:hover { text-decoration:underline; white-space:nowrap; }
a.footlink:link,
a.footlink:visited,
a.footlink:hover { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; }

a.small-plain-link:link,
a.small-plain-link:visited { text-decoration:none; color:#444444; }
a.small-plain-link:hover { text-decoration:underline; color:#444444; }
a.small-plain-link:link,
a.small-plain-link:visited,
a.small-plain-link:hover { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; }

a.small2-plain-link:link,
a.small2-plain-link:visited { text-decoration:none; color:#444444; }
a.small2-plain-link:hover { text-decoration:underline; color:#444444; }
a.small2-plain-link:link,
a.small2-plain-link:visited,
a.small2-plain-link:hover { font-family:Arial, Tahoma, Sans-Serif; font-size:9px; }

a.small-gray-link:link,
a.small-gray-link:visited { text-decoration:none; color:#999; }
a.small-gray-link:hover { text-decoration:underline; color:#999; }
a.small-gray-link:link,
a.small-gray-link:visited,
a.small-gray-link:hover { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; }

a.cover-link { color:#444444; font-weight: normal; padding-top: 20px; }
a.cover-link:link,
a.cover-link:visited { text-decoration:none; white-space:nowrap; }
a.cover-link:hover { text-decoration:underline; white-space:nowrap; }
a.cover-link:link,
a.cover-link:visited,
a.cover-link:hover { font-family:Arial, Tahoma, Sans-Serif; font-size:12px; }

/* ---------------------------    End link styles    ------------------------------------------- */



/* ---------------------------    Begin table structure styles    ------------------------------ */

/* General */
td.general-background { background-color:#cccccc; }
td.light-background { background-color:#eeeeee; }
td.dark-background { background-color:#444444; }
td.black-background { background-color:#000000; }

td.dark-border { border:1px solid #444444; }
td.general-border { border:1px solid #cccccc; }
td.light-border { border:1px solid #eeeeee; }
td.medium-border { border:1px solid #999999; }

/* Message box title */
tr.widget-box-title-row { background-color:#d2d2d2; }
td.widget-box-title { color:#444444; }
td.widget-box-title { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; }
td.widget-box-title { padding: 5px; border-bottom:1px solid #000000; }
td.widget-box-title { vertical-align: top; }

/* Message box body */
td.widget-box-body { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; color:#444444; }
td.widget-box-body { padding: 10px }
td.widget-box-body { background-color:#ffffff; }

table.global_rc_table_border { border:1px solid #ccc; border-top:0px; border-bottom:0px; }
table.global_rc_table_border p{ padding:5px 5px 5px 5px; }
table.global_rc_table_border table{ margin-left:5px; margin-right:5px; }

td.contact_module,
th.contact_module { border:1px solid #ccc; border-bottom:0px; }
td.contact_module,
th.contact_module { padding-left:5px; padding-top:3px; padding-bottom:3px; }
td.contact_module,
th.contact_module { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; }

tr.shaded-row { background-color: #ffffff; }
tr.non-shaded-row { background-color: #EFEFEF; }

tr.no-padding td img{ padding-right:0px; }
td.no-padding table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
td.no-padding table td p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

td.top-padding1 { padding:3px 0px 0px 0px; margin:0px 0px 0px 0px; }
td.top-padding2 { padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; }

/* ---------------------------    End table structure styles    -------------------------------- */



/* ---------------------------    Begin misc styles    ----------------------------------------- */

.input { 
	width:130px;
	background:#ffffff; 
	border:1px solid #444444; 
	font-family:Arial, Tahoma, Sans-Serif; 
	font-size:11px; 
	color: #E5181F;
 }

.s2f_input { background:#f5f5f5; }
.s2f_input { border:1px solid #444444; }
.s2f_input { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; }

.small,
.small-black,
.small-gray,
.small-gray-link { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; font-weight: normal; }

.small2,
.small2-gray,
.small2-gray-link { font-family:Arial, Tahoma, Sans-Serif; font-size:9px; font-weight: normal; }

.small3,
.small3-gray,
.small3-gray-link { font-family:Arial, Tahoma, Sans-Serif; font-size:9px; font-weight: normal; }

.misc1 { font-family:Arial, Tahoma, Sans-Serif; font-size:13px; font-weight:bold; }

.small-gray  { color:#999; }
.small-black  { color: #000000; }

.banner { white-space:nowrap; }

.gray-box { background-color:#999; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:7.5pt; color:#fff; }
.gray-box-2 { background-color:#999; font-family:arial,verdana,helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#fff; }

.ipt { padding-top:4px; }

.search-button { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:11px; }
.search-button { background:none; border:none; }
.search-button {  color:#444444; }

.access {
	position:absolute;
	left:-3000px;
	width:500px;
}

/* ---------------------------    End misc styles    ------------------------------------------- */




/* ---------------------------    Begin RSS widget styles    ----------------------------------- */

/* Item > Link */
a.rc_link:link,
a.rc_link:visited,
a.rc_link:hover { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; }

a.rc_link:link,
a.rc_link:visited { text-decoration:none; color:#444444; }
a.rc_link:hover { text-decoration:underline; color:#444444; }

/* Item > Description */
.rc_desc { font-family:Arial, Tahoma, Sans-Serif; font-size:11px; color:#444444; }

td.rc_side { background-color:#cccccc; }
td.rc_image { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
td.rc_title { padding: 5px; border-top:1px solid #cccccc; }

.rc_img { padding-left: 0px; padding-right: 0px }
td.rc_body { padding-left: 5px; padding-right: 5px }
td.rc_body2 { padding-left: 5px; padding-right: 5px; padding-top: 5px }
.rc_tiny { font-family:Arial, Tahoma, Sans-Serif; font-weight:bold; font-size:6px; }

/* ---------------------------    End RSS widget styles    ------------------------------------- */



/* ---------------------------    Begin shadow widget styles    ------------------------------- */

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow1a {
		background: #E6E5E6;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow2a {
		background: #C9C8C9;
	}
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}

	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 0px;
	}

/* ---------------------------    End shadow widget styles    --------------------------------- */