/*
    myzone.css
    Copyright 2010 AutoZone, Inc.
    Content is confidential to and proprietary information of
    AutoZone, Inc., its subsidiaries and affiliates.
 */

/*
  For media-type screen,projection

  author kbrowne
  version %PCMS_HEADER_SUBSTITUTION_START%$Id: %PM% %PR% %PRT% %PO% %PS% $%PCMS_HEADER_SUBSTITUTION_END%
*/

/* ================================================
 *  MyZone misc styles
 * ================================================
 */

/* defaults for section header - most use this style */
div#all-content-outer div.section-header,

/* ================================================
 *  Conflicting with Foundation CSS Stack
 * ================================================

div.section-header */

{
	background-color: #C9C9C9;
}

div#all-content-outer div.section-header h3,
div.section-header h3 {
	padding: 10px 0px 10px 20px;
	color:#333333;
}


/* section header for account info area */
div#all-content-outer div.account-info {
	padding: 10px 0px 10px 14px;
	/* border-bottom: 2px solid white; */
}

div#all-content-outer div.account-info div {
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
}

div#all-content-outer div.account-info div.current-shop {
	font-size: 12px;
	text-decoration:underline;
}

.ui-dialog .ui-dialog-content {
	padding:0.5em 0;
}

.no-close .ui-dialog-titlebar-close {
	display:none;
}

.ui-dialog-content.ui-widget-content .content-box {
	margin-top:0;
	background-color:#F8F8F8;
}

#add-user-dialog .content-box,
#edit-user-dialog .content-box,
#link-user-dialog .content-box {
	background-color:#FFFFFF;
}

.ui-dialog-content.ui-widget-content p {
	padding:12px;
}

span.msg-success {
	display:block;
	text-align:center;
	font-weight:bold;
	padding:5px;
	color:#FFFFFF;
	background-color:#666666;
	border:4px solid #999999;
	margin:5px 0;
}

.link-steps {
	width:450px;
	height:49px;
}

.link-steps.link {
	background:url(/images/other/link_user_link.jpg) no-repeat;
	margin-bottom: 1.875rem;
}

.link-steps.confirm {
	background:url(/images/other/link_user_confirm.jpg) no-repeat;
}


/* ================================================
 *  MyZone home page
 * ================================================
 */
div#all-content-outer.page-myzone {

}
div#all-content-outer.page-request-access p.small{
	font-size: 11px;
}
div#all-content-outer.page-myzone div.myzone-middle-content {
	border: 0px solid red;
	overflow: hidden;
}

div#all-content-outer.page-myzone div.myzone-middle-content div.content-section,
div#all-content-outer.page-myzone div.myzone-middle-content div#content-sidebar
{
	margin-top: 0px;
}

div#all-content-outer.page-myzone div.myzone-middle-content div.content-section div.content-box-head {
	background: transparent url(/images/corners/bg-myzone-gray-content-header.gif) no-repeat scroll 0 0;
}

div#all-content-outer.page-myzone div.myzone-middle-content div.content-section div.content-box-head h2 {
	min-width: 240px;
	width: 240px;
}

div#all-content-outer.page-myzone div.myzone-middle-content div.recently-saved-quotes {
	float: left;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability img {
	margin-left: 30px;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div {
	float: left;
	height: 69px;
	position: absolute;
	width: 147px;
	margin-left: 70px;
	margin-top: -37px;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.legend-green {
	background: url(/images/availability/panel_avail_legend_green.gif) no-repeat;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.legend-grey {
	background: url(/images/availability/panel_avail_legend_grey.gif) no-repeat;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.legend-orange {
	background: url(/images/availability/panel_avail_legend_orange.gif) no-repeat;
}

div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.legend-red {
	background: url(/images/availability/panel_avail_legend_red.gif) no-repeat;
}
div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.legend-orangewhite {
	background: url(/images/availability/panel_avail_legend_orangewhite.gif) no-repeat;
}


div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td.availability div.hide {
	display: none;
}


div#all-content-outer.page-myzone div.myzone-middle-content table.recent-saved-quotes-table tbody td span.smaller-date {
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
}

div#all-content-outer.page-myzone div.content-banner {
	margin: 10px 0px 10px 0px;
}
div#all-content-outer.page-myzone div#shopTalk-video-banner {
	margin-bottom: 10px;
}

div#all-content-outer.page-myzone div#myzone-order-history {
	border: 0px solid red;
	overflow: hidden;
}

div#all-content-outer.page-myzone div#myzone-order-history div.content-section {
	width: 730px;
	margin-top: 0px;
}

