@charset "utf-8";
/* CSS Document */
body {position:relative;}
.clear {width:1px; height:1px; overflow:hidden; clear:both;}

.myjla #mainContent {font-size:12px; width:76.1em; padding:0 0 0 0.5em;}
.myjla #mainContent #content_L {width:56.3em; margin:0.5em 0 0 0; padding:0;}
.myjla #mainContent #content_R {width:18.8em; margin:0.5em 0 0 0.5em;}
.myjla #mainContent p, .myjla #mainContent span {font-size:1em;}
.myjla #mainContent h3, .myjla #mainContent h4, .myjla #mainContent h5, .myjla #mainContent h6, .myjla #mainContent p {margin:0 0 0.5em 0;}
.myjla option {padding:0.1em 0.5em 0 0.5em;}
.myjla #mainContent .helpTip {font-size:10px; cursor:help;}
.myjla #mainContent .errorMessage {color:#ff0000;}
.myjla #mainContent #submitButton {margin:auto;}
.myjla a.anchor {text-decoration:none;}
.myjla li {margin:0; display:block; padding:0;}
.myjla ol {list-style:decimal; padding:0;margin:0 0 0.5em 0; display:block;}
.myjla ol li {margin:0 0 0.5em 2em;}

/* log in -- */
#myjla-login .explanation {}
#myjla-login .logInBox {background:#1D3E35; color:#ffffff; padding:0.5em; float:left; width:26.9em; margin:0 0.5em 0 0; height:16em;}
#myjla-login .registrationBox {background:#1D3E35; color:#ffffff; padding:0.5em; float:left; width:26.9em; height:16em;}
#myjla-login .logInBox h3, #myjla-login .logInBox h4, #myjla-login .logInBox h5, #myjla-login .logInBox h6, #myjla-login .logInBox p, #myjla-login .logInBox label, #myjla-login .logInBox a, #myjla-login .registrationBox h3, #myjla-login .registrationBox h4, #myjla-login .registrationBox h5, #myjla-login .registrationBox h6, #myjla-login .registrationBox p, #myjla-login .registrationBox label, #myjla-login .registrationBox a {background:#1D3E35; color:#ffffff;}
/*#myjla-login .logInBox label {display:none;}*/
#myjla-login .logInBox input.lineInput { width:98.2%; padding-left:0; padding-right:0; height:1.5em;}
/* -- log in */

/* registration page -- */
#myjla-register .registrationBox {background:#E7EBEA; color:#ffffff; padding:0.5em; border:1px solid silver;}
#myjla-register .registrationBox h4, #myjla-register .registrationBox h5, #myjla-register .registrationBox h6, #myjla-register .registrationBox p, #myjla-register .registrationBox a, #myjla-register .registrationBox label {color:#123629;}
#myjla-register .registrationBox label {display:block; float:left; width:16em;}
#myjla-register .registrationBox p {clear:both;}
#myjla-register .registrationBox .lineInput {width:22em;}
#myjla-register .registrationBox #country {display:block; margin:0 0 0.1em 16em;}
#myjla-register .registrationBox #otherCountryLabel {display:block; margin:0; float:none;}
#myjla-register .registrationBox #otherCountry {display:block; margin:0; width:22em;}
/*
#myjla-register .registrationBox #termsCon {float:left; display:block; margin:0.2em 0.5em 0 16em;}
*/
/* -- registration page */

