/*********my account default*************/
#my-account-page {position:relative; padding-top: 60px;}
#my-account-page .navTabs a {color: #555555; font-weight: bold;}
#my-account-page .navTabs .active a {color: #13c3d6;}
#my-account-page .navTabs a:hover {color: #13c3d6; text-decoration: none;}
#my-account-page #password table {width: 100%;}
#my-account-page .formHorizontal div.controlGroup{width: 450px;}
#my-account-page .formHorizontal div.controlGroup .controls{float: left; width: auto;}
#my-account-page .formHorizontal .controlGroup input[type="text"],
#my-account-page .formHorizontal .controlGroup input[type="email"],
#my-account-page .formHorizontal .controlGroup input[type="password"]{width:300px;}
#my-account-page .formHorizontal .controlGroup select{width:300px;}
#my-account-page .formHorizontal .actions{width:470px;margin:10px auto; text-align:right;}
#my-account-page #requireFieldsNote {margin: 10px 0 10px 140px; font-size: 14px;}
#payment-details-page #requireFieldsNote{margin: 10px 0 10px 275px; font-size: 14px;}
#my-account-page .formHorizontal div.controlGroup .controls > ul > li {
    float: left;
}
#my-account-page #close_ac .formHorizontal div.controlGroup .controls > ul > li {
    min-width: 55%;
}

/******************profile****************/
#my-account-page #profile .formHorizontal .controlGroup .controls ul li:first-child{margin-right:20px; margin-left: 20px;}
#my-account-page #profile .formHorizontal .controlGroup .controls .errorlist li {margin-right:0 !important;}
#my-account-page #profile .formHorizontal .controlGroup .controls #id_dob_month{width: 132px}
#my-account-page #profile .formHorizontal .controlGroup .controls #id_dob_day{width: 60px}
#my-account-page #profile .formHorizontal .controlGroup .controls #id_dob_year{width: 100px}
#my-account-page #profile .formHorizontal .gender .controls {text-align: left;}
#my-account-page #profile .formHorizontal .gender .controls .helpInline {float: right;}
#my-account-page #profile .formHorizontal .gender .controls ul {float: left; width: 150px;}
#my-account-page #profile .formHorizontal .gender .controls .helpInline ul {float: right; width: auto;}

/******************password****************/

/******************cards*******************/
#my-account-page #my-cards .cardTable{width: 100%;}
#my-account-page #my-cards .cardTable thead tr th{color:#03CCDE; padding:5px 0; text-align:left; font-size:1.1em;}
#my-account-page #my-cards .cardTable tbody tr td.action{font-size:0.9em; text-align:right;}
#my-account-page #my-cards .addCardWrap{text-align:right;margin:10px 0;}
#my-account-page #add-card .actions a,
#my-account-page #add-card .actions input,
#my-account-page #edit-card .actions a,
#my-account-page #edit-card .actions input {line-height: 17px; margin-right: 0;}
.ui-datepicker-calendar {display: none;}
#payment-details-page .controls{width: 80%;}
#payment-details-page .checkboxWrapper .controls{text-align: justify; position:relative; margin-top: 10px;}
.checkbox.controlLabel{width: 220px !important; margin-left: -100px;}
.custom_checkbox{ position:absolute; left:0; top:0; vertical-align:middle; background:url("/static/images/toggle5.png") no-repeat 0 0 transparent;display:inline-block;width:18px;height:18px; cursor:pointer;}
.custom_checkbox_active{background-position:0 -18px;}

/******************preferences*******************/
#my-account-page #preferences .formHorizontal .controlGroup{width: 470px;}
#my-account-page #preferences .formHorizontal .controlGroup .controlLabel{
    width: 170px;
}
#my-account-page #preferences .formHorizontal div.controlGroup .controls > ul > li {
    margin-right: 20px;
}
#my-account-page #preferences .formHorizontal div.controlGroup .controls > p  {
    clear: both;
}
#my-account-page #preferences .formHorizontal div.controlGroup .controls > ul {
    margin-left: 20px;
}

#my-account-page .formHorizontal #id_mobile_0 {width: 150px; float: left}
#my-account-page .formHorizontal #id_mobile_1 {float: left; width: 145px; margin-left: 5px;}

#my-account-page #preferences .formHorizontal .controlGroup .controls{width: 300px;text-align:left;}
#my-account-page #preferences .formHorizontal .signUpNewsFlap .controls ul li:first-child{margin-right:20px; float:left;}
#my-account-page #preferences .formHorizontal .controlGroup .controls p.helpBlock{text-align:left; margin-left: -150px; color: #808285; font-size: 0.9em;}
#my-account-page #preferences .formHorizontal .paraPref {width: 400px; margin:10px auto 0 auto; font-size: 1.1em;}

/******************close account*****************/
#my-account-page #close_ac .formHorizontal .letUsKnow .controlLabel{ float: none; width: 100%; text-align:left;}
#my-account-page #close_ac .formHorizontal .letUsKnow .controls{margin-top:10px; width: 330px; text-align:left;}
#my-account-page #close_ac .formHorizontal .controlGroup:first-child{margin-bottom:30px;}
#my-account-page #close_ac .actions{position:relative;}
#my-account-page #close_ac .actions .alert{width:250px; position:absolute; top:0; right:0; padding:20px 8px 8px 8px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5; box-shadow: 3px 3px 10px #888888; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; behavior: url(/static/css/PIE.htc); z-index: 2;}
#my-account-page #close_ac .actions .alert p{font-size:0.9em !important; color:#C09853;}
#my-account-page #close_ac .actions .BtnWrap{ display:inline-block;margin:0 auto;}


/* change passsword */
#my-account-page #password .formHorizontal div.controlGroup label.controlLabel {
    width: 190px;
}
#my-account-page #password .formHorizontal .controlGroup input[type="text"],
#my-account-page #password .formHorizontal .controlGroup input[type="email"],
#my-account-page #password .formHorizontal .controlGroup input[type="password"] {
    width: 260px;
}
#my-account-page #password .errorlist li {
    font-size: 0.8em;
}