div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box-head {
	background: transparent url(/images/corners/bg-myzone-gray-content-header-wide.gif) no-repeat scroll 0 0;
	width: 100%;
	overflow: hidden;
}

div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box-head h2 {
	min-width: 165px;
	width: 165px;
}



div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box table.order-history-table th.note-to-store {
	width: 250px;
}

div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box table.order-history-table th {
	white-space:nowrap;
}
div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box table.order-history-table.hasNotetoStore th.vehicles {
	width:180px;
}
div#all-content-outer.page-myzone div#myzone-order-history div.content-section div.content-box table.order-history-table td ul{
	margin:0px;
}

div#all-content-outer.page-myzone div.content-section div.content-box table.recent-saved-quotes-table th {
	white-space:nowrap;
}

div#all-content-outer.page-myzone div.header-link {
	float: left;
	margin: 13px 0px 0px 0px;
}

div#all-content-outer.page-myzone div.header-link a {
	color: white;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: transparent url(/images/arrows/arrow_white_right.png) no-repeat scroll 0 50%;
	padding-left: 6px;
}

div#all-content-outer.page-myzone div.header-link a:hover {
	text-decoration: underline;
}



/* myzone homepage - blank version */
div#all-content-outer.page-myzone table td p {
	font-size: 11px;
	font-weight: bold;
	width: 80%;
}

div#all-content-outer.page-myzone table td div.status-blank-message {
	min-height: 190px;
}






/* =====================================================
 *  MyZone - order history page
 *  Content box header needs to be styled differently
 *  for the search results pages, so we override those
 *  styles here.
 * =====================================================
 */
div#main-outer div#all-content-outer.page-order-history div.content-box-head-outer {
	padding-top: 8px;
}

div#main-outer div#all-content-outer.page-order-history div.content-box-head {
	background: none;
}

div#all-content-outer.page-order-history div.content-box-head h2 {
	background-color: transparent;
	min-width: 250px;
	float: none;
}

div#all-content-outer.page-order-history div.content-box-head h3 {
	color: #FFFFFF;
}

div#all-content-outer.page-order-history div.content-box-head h3 a {
	color: #FFFFFF;
}

/* order history page - search controls */
div#all-content-outer.page-order-history div.search-controls {
	color: white;
	font-size: 12px;
	padding: 15px 0px 15px 0px;
	width: 51%;
	float: left;
}

div#all-content-outer.page-order-history div.search-controls select.search-field,div#all-content-outer.page-order-history div.search-controls input.search-value,div#all-content-outer.page-order-history div.search-controls input.go-button {
	border: 0px solid red;
	vertical-align: bottom;
}

div#all-content-outer.page-order-history div.search-controls select.search-field,div#all-content-outer.page-order-history div.search-controls input.search-value {
	padding: 3px 3px 3px 3px;
	font-size: 11px;
	font-weight: bold;
	width: 160px;
}

div#all-content-outer.page-order-history div.search-controls select.search-field {
	margin: 0px 10px 0px 10px;
}

div#all-content-outer.page-order-history div.search-controls input.search-value {
	margin: 0px 10px 0px 0px;
	width:325px;
}


/* myzone - order history page - pagination */
div#all-content-outer.page-order-history div.pagination {
	float: left;
	width: 100%;
	border: 0px solid red;
	margin: 5px 10px 5px 10px;
	font-size: 11px;
}

div#all-content-outer.page-order-history div.pagination a {
	font-size: 11px;
	font-weight: bold;
}

div#all-content-outer.page-order-history div.pagination a.previous-link {
	background: transparent url(/images/arrows/arrow_orange_left.png) no-repeat scroll 0 50%;
	padding: 0px 0px 0px 6px;
}

div#all-content-outer.page-order-history div.pagination a.next-link {
	background: transparent url(/images/arrows/arrow_orange_right.png) no-repeat scroll 100% 50%;
	padding: 0px 6px 0px 0px;
}

div#all-content-outer.page-order-history div.pagination div.pagination-status {
	float: left;
	width: 640px;
	padding-top: 4px;
	font-weight: bold;
}

div#all-content-outer.page-order-history div.pagination div.pagination-page,div#all-content-outer.page-order-history div.pagination div.pagination-links {
	padding-top: 2px;
	float: right;
	width: 100px;
	height: 22px;
}

div#all-content-outer.page-order-history div.pagination div.pagination-page {
	float:left;
	width: 130px;
	height: 22px;
	font-weight: bold;
}

div#all-content-outer.page-order-history div.pagination div.pagination-links {
	margin: 3px 0px 0px 0px;
}