/* main page -- */
.myjla #mainContent .briefs {}
.myjla #mainContent .briefs .briefs-header {}
.myjla #mainContent .briefs .briefs-header .briefs-header-tab {float:left; background:#597269; margin:0 0.5em 0 0; font-size:16px; line-height:1em; color:#ffffff; }
.myjla #mainContent .briefs .briefs-header .briefs-header-tab img {display:block; border:none;}
.myjla #mainContent .briefs .briefs-header .current {background:#123629;}
.myjla #mainContent .briefs .briefs-header .briefs-header-tab a {text-decoration:none; color:#ffffff;}
.myjla #mainContent .briefs .briefs-header .briefs-header-tab a:hover {text-decoration:underline;}
.myjla #mainContent .briefs .briefs-header .briefs-header-tool-button {float:left; margin:0 0.5em 0 0; font-size:12px; line-height:1em; padding:0.6em 0 0;}
.myjla #mainContent .briefs .briefs-header .briefs-header-tool-button a {text-decoration:none; color:#123629;}
.myjla #mainContent .briefs .briefs-header .briefs-header-tool-button a:hover {text-decoration:underline;}
.myjla #mainContent .briefs .briefs-header .briefs-header-bottom {background:#123629; height:8px; overflow:hidden; clear:both;}
.myjla #mainContent .briefs .briefs-header .briefs-header-bottom hr {display:none;}
.myjla #mainContent .briefs .briefs-body {background:#123629; clear:both; padding:0 0.5em 1px; list-style:none;}
.myjla #mainContent .briefs .briefs-body .brief-details {margin:0 0 0.5em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-type-con {background:#2e9cb3;padding:0.2em 0.5em 0.5em;position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-type-pre {background:#623592;padding:0.2em 0.5em 0.5em;position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-type-aft {background:#b5a13e;padding:0.2em 0.5em 0.5em;position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-type-cab {background:#62ad86;padding:0.2em 0.5em 0.5em;position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-type-neu {background:#667D75;padding:0.2em 0.5em 0.5em;position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-header {padding:0.2em 0 0; position:relative; width:54.3em;}
.myjla #mainContent .briefs .briefs-body .brief-header * {margin:0;}
/*
.myjla #mainContent .briefs .briefs-body .brief-header .brief-title {color:#ffffff; font-size:14px; font-weight:normal; float:left;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-enq-cat {color:#ffffff; font-size:12px; line-height:1.4em; float:left; margin-left:0.5em; border-left:0.1em solid #ffffff; padding-left:0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-event-date {color:#ffffff; font-size:12px; line-height:1.4em; float:right;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-view-toggle {float:right; margin-left:1em;}
*/
.myjla #mainContent .briefs .briefs-body .brief-header .brief-title {color:#ffffff; font-size:14px; font-weight:normal; display:inline;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-enq-cat {color:#ffffff; font-size:11px; line-height:1.4em; display:inline; margin-left:0.5em; border-left:1px solid #ffffff; padding-left:0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-owner {color:#ffffff; font-size:11px; line-height:1.4em; /* display:inline; margin-left:0.5em; border-left:1px solid #ffffff; padding-left:0.5em; */ }
.myjla #mainContent .briefs .briefs-body .brief-header .brief-enq-num {color:#ffffff; font-size:11px; line-height:1.4em; display:inline; margin-left:0.5em; border-left:1px solid #ffffff; padding-left:0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-event-date {color:#ffffff; font-size:11px; line-height:1.4em; display:inline;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-view-toggle {display:inline; margin-left:1em;}

.myjla #mainContent .briefs .briefs-body .brief-header .brief-view-toggle a {color:#ffffff; text-decoration:none; padding-left:20px; background:url(../images/myJLA/magnifier.gif) scroll no-repeat left top;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-view-toggle a:hover {text-decoration:underline;}
.myjla #mainContent .briefs .briefs-body .divider {clear:both; width:1px; height:1px; overflow:hidden;}
.myjla #mainContent .briefs .briefs-body .divider hr {display:none;}

.myjla #mainContent .briefs .briefs-body .brief-header .brief-header-group-1 {width:38.5em; float:left;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-header-group-2 {width:15.5em; float:right;}
/*
.myjla #mainContent .briefs .briefs-body .brief-header .brief-header-group-1 {display:inline;}
.myjla #mainContent .briefs .briefs-body .brief-header .brief-header-group-2 {display:inline; text-align:right;}
*/
.myjla #mainContent .briefs .briefs-body .brief-general-details {/*position:relative;*/ width:54.3em; margin-top:0.2em;}
.myjla #mainContent .briefs .briefs-body .brief-type-con .brief-general-details {background:#ffffff url(/images/spacerForCON.gif) scroll repeat-y 30em 0;}
.myjla #mainContent .briefs .briefs-body .brief-type-pre .brief-general-details {background:#ffffff url(/images/spacerForPRE.gif) scroll repeat-y 30em 0;}
.myjla #mainContent .briefs .briefs-body .brief-type-aft .brief-general-details {background:#ffffff url(/images/spacerForAFT.gif) scroll repeat-y 30em 0;}
.myjla #mainContent .briefs .briefs-body .brief-type-cab .brief-general-details {background:#ffffff url(/images/spacerForCAB.gif) scroll repeat-y 30em 0;}
.myjla #mainContent .briefs .briefs-body .brief-type-neu .brief-general-details {background:#ffffff url(/images/spacerForNEU.gif) scroll repeat-y 30em 0;}
.myjla #mainContent .briefs .briefs-body .brief-account-manager {width:30em; background:#ffffff;}
.myjla #mainContent .briefs .briefs-body .brief-related-users {float:left; background:#ffffff; margin-left:0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-account-manager h5 {margin:0.5em 0 0.4em 0.5em; font-size:11px; line-height:1.2em;}
.myjla #mainContent .briefs .briefs-body .brief-account-manager dl {margin:0.2em 0 0.2em 0.9em; font-size:10px;line-height:1.2em;}
.myjla #mainContent .briefs .briefs-body .brief-account-manager p {margin:0.2em 0 0.2em 0.9em; font-size:10px;line-height:1.2em;}

