/* general rules */
*, body{
  padding: 0;
  margin: 0;
}
option{
  padding: 1px 8px 1px 0;
  font-size: 12px;
}
#dragHelper button,
.form button, .formDesigner button{
  padding:0;
}
#dragHelper h1,
.formDesigner h1, .form h1{
  margin:0 0 5px 5px;
}
.formDesigner .toolbar{
  padding: 0 4px;  
}
button, img{
  vertical-align:middle !important;
}
/* main containers */
#layoutWrap{
  /*float: right;*/
  width: 100%;
  /*margin-left: -300px;*/
  height:780px;
}
#layoutContent{
  height: 100%;
  /*margin-left: 300px;*/  /*See Ali: removed for table (for performance)*/
}
#workspace{
  height: 100%;
  overflow-y: auto;
}
#configPane{  
  width: 305px;
  float: left;
  height: 100%;
  margin:0;
  padding:0;
}
#configPane .scrollableConfig{  
  height:560px;
  width:305px;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
#configPane h2 .navigate{
  float:right;
  margin: 3px 3px 0 0;
}
#configPane h2 .fieldType{
  font-weight:normal;
}
.formDesigner h1.designerHeader{
  margin-top:7px;
  margin-bottom:7px;
}
.toolbar{
  width:100%;
  height:28px;
}
.formDesigner .toolbar a{
  display:block;
  padding: 3px;
  float:left;
  margin:3px 0;
}
.formContent{
  width:100%;
}
/*tools*/
#toolsContainer{
  float:left;
  width:100%;
  height: 54px;
}
#toolsContainer button{
  width: 34px;
  height: 30px;
  margin:0;
  padding:0;
}
#toolsContainer button label{
  display:inline;
}
#toolsContainer button.selected label{
  display:inline;
}
/*Validation message pane*/
div.messagePane{
  width:100%;
  height:90px;
  z-index: 1;
}
.messagePane div.messagePaneHeader, .messagePane div.messages{
  width:100%;
  height:100%;
  clear:both;
}
.messagePane div.messagePaneHeader, .messagePane .messages div.clone{
  height: 16px;
}
.messagePane div.messages{
  overflow-y:scroll;
}
.messagePane div.messagePaneHeader, .messagePane div.messages div{
  overflow:hidden;
}
.messagePane div.iconColumn{
  width: 25px;
  float:left;
  padding: 0 3px;
}
.messagePane div.errorColumn{
  width:500px;
  float:left;
  margin-right: 5px;
}
.messagePane div.idColumn{
  width:180px;
  float:left;
  margin-right: 5px;
}
.messagePane div.typeColumn{
  float:left;
}
.messagePane div.typeColumn img{
  position:absolute;
  bottom:2px;
  right:2px;
}
/* effects */
.cloneable {
  display: none;
}
.hidden{
  display: none;
}
/*Tabs*/
.tab-hidden {
  display: none;
}
.tabbed-container ul {
  margin: 0;
  padding: 0;
  width:100%;
  vertical-align:middle;
}
.tabbed-container ul.anchors {
  height:23px;
}
.tabbed-container ul.anchors li {
  margin: 0;
  padding:3px 15px;
  display: block;
  float:left;
  height:13px;
  text-align: middle;
}
.tabbed-container .buttonSection{
  width:100%;
  margin:0;
}
.form .tabbed-container .fragment{
  padding:3px;
}
button.buttonSetInput span, button.formInput span{
  display:inline;
  padding-left:4px;
}
button.buttonSetInput, button.formInput{
  text-align:left;
}
.tabbed-container .buttonSection button span{
  display:none;
}
.tabbed-container .buttonSection button{
  float:left;
}
fieldset.hiddenInput{
  margin: 2px 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
fieldset.hiddenInput img{
  margin-right:3px;
}
.form.designTime .tabSection.clearfix{
  margin-top:3px;
  clear:both;
}
/*Section*/
.formSection{
  width: 99%;
}
.formSection.collapse .formSectionBody, .formSection h2.noHeader{
  display:none;
}
.formSection h2{
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
}
#configPane h2{
  height: 24px;
  line-height: 24px;
  padding: 0 3px;
  width: 100%;
}
.formSection h2 img{
  float: left; /** floating due to IE line-height bug**/
  margin: 4px 5px 0 0;
}
.form.designTime .formSection h2 img.componentTools{
  float:right;
  margin: 4px 1px 0 0;
}
/*Tab Component*/
.tabSection{
  width: 100%;
}
/*Column*/
.column{
  width: 100%;
  float:left;
}
.form.designTime .column{
   overflow-x: hidden;
}
.form.runTime .column{
  overflow: hidden;
}
#dragHelper .column,
.form.designTime .column{
  height:30px !important;
}
/*Sortable*/
.sortable{
  height:100%;
}
.dropHover{
  width: 100% !important;
}
/*Form*/