div#all-content-outer.page-order-history div.pagination div.pagination-page select {
	vertical-align: baseline;
	width: 45px;
	margin: 0px 3px 0px 3px;
	border: 1px solid #cccccc;
}

div#all-content-outer.page-order-history table.order-history-table {

}

div#all-content-outer.page-order-history table.order-history-table td {
	font-weight: bold;
}
div#all-content-outer.page-order-history table.order-history-table td ul{
	margin:0px;
}
div#all-content-outer.page-order-history table.order-history-table td span{
	margin-left:0px;
}
div#all-content-outer.page-order-history table.order-history-table th {
	text-align: left;
}
/* Order History table with Note to Store Enabled */
div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.date-time {
	width: 60px;
}

div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.name {
	width: 150px;
}

div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.po-number {
	width: 80px;
}

div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.vehicle {
	width: 180px;
}

div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.note-to-store {
	width: 220px;
}

div#all-content-outer.page-order-history table.order-history-table.hasNotetoStore th.order-status {
	width: 90px;
}
/* Order history table - Note to store not enabled */
div#all-content-outer.page-order-history table.order-history-table th.date-time {
	width: 80px;
}

div#all-content-outer.page-order-history table.order-history-table th.name {
	width: 150px;
}

div#all-content-outer.page-order-history table.order-history-table th.order-number {
	width: 90px;
}
div#all-content-outer.page-order-history table.order-history-table th.po-number {
	width: 100px;
}

div#all-content-outer.page-order-history table.order-history-table th.vehicle {
	/* autosize */
}

div#all-content-outer.page-order-history table.order-history-table th.note-to-store {
	/* autosize */
}

div#all-content-outer.page-order-history table.order-history-table th.order-status {
	width: 90px;
}









/* ================================================
 *  MyZone - saved quotes page
 * ================================================
 */
div#all-content-outer.page-saved-quotes table.saved-quotes-table {

}

div#main-outer div.main-inner form#search-saved-quotes div.error-message {
	margin-top: 10px;
}

