/**
 * Tarski options page
 *
 * Tarski's options page lets users change the way Tarski looks and behaves.
 * As a fairly involved form-based page with a non-standard layout, a certain
 * amount of CSS is needed to keep things in order.
 */

/**
 * Overall page styling
 *
 * Broad-brush stuff, setting the stage for the form elements. Makes the page
 * background grey, puts the page title in its place, and sorts out other
 * header and footer elements.
 */
#tarski-options {}
#tarski-options-header { clear: both; margin-bottom: 0.8em; }
#tarski-options-header h2 { float: left; margin: 0 0.8em 0 0; border: none; padding: 0; }
#tarski-save-options, #tarski-info { display: block; padding: 0; }
#tarski-save-options { float: left; margin: 0.6em 0 0 0; }
#tarski-info { float: right; margin: 0.8em 0 0 0; font-weight: bold; }
.rtl { text-align: right; direction: rtl; }

/**
 * Positioning
 *
 * The 'span' class is for elements which span the entire page width, while
 * the 'primary' and 'secondary' classes are for blocks which are floated to
 * left and right respectively, clearing only those above them and thus
 * allowing for fairly flexible layouts.
 */
.span { clear: both; }
.clearer { display: block; clear: both; height: 0; visibility: hidden; }
.primary, .secondary { width: 49.5%; }
.primary, .rtl .secondary { float: left; clear: left; }
.secondary, .rtl .primary { float: right; clear: right; }
#tarski-options .updated { margin-bottom: 15px; }

/**
 * Form sections and elements
 *
 * Form layouts are a dark art, and these rules let us specify a bit more
 * precisely than the WordPress defaults do how things should appear.
 */
.postbox .inside { margin: 10px; }
.postbox h4, .postbox p { margin: 0 0 0.8em 0; }
.postbox .option { margin:0 -10px; border-top:1px solid #dfdfdf; padding:0.8em 10px 0 10px; }
.postbox .borderless { border-top: none; padding-top: 0; }
.postbox label, .postbox select, .postbox input.text { display: block; margin: 0 0 0.8em 0; }
.postbox input.text { border: 1px solid #ccc; }
.postbox .option label { font-weight: bold; }
.postbox .details { margin: 0 -10px -10px -10px; border-top:1px solid #dfdfdf; padding: 0.4em 10px 1px 10px; background: #f9f9f9; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
#tarski-options .highlight { background: none; color: #d54e21; }
#tarski-update-status { margin: -10px -10px 0.8em -10px; border-bottom: 1px solid #dfdfdf; padding: 10px; }
#tarski-update-status p { font-family: Georgia, Times, serif; font-size: 14px; }
#tarski-update-status.update-available { background-color: #eaf2fa; }
#tarski-update-status.problem { background-color: #f9f9f9; }
#tarski-update-status.disabled { background-color: #f9f9f9; }
#tarski-update-status p:last-child { margin-bottom: 0; }