/* ********************************************************

Version: v25
Page: My Account
Project: AmazonFresh
Created By: Linde Husk
Created On: 14 mar 2007

Description:
Styles specific to the my account area of the site.

********************************************************** */

#myAccount .myReviewsText {
    position: relative;
    width:75%;
    border-bottom: 1px dashed #95A8A6;
}

#myAccount .myReviewsImage {
    position: relative;
    color: #669900;
    text-align: left;
}


#myAccount .myReviewsImage {
    position: relative;
    display: inline;
    color: #669900;
    text-align: left;
}
    
#myAccount .resultSet {
    font-size: .87em;
    width: 100%;
}

#myAccount .smallEditButton {
    display: inline;
    font-size: .72em;
    margin: 0 .33em;
    padding: 0 3px;
}

.myAccountWidget {
    border-bottom: 1px dashed #95a8a6;
    clear: both;
    padding-bottom: .5em;
    padding-top: .5em;
}

.myAccountWidget h3 {
    float: left;
    margin-bottom: 0;
    margin-right: 1em;
    padding-bottom: 0;
    vertical-align: middle;
}

.myAccountWidget .content {
    clear: both;
}

.myAccountWidget h4 {
    color: #000;
    margin: .5em 0 0 0;
    padding-bottom: 0;
}

.myAccountWidget p {
    margin: .125em 0 1em 0;
}

.myAccountWidget ul {
    list-style-type: none;
    margin: .33em 0 0 1em;
    padding: .33em 0 0 1em; 
}

.myAccountWidget li {
    padding-bottom: .75em;
}

.myAccountWidget .toteOption .instructions {
    color: #000000;
    font-size: 0.79em;
    margin: 0.2em 0 0.2em 2.25em;
}

.myAccountWidget form {
    display: inline;
}

#myAccount #searchSort {
    border-bottom: 1px dashed #95A8A6;
    border-top: 1px dashed #95A8A6;
    font-size: .92em;
    line-height: 2.33em;
    padding-bottom: .5em;
    vertical-align: middle;
    float: left;
    width: 100%;
}

#myAccount #searchSort div.numberOfResults {
    float: left;    
}

#myAccount #searchSort div.numberOfResults a {
    text-decoration: none;    
}

#myAccount .resultSet .smallButton {
    font-size: .84em;
    margin: 0 .33em;
    padding: 0 3px;
    width: 8em;
}

#myAccount .resultSet .dropDown {
    font-size: .95em;
    margin: 0 .27em;
    padding: 0 2px;
    width: 9em;
}

#myAccount thead th {
    text-align: left;
}

#myAccount tbody th {
    text-align: right;
}

#myAccount label {
    font-weight: bold;
}

#myAccount label.suggestedAmount {
    font-weight: normal;
    color: #999999;
}
    
    #myAccount .toteOption label {
        font-weight: normal;
    }

#myAccount label textarea {
    font-weight: normal;
}

#myAccount #totePreferences form .instructions {
    margin-left: 25px;
}

/*******************************************
 * css added for the redesign  
 * - Diana Gao & David Gellman
 *******************************************/

.maSideHead {
    width:200px;
    min-width:200px;
    max-width:200px;
    padding:4px;
    margin:0;
    float:left;
}

.maSideHead h3 {
    color: #667466;
    font-size:1.49em;
}

.maSideHead .addressBox {
     background-color:#f4f4f4; 
     padding:4px; 
     padding-top:0px;
     padding-bottom:0px;
     border:1px solid #dddddd; 
     margin-top:10px;
     margin-left:-4px;
             
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;    
    
    border-radius: 4px;
}

.maSideHead .addressBox h4 {
    color: #707466;
}

.maRightContent {
    margin:0px;
    margin-left:220px;
    padding:4px;
}

.maRightContent .myAccountWidget:last-child { 
    border-bottom-width:0px;
}

.maRightContent .thirds {
    width:30%;
    display:inline-block;
    float:left;
    padding: 0px 10px;
}

.maRightContent .halves {
    width:47%;
    display:inline-block;
    float:left;
    padding: 0px 10px;
}

.maRightContent .leftflush {
    padding-left: 0px;
}

.maRightContent .rightflush {
    padding-right: 0px;
}

.maRightContent ul{
    list-style-type:disc;
    padding-left:2.5em;
    margin-left:0;
    text-indent:-1.4em;
    list-style-position:inside;
}

.maRightContent h4 {
    color:#000000;
    margin:0.5em 0 0;
    padding-bottom:0;
    font-size:1em;
}

.maRightContent h5 {
    color:#669900;
    font-size:1.19em;
    margin:0.5em 0 0;
    padding-bottom:0;
}

.maRightContent .radish {
    float:left;
    width:33px;
    margin-right:10px;
    display:inline-block;
    clear:left;
    padding-top:3px;
}

.maRightContent .top {
    float:left;
    clear:none;
}

.maRightContent .numOrders {
    font-size:1.29em;
}

#editTotePreferencePopover {
    background-color: #FFFFFF;
    border:1px solid #99CC33;
    left:20%;
    max-width: 700px;
    opacity:1;
    padding:0 1em 0.5em;
    position:absolute;
    top:30%;
    z-index:1;
}

#editBaggingPreferencePopover {
    background-color: #FFFFFF;
    border:1px solid #99CC33;
    left:35%;
    max-width: 700px;
    opacity:1;
    padding:0 1em 0.5em;
    position:absolute;
    top:30%;
    z-index:1;
}

/*******************************************
 * css moved from tip-js.jsp  
 * - Bryce Walton
 *******************************************/
#tipPopover {
    width: 340px; 
    position: absolute; 
    top: 25%;
    left: 38%;
};

#tipPopover h4 {
    position: absolute;
    top: 0;
    left: 5;
    padding:0.33em; 
    vertical-align: middle;
}

#tipPopover .closeWindow {
    position:absolute; 
    background-color: transparent;
    top:0; 
    right:5px; 
    margin:5px; 
    padding:5px;
}


#tipPopover .popoverBody {
    z-index: 100; 
    position: relative; 
    margin:10px;  
    padding: 10px;
}

#tipPopover .popoverBody div {
  background-color: white;
}

#tipPopover .suggestedAmount {
    text-align:right;
    display:none;
    color: #999;
}

#tipPopover textarea {
    width:290px;
    height: 80px;
}

div.positiveFeedback icon {
    background: url(https://images-na.ssl-images-amazon.com/images/G/01/x-locale/common/errors-alerts/error-sprite-mini._V192251224_.gif) no-repeat 0 -17px;
    width: 17px;
    height: 17px;
}

.primeFreshStatusNotification .expiredMembership {
	color: #E51837;
}

/********* Copying styles from welcome.css for now *********/
#optingoutMessageLightBox {
    font-size: 16px; 
    padding: 5px; 
    width: 420px; 
}

#optingoutMessageLightBox .buttonWrapper { 
	padding: 30px 0px; 
	text-align: center; 
}

#optingoutMessageLightBox .submitButton {
    background-color: #690;
    border-radius: 5px; -moz-border-radius: 5px;
    border-style: none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 25px 5px;
    text-align: center;
    display: inline-block; 
}

#optingoutMessageLightBox .submitButton a { 
    color: #fff; 
    text-decoration: none; 
}

#orderStatusInfo {
	margin-top: 10px;
}

#orderStatusInfo em {
	font-style: normal;
	text-decoration: underline;
}
/***********************************************************/