div#main-outer div.main-inner form#search-saved-quotes img {
	vertical-align:bottom;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td {
	font-weight: bold;
	vertical-align: top;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th {
	text-align: left;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.date-time {
	width: 80px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.name {
	width: 110px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.availability {
	width: 90px;
	text-align:center;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.vehicle {
	width: 185px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.installer-notes {
	width: 235px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table thead th.parts {
	width: 130px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td div.hide {
	display: none;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td.availability img {
	margin-left: 25px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td.availability div {
	height: 58px;
	position: absolute;
	width: 145px;
	margin-left: 65px;
	margin-top: -34px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td div.legend-green {
	background: url(/images/availability/panel_avail_legend_green.gif) no-repeat;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td div.legend-grey {
	background: url(/images/availability/panel_avail_legend_grey.gif) no-repeat;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td div.legend-orange {
	background: url(/images/availability/panel_avail_legend_orange.gif) no-repeat;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td div.legend-red {
	background: url(/images/availability/panel_avail_legend_red.gif) no-repeat;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td span.smaller-date {
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
}

div#all-content-outer.page-saved-quotes table.saved-quotes-table tbody td.no-border {
	border: none;
}




/* ================================================
 *  MyZone - billing/delivery addresses page
 * ================================================
 */
div#all-content-outer.page-billing-delivery-addresses div.content-box h3 {
	background-color: #E6E6E6;
	padding: 10px 10px 10px 20px;
	margin-top: 1px;
	margin-bottom: 0px;
}







/* ================================================
 *  MyZone - order history detail page
 * ================================================
 */
div#main-outer div#all-content-outer.page-order-history-detail div.job-summary-outer {
	background: #292929 url(/images/corners/bg-section-area-bottom.gif) no-repeat scroll 0 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	overflow: hidden;
}

div#main-outer div#all-content-outer.page-order-history-detail div.job-summary-inner {
	padding: 10px 8px 0px 8px;
	background: #292929 url(/images/corners/bg-section-area-top.gif) no-repeat scroll 0 0;
}


div#all-content-outer.page-order-history-detail div.order-history-detail-heading {
	background: #F68428 url(/images/corners/bg-order-detail-heading.gif) no-repeat scroll 0 0;
	overflow: hidden;
}


div#main-outer div#all-content-outer.page-order-history-detail div.job-summary-outer div.content-box {
	background-image: none;
}

/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer.page-order-summary div.results-main table.item-list-table tbody tr td div.product-image,
div#all-content-outer.page-order-confirmation div.results-main table.item-list-table tbody tr td div.product-image,
div#all-content-outer.page-order-history-detail div.results-main table.item-list-table tbody tr td div.product-image {
	margin-right: 8px;
	float: left;
} */



div#all-content-outer.page-order-summary div.results-main table.item-list-table span.product-link,
div#all-content-outer.page-order-confirmation div.results-main table.item-list-table span.product-link,
div#all-content-outer.page-order-history-detail div.results-main table.item-list-table span.product-link {
	cursor:pointer;
	text-decoration:underline;
}



/* MyZone - order history detail page - data table overrides */
div#all-content-outer div.content-box table.data-table.order-history-detail-table {
	width: 908px;
}

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr {
	border-top: none;
}

/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr th {
	background-color: #FFDCC0;
	border: none;
} */


/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr td {
	border-left: 1px solid #DCDCDC;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	color: #7A7A7A;
	text-align: center;
	vertical-align: top;

} */

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr td {
	background-color: white;
}


/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr td span {
	font-size: 10px;
} */


div#main-outer div.main-inner.fullwidth div.all-content-inner div.order-details-empty div.content-box-head-outer
{
	padding-top: 8px;
}

div#main-outer div.main-inner.fullwidth div.all-content-inner div.order-details-empty div.content-box-head-outer div.content-box-head
{
	background: none;
}

div#main-outer div.main-inner.fullwidth div#all-content-outer.checkout div.all-content-inner div.order-details-empty h2
{
	background: none;
	padding: 9px 0 0 0;
}







/* ================================================
 *  MyZone - quote detail page
 * ================================================
 */


/* ================================================
 *  MyZone - current quote empty page
 * ================================================
 */
div#all-content-outer.page-current-quote-empty div.content-box-outer {
	background: #FFFFFF url(/images/corners/bg-user-info-box-top.gif) no-repeat scroll 0 0;
	padding-top: 10px;
}


div#all-content-outer.page-current-quote-empty div.content-section {
	margin-top: 0px;
}


div#all-content-outer.page-current-quote-empty div.content-box {
	min-height: 300px;
}

div#all-content-outer.page-current-quote-empty div.content-box p {
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}










/* ================================================
 *  MyZone - manage vehicles page
 * ================================================
 */
div#all-content-outer.page-manage-vehicles div.content-box {
	min-height: 150px;
}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table th.vehicles-added {
	text-align: left;
	width: 380px;
}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table th.vehicle-name {
	width: 200px;
	text-align: left;
}
div#all-content-outer.page-manage-vehicles table.manage-vehicles-table th.select,
div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td.select
 {
	text-align:right;
	padding-right:15px;
}
div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td {
	text-align: left;
}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td.vehicles-added {
	text-align: left;

}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td.vehicles-added div {
	margin-bottom: 3px;
}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td.vehicles-added div.vehicle-name {
	font-weight: bold;
}

div#all-content-outer.page-manage-vehicles table.manage-vehicles-table td.vehicles-added div.set-current-link a {
	color: #5E8BAE;
	font-weight: normal;
}



div#all-content-outer.page-manage-vehicles table.manage-vehicles-table input.check-vehicle {

	vertical-align: middle;
	margin-left: 10px;
}

/* Conflicting with Foundation CSS
div#all-content-outer.page-manage-vehicles div.pagination-controls div.dataTables_filter {
	background: none repeat scroll 0 0 #f6f6f6;
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px 4px;
    color: #4e4e4e;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 250px;
    padding: 3px 14px;
    text-transform: uppercase;
} */

div#all-content-outer.page-manage-vehicles div.pagination-controls div.dataTables_filter {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px 4px;
    color: #4e4e4e;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 250px;
    padding: 3px 14px;
    text-transform: uppercase;
}


div#all-content-outer.page-manage-vehicles div.pagination-controls div.dataTables_filter input{
	padding: 4px;
	width: 250px;
	border: 1px solid #D0D0D0;
}
/* ================================================
 *  MyZone - change active shop page
 * ================================================
 */
div#all-content-outer.page-change-active-shop table.change-active-shop-table {
	margin-top:0;
}

div#all-content-outer.page-change-active-shop table.change-active-shop-table th {
	text-align: left;
}

div#all-content-outer.page-change-active-shop table.change-active-shop-table th.select {
	width: 40px;
}

div#all-content-outer.page-change-active-shop div.content-box table.change-active-shop-table td {
	font-weight: bold;
	font-size: 12px;
}

div#all-content-outer.page-change-active-shop table.change-active-shop-table td.select {
	text-align: center;
}

