/* wrappers */

#leftWrapper { width: 760px; }
#rightWrapper { float: right; position: relative; width: 130px; border: solid 1px #bbb; padding: 10px; }

/* panels customisation, 3 columns */

.pageForm fieldset { border: solid 1px #ccc; padding: 20px 12px; margin-top: 30px; background: #fafafa; }
.pageForm legend { padding: 6px; border: solid 1px #ccc; }

.customisation_col { position: relative; width: 31%; float: left; margin-right: 3%; }
.customisation_col#last { margin: 0; }
.customisation_col#pass_fields { display: none; }
.customisation_col#pass_header strong { line-height: 34px; }


/* specific to account settings */

#pass_fields * { float: left; display: block; position: relative; }
#pass_fields input { width: 110px; }
#pass_fields a { left: 178px; margin-top: 6px; font-size: 12px; }
#pass_fields label { width: 90px; margin-top: 9px; }

/* overwrite a few global styles that don't quite work here */

.pageForm label { text-align: left; float: none; margin-right: 10px; }
.pageForm input, .pageForm select { float: none; }


/* individual homepage panels */

.userCustomisePanel { border: 1px solid #d9d9d9; margin-bottom: 10px; padding: 8px; background: #fff; }
.userCustomisePanel input { margin-right: 3px; }
    .userCustomisePanel a { position: absolute; right: 4px; }
    .userCustomisePanel a:hover { text-decoration: none; }
    .userCustomisePanel a.disabled { color: #aaa; cursor: default; }
    .userCustomisePanel .optionsBox { border-top: solid 1px #d9d9d9; margin-top: 10px; padding-top: 10px; }
    .userCustomisePanel .optionsBox label { color: #777; }


/* save and update details */

#rightWrapper h5 { font-size: 1.2em; }
#rightWrapper input { margin: 15px 0; float: none; }
.result { font-weight: bold; margin: 0; }