/* Std_AccountPicker styles*/
#accountPickerDialog .header {
    font-weight: bold;
    margin: .5em;
}
/*This is done in an effort to keep MyQB and non-MyQB look the same. MyQB done some reset fonts coz of yui.*/
#accountPickerDialog ul {
    padding: 0;
}
#accountPickerDialog ul,
#accountPickerDialog li {
    margin: 1em;
    list-style: url(../../../i/cal_navMenu_arrow_right.gif);
}

#accountPickerDialog li a:hover {
    color: Blue;
    cursor: pointer;
}

/* std_popupsdivs styles - dialog using QB.Dialog */
#verificationRequiredHead {height: 38px;}
#verificationRequiredImage {float:left; margin: 0 15px 0 0; width: 72px; height: 38px;}
#verificationRequiredText {float:left; width: 350px;}
#verificationRequiredFirstPara {margin: 0px; padding: 0px;}
.verificationRequiredPara {margin: 0px; padding: 10px 0px 0px 0px;}
.verificationRequiredBoldPara {margin: 0px; padding: 10px 0px 0px 0px; font-weight: bold;}
.verificationRequiredInput {width: 300px;}
.verificationRequiredFieldLabel {font-weight: bold; padding-top: 10px;}

/*******************************************************************************
Styles for QB.Dialog, found in widgets.css
*******************************************************************************/
.QB.Dialog.ui-dialog {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.QB.Dialog.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    padding-left: 1.5em;
    padding-top: 0.5em;
}
.QB.Dialog.ui-dialog .ui-dialog-buttonpane button {
    float: none;
    margin-left: 0;
    margin-right: 0.6em;
}

.QB.Dialog .Headline {
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: bold;
}
.QB.Dialog .Headline .Icon,
.QB.Dialog .Headline .Text {
    vertical-align: middle;
}
.QB.Dialog .Headline .Icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 1em;
}
.QB.Dialog.Untyped .Headline .Icon {
    display: none;
}
.QB.Dialog.Info .Headline .Icon {
    background-image: url("images/icons/info_32.gif");
}
.QB.Dialog.Warning .Headline .Icon {
    background-image: url("images/icons/warning_32.gif");
}
.QB.Dialog.Error .Headline .Icon {
    background-image: url("images/icons/error_32.png");
}

.QB.Dialog.ui-corner-all {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
	
}

.QB.Dialog #converterSpinner.SpinnerStart {
    background-image: url("images/ajax-loader.gif");
}

/* Dialogs asking what sort of x to do where there are radio choices each in a section */
.DialogChoices section {
  /*  display: block;*/
    margin-top: 5px;
}
.DialogChoices section label {
    display: block;
    cursor: pointer;
    padding: 10px;
}
.DialogChoices section header {
    margin-bottom: 0.5em;
}
.DialogChoices section header .Icon {
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}
.DialogChoices section:hover {
    background: #f2f2f2;
}
.DialogChoices section input {
    vertical-align: middle;
    margin-right: 5px;
}
.DialogChoices p {
    padding: 2px;
    line-height: 1.6em;
    margin: 0;
}

#dialogAddNewReportContents input:focus,
#dialogAddNewReportContents button:focus {
    outline: none;
}

#dialogAddNewReportContents.DialogChoices section {
  /*  display: block;*/
   margin-top: 2px;
}
#dialogAddNewReportContents.DialogChoices section label {
    display: block;
    cursor: pointer;
    padding: 0px 3px;
}

#dialogAddNewReportContents.DialogChoices section:hover {
    background: rgba(2, 184, 243, .08);
}
#dialogAddNewReportContents.DialogChoices section input {
    vertical-align: middle;
    margin-right: 6px;
}
#dialogAddNewReportContents.DialogChoices p {
    padding: 2px;
    line-height: 1.6em;
    margin: 0;
}
#dialogAddNewReportContents.DialogChoices section label .FS-H1 {
    font-size: 14px;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    padding-bottom: 4px;
    position: relative;
    top: 4px;
}
#dialogAddNewReportContents.DialogChoices section label > div {
    margin-top: 7px;
    max-width: 450px;
}

.Icon.Report { background-image: url("./images/icons/Table-Report.png"); }
.Icon.Table.Report { background-image: url("./images/icons/Table-Report.png"); }
.Icon.Summary.Report { background-image: url("./images/icons/Summary-Report.png"); }
.Icon.Chart.Report { background-image: url("./images/icons/Chart-Report.png"); }
.Icon.Grid-edit.Report { background-image: url("./images/icons/Grid-edit-Report.png"); }
.Icon.Calendar.Report { background-image: url("./images/icons/Calendar-Report.png"); }
.Icon.Timeline.Report { background-image: url("./images/icons/Timeline-Report.png"); }
.Icon.Map.Report { background-image: url("./images/icons/Map-Report.png"); }
.Icon.Kanban.Report { background-image: url("./images/icons/Kanban-Report.png"); }

