#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; }