div#all-content-outer.page-change-active-shop table.change-active-shop-table tr.primary td.pinValue span {
	font-size:smaller;
	font-style:oblique;
	font-weight:normal;
}


/* ==============================================
 *	MyZone - Manage Users
 * ==============================================
 */

.top-button-section {
	position:absolute;
	right:10px;
}

.page-manage-users .data-table th {
	text-align:left;
}

/* Conflicting with Foundation CSS
div.pagination-controls div.dataTables_filter {
    background: none repeat scroll 0 0 #E6E6E6;
    color: #4E4E4E;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    min-width: 250px;
    padding-left: 14px;
    text-transform: uppercase;
} */

div.pagination-controls div.dataTables_filter {
    color: #231f20;
    font-size: 0.875rem;
}

.dataTables_filter label {
    color: #6c6f70;
    font-weight: bold;
}

.dataTables_filter input[type="text"] {
    margin-top: 1rem;
}

.link-user-instructions {
	clear:right;
	border-top: .0625rem solid #dadada;
	border-bottom: .0625rem solid #dadada;
	margin-bottom: 0;
	padding: 1rem 1.25rem;
}

#link-user-form #user-profile {margin-bottom:10px;}

div#all-content-outer .link-user-instructions p {
	font-size:12px;
	line-height:15px;
	text-align:justify;
	width:51em;
}

/* Overrides for Foundation CSS Stack
 *
.DataTables_sort_wrapper {
	cursor:pointer;
	height: 40px;
    padding: 14px 0px;
} */

.DataTables_sort_wrapper {
	cursor:pointer;
    padding: 0.25rem 0;
    text-decoration: underline;
}

.DataTables_sort_wrapper .ui-icon {
	float:left;
	margin-left:-5px;
}


/* Overrides for Foundation CSS Stack
 *
 * Can be found in azpro-build.css "jQuery UI Overrides"
 *
 *
div.pagination-controls {
	background:none repeat scroll 0 0 #E6E6E6;
} */


.dataTables_paginate {
	/*position:absolute;
	right:10px;*/
}

#manage-users-table_wrapper .dataTables_paginate.paging_four_button span {
	margin:0 10px;
	cursor:pointer;
	background:none;
}

.dataTables_paginate.paging_four_button span.paginate_disabled_previous,
.dataTables_paginate.paging_four_button span.paginate_disabled_next {
	cursor:default;
	color:#CCC;
}

#user-profile > span.instruction,
#requestAccess > span.instruction {
	display:block;
	padding-left:15px;
	font-size:11px;
	font-style:italic;
}

#user-profile > fieldset > fieldset:nth-of-type(1),
#requestAccess > fieldset {
	border-bottom:1px solid #DADADA;
}

/* Causing an issue with foundations CSS STack
#requestAccess > fieldset.bottom-button-section {
	border-bottom:none;
} */


/* Causing an issue with foundations CSS STack
 * duplicated and removed #requestAccess from selector list below
 *
#user-profile > fieldset > fieldset > fieldset,
#requestAccess > fieldset > fieldset {
	margin:10px 0;
} */

#user-profile > fieldset > fieldset > fieldset {
	margin:10px 0;
}

/* Causing an issue with foundations CSS STack
#requestAccess > fieldset > fieldset > fieldset {
	float:left;
} */

#user-profile > fieldset > fieldset > fieldset > fieldset + fieldset {
	margin-left:30px;
}

/* Causing an issue with foundations CSS STack
#requestAccess .tip {
	display:block;
	clear:left;
	padding-left:160px;
	padding-top:5px;
	margin-bottom:3px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess #email {
	width:531px;
} */

/* Causing an issue with foundations CSS STack
div#all-content-outer div.content-section #requestAccess p { padding-left: 10px; }*/

/* Causing an issue with foundations CSS STack
#user-profile label,
.user-info label {
	display:block;
	float:left;
	clear:left;
	font-size:13px;
	line-height:13px;
	padding-left:15px;
	text-align:left;
	width:125px;
	font-weight:bold;
	color:#333333;
} */

/* Causing an issue with foundations CSS STack
 * #requestAccess label {
	display:block;
	float:left;
	clear:left;
	font-size:13px;
	line-height:26px;
	padding-left:10px;
	text-align:left;
	width:150px;
	font-weight:bold;
	color:#333333;
} */

/* Causing an issue with foundations CSS STack
#user-profile input[type="text"],
#user-profile input[type="password"],
.user-info input[type="text"] {
	font-size:13px;
	width:180px;
	float:left;
} */

/* Causing an issue with foundations CSS STack
#requestAccess input[type="text"],
#requestAccess input[type="password"] {
	font-size:13px;
	width:178px;
	float:left;
} */