#dialogAddNewReport .Report {
    background-image: url("./images/ReportBuilder_40x40.png") !important;
    width:40px !important; 
    height: 40px !important;
    margin-right: 0px;
}

#dialogAddNewReport .Icon.Table.Report {   background-position: 0px 0px; }
#dialogAddNewReport section:hover .Icon.Table.Report { background-position: 0px -40px; }

#dialogAddNewReport .Icon.Grid-edit.Report {  background-position: -40px 0px; }
#dialogAddNewReport section:hover .Icon.Grid-edit.Report { background-position: -40px -40px; }

#dialogAddNewReport .Icon.Summary.Report {  background-position: -80px 0px; }
#dialogAddNewReport section:hover .Icon.Summary.Report { background-position: -80px -40px; }

#dialogAddNewReport .Icon.Calendar.Report {  background-position: -120px 0px; }
#dialogAddNewReport section:hover .Icon.Calendar.Report { background-position: -120px -40px; }

#dialogAddNewReport .Icon.Chart.Report {  background-position: -160px 0px; }
#dialogAddNewReport section:hover .Icon.Chart.Report { background-position: -160px -40px; }

#dialogAddNewReport .Icon.Timeline.Report {  background-position: -200px 0px; }
#dialogAddNewReport section:hover .Icon.Timeline.Report { background-position: -200px -40px; }

#dialogAddNewReport .Icon.Map.Report {  background-position: -240px 0px; }
#dialogAddNewReport section:hover .Icon.Map.Report { background-position: -240px -40px; }

#dialogAddNewReport .Icon.Kanban.Report {  background-position: -280px 0px; }
#dialogAddNewReport section:hover .Icon.Kanban.Report { background-position: -280px -40px; }

#dialogAddNewReport .ui-dialog-content {
    padding:0px;
}

#dialogAddNewReportContents  {
    outline: none;
}
            
#dialogAddNewReportContents section {
    clear:both;
    float:left;
    padding:8px;
    width: 540px;
}
    
#dialogAddNewReportContents section > * {
    float:left;
}

#dialogAddNewReportContents section > input {
    height: 40px;
}

/*******************************************
		Angular Bootstrap Dialog
********************************************/

.QB.Dialog .modal-content {
	padding: 30px;
}
.QB.Dialog .modal-content .Headline {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 22px 0;
	line-height: 1em;
}
.QB.Dialog .modal-content .Prompt {
	font-size: 14px;
	margin: 0 0 20px 0;
	line-height: 1em;
}
.QB.Dialog .modal-content .Buttons {
	margin: 34px 0 0 0;
	border-top: 1px solid #D1D1D1;
	padding-top: 24px;
}
.QB.Dialog .modal-content .Buttons .HarmonyButton {
	margin: 0;
}
.QB.Dialog .modal-content .Buttons .right {
	float: right;
}

/* Create new table dialog */
.createNewTableDescSpan textarea {
    max-width: 648px;
    margin-left: 3px;
}
form.newTableForm {
    margin-bottom: 20px;
}

/* Address book dialog */
.ui-dialog {
    padding: 0em !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    border: none;
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 13px;
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif !important;
}

/* Share app dialog */

ul.token-input-list-facebook {
    border: 1px solid #bbb;
    border-radius: 2px;
    padding-bottom: 7px;
    margin-left: -7px;
}
.token-input-dropdown-facebook {
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    margin-left: -7px;
}


#addUserDialog .addUserSection {
    width: 50em;
    padding-left: 0px;
}
#addUserDialog .addressBookButton.ui-corner-all.ui-state-default {
    margin-right: 12px;
    position: relative;
    top: -6px;
}
 
#addUserDialog .textInputLabel,
#addUserDialog #addDialogRoleSelect {
    margin-left: 16px;
}

#addUserDialog ul.tableToolbarAdd {
    margin-left: 12px;
}

#addUserDialog #addUserNewSectionButton {
    padding-left: 24px;
}

#addUserDialog .checkboxitem {
    margin-bottom: 2em;
    margin-top: 0em;
    margin-left: 14px;
}

#addUserAutocompleteTable .buttonCell {
    vertical-align: top;
}