/*OWENS styles*/
.myjla #mainContent .briefs .briefs-body .brief-update { margin:0; width:360px; clear:left; border-top:#667D75 5px solid; }
	.myjla #mainContent .briefs .briefs-body .brief-update-pre { border-top-color:#623592; }
	.myjla #mainContent .briefs .briefs-body .brief-update-con { border-top-color:#2E9CB3; }
	.myjla #mainContent .briefs .briefs-body .brief-update-aft { border-top-color:#B5A13E; }
	.myjla #mainContent .briefs .briefs-body .brief-update-cab { border-top-color:#62AD86; }
.myjla #mainContent .briefs .briefs-body .brief-update p { margin-top:5px; float:right; width:210px; font-size:10px; }
.myjla #mainContent .briefs .briefs-body .brief-update a { background-color:#E32118; margin:10px 5px; color:#FFF; padding:5px 0; text-align:center; font-size:15px; font-weight:bold; text-decoration:none; position:static; display:block; width:133px; }
/*****************/


.myjla #mainContent .briefs .briefs-body .brief-related-users h5 {margin:0.5em 0 0.4em 0.5em; font-size:11px; line-height:1.2em;}
.myjla #mainContent .briefs .briefs-body .brief-related-users .userList {margin:0.2em 0 0.4em 0.4em; font-size:11px; list-style:none;}
.myjla #mainContent .briefs .briefs-body .brief-related-users .addOtherUser {width:23em; margin:0.5em 0 0.5em 0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-related-users .addOtherUser input.addOtherUserEmailAddress {width:20em; font-size:11px; margin-right:0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-related-users .invitedUser {color:#cccccc;}
.myjla #mainContent .briefs .briefs-body .brief-type-con .brief-notes-panel {background:#C0E1E8;}
.myjla #mainContent .briefs .briefs-body .brief-type-pre .brief-notes-panel {background:#CFC2DE;}
.myjla #mainContent .briefs .briefs-body .brief-type-aft .brief-notes-panel {background:#E8E2C2;}
.myjla #mainContent .briefs .briefs-body .brief-type-cab .brief-notes-panel {background:#D7EBE0;}
.myjla #mainContent .briefs .briefs-body .brief-type-neu .brief-notes-panel {background:#B3BFBB;}
.myjla #mainContent .briefs .briefs-body .brief-body {background:#ffffff; margin:0.5em 0 0 0; padding:1px;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel {margin:0.5em; padding:0.5em; /*position:relative;*/}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel .brief-notes-content-pane {background:#ffffff; width:52.2em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel .brief-notes-content-pane tr {margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel .brief-notes-content-pane th {text-align:left; font-weight:bold; font-size:10px; vertical-align:top; padding:0 0.2em 0 0; width:8em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel .brief-notes-content-pane th.brief-note-who-by {width:14em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel .brief-notes-content-pane td {margin:0; vertical-align:top; font-size:10px;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel form.addNoteForm {margin:0.5em 0 0 0; width:52.2em; padding:0; }
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel input.addNoteContent {font-size:10px; margin:0.1em 0.5em 0 0; width:52.5em; display:block; float:left; }
.myjla #mainContent .briefs .briefs-body .brief-body .brief-notes-panel input.addNoteSubmit {display:block; float:right; font-size:12px;}