#user-profile select {
	font-size:13px;
	width:211px;
	float:left;
}

#user-profile #email,
.user-info #ui_email {
	width:552px;
}

/* Causing an issue with foundations CSS STack
#requestAccess .address input {
	width:200px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess fieldset.email fieldset { margin:0; } */

/* Causing an issue with foundations CSS STack
#requestAccess fieldset.email label {
	padding-left:20px;
	width:auto;
} */


fieldset.bottom-button-section .submit { float:right; }
fieldset.bottom-button-section .submit input { margin-right:10px; }


/* Causing an issue with foundations CSS STack
div#all-content-outer #requestAccess h2 {
	margin-top:10px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess .account-info span {
	display:block;
	float:left;
	font-size:13px;
	padding-left:20px;
	width:450px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess .yes-no-fieldset > label {
	clear:none;
	display:inline;
	float:left;
	line-height:10px;
	width:50px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess .terms > label {
	padding-left:20px;
	width:auto;
} */

/* Causing an issue with foundations CSS STack
#requestAccess .address .postal input { width:60px; }
#requestAccess .address .postal input:first-of-type { margin-right:5px; }
#requestAccess .address .state label { width: 75px; } */

/* Causing an issue with foundations CSS STack
#requestAccess select {
	font-size:13px;
	width:193px;
	float:left;
	padding:3px;
} */

/* Causing an issue with foundations CSS STack
#requestAccess #roleOther {
	bottom:3px;
	left:10px;
	position:relative;
} */

/* Causing an issue with foundations CSS STack
#titleOther { margin-left: 5px; } */

.passgroup > input {
	float:left;
	margin-right:10px;
}

.ui-dialog-content div.content-box #add-user-form,
.ui-dialog-content div.content-box #edit-user-form{
	margin-top:-18px;
}

.ui-dialog-content div.content-box #link-user-form {
	margin-top:5px;
}

div.content-box #add-user-form .section > p,
div.content-box #edit-user-form .section > p,
div.content-box #link-user-form .section > p {
	margin-bottom: 1rem;
	padding: 0;
	font-size: 1rem;
	line-height: 1.2;
}

div.content-box #add-user-form .errors,
div.content-box #edit-user-form .errors,
div.content-box #link-user-form .errors,
div.content-box .confirmation-messages,
div.content-box .confirmation-message {
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	padding:10px 10px 10px 12px;
	margin-top:8px;
	background-color:#f78429;
}

div.content-box .confirmation-message {
	margin-top:0;
}

.errors > .icon,
.confirmation-messages > .icon,
.confirmation-message > .icon {
	float:left;
	height:100%;
	width:12px;
}

.errors > .messages,
.confirmation-messages > .messages,
.confirmation-message > .messages {
	padding-left:20px;
}

.errors > .messages ul,
.confirmation-messages > .messages ul,
.confirmation-message > .messages ul {
	margin:0;
}

div.content-box #add-user-form .errors ul,
div.content-box #edit-user-form .errors ul,
div.content-box #link-user-form .errors ul {
	margin:0;
}


/*  Conflicting with Foundations CSS Stack
div.content-box #add-user-form .missing,
div.content-box #edit-user-form .missing,
div.content-box #link-user-form .missing {
	background-color:#ffffcd;
}

#user-permissions,
#email-prefs {
	padding:0 20px;
}

#user-permissions > fieldset,
#email-prefs > fieldset {
	margin-bottom:10px;
}

#user-permissions fieldset.full {
	background:#C9C9C9;
	padding:10px;
	width:670px;
} */

#user-permissions fieldset.subsection {
	background:#EEEEEE;
	float:left;
	margin-bottom:10px;
	width:340px;
}

#user-permissions fieldset.subsection.left {
	margin-right:5px;
	clear:left;
}

#user-permissions fieldset.subsection.right {
	margin-left:5px;
}

#user-permissions input,
#email-prefs input {
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:3px 8px 3px 3px;
}

#user-permissions label,
#email-prefs label {
	display:block;
	float:left;
	font-size:13px;
	line-height:19px;
	margin-left:5px;
	font-color:#333333;
}

#user-permissions label.nocheck {
	padding-left:24px;
}

#user-permissions > fieldset > fieldset {
	padding-left:22px;
}

#user-permissions > fieldset > fieldset:last-child {
	margin-bottom:10px;
}