.form{
  margin:10px;
/*
  width:99%;
  overflow:auto; 
  scrollbar shows unnecessarily in smaller resolution & multiple cols
  also creates gaps in horz line ...
*/
}
.form.designTime{
  margin: 10px 0 10px 10px;
  padding: 5px 0;
}
form.dialog{
  width: 100%;
  margin: 10px;
  padding: 5px 0;
}
#dragHelper h1,.form h1{
  margin-left: 5px;
  height:20px;
}
#dragHelper p.formInstructions,
.form p.formInstructions{
  width:95%;
  padding: 3px 0;
  margin-left: 5px;
  font-size: 12px;
}
/*form fields*/
.form fieldset{
  padding: 3px;
  margin: 3px 0;
}
#dragHelper fieldset,
.form.designTime fieldset{
 padding:5px 0 5px 5px;
 margin:3px 0;
}
#dragHelper fieldset.section,
.form fieldset.section, .form.designTime fieldset.section{
  padding:0;
}
#dragHelper fieldset.asiInput,
.form.designTime fieldset.asiInput{
  width: auto;
  padding: 0px;
}
#dragHelper fieldset.asiInput fieldset,
.form.designTime fieldset.asiInput fieldset{
  margin: 0px;
}
.legend{
  font-size: 12px;
}
.fields ul li a{ /* link component */
  font-size: 12px;
}
.fields ul li{ /* link component */
  line-height: 18px;
}
.formDesigner label, .form label{
  display:block;
}
.formDesigner legend, .form legend{
  margin-left: -7px;
}
#dragHelper textarea, #dragHelper input,
.form textarea, .form input,
.formDesigner textarea, .formDesigner input{
  width:90%;
  padding: 0 2px;
  font-size: 12px;
}
#configPane .es.inline {
  width:100%;
}
#configPane .es_text {
  width:90%;
  padding: 0 2px;
  height:18px;
}
#dragHelper select,.formDesigner select,.form select{
  padding: 0 2px;
}
.form.runTime select{
  padding: 0;
}
.formDesigner textarea, /*T31764*/
.form textarea{
  overflow: auto;
}
#dragHelper select,#dragHelper input, .form input, .formDesigner input{
  height: 18px;
}
.readOnly p.instructions{
  display:none;
}
.required{
  padding: 2px;
}
input.iBlueButton,input.iOrangeButton {
  width:auto;
}
input.short{
  width: 30%;
}
input.medium{
  width: 60%;
}
input.long{
  width: 90%;
}
input.short,input.medium,input.long{
  height: auto;
  padding: 3px;
  font-size: 12px;
}
/*button section*/
.buttonSetInput{
  display:inline;
}
.buttonSet{  
  text-align:center;
}
input.submitButton{
  height: auto;
  width: auto;
  margin: 15px 5px;
  padding: 4px 10px 3px 10px;
  text-align: center;
  vertical-align: middle;
}
* input.submitButton{
  overflow: visible;
  /* Prevents automatic adjustment of button width by IE */
}
#dragHelper select,
.form select,.formDesigner select{
  width:auto;
}
/*
#configPane select{
  width: 93%;
} 
*/
#configPane .legendLeft .fields select{
  width: 89%;
}
#dragHelper input.radio, #dragHelper input.checkbox,
.form input.radio, .form input.checkbox,
.formDesigner input.radio, .formDesigner input.checkbox{
  width:15px;
  height:15px;
  vertical-align: middle !important;
  padding:0;
  margin-right:3px !important;
}
textarea.medium{
  height: 100px;
}
textarea.long{
  height: 250px;
}
.legendLeft .legend, .legendRight .legend{
  width: 26%;
  text-align: left;
  margin-left: 0;
  margin-top: 3px;
  float: left;
}
#configPane .legendLeft .legend{
  width: 35%;
}
.legendRight .legend{
  text-align: right;
}
.legendLeft .fields, .legendRight .fields{
  width: 72%;
  float: right;
} 
#dragHelper .legendLeft .fields, #dragHelper .legendRight .fields,
.form.designTime .legendLeft .fields, .form.designTime .legendRight .fields{
  width: 60%;
  float: left;
  margin-left: 2%;
} 
#dragHelper .legendLeft .fields select,
#dragHelper .legendLeft .fields input.checkbox,
#dragHelper .legendLeft .fields input.radio,
#dragHelper .legendLeft.imageLeft .fields img,
#dragHelper .legendRight .fields select, 
#dragHelper .legendRight .fields input.checkbox,
#dragHelper .legendRight .fields input.radio,
#dragHelper .legendRight.imageLeft .fields img,
.form.designTime .legendLeft .fields input.radio,
.form.designTime .legendLeft.imageLeft .fields img,
.form.designTime .legendRight .fields input.radio,
.form.designTime .legendRight.imageLeft .fields img{
  margin-left:7px;
}
.form.designTime .legendLeft .fields input.checkbox,
.form.designTime .legendRight .fields input.checkbox{
  margin-left:8px;
}
.form.designTime .legendLeft .fields select,
.form.designTime .legendRight .fields select{
  margin-left:9px;
}
#configPane .legendLeft .fields{
  width: 62%;
  float:left;
}
p.instructions,p.errorMessage{
  margin: 0;
  width: 98%;
  text-align: left;
}
.form.designTime p.instructions,.form.designTime p.errorMessage{
  padding: 0 0 0 2%;
}
#configPane p.instructions,#configPane p.errorMessage{
  padding: 0;
}
/*Label positioning and display*/
#dragHelper div.fields label,
.form div.fields label, .formDesigner div.fields label, #configPane table label{
  display: none;
}
#dragHelper .asiDialog div.fields label,
.form .asiDialog div.fields label, .formDesigner .asiDialog div.fields label, #configPane .asiDialog table label{
  display: inline;
}
div.fields label.displayLabel{
  display: block;
}
.formGridBody div.trueFalseDiv label.displayLabel{
  display: inline;
}
div.fields label.dropdownLabel{
  display: inline;
}
label.displayLabel span{
  font-size: 12px;
}
label.displayLabel select{
  font-size: 12px;
}
div.fields label.displayInline{
  display:inline;
  padding-right: 10px;
}
div.fields input{
  margin-right:1px;
}
#dragHelper div.fields img,
.form div.fields img, .formDesigner div.fields img{
  margin-left:2px;
}
/*Workaround for asi:inputs*/

