/**
 * utilities.css 
 *
 * CSS used often in Strangecode applications. Do not arbitrarily
 * edit this code! This file is used between many sites and modifying it may result
 * in something breaking. Instead, overwrite these values in a specific site by
 * adding new definitions to a screen.css file.
 */

/*_____________________ FORMS ____________________*/

input.sc-tiny, textarea.sc-tiny, select.sc-tiny,
input.sc-small, textarea.sc-small, select.sc-small,
input.sc-medium, textarea.sc-medium, select.sc-medium,
input.sc-large, textarea.sc-large, select.sc-large,
input.sc-full, textarea.sc-full, select.sc-full { margin: 0 0.5em 0 0; }

input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { width: 4.75em; }
input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { width: 10em; }
input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { width: 20.5em; }
input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { width: 41.5em; }
input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { width: 100%; }

select.sc-small     { width: 10em; }
select.sc-medium    { width: 20.5em; }

textarea.sc-twolines, select.sc-twolines              { height: 3em; }
textarea.sc-short, select.sc-short                    { height: 8em; }
textarea.sc-tall, select.sc-tall                      { height: 25em; }
textarea.sc-fullscreen, select.sc-fullscreen          { height: 40em; }

/*_____________________ UTILITIES ____________________*/
.sc-center { text-align: center; }
.sc-clearboth { clear: both; }
.sc-help { color: #999; font-weight: normal; }
.sc-hidden { display: none; visibility: hidden; }
.sc-monospaced { font-family: monospace; }
.sc-padleft { padding-left: 10px; }
.sc-padright { padding-right: 10px; }
.sc-right { text-align: right; }
.sc-normal { font-weight: normal; }
.sc-nowrap { white-space: nowrap; }
.sc-dim {
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    opacity:.25;
}

/* .sc-pkg class wraps enclosing block element around inner floated elements */
.sc-pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.0; }
* html .sc-pkg { display: block; }
/* no ie mac \*/
* html .sc-pkg { height: 1%; }
.sc-pkg { display: block; }
/* */