#user-permissions > fieldset > fieldset.subsection-master {
	padding:10px;
	background:#C9C9C9;
	margin-bottom:10px;
}
#user-permissions > fieldset > fieldset span.tip{
	display:block;
	padding-left:22px;
	font-size:11px;
	font-style:oblique;
}
.subsection-master label,
label[for="allowall"] {
	font-weight:bold;
}

.section .buttons {
	padding:0 5px 25px;
	float:right;
}

.section .working {
	padding:5px 50px 20px 50px;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

/* Causing an issue with foundations CSS STack
 * duplicated and removed #requestAccess from selector list below
 *
#user-profile #area-code,
#user-profile #prefix,
#requestAccess #area-code,
#requestAccess #prefix {
	width:39px;
	margin-right:6px;
} */

#user-profile #area-code,
#user-profile #prefix {
	width:39px;
	margin-right:6px;
}

#user-profile #suffix{
	width:58px;
}

/* Causing an issue with foundations CSS STack
#requestAccess #suffix { width:56px; } */

#edit-user-form div.section.rap {
	padding:10px;
	border-top:1px solid #DADADA;
}
#edit-user-form div.section.rap fieldset label { font-size:13px; font-weight:bold; }
#assignPrimaryAdmin { margin:0 10px; }

tr.currentUser td { font-weight: bold; }

#link-user-form .section-header.account-info {
	padding:8px;
}

#link-user-form .section-header.account-info > div {
	margin-bottom:2px;
}

.link-user, .delete, .unlink, .change-shop {margin-right:13px;}

/* Conflicting with Foundation CSS Stack
.text.notaninput {border:1px solid #FFFFFF;}
.text.notaninput:disabled {background-color:#FFFFFF;color:#222222;} */

.step.active {
	background:#DDDDDD;
}

.step {
	background:#f37f00;
	float:left;
	margin:12px 0 0;
	padding:10px 20px;
	width:auto;
    font-family: 'AutoZoneCond-HeavyIt',Helvetica Neue,Arial,sans-serif;
	color:#000 !important;
	font-size:1.35rem;
}

.step-container {
	clear:left;
	display:none;
}

.step-container.active {
	display:block;
}

#link-next {cursor:pointer;}

.ui-dialog-content .error-message ul {margin:0 0 6px;}

.missing-error {
	background-color:#FF7F7F;
	border-color:#FF0000 !important;
}

.fieldTip {
	font-size:11px;
	font-style:italic;
	padding-left:6px;
}

/* ================================================
 *  MyZone - request access existing page
 * ================================================
 */





/* ================================================
 *  MyZone - request access confirmation page
 * ================================================
 */
div#all-content-outer.page-request-access-confirmation div.content-box {
	padding: 10px 5px 0px 10px;

}

div#all-content-outer.page-request-access-confirmation div.content-box div.content-disclaimer {
	padding: 0px 0px 30px 0px;
}

div#all-content-outer.page-request-access-confirmation div.content-box table {
	width: 100%;
	margin: 0px 0px 30px 0px;
}

div#all-content-outer.page-request-access-confirmation div.content-box table th,
div#all-content-outer.page-request-access-confirmation div.content-box table td
{
	border: 0px;
	font-size: 12px;

}

div#all-content-outer.page-request-access-confirmation div.content-box table th {
	text-align: left;
	font-weight: bold;
	background-color: #E6E6E6;
}


div#all-content-outer.page-request-access-confirmation div.content-box table td.label {
	font-weight: bold;
	padding-right: 10px;
	padding-left: 20px;
	text-align: right;
}


div#all-content-outer.page-request-access-confirmation table.account-admin-info td.label,
div#all-content-outer.page-request-access-confirmation table.admin-access-info td.label
{
	text-align: right;
}

div#all-content-outer.page-request-access-confirmation div.content-box table.account-info td.label {
	text-align: left;
}


div#all-content-outer.page-request-access-confirmation table.account-admin-info td.value {
	border: 0px solid red;
	width: 205px;
}


div#all-content-outer.page-request-access-confirmation table.admin-access-info td.value,
div#all-content-outer.page-request-access-confirmation table.billing-address-info td.value
{
	width: 550px;
}

div#all-content-outer.page-request-access-confirmation table.account-info span {
	font-weight: normal;
	padding-left: 10px;
}












/* ==================================================
 *  MyZone - specifications and component locations
 *  (no results found)
 * ==================================================
 */
div#all-content-outer.page-specifications div.content-box,div#all-content-outer.page-component-locations div.content-box {
	min-height: 200px;
}

div#all-content-outer.page-specifications div.content-box div.content-section,div#all-content-outer.page-component-locations div.content-box div.content-section {
	padding-left: 30px;
}