li.formsDesigner{
  margin:0;
  padding: 0;
}
li.formsDesigner fieldset .legend, li.formsDesigner .fields{
  float: none;
  text-align: left;
  width: 99%;
  padding: 0;
}
li.formsDesigner .fields input.Picker{
  width: 75%;
}
#configPane li.formsDesigner .fields input.Picker{
  width: 76.5%;
  padding:0;
}
li.formsDesigner .fields img{
  vertical-align: middle !important;
}
li.formsDesigner.legendLeft fieldset .legend{
  width: 26%;
  text-align: left;
  margin-left: 0;
  float: left;
}
li.formsDesigner.legendLeft fieldset .fields{
  width: 70%;
  float: right;
} 
li.formsDesigner.noLegend .legend{
  display:none;
}
li.formsDesigner.noLegend .fields{
  /*margin-top:-3px;*/
}
fieldset ul li fieldset{
  margin: 0 !important;
  padding: 0 !important;
}
/*Image Component*/
fieldset.imageLeft div.fields{
  text-align: left;
}
fieldset.imageCenter div.fields{
  text-align: center;
}
fieldset.imageRight div.fields{
  text-align: right;
}
/*config Pane*/
#configPane table{
  vertical-align:middle;
}
#configPane li{
  margin-bottom:2px;
}
#configPane li img{
  vertical-align:top;
}
#optionsSnippet .fields, #displaySnippet .displayLabel{
  margin-bottom:4px;
}
#layoutSnippet table td, #labelPositionSnippet table td{
  text-align: center;
  vertical-align: middle;
}
#layoutSnippet td, #labelPositionSnippet td{
  padding-right:5px;
}
#configPane table input.radio{
  margin-left: 2px;
}
#configPane input.radio{
  width:12px;
}
#layoutSnippet table img, #labelPositionSnippet table img{
  margin:0;
  padding:0;  
}
#validationSnippet .expand input{
  margin:5px 0;
}
#validationSnippet .expand td.tableInput{
  padding:5px 0;
}
#validationSnippet .messageBox label{
  display:block;
}
#tabsSection_tabLabelsOrder table, #gridColumnsSection_columnsOrder table{
  margin:5px 0 10px;
}
#tabsSection_tabLabelsOrder table thead, #gridColumnsSection_columnsOrder table thead{
  display:none;
}
#tabsSection_tabLabelsOrder table tbody td, #gridColumnsSection_columnsOrder table tbody td{
  padding-right:3px;
}
#gridColumnsSection_columnsOrder_addLink{
  display:block;
  width:34%;
  float:left;
}
#specifyChoices table{
  margin: 5px 0 0 -3px;
}
#specifyChoices{
  margin:5px 0 5px 1px;
}
div#choicesFromData{
  margin: 5px 0 0 2px;
}
#specifyChoices{
  padding-top: 5px;
}
#specifyChoices select{
  width:66%; 
  float:right;
  margin-right: 22px;
}
#specifyChoices table td.tableInput{
  width:120px;
}
#configPane table td.tableInput.pickers input{
  margin-right:4px;
  width:85%;
}
#configPane table td.tableInput.pickers{
  width:160px;
}
#choicesSnippetOptions td{
  vertical-align:bottom;
}
#eventRuleSnippet button, #eventRuleSnippet textarea{
  display:inline;
}
#eventRuleSnippet select, #eventRuleSnippet textarea{
  margin: 2px 0 4px 0;
}
#eventRuleSnippet select{
  width: 90%;
  display: block;
}
#eventRuleSnippet textarea{
  width: 90%;
  height: 65px;
}
#eventRuleSnippet .hidden{
  display: none;
}
#validationRules table, #validationRules table td{
  width:100%;
}
#validationRules table td{
  padding-bottom:5px;
}
#validationRules table td input,#validationRules table td textarea{
  width:240px;
}
#validationRules table td button, #validationRules table td .linkedInputs,
#validationRules table td .deleteButton{
  display:inline;
}
#validationRules table td .messageBox{
  margin-left:14px;
}
#validationRules thead, #eventRuleSnippet thead{
  display:none;
}
#choicesSnippet_importChoices{
  margin-bottom:3px;
}
#choicesSnippet_specifyChoices{
  margin-top:3px;
}
#configPane table input,#configPane table select{
  width:95%;
}
#configPane fieldset{
  margin: 3px 0 3px 3px;
  padding: 4px 0px 4px 2px;
} 
#configPane fieldset .legend{
  padding-bottom: 2px;
}
#configPane div.configPaneTools{
  width:98%;
  text-align:right;
  padding: 2px 0 0;
}
#configPane a.snippetTool{
  display:block;
  float:right;
  margin:4px 15px 0 0;
}
#configPane a.snippetTool img{
  margin-right:2px;
}
#saveValueAsSnippet_create .createParameterLink{
  float:right;
  padding-right:15px;
  margin-top: 4px;
}
#saveValueAsSnippet_createNewLink{
  float:right;
  margin-top:3px;
}
#configPane .fields select{
   margin-top:3px;
}
/*Expression editor should be the same one as in the modeler*/
.formDesigner .asiExpressionEditor  #paletteArea{
  float: left;
  margin: 7px;
  padding: 0;
  width: 241px;
  height:459px;
}
.formDesigner .asiExpressionEditor .palette{
  width: 240px;
  padding: 6px;
  margin:0;
  height: 405px;
  clear: both;
  overflow:auto;
}
.formDesigner .asiExpressionEditor .expTextArea{
  width:100% !important;
}
/*Go to Proerties dropdown*/
div.propertiesMenu{
  position:absolute;
  top:87px;
  left:280px;
  background:white;
  border: solid #8c8a8c 1px;
  z-index:1;
  width:100px;
  white-space:nowrap;
}
.propertiesMenu ul{
  padding: 0 5px;
  margin: 0 0 0 3px;
}
.propertiesMenu ul ul{
  padding-right:0;
}
.propertiesMenu li{
  line-height: 24px;
  margin:0 !important;
}
img.componentTools{
  float:right;
}
.buttonSetInput{
  text-align:right;
}
.buttonSetInput img.componentTools{
  display:block;
  float:none;
}
.buttonSetInput input{
  margin: 0 20px 10px 5px;
}
/*grid component*/
#dragHelper .formGridBody,
.form .formGridBody{
  height:20px;
  margin:0;
  padding:0;
}
.form.runTime fieldset.grid{
  padding:3px;
  margin:3px 0;
}
.form.runTime .gridTableHeader{
  display:inline;
}
#dragHelper .gridTableHeader,
.form.designTime .gridTableHeader{
  width:100%;
  white-space:nowrap !important;
  overflow-x:hidden;  
}
#dragHelper .formGridBody fieldset,
.form.designTime .formGridBody fieldset{
  width:130px;
  display:inline;
  vertical-align: middle;
  padding: 2px 8px;
}
/*
  The height of the legend is set to 16px before 16px but
  in the TH. Preserve this behavior but leave set the 
  rule instead to be explicit in the legend.
*/
#dragHelper .formGridBody fieldset .legend,
.form.designTime .formGridBody fieldset .legend,
.form.runTime .formGridBody th .legend{
  width:95%;
  height:16px; /* 36610 */
  overflow:hidden;
}
#dragHelper .formGridBody fieldset .fields,
.form.designTime .formGridBody fieldset .fields,
{
  display:none;
}
#dragHelper fieldset.grid p.instructions, #dragHelper fieldset.grid p.errorMessage,
.form fieldset.grid p.instructions, .form fieldset.grid p.errorMessage{
  padding:0;
}
#dragHelper fieldset.grid .emptyGridText,
.form fieldset.grid .emptyGridText{
  height:35px;
  padding-top:10px;
}
.errorMessage{
  display:none;
  text-align:left !important;
}
.form.runTime .formGridBody{
  width:100%;
  height:100%;
}
.formGridBody table{
  width: 99%;
  margin: 1px 1px 18px 1px;
}
/* 
  #36610 
  Hide the instructions fields but leave the "fields" visible so we can display errors
  in the grid.
*/
.formGridBody thead th div.gridHeader .fields .instructions{
  display:none;
}
.formGridBody thead tr{
  height: 24px;
}
.formGridBody tbody tr{
  height: 24px;
}
.formGridBody div.noResults{
  width:90%;
  padding:6px 4px;
  margin:auto;
  text-align:center;
}
.formGridBody tbody td input{
  width:85%;
}
.formGridBody tbody td select{
  width:90%;
}
.formGridBody thead th div.gridHeader{
  float:left;
}
.formGridBody thead th img.headerDivider{
  float:right;
}
.formGridBody thead th div.gridHeader{
  width:100%;
}
.formGridBody th.deleteColumn,.formGridBody td.deleteColumn{
  vertical-align:middle;
}
.formGridBody thead th{
  text-align: left;
  padding: 0 8px;
  vertical-align: middle;
}
.formGridBody tbody tr{
  vertical-align: middle;
}
.formGridBody tbody td{
  padding: 2px 4px;
  vertical-align: middle;
}
#dragHelper .formGrid .gridTableHeader,.formGrid .instructions,
.designTime .formGrid .gridTableHeader,.formGrid .instructions{
  margin:5px 5px 0 0;
}
.formGrid a.gridTool{
  display: -moz-inline-box; /* Fixes Firefox */
  display:inline-block;
  width:auto;
  margin:5px 0;
}
.form.runtime .formGridBody{
  overflow:auto !important;
}
.form .htmlAreaWorkspace span.inputMode{
  display:block;  
  width:100%;
}
.form.designTime .htmlAreaWorkspace span.inputMode{
  margin-left:3%;
}
.form.runTime .htmlAreaWorkspace .fieldContainer{
  padding:0 2px;
  margin:0 1px 0 0;
}
.form .htmlAreaWorkspace p.instructions,.form .htmlAreaWorkspace span.errorMessage{
  display:block;
}
.form.designTime .htmlAreaWorkspace p.instructions,.form.designTime .htmlAreaWorkspace span.errorMessage{
  margin-left:1%;
}
#dragHelper fieldset.grid .emptyGridText,
.form fieldset.grid .emptyGridText{
  text-align:center;
}
#dragHelper .formGridBody fieldset,
.form.designTime .formGridBody fieldset{
  margin:0;
}
.formDesigner #asiAlert input.iBlueButton{
  padding:1px 5px;
  height:21px;
}
/*report component*/
div.formReportContainer{
  height: 300px; 
  width: 100%;
  overflow: auto;
}
.formReportContainer .reportContainer{/*avoid horiz scrollbar due to space taken by vert scrollbar*/
  width:96%;
}
.formReportContainer .asiToolbar{/*T31033*/
  padding:0;
}
.fields.reportFields{
  width:100%; 
  text-align:center;
  padding: 5px 0 10px;
}
.formReportContainer .messageBar{
  display:none;
}
.formReportContainer .asiGridOuterContainer{
  margin-top:0px;
  margin-bottom:6px;
}
.formReportContainer .asiGridOuterContainer .asiToolbar{
  width:100%;
}
.formReportContainer .asiGridBackdropContainer{
  overflow:visible;
}
/*message component*/
#dragHelper fieldset.message .fields,
.form fieldset.message .fields{
  width:100%;
}
#dragHelper fieldset.message .fields,
.form.designTime fieldset.message .fields{
  width:98%;
}
.messageContainer{
  font-size: 12px;
}
#dragHelper .messageContainer ul,
#dragHelper .messageContainer ol,
.form .messageContainer ul,
.form .messageContainer ol{
  margin-left:30pt;
  margin-bottom:20px;
}
#dragHelper fieldset.message .fields .messageContainer,
.form.designTime fieldset.message .fields .messageContainer{
  margin-right:20px;
}
/*datetime field adjustment*/
#dragHelper fieldset.datetime table,
.form.designTime fieldset.datetime table{
  width:100%;
  border: 0;  
  border-collapse: collapse;
}
#dragHelper fieldset.datetime table td,
.form.designTime fieldset.datetime table td{
  white-space:nowrap;
  padding:1px 3px;
  width:50%;
}
#dragHelper fieldset.datetime div.dateTimeLinks,
.form.designTime fieldset.datetime div.dateTimeLinks{
  padding-left:10px;
}
#dragHelper fieldset.datetime table td input,
.form.designTime fieldset.datetime table td input{
  margin-left:7px;
  margin-right:3px;
}
#dragHelper fieldset.datetime table td input,
.form.designTime fieldset.datetime table td input{
  width:30%;
}
/*
.form.designTime .datetime fieldset div.fields{
  width:71.5%;
}
.form.designTime .datetime fieldset div.legend {
  width:26.5%;
}
.form.designTime .datetime fieldset div.fields{
  width:60.5%;
  margin-left:2%;
  padding-left:8px;
}
.form.designTime .datetime fieldset div.legend {
  width:27%;
}
*/
/*
#multDateTime{
  height:44px;
}
#singleDateTime{
  height:22px;
}
*/
ul.datetime input{
  width:auto;
}
#configPane ul.datetime input{
  width:60px;
}
#configPane .dateTimeRemoveLink{
   margin-left:4px;
}
ul.datetime div.editableSelect input,
ul.datetime div.editableSelect div,
ul.datetime div.editableSelect select{
  margin:0;
  padding:0;
}
#configPane ul.datetime div.editableSelect{
  width:112px;
  height:25px;
}
#configPane ul.datetime div.editableSelect input,
#configPane ul.datetime div.editableSelect div{
  width: 88px;
  height:15px;
  top:5px !important;
  left:3px;
}
#configPane ul.datetime div.editableSelect input{
  line-height:16px;
}
#configPane ul.datetime div.editableSelect select{
  width: 110px;
  height:23px;
  top:0;
  left:0;
}
ul.datetime div.editableSelect input,
ul.datetime div.editableSelect div{
  width: 88px;
}
ul.datetime div.editableSelect input{
  height:13px;
}
ul.datetime div.editableSelect select{
  width: 110px;
}
ul.datetime .fieldContainer .inputMode label{
  display:block;
  margin:2px 0;
}
#configPane #defaultValueDateTimeMult .inputMode label, #configPane #defaultValueDateTimeSingle .inputMode label{
  display:block;
  white-space:nowrap;
}
ul.datetime div.editableSelect div{
  height:14px;
}
/*Dialogs*/
.formDesigner #asiDialog h1{
  height: 27px;
}
.formDesigner #asiDialog_header{
  position: absolute;
  top:4px;
  left:5px;
}
.formDesigner #asiDialog_header img{
  margin-right:3px;
}
.formDesigner #asiDialog .dialogContent{
  margin:5px;  
}
.formDesigner #asiDialog .dialogContent fieldset{
  margin-bottom:5px;    
}
.formDesigner #asiDialog .dialogButtonSection{  
  width:100%;
  margin:0;
  position:absolute;
  bottom:0;
  left:0;
  text-align:right;
  padding:6px;
}
.formDesigner #asiDialog .dialogButtonSection .submitButton{
  margin:0;
}
.formDesigner .asiDialog h1{
  margin:0 !important;
}
.formDesigner #asiAlert p{
  margin-top:20px;
}
li.formsDesigner.legendRight fieldset .legend{
  width:26%;
  float:left;
  text-align:right;
}
li.formsDesigner.legendRight fieldset .fields{
  width:70%;
  float:right;
}
fieldset.dialogInfo div{
  float:left;
}
fieldset.dialogInfo img{
  display:block;
  float:left;
}
.formDesigner #asiDialog.asiDialog.small .dialogContent .dialogContent{
  height: 130px; 
  overflow:auto;
}
#configPane fieldset.fieldsFollow{
  margin-bottom:0 !important;
}
#dragHelper{
  margin:0;
  padding:0;
}
#lastSaved {
  padding: 3px;
  margin:3px 0;
  float:right;
}
/*designTime, readonly or disabled datetime inputs displayed in tables
  It was decided not to use asiForm since it would require too much change
  to function as desired*/
