/* general rules */
.formDesigner .toolbar,#layoutWrap,#layoutContent,#configPane,input,textarea,select{
  font-size:12px;
  font-family: Arial, Tahoma;
}
#dragHelper button,
.form button, .formDesigner button{
  border:none;
  background:none;
  color:#3165ff;
}
#dragHelper .formGridBody fieldset.selected,
.form.designTime .formGridBody fieldset.selected{
  border:solid #ffc339 2px;
}
#dragHelper .formGridBody fieldset.hovered,
.form.designTime .formGridBody fieldset.hovered{
  border:dashed #ffc339 2px;
}
.form.runTime .formGridBody.readOnly input,
.form.runTime .formGridBody .fields.readOnly input{
  border:none; 
}
input.submitButton{
  background-color: #E8E8E8;
  border: solid #7197BB 1px !important;
  cursor: pointer;  
  color: black;
  font-size: 12px;
  font-weight: bold;
}
.form input[disabled]{
  background:white;
}
/* main containers */
#layoutContent{
  border-left:solid black 1px;
}
#layoutWrap{
  border-top: solid 1px #b5b2b5;
  border-bottom: solid black 1px;
}
#workspace{
  border-top: solid 1px #ced3ce;
  background: #dadada;
}
.formDesigner .toolbar{
  background: #f0f0f0;
  border-top: 1px solid #5a5d5a;
}
#configPane h2{
  color: black;
  font-size: 11px;
}
/* effects */
.dropTarget{
  background: #fff;
  border: 2px solid red;
}
.dropHover{
  background: #FFd1d1;
  border: 2px solid red;
}
.sorthelper {
  background: #ffffcc;
  border: 2px solid #ffff66;
}
/*toolbar*/
.formDesigner .toolbar a{
  border: 1px solid #f0f0f0;
  color: black;
}
.formDesigner .toolbar a img{
  padding-right:4px;
}
.formDesigner .toolbar a.hover{
  border-color: white #a3a3a3 #a3a3a3 white;
  color: black;
}
.formDesigner .toolbar a.inset{
  border-color: #a3a3a3 white white #a3a3a3;
}
/*tools*/
#toolsContainer button{
  border-right: 1px solid #ced3ce;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  background: #f0f0f0;
}
#toolsContainer button.hover{
  background:#fff7ce;
}
#toolsContainer{
  background: white;
}
/*Validation message pane*/
div.messagePane{
  border-top: solid 1px black;
  font-weight: bold;
}
.messagePane .messagePaneHeader{
  background-color: #e7ebf7;  
  border-bottom: solid 1px #9caec6;
}
div{
  scrollbar-3dlight-color:#D0D0D0;
  scrollbar-arrow-color:#5E5E5E;
  scrollbar-darkshadow-color:#B1B1B1;
  scrollbar-face-color:#FCFCFC;
  scrollbar-highlight-color:#D0D0D0;
  scrollbar-shadow-color:#B1B1B1;
}
.messagePane .messages div.alternate{
  background-color: #efefef;
}
.messagePane .messages div.visited{
  font-weight:normal;
}
.messagePane .messages div.hover{
  background-color: #d9e2fe;
}
/*Form*/
.form{
  background: white;
}
.form.designTime{
  border: 1px solid #A2A2A2;
}
#dragHelper h1,
.form h1{
  font-size: 18px;
  color: #333;
  font-weight: normal;
}
#dragHelper p.formInstructions,
.form p.formInstructions, p.instructions{
  color: #666;
}
p.instructions,p.errorMessage{
  font-size: 11px;
}
/*Columns*/
#dragHelper .column,
.form.designTime .column{
  border: 1px dashed #ccc;
}
#dragHelper .column.dropTarget,
.form.designTime .column.dropTarget{
  background: #fff;
  border: 1px solid red;
}
#dragHelper .column.dropHover,
.form.designTime .column.dropHover{
  background: #FFd1d1;
  border: 1px solid red;
}
#dragHelper .buttonSet.buttonSortable,
.form.designTime .buttonSet.buttonSortable{
  border-top: 1px solid #ccc;
}
.form.runTime .formContent{
  border: none;
}
/*Tabs Interface*/
.form .tabbed-container .fragment{
  border:solid #ced3ce 1px;
}
.form.designTime .tabbed-container .fragment{
  border:solid #ced3ce 2px;
}
.form.designTime .tabbed-container .fragment.selected{
  border:solid #FFC339 2px;
}
.tabbed-container ul.anchors, #toolsContainer{
  border-bottom: 1px solid #ced3ce;
}
.form .tabbed-container ul.anchors{
  border-bottom:0;
}
.tabbed-container ul.anchors li {
  background-color: #dfdfdf;
}
.tabbed-container ul.anchors li a {
  text-decoration: none;
  font-family:Tahoma,Arial;
  color: black;
}
.tabbed-container ul.anchors li {
  border: 1px solid #ced3ce;
  border-top: 3px solid #ffffff;
}
.tabbed-container ul.anchors li.tabs-selected {
  background-color: #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-top: 3px solid #ffba00;
}
.tabbed-container ul.anchors li.tabs-selected a{
  font-weight:bold;
}
.tabbed-container .buttonSection button{
  border: 1px solid #ced3ce;
}
/*Section*/
.formSection{
  border: 1px solid #A2A2A2;
}
.formSection.noHeader{
  border: 0;
}
.formSection h2, #configPane h2{
  border-bottom: 1px dotted #A2A2A2;
  background: #EFEFEF;
}
#configPane h2{
  background: #fff;
}
.formSection h2{
  color: #4D4D4D;
  font-size: 12px;
}
.formSection{
  background:white !important;
}
/*Tab Component*/
.tabSection{
  border-bottom: 1px solid #A2A2A2;
}
.form .tabSection{
  border:none;
}
.tabSection{
  background:white;
}
/*form fields*/
fieldset{
  border: none;
}
.forms.designTime fieldset{
  border:2px solid white;
}
fieldset.hiddenInput{
  background-color:#e7e3e7;
  border: solid #e7e3e7 2px;
  font-weight:bold;
}
fieldset.selected{
  border:2px solid #FFC339;
  background: #FFF6CD;
}
fieldset.hovered{
  border:2px dashed #FFC339;
}
.legend{
  font-weight: bold;
  cursor:default;
}
/*fieldset li{
  list-style: none;
}*/
#dragHelper fieldset fieldset legend,
.formDesigner fieldset fieldset legend, .form  fieldset fieldset legend{
  font-weight: normal;
}
.error{
  color: red;
}
#dragHelper textarea, #dragHelper select, #dragHelper input,
.formDesigner textarea, .formDesigner select, .formDesigner input,
.form textarea, .form select, .form input{
  border: 1px solid #a0b6d0;
}
textarea, select{
  scrollbar-3dlight-color:#8EB0C5;
  scrollbar-arrow-color:#2C557E;
  scrollbar-darkshadow-color:#49779C;
  scrollbar-face-color:#D8DFE6;
  scrollbar-highlight-color:#F2F6F3;
  scrollbar-shadow-color:#A6C3D4;
}
.readOnly textarea,.readOnly input{
  border: none;
}
.required{
  color:red;
}
.instructionsCounter span{
  color: red;
}
ul.datetime div.editableSelect input{
  border:none;
}
/*config Pane*/
#configPane table thead th{
  font-weight:normal;
  text-align:left;
}
#choicesFromData input, #displayOnExpression input{
  color:graytext;
}
#configPane button, #configPane img, #formPropertiesPaneLink{
  cursor:hand;
}
#configPane img.noEvents{
  cursor: default !important;
}
#configPane .legend{
  color:black;
}
#configPane .expand{
  background: #e7ebf7;
}
#configPane ul.datetime div.editableSelect{
  border:0;
}
#configPane ul.datetime div.editableSelect input,
#configPane ul.datetime div.editableSelect div{
  border:0 !important;
}
#validationSnippet table{
  border: 0;  
  border-collapse: collapse;
}
#tabsSection_tabLabelsOrder table tbody td, #gridColumnsSection_columnsOrder table tbody td{
  font-size:11px;
}
#saveValueAsSnippet_create a{
  color:#3b53a6;
  font-weight:bold;
  cursor:pointer;
}
#saveValueAsSnippet_create a:hover{
  color:#f93;
  cursor:hand;
}
/*
div#specifyChoices{
  margin-left: -3px;
}
*/
#configPane th{
  font-size:11px !important;
}
/*Go to Proerties dropdown*/
div.propertiesMenu{
 font-weight:normal; 
}
.propertiesMenu li span{
  cursor:hand;
}
.propertiesMenu li span.hover{
  color:orange;
}
button.buttonSetInput span, button.formInput span{
  color: #212421;
}
button.buttonSetInput, button.formInput{
  border: 1px solid #ced3ce !important;
  background: #f0f0f0;
  opacity: 0.9;  
}
.form.designTime .tabSection.clearfix{
  border:0;
}
/*Expression editor should be the same one as in the modeler*/
.palette{
  background-color: white;
  border: 0;
}
.expTextArea{
  border: 1px solid #000000 !important;
}
/*grid component*/
.formGridBody table{
  background:white;
  border: solid #bdbabd 1px;
  border-collapse: collapse;
  color: #333;
}
.formGridBody thead th{
  color: #333;
  background-color: #dddddd;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
}
.formGridBody tbody td{
  border-color: #bbbbbb;
  border-style: dotted;
  border-width: 0 0 1px;
}
.formGridBody tbody tr:hover{
  background-color: #dce8ed;
}
.formGridBody tbody tr td.cellError{
  background:#ffd3d6;
}
.formGridBody img.errorIcon{
  display: none;
}
.formGridBody td.cellError img.errorIcon{
  display: inline;
}
.formGridBody div.noResults{
  border:solid #a0b6d0 1px;
}
.formGridBody{
  scrollbar-base-color: #333;
}
.formGridBody tbody tr input{
  border:solid #dee3ef 1px;
}
.formGridBody tbody tr.selected input{
  border:solid #a5b6d6 1px;
}
#dragHelper fieldset.grid .emptyGridText,
.form fieldset.grid .emptyGridText{
  background:#eef3f9;
  font-size:12px;
}
.form fieldset.grid .pagingGridEmptyGridText {
  /* By spec, don't show the #eef3f9 blue background from emptyGridText so it looks more like reports. */
  background:transparent;
}
#dragHelper .formGridBody fieldset,
.form.designTime .formGridBody fieldset{
  background-color:#ddd;
  border:2px solid #ddd;
  border-right:1px solid #bbb;
  color:#333;
}
#dragHelper .gridTableHeader,
.form.designTime .gridTableHeader{
  border:solid #b5b6b5 1px;
  background-color: #eef3f9;
}
#dragHelper .formGridBody,
.form.designTime .formGridBody{
  border-bottom:solid #b5b6b5 1px;
}
#dragHelper fieldset.asiInput fieldset,
.form.designTime fieldset.asiInput fieldset,
#dragHelper input.radio, #dragHelper input.checkbox,
.form input.radio, .form input.checkbox,
.formDesigner input.radio, .formDesigner input.checkbox{
  border: none;
}
.formDesigner #asiDialog_header{
  font-size:12px !important;
}
.formDesigner #asiDialog .dialogContent{
  border:solid #cecfce 1px;
  background:white;
}
.formDesigner #asiDialog .dialogContent{  
  border:0;
}
.formDesigner #asiAlert{
  font-size:12px;
  font-family: Arial, Verdana, Tahoma;
}
.uiDelimiter{
  font-weight:bold;
  color:black;
}
.dateTimeReadonlyLinks {
  font-size:11px;
  font-family:Arial,Helvetica,Verdana;
  color:#4271C6;
  text-decoration:none;
  font-weight:none;
  cursor:hand;
}
#dragHelper{
  border:0;
}
#dragHelper .messageContainer ul,
#dragHelper .messageContainer ul li,
.form .messageContainer ul,
.form .messageContainer ul li{
  list-style-type: disc !important;  
}
#dragHelper .messageContainer ol,
#dragHelper .messageContainer ol li,
.form .messageContainer ol,
.form .messageContainer ol li{
  list-style-type: decimal !important;  
}
#lastSaved {
  color:red;
  font-weight:bold;
  font-size:12px;
}
#lastSaved.saved {
  color:#088608;
}
fieldset ul li fieldset{
  border: 0 !important;
}
img.componentTools{
 cursor: hand;
}
.form .asiGridOuterContainer{
  border: none;
}
div.formReportContainer .asiGridOuterContainer{
  border: 1px solid #ccc;
}

.form .reportFields .asiGridInnerContainer{
  border: none;
}
.form .reportFields table.asiGrid{
  border-left:solid #d6d7d6 1px;
  border-bottom:solid #d6d7d6 1px;
}