.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover { color: #999; } span.ui-checkbox, span.ui-radio { display: block; float: left; width: 16px; height: 17px; background: url(icon_checkbox.png) 0 -40px no-repeat; cursor: pointer; } span.ui-helper-hidden { display: none; } #relation_customs label, #permissions label { display: block; font-family: sans-serif; padding: 2px; margin-left: 20px; } #relation_customs label.ui-checkbox, #permissions label.ui-checkbox { cursor: pointer; } span.ui-radio-state-hover, span.ui-checkbox-state-hover { background-position: 0 -114px; } span.ui-checkbox-state-checked { background-position: 0 -1px; } span.ui-checkbox-state-checked-hover { background-position: 0 -75px; } span.ui-radio-state-checked-disabled-hover,span.ui-radio-state-checked-disabled, span.ui-radio-state-checked { background-position: 0 -161px; } span.ui-radio-state-checked-hover { background-position: 0 -200px; } form { overflow: hidden; height: 1%; margin: 20px 0; } .ui-helper-hidden-accessible { position: absolute; left: -999em; } #wrapper_section{ width: 95%; margin-left: 10px; } .checked-option{ background-color: #dfecf1; } .pageTitle{ color: black; padding: 0px 10px 0px 0px; font-size: 15px; } .sectionTitle{ background-color: #dfecf1; color: #4d539d; padding: 15px 20px 15px 20px; } .privacy_add_element{ text-align: right; padding: 5px 0px 5px 0px; margin: 0px 10px 15px 0px; } input.privacy_input_new{ background-color: #dfecf1; border: 1px solid #1F4A75; color: #1F4A75; } span.privacy_span_new { font-family: sans-serif; margin-right: 10px; } #tableCheckBoxOptions { border: none; width: 100%; padding: 5px 0px 5px 0px; } .tableCheckBoxOptions td { width: 250px; } .checkboxOptionLeft{ text-align: left; margin-left: 30px; margin-right: 15px; cursor: pointer; } .checkboxOptionRight{ text-align: left; margin-left: 15px; margin-right: 30px; } .checkboxPermissionOptionLeft{ text-align: left; margin-left: 5px; margin-right: 3px; } .checkboxPermissionOptionRight{ text-align: left; margin-left: 3px; margin-right: 5px; } .selectNew{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #slider-range{ height:120px; margin-left: auto; margin-right: auto; background-color: #1f4a75; } .slider-div{ float: right; margin-right: 5px; } .slider-header, .slider-footer{ text-align: center; border: 0; color: #1f4a75; font-weight: bold; width: 100%; } .slider-header { margin-bottom: 10px; } .slider-footer { margin-top: 10px; } .privacy_block_section{ margin-top: 50px; } .first_block_section{ margin-top: 10px; } #permissions_list_block{ width: 50%; float: left; text-align: center; display: block; } #privacy_rules{ width: 45%; float: right; text-align: center; display: block; border:1px solid #1F4A75; } #columns_container{ width: 100%; margin:0 auto; } #relation_custom_permissions_input { list-style-type: none; } #relation_custom_permissions_input ol{ text-decoration: none; margin: 0 10px 0 30px; text-align: left; } #relation_custom_permissions_input ol li{ font-family: sans-serif; padding: 5px 0px 5px 0px; } #relation_custom_permissions_input label { margin-left: 0px; } #relation_custom_permissions_input fieldset{ border: 0px; text-align: left; } #relation_custom_permissions_input legend{ display: none; } #relation_custom_permissions_input input{ display: none; } #loading { background: url('images/loading.gif') no-repeat center center; height: 128px; width: 100%; margin-top: 64px; cursor: wait; } #privacy-rule-arrow { background: url('images/add-policy.png') no-repeat center center; color: #FFFFFF; }