/* ---------------------------------------------------------------------------------------
| CSS : Account pages
|
*/

#accountBoxContent {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
}

.accountTitle {
    color: #08596c;
    display: block;
    font-size: large;
    margin-bottom: 1em;
}

.leftColumn {
    float: left;
    width: 45%;
}

.rightColumn {
    float: right;
    border-left: 1px solid #DBDFF1;
    padding-left: 2em;
    width: 45%;
}

.submitButton {
    margin: 1em 0 0;
}

.submitButton:hover {
    opacity: 0.9;
}

div.actionMessage {
    background: url("../images/gradient.png") repeat-x left -20px;
    width: 30em;
    margin: 1em;
}

.actionMessage ul {
    background: url("../images/info.gif") no-repeat -7px 5px;
    min-height: 40px;
    padding: 1em;
    margin: 1em;
    list-style-type: none;
    font-weight: bold;
}

.actionMessage li {
    padding-left: 50px;
}

/*
 | Specific for account-display-order.jsp
*/
div.anOrder {
    font-size: 11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px #555555;
    -moz-box-shadow: 0 1px 3px #555555;
    box-shadow: 0 1px 3px #555555;
    margin-bottom: 1em;
}

div.orderTop {
    background-color: #eaeae9;
    font-weight: bold;
    position: relative;
    padding: 1em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.orderTopPrice {
    float: right;
    color: #a9a9a9;
    font-size: smaller;
    padding: 2px 5px;
}

.orderStatus {
    border-bottom: 1px dashed #a9a9a9;
    margin-bottom: 2px;
    padding: 0.5em;
}

.orderStatus a {
    background: white url('../images/account/order-icon.gif') no-repeat right top;
    padding-right: 15px;
    padding-bottom: 3px;
}

.orderStatus span {
    width: 100px;
    float: left;
    text-align: center;
    color: #666666;
}

.orderContent {
    padding: 0.5em;
}

div.orderItem {
    width: 48%;
    float: left;
    overflow: hidden;
}

.orderItem div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.orderItemImage {
    float: left;
    text-align: center;
    width: 75px;
    color: #666666;
    font-size: 9px;
}

.orderItemImage span {
    font-weight: bold;
}

.orderItemLabel {
    text-transform: lowercase;
    text-align: left;
}

/*
 | Specific for account-login.jsp
*/

#login hr, .anOrder hr {
    visibility: hidden;
    clear: both;
}

/*
 | Specific for account-display.jsp
*/

#accountlist {
    padding: 1px;
    margin-left: 0;
    font-size: 11px;
    width: 14em;
    color: gray;
}

#accountlist li {
    list-style: none;
    margin: 0;
    border-left: 1px #DBDFF1 solid;
    border-bottom: 1px #DBDFF1 solid;
    text-align: left;
}

#accountlist li a {
    display: block;
    padding: 0.7em 0.5em 0.7em 0.9em;
    text-decoration: none;
    border-left: 3px white solid;
}

#accountlist li a:link {
    color: #000;
}

#accountlist li a:visited {
    color: #006;
}

#accountlist li a:hover {
    font-weight: bold;
    color: #000080;
    background: #b1d5ed;
    border-left: 3px #004080 solid;
}

#accountlist a.current {
    font-weight: bold;
    color: #000080;
    background: #b1d5ed;
    border-left: 3px #b1d5ed solid;
}