#form_2 legend{
background-color: #c0c0c0;
-moz-user-select: none;
border-bottom: 1px solid #B7B7B7;
/* border-top: 1px solid #B7B7B7; */
color: #777777;
font-weight: bold;
margin: 0;
padding:0;
text-shadow: 0 1px 0 #FFFFFF;
zoom: 1;
width:100%;
background: -moz-linear-gradient(center top , #F3F3F3, #D7D7D7) repeat scroll 0 0 #E7E7E7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#F3F3F3'); /* for IE < 10*/
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3),
to(#D7D7D7) );
background-image: -ms-linear-gradient(top, #F3F3F3, #D7D7D7);
position:absolute;
}
#form_2 .groupintro{
margin-top:40px;
padding:0 20px;
color:#666;
}
#form_2 .formintro{
margin:20px 10px;
}
#form_2 legend span{
padding:5px;
display:block;
}
#form_2{
width:100%;
background-color:#FAFAFA;
border:1px solid #DDDDDD;
}
#main #form_2 h1{
paddiing-left:10px;
margin:0;
}
#form_2 fieldset{
margin:5px 10px;
position:relative;
padding:0;
border:1px solid #DDDDDD;
}
#form_2 fieldset ul{
list-style:none;
padding: 20px 10px 20px 10px;
margin:0;
}
#form_2 ul.fabrikRepeatData{
padding:0;
}
#form_2 .addGroup:link {
text-decoration: none;
}
#form_2 .fabrikForm .fabrikGroup ul{
list-style:none;
}
#details_2 .fabrikGalleryImage{
border:1px solid #ccc;
margin:5px;
padding:5px;
}
/* START: align google map sub elements vertically */
.googlemap .fabrikSubElementContainer{
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
box-orient:vertical;
}
.googlemap .fabrikSubElementContainer > div{
-mox-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
#form_2 label{
float:none;
}
/* END: align google map sub elements vertically */
/* START : label spacing for chxbox, radios */
#form_2 label span{
padding:0 4px;
}
/* END : label spacing for chxbox, radios */
.floating-tip {
background-color: #fff;
}
#form_2 .linkedTables{
margin:0.6em 0;
}
#form_2 .related_data_norecords{
display:inline;
}
#form_2 .fabrikForm .fabrikGroup ul .fabrikElementContainer,
#details_2 .fabrikElementContainer,
#form_2 .fabrikElementContainer{
padding:5px 10px;
margin-top:10px;
background:none !important;
width:50%;
}
#form_2 .fabrikActions{
padding:10px;
clear:left;
margin:5px 10px;
border:1px solid #DDDDDD;
}
#form_2 .fabrikActions input{
margin-right:7px;
}
#form_2 .fabrikValidating{
color: #476767;
background: #EFFFFF;
}
#form_2 .fabrikSuccess{
color: #598F5B;
background: #DFFFE0;
}
/*** slide out add option
section for dropdowns radio buttons etc**/
#form_2 .addoption dl{
display:inline;
width:75%;
}
#form_2 .addoption{
clear:left;
padding:8px;
margin:3px 0;
background-color:#efefef;
}
#form_2 a.toggle-addoption, a.toggle-selectoption{
padding:0 0 0 10px;
}
/*** end slide out add option section **/
#form_2 input,
#form_2 select{
border:1px solid #DDDDDD;
border-radius:3px;
padding:3px;
}
#form_2 .inputbox:focus{
background-color:#ffffcc;
border:1px solid #aaaaaa;
}
#form_2 .addoption dd, .addoption dt{
padding:2px;
display:inline;
}
#form_2 .fabrikSubGroup{
border-bottom: 1px dashed #ccc;
padding: 10px 0 15px 0;
position: relative;
}
#form_2 legend +.fabrikSubGroup{
margin-top:25px;
}
#form_2 .fabrikSubGroupElements{
}
#form_2 .fabrikGroupRepeater{
position: absolute;
right: 10px;
padding-top: 20px;
top: 0;
}
#form_2 .geo{
visibility:hidden;
}
#form_2 .fabrikGroup .readonly,
#form_2 .fabrikGroup .disabled{
background-color:#DFDFDF !important;
color:#8F8F8F;
}
/*** fileupload folder select css **/
#form_2 ul.folderselect{
border:1px dotted #eee;
background-color:#efefef;
color:#333;
}
#form_2 .folderselect-container{
border:1px dotted #666;width:350px;
}
#form_2 .fabrikForm .breadcrumbs{
background: transparent url(../images/folder_open.png) no-repeat center left;
padding:2px 2px 2px 26px ;
}
#form_2 .fabrikForm .fabrikGroup li.fileupload_folder{
background: transparent url(../images/folder.png) no-repeat center left;
padding:2px 2px 2px 26px ;
margin:2px;
}
#form_2 .fabrik_characters_left{
clear:left;
}
/** bump calendar above mocha window in mootools 1.2**/
#form_2 div.calendar{
z-index:115 !important;
}
/** special case for 'display' element with 'show label: no' option **/
#form_2 .fabrikPluginElementDisplayLabel {
width: 100% !important;
}
/** autocomplete container inject in doc body not in #forn_2 */
.auto-complete-container{
overflow-y: hidden;
border:1px solid #ddd;
z-index:100;
}
.auto-complete-container ul{
list-style:none;
padding:0;
margin:0;
}
.auto-complete-container li.unselected{
padding:2px 10px !important;
background-color:#fff !important;
margin:0 !important;
border-top:1px solid #ddd;
cursor:pointer;
}
.auto-complete-container li:hover,
.auto-complete-container li.selected{
background-color:#DFFAFF !important;
cursor:pointer;
}
#form_2 .leftCol,
#details_2 .leftCol,
#form_2 .fabrikSubLabel{
width: 130px;
}
#details_2 .leftCol{
color:#999;
}
#form_2 .addbutton {
background: transparent url(images/add.png) no-repeat left;
padding: 2px 5px 0 20px;
margin-left:7px;
}
#form_2 .fabrikError,
#form_2 .fabrikNotice,
#form_2 .fabrikValidating,
#form_2 .fabrikSuccess{
font-weight: bold;
}
#form_2 .fabrikMainError{
height:2em;
line-height:2em;
}
#form_2 .fabrikMainError img{
padding:0.35em 1em;
float:left;
}
#form_2 .fabrikNotice{
color: #009FBF;
background: #DFFDFF url(images/alert.png) no-repeat center left !important;
}
#form_2 .fabrikError,
#form_2 .fabrikGroup .fabrikError{
color: #c00;
background: #EFE7B8;
}
#form_2 .fabrikErrorMessage{
padding-right: 5px;
}
#form_2 .fabrikLabel {
min-height:1px; /*for elements with no label txt*/
}
#form_2 .fabrikActions {
padding-top: 15px;
clear: left;
padding-bottom: 15px;
}
/** used by password element */
#form_2 .fabrikSubLabel {
margin-left: -10px;
clear: left;
margin-top: 10px;
float: left;
}
#form_2 .fabrikSubElement {
display: block;
margin-top: 10px;
}