/* ----------------------------------------------------------------------*/
/* ---------->>> MY ACCOUNT <<<-----------*/
/* ----------------------------------------------------------------------*/

#my_account input[type=text], #my_account input[type=password], #my_account textarea {
    background:transparent url(../images/bg_input.gif) no-repeat scroll left top;
    border:1px solid #CCCCCC;
    display:block;
    height:17px;
    padding:4px 4px 0;
    margin-bottom:10px;
    width:312px;
}

#my_account .label {
    /*clear:left;*/
    color:#666666;
    font-size:12px;
    margin-bottom:3px;
    padding-right:10px;
    width:110px;
    line-height:21px;
    float:left;
    text-align:right;
}

#my_account {
    background: #f5f5f5 url(images/bg_appContent.gif) no-repeat left bottom;
	font-family:helvetica;
    font-size:16px;
	min-height:400px;
    padding:40px;
    text-align:left;
}

#invoices {
    background: #f5f5f5 url(images/bg_appContent.gif) no-repeat left bottom;
	min-height:400px;
}

#wb_update_account_form input {
    
}

.my_accountForm {
    margin:0 auto;
    width:460px;
}

#my_account h3 {
    padding-left:0px;
}

#my_account .facebook_association_box {text-align:center;}
#my_account .myspace_association_box {text-align:center;}

#btn_update-account, .btn_transactions-history {
    background:transparent url(images/btn_updateAccount.gif) no-repeat scroll left top;
    border:medium none;
    display:block;
    font-size:0;
    height:21px;
    line-height:0;
    margin-left:340px;
    text-indent:-6000px;
    width:100px;
}

.btn_transactions-history {
    background:transparent url(images/btn_transactionHistory.gif) no-repeat scroll left top;
    margin:0 auto;
    width:110px;
}

#btn_update-account:hover, .btn_transactions-history:hover {
    background-position:left -21px;
    cursor:pointer;
}

.facebook_association_box {
    font-size: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.facebook_association_box .fb_login_image {
    margin-top: 4px;
}

.myspace_association_box {
    font-size: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.myspace_association_box .fb_login_image {
    margin-top: 4px;
}

.invoicesContent {
    padding: 10px 20px;
}

#invoicesFlash {
    margin-top: 10px;
    margin-bottom: 10px;
}

#invoicesFlash img {
    margin-right: 6px;
    line-height: 14px;
}

#invoicesFlash .error {
    background-color: #FFA2A3;
    font-weight: bold;
    padding: 4px 6px;
}

.invoicesTable, .invoicesTableMessage {
    margin-top: 10px;
    margin-bottom: 10px;
}

.invoicesTable td {
    padding: 4px 10px;
    border: 1px solid #eee;
}

.invoicesTable .price {
    text-align: right;
    padding-left: 20px;
}

.invoicesContent {
    padding: 20px;
}

#invoicesFlash {
    margin-top: 10px;
    margin-bottom: 10px;
}

#invoicesFlash img {
    margin-right: 6px;
    line-height: 14px;
}

#invoicesFlash .error {
    background-color: #FFA2A3;
    font-weight: bold;
    padding: 4px 6px;
}

.invoicesTable, .invoicesTableMessage {
    margin-top: 10px;
    margin-bottom: 10px;
}

.invoicesTable {width:100%;}

.invoicesTable th {
    font-weight: bold;
    font-size: 12px;
    padding: 4px 10px;
    border: 1px solid #818286;
    background:#818286;
}

.invoicesTable th.price {
    text-align: right;
}

.invoicesTable td {
    padding: 4px 10px;
    border: 1px solid #ccc;
}

.invoicesTable tr.alt td {background:#f8f8f8;}

.invoicesTable .date {width:300px;}

.invoicesTable .price {
    text-align: right;
    width:150px;
}

.btn_back-account {
    background:transparent url(../images/btn_back-account.jpg) no-repeat scroll left top;
    display:block;
    float:right;
    font-size:0;
    height:24px;
    line-height:0;
    margin-bottom:30px;
    text-indent:-9000px;
    width:169px;    
}

.btn_back-account:hover {background-position:left -24px;}

.btn_delete-account {
    display:block;
    margin:0 auto;
    color:#f00;
    cursor:pointer;
    background-color:#f2f2f2;
    border:solid 1px #999;
    width: 120px;
    font-size: 12px;
    text-align: center;
    line-height:17px;
}

.error_message {
    margin: 10px 18px;
    padding: 6px;
    border: 1px solid red;
    background-color: #FFD0D2;
    color:#7B0000;
    font-weight: bold;
    font-size: 12px;
}

.error_message.notice {
    border-color: blue;
    background-color: #D2D0FF;
    color:#00007B;
}