.form .datetime table{
  width:100%;
  margin-left:-2px;
}
.form .datetime table td input{
  width:auto;
}
.form .datetime table td input.time{
  width:101px;
}
.form .datetime table td img{
  margin-right:5px;
}
.form .datetime.readOnly table td input.time{
  margin-left: 26px;
}
.form input.asiFormDate{
  line-height:18px;
}
/* MODELER PICKER */
.formDesigner .asiPicker.v3 .asiPickerSelected{
  width:495px;
}
.formDesigner .asiPicker.v3.asiSinglePicker .asiPickerSelected textarea{
  width:403px;
  height:20px;
}

#inlineFileUpload_destination {
	margin-bottom:5px;
}

/* AN-42068 */
.form.designTime .fileUploadControl {
 margin-left:9px
}

.gridPagingToolbar {
  border:1px solid #bdbabd;
  border-bottom:0;
  margin-left:1px;
  margin-right:6px;
  padding-top:0px;
  width:98.75%;
}
body.isIE .gridPagingToolbar {
  margin-right:7px;
  margin-bottom:-1px;
}

.runTime.form fieldset.grid .formGridBody table th {
  /* AN-43452: Allow header to grow as needed */
  height:auto;
}
.runTime.form fieldset.grid .formGridBody table th .legend {
  /* AN-43452: Allow header to grow as needed */
  height:auto;
}

.formDesigner .designerButtonDiv input.iBlueButton {
  /* AN-82916: make buttons smaller so they remain visible */;
  padding: 0;
}