/* ================================================
 *  MyZone - User Administration pages
 * ================================================
 */
div#all-content-outer div.user-type-selection {
	border: 0px solid red;
	overflow: hidden;
	margin: 20px 10px 40px 70px;
}

div#all-content-outer div.user-type-selection span {
	font-weight: bold;
	font-size: 16px;
}

div#all-content-outer div.user-type-selection div.basic {
	width: 280px;
	float: left;
}

div#all-content-outer div.user-type-selection div.administrator {
	width: 280px;
	float: left;
}


div#all-content-outer div.user-type-selection div.administrator.disabled,
div#all-content-outer div.user-type-selection div.basic.disabled {
	color: #DDDDDD;
}

div#all-content-outer div.content-box div.user-type-selection ul {
	margin: 10px 0px 0px 6px;
}

#add-user-dialog.ui-dialog-content { padding:0; }

#add-user-dialog .error-message ul { margin:0; margin-left:0; }





/* ================================================
 *  MyZone - login help
 * ================================================
 */

/* login help shared styles */
div#all-content-outer.login-help div.content-box-inner {
	padding: 15px 0px 10px 30px;

}

div#all-content-outer.login-help p span.value {
	color: #F68428;
	font-weight: bold;
}

div#all-content-outer.login-help div.all-content-inner div#disclaimer {
	margin: 0 20px 20px;
}



/* login help - edit user page */
div#all-content-outer.page-user-edit div.current-user-info {
	border: 0px solid red;
	overflow: hidden;
	font-size: 14px;
	width: auto;
	margin: 20px 0px 20px 36px;
}

div#all-content-outer.page-user-edit div.current-user-info div {
	padding: 4px 0px 3px 5px;
}

div#all-content-outer.page-user-edit div.current-user-info div.labels {
	float: left;
	width: 94px;
	font-weight: bold;
	text-align: right;
}

div#all-content-outer.page-user-edit div.current-user-info div.values {
	float: left;
	padding-left: 12px;
}






/* login help - link user page */
div#all-content-outer.page-user-link div.link-user-instructions {
	margin: 20px;
}


/* login help - password hint page */
div#all-content-outer.page-password-hint div.content-box p {
	margin: 10px 0px 10px 0px;
}



/* login help - email username confirmation page */
div#all-content-outer.page-email-username-confirmation div.content-box {
	min-height: 120px;
}




/* login help - show password page */
div#all-content-outer.page-password div.content-box {
	min-height: 150px;
}

div#all-content-outer.page-password p span {
	color: #AAAAAA;
}






/* login help - forgot username and forgot password pages */
/* tabs are a-little different on this page, so we override the default styles here */
div#all-content-outer.page-forgot-username div.content-box-head h2,
div#all-content-outer.page-forgot-password div.content-box-head h2
{
	min-width: 198px;
	line-height: 15px;
	width: 198px;
}

/* tab with the link should be a slightly different color */
div#all-content-outer.page-forgot-username div.content-box-head h2 a,
div#all-content-outer.page-forgot-password div.content-box-head h2 a
{
	color: #494949;
	text-decoration: none;
}

div#all-content-outer.page-forgot-username div.content-box-head h2 a:hover,
div#all-content-outer.page-forgot-password div.content-box-head h2 a:hover
{
	color: white;
}

div#all-content-outer.page-forgot-username div.content-box-head img,
div#all-content-outer.page-forgot-password div.content-box-head img
{
	float: left;
}




/* login help - forgot username page */
div#all-content-outer.page-forgot-username div.content-box-head {
	background: transparent url(/images/tabs/bg-info-heading-tab2-active.gif) no-repeat scroll 0 0
}

div#all-content-outer.page-forgot-username div.content-box-head h2.forgot-password-tab {
	background-color: #797979;
}

div#all-content-outer.page-forgot-username table.forgot-username-form-table {
	width: 650px;
	margin: 20px 0px 30px 0px;
}

div#all-content-outer.page-forgot-username table.forgot-username-form-table td.subtext {
	font-weight: normal;
	font-style: italic;
}





/* login help - forgot password page */
div#all-content-outer.page-forgot-password div.content-box-head h2.forgot-username-tab {
	background-color: #797979;
}

div#all-content-outer.page-forgot-password table.forgot-password-form-table {
	width: 680px;
	margin: 20px 0px 30px 0px;
}

div#all-content-outer.page-forgot-password table.forgot-password-form-table td.subtext {
	font-weight: normal;
	font-style: italic;
}


/* filter reset */
a.reset {
	display:none;
	color:#fff;
	font-size:10px;
	margin:0;
}