.error { clear: both; color: #cc0000; font-size: .9em; }

.ui-dialog { padding: 0px; border: none; }
.ui-dialog .ui-widget-header { font-size: 14px; font-family: Century Gothic, Helvetica, Arial, san-serif; text-transform: uppercase; -moz-border-radius: 5px 5px 0px 0px; background: #E17009; border: none; height: 30px; line-height: 30px; padding: 0px 20px; margin: 0px; margin-bottom: 10px; }

.ui-dialog p { margin-bottom: 5px; line-height: 1.5em; }
.ui-dialog ul, .ui-dialog ol  { margin-bottom: 5px; }
.ui-dialog li { margin-bottom: 5px; }
.ui-dialog .ui-dialog-content { padding: 5px 20px;  }
.ui-dialog .formRow { padding-bottom: 10px; position: relative; clear: both; }
.ui-dialog .formRight { text-align: right; }
.ui-dialog label { font-size: .9em; color: #333; line-height: 1.3em;  }
.ui-dialog label.inputLabel { line-height: 1.3em; padding: 5px 0px; width: 100px; display: block; float: left; }
.ui-dialog label.disabled { color: #aaa; }
.ui-dialog input.text { width: 240px; padding: 5px; background: #e6f0fa; border:1px solid #A6C9E2; text-align: left; font-weight: bold; font-size: 1.1em; }
.ui-dialog input.text:focus { background: #fff; }
.ui-dialog input.error { border: 1px solid #e37571;}
.ui-dialog input.disabled { color: #666; border: 1px solid #ddd; background: #fff;  }
.ui-dialog select { padding: 5px; width: 250px; }
.ui-dialog select.ui-state-default { color: #333; background: #fff; border: 1px solid #A6C9E2; }
.ui-dialog textarea, .ui-dialog textarea.ui-state-default { color: #333; background: #fff; border: 1px solid #A6C9E2; padding: 10px; font-size: 1.1em; line-height: 1.5em; font-family: Helvetica, Arial, san-serif; width: 350px; height: 200px; padding: 10px; }
.ui-dialog select.smallDD { width: 60px; margin-right: 10px; }
.ui-dialog select.medDD { width: 110px; margin-right: 10px; }
.ui-dialog .subhead { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; line-height: 1.4em; }
.ui-dialog .instructions { font-size: 1em; line-height: 1.4em; }
.ui-dialog .editIcons { float: left; margin-right: 5px; }
.ui-dialog .editIcons .ui-icon { float: left; margin-right: 5px; }
.ui-dialog .editInfo { float: left; line-height: 1.5em; }
.ui-dialog .memberName { font-weight: bold; }
.ui-dialog .memberRole {  }
.ui-dialog .cancel { float: left; margin-right: 10px; }
.ui-dialog .photocaption { width: 160px !important;}
.ui-dialog .ruleAbove { margin-top: 15px; padding: 5px 0px;  border-top: 1px solid #ccc;  }
.ui-dialog .ruleBelow { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }




/* settings */
#settingFormLeft { float: left; width: 360px; padding-right: 20px; border-right: 1px solid #ccc; }
#settingFormRight { float: left; width: 360px; padding-left: 20px; }
#personURLAlert { padding: 5px 0px; font-size: 11px; }
.ui-dialog .settingsCountryInstructions { font-weight: bold; font-size: .9em; line-height: 1.3em; margin-top: 5px; padding: 5px 0px; border-top: 1px solid #ccc; width: 360px; }
#new_bio { width: 330px; height: 200px;  }
#changeMySettingsDialog form { border-top: 1px solid #ccc; padding-top: 20px; }
#mySettingsHelpDiv { padding: 10px; background: #f3f3f3; line-height: 1.5em; }

/* change password */
#changePasswordAlertBox { width: 330px; color: red; margin: 5px 0 0 5px; }

/* band info */
.bandInfo { float: left; width: 250px; line-height: 1.5em; font-size: .9em; }
#editBandInfoHelpDiv { padding: 10px; background: #f3f3f3; margin-bottom: 10px; font-size: .9em; line-height: 1.5em; min-height: 50px; }
#deleteThisBandButton { font-size: .9em; cursor: pointer; }
#bandSettingFormLeft { float: left; width: 360px; padding-right: 20px;  }
#bandSettingFormRight { float: right; width: 360px; padding-left: 20px; border-left: 1px solid #ccc; }

/* my bands band editor */
#newBandDialog label.inputLabel { width: 200px; margin-right: 20px; }

/* my bands: add new member */
#addNewMemberDialog .add-type-col { float: left; width: 250px; padding: 5px; margin-right: 2px; background-color: #eee; min-height: 225px; }
#addNewMemberDialog .add-type-col.inactive { background-color: #ddd; }
#addNewMemberDialog .add-type-col.inactive .add-member-form label { color: #888; }
#addNewMemberDialog .add-type-col.inactive .btnBandMemberRoles { display: none; }
#addNewMemberDialog .add-type-col .add-member-form { margin-top:15px; }
#addNewMemberDialog input.invalid { border: 1px solid red !important; }

/* my bands event editor */
#bandEventListDiv { width: 140px; float: left; border-right: 1px solid #ccc; margin-right: 10px; padding-right: 10px; height: 95%; }
#bandEventEditorDiv { width: 360px; float: left; }
#editNewsDescription { width: 350px; }
.bandEventItem { padding: 5px; margin-bottom: 10px; color: #019BE3; background: #eee;  cursor: pointer; }
.bandEventItem:hover { background: #019BE3; color: #fff;  }

/* mybands edit my albums */
#editMyBandAlbumsDialogLEFT { float: left; width: 150px; border-right: 1px solid #ccc; height: 95%; padding-right: 20px; margin-right: 20px; }
#editMyBandAlbumsDialogRIGHT { float: left; width: 260px; margin-right: 20px; }
#editMyBandAlbumsDialogSongDiv { width: 259px; float: left; }
#albumList li { margin: 5px 0px; line-height: 1.3em; }
textarea#editBandAlbumDescription { width: 230px; height: 120px; }
.ui-dialog input.trackNumber { width: 18px; margin-right: 5px; text-align: right; }
.ui-dialog input.trackTitle { width: 200px; margin-right: 0px; }
.editAlbumTools { height: 25px; padding: 3px 0px; }
.editAlbumTools span { float: left; margin-right: 5px; }
.editAlbumTools span:hover { cursor: pointer; }

/* myband edit album credit */
#updateAlbumCreditsDialogLeftDiv { float: left; width: 260px; padding-right: 15px; }
#updateAlbumCreditsDialogRightDiv { float: left; width: 260px; padding-left: 20px; border-left: 1px solid #ccc;  }

/* myband edit song credit */
#updateSongCreditsDialogLeftDiv { float: left; width: 260px; padding-right: 15px;  }
#updateSongCreditsDialogRightDiv { float: left; width: 260px;  padding-left: 20px; border-left: 1px solid #ccc;  }

/* upload songs */
#songsToUploadQueue { padding: 5px 0px; }
.uploadifyQueueItem { line-height: 18px; }



/* upload photos */
.photo-container .default-photo-icon { display: none; }
.photo-container.is-default-photo .default-photo-icon { display: block; }

/* photo uploader */
.imageUploader { margin-bottom: 20px; }
.photo-container { width: 350px; padding: 10px 0px; position: relative; border-top: 1px solid #ccc; }
.photo-preview { float: left; width: 125px; margin-right: 20px; }
.photo-info { float: left; width: 200px; }
.photo-caption, .photo-default, .photo-delete { margin-bottom: 10px; }
.photo-caption { background-color: #eee; padding: 10px; position: relative; }
.photo-caption .ui-icon { position: absolute; left: 5px; top: 9px; }
.photo-caption .edit-caption { margin-left: 16px; }
.edit-caption textarea { width: 140px; height: 40px; margin-bottom: 5px; }
.edit-caption button { margin-right: 10px; }
.photo-default { height: 20px; }
.photo-default button, .photo-default .ui-icon { float: left; }
.photo-default .ui-icon { margin: 3px 0px 0px; }
.photo-delete .ui-icon-trash { background-position: -2px -1px !important; }