.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel {margin:0.5em 0 0.5em 0; width:54.2em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel h5 {margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item {float:left; margin:0.5em 0 0 0; width:17.88em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-type-con {background:#C0E1E8 none repeat scroll 0%; border-bottom:0.5em solid #2e9cb3; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-type-pre {background:#CFC2DE none repeat scroll 0%; border-bottom:0.5em solid #623592; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-type-aft {background:#E8E2C2 none repeat scroll 0%; border-bottom:0.5em solid #b5a13e; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-type-ent {background:#D7EBE0 none repeat scroll 0%; border-bottom:0.5em solid #62ad86; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-type-neu {background:#819F94 none repeat scroll 0%; border-bottom:0.5em solid #B3BFBB; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .artistThumbLink {display:block; font-size:10px; height:8em; overflow:hidden; float:left; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .artistThumb {display:block; width:8.5em; font-size:10px; margin:0 0.6em 0 0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .fakeButton img {font-size:10px; width:10.5em; display:block;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .artistTitle {text-transform:uppercase; font-size:15px; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .primary-descriptor {font-weight:bold; font-size:11px; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .shortlist-item-synopsis {font-size:11px; background:#ffffff; margin:0 0.5em 0 0; padding:0.5em; overflow:scroll; overflow-y:auto; overflow-x:hidden; height:6em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .remove-shortlist-item {text-align:right; font-size:12px; margin:0 0.5em 0 0; position:absolute; right:0; bottom:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .remove-shortlist-item a {text-decoration:none; /*color:#ff0000;*/ font-size:11px;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-shortlist-panel .shortlist-item-list .shortlist-item .remove-shortlist-item a:hover {text-decoration:underline;}


.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel {margin:0.5em 0 0 0; width:54.2em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel h5 {float:left; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .lastModifiedTimestamp {float:left; margin:0 0 0 0.5em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item {float:left; margin:0.5em 0 0 0; width:17.88em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-type-con {background:#C0E1E8 none repeat scroll 0%; border-bottom:0.5em solid #2e9cb3; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-type-pre {background:#CFC2DE none repeat scroll 0%; border-bottom:0.5em solid #623592; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-type-aft {background:#E8E2C2 none repeat scroll 0%; border-bottom:0.5em solid #b5a13e; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-type-ent {background:#D7EBE0 none repeat scroll 0%; border-bottom:0.5em solid #62ad86; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-type-neu {background:#B3BFBB none repeat scroll 0%; border-bottom:0.5em solid #819F94; margin:0 0 0 0.5em; padding:0.5em 0 0 0.5em; height:17.8em; width:16.88em; position:relative;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .artistThumbLink {display:block; font-size:10px; height:8em; overflow:hidden; float:left; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .artistThumb {display:block; width:8.5em; font-size:10px; margin:0 0.6em 0 0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .fakeButton img {font-size:10px; width:10.5em; display:block;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .artistTitle {text-transform:uppercase; font-size:15px; margin:0; line-height:1em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .primary-descriptor {font-weight:bold; font-size:11px; margin:0;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-synopsis {font-size:11px; background:#ffffff; margin:0 0.5em 0 0; padding:0.5em; overflow:scroll; overflow-y:auto; overflow-x:hidden; height:6em;}
.myjla #mainContent .briefs .briefs-body .brief-body .brief-proposals-panel .proposal-item-list .proposal-item .proposal-item-last-modified-timestamp {font-size:11px; margin:0.2em 0 0; position:absolute; bottom:0; left:0.5em; }

.myjla #mainContent .briefs .briefs-body .brief-control-panel {margin:0; padding:1.5em 0 1em; text-align:right;}
.myjla #mainContent .briefs .briefs-body .brief-control-panel * {display:inline;}

.myjla #mainContent .supportTeam {background:#2A4A3F; border-bottom:0.5em solid #12362A; padding:0.5em;}
.myjla #mainContent .supportTeam * {color:#ffffff;}
.myjla #mainContent .supportTeam h3 {font-size:14px;}
.myjla #mainContent .supportTeam ul {list-style:none;}
.myjla #mainContent .supportTeam li {margin:0 0 0.7em 0;}
.myjla #mainContent .supportTeam li h4 {margin:0; font-size:12px; line-height:1.1em;}
.myjla #mainContent .supportTeam li p {margin:0; font-size:12px; line-height:1.1em;}
.myjla #mainContent .supportTeam p.contactNumber {padding:1em 0 0; margin:0;}
/* -- main page */

/* create new page -- */
#myjla-create-new-brief .createNewEnquiryBox {background:#E7EBEA; color:#ffffff; padding:0.5em; border:1px solid silver;}
#myjla-create-new-brief .createNewEnquiryBox h4, #myjla-create-new-brief .createNewEnquiryBox h5, #myjla-create-new-brief .createNewEnquiryBox h6, #myjla-create-new-brief .createNewEnquiryBox p, #myjla-create-new-brief .createNewEnquiryBox a, #myjla-create-new-brief .createNewEnquiryBox label {color:#123629;}
#myjla-create-new-brief .createNewEnquiryBox label {display:block; float:left; width:16em;}
#myjla-create-new-brief .createNewEnquiryBox .labelReplacement {display:block; float:left; width:16em; text-align:right;}
#myjla-create-new-brief .createNewEnquiryBox p {clear:both;}
#myjla-create-new-brief .createNewEnquiryBox .lineInput {width:22em;}
#myjla-create-new-brief .createNewEnquiryBox #rolesControl {margin:0 0 1em 0;}
/* -- create new page */

/* create new page -- */
#myjla-add-into-myshortlist .addToMyShortlistBox {background:#E7EBEA; color:#ffffff; padding:0.5em; border:1px solid silver;}
#myjla-add-into-myshortlist .addToMyShortlistBox h4, #myjla-add-into-myshortlist .addToMyShortlistBox h5, #myjla-add-into-myshortlist .addToMyShortlistBox h6, #myjla-add-into-myshortlist .addToMyShortlistBox p, #myjla-add-into-myshortlist .addToMyShortlistBox a, #myjla-add-into-myshortlist .addToMyShortlistBox label {color:#123629;}
#myjla-add-into-myshortlist h4.modeHeading {font-size:12px;margin:0;}
#myjla-add-into-myshortlist p.mode {margin:0 0 1em 0;}
#myjla-add-into-myshortlist p.mode input {margin-right:1em; vertical-align:middle;}
#myjla-add-into-myshortlist p.mode a {text-decoration:none;}
#myjla-add-into-myshortlist #mode1Section {margin:0 1em 0 1em; border-top:1px solid silver; padding:0.5em 0 1em 0;}
#myjla-add-into-myshortlist #mode1SectionAnchor {text-decoration:none; display:block; margin:0 0 0.5em 0;}
#myjla-add-into-myshortlist #mode2Section {margin:0 1em 0 1em; border-top:1px solid silver; padding:0.5em 0 1em 0;}
#myjla-add-into-myshortlist #mode2SectionAnchor {text-decoration:none; display:block; margin:0 0 0.5em 0;}
#myjla-add-into-myshortlist #mode2Section label {width:15em; float:left; display:block;}
#myjla-add-into-myshortlist #mode2Section p {clear:both;}
#myjla-add-into-myshortlist #mode2Section .lineInput {width:22em;}
/*
#myjla-add-into-myshortlist .addToMyShortlistBox label {display:block; float:left; width:16em;}
#myjla-add-into-myshortlist .addToMyShortlistBox .labelReplacement {display:block; float:left; width:16em; text-align:right;}
#myjla-add-into-myshortlist .addToMyShortlistBox p {clear:both;}
#myjla-add-into-myshortlist .addToMyShortlistBox .lineInput {width:22em;}
#myjla-add-into-myshortlist .addToMyShortlistBox #rolesControl {margin:0 0 1em 0;brief-account-manager;}
*/
/* -- create new page */

/* password page -- */
#myjla-change-password .changePasswordBox {background:#E7EBEA none repeat scroll 0%;border:1px solid silver;color:#FFFFFF;padding:0.5em;}
#myjla-change-password form p {clear:both; margin:0 0 0.5em 0;}
#myjla-change-password form p label {float:left; width:16em;}
#myjla-change-password form p input.lineInput {width:22em;}
#myjla-change-password form .errorMessage {clear:both;}
#myjla-change-password form p label.error { color:red; width:30em; clear:both; padding: 0 0 0.5em 16em; }
#myjla-change-password #mainContent .errorMessage { margin:0 0 0.5em 0; }
/* -- password page */

/* help page -- */
#myjla-help.myjla #mainContent h2 {font-size:20px; margin:0 0 0.5em;}
#myjla-help.myjla #mainContent h3 {font-size:18px; margin:0.7em 0 0.4em;}
#myjla-help.myjla #mainContent h4 {font-size:16px;}
/* -- help page */

.myjla .colorGuide {margin:0.5em 0 0 0; border-bottom:0.5em solid #12362A; padding:0.5em 0.5em 0;}
.myjla .colorGuide h3 {font-size:14px;}
.myjla .colorGuide ul {list-style:none;}
.myjla .colorGuide li {margin:0 0 0.5em 0;}