/* Global Scotts Phase2 Framework Styles */
@charset "UTF-8";

/********* DO NOT MODIFY ANYTHING IN THIS BLOCK, SEE CMTS BELOW BLOCK ***********/
/* SETS standard W3C HTML4 layout appearance across all major browsers */
/* This comes from http://www.w3.org/TR/CSS21/sample.html */
/* Note: A possible replacement/improvement covering html5 is at
    http://nicolasgallagher.com/about-normalize-css/
   Note: We INTENTIONALLY do not want and CANNOT USE clean-slate resets 
   like EricMeyer's because those have side-effects on html content 
   inserted into pages by business users and 3rd-parties.
 */

* { margin: 0; padding: 0; }
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0; }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
input[type="radio"], input[type="checkbox"] { margin: 0px 3px; }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: grey dotted thin }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  /* h1         { page-break-before: always } */
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/* END of setting W3C HTML4 standard CSS behavior */
/********* DO NOT MODIFY ANYTHING IN BLOCK ABOVE ***********/


/* HERE WE MAKE OUR *MINIMAL* OVERRIDES of HTML4 generic behavior */
img { border: none; }
a {	color:#333; }
a:hover { text-decoration: none; }
fieldset { border: 0 none; }



/* DEFINE OUR GENERIC *HELPER CLASS* BEHAVIORS */
/* These are safer to add/define than overrides above because the helpers 
 * only get used when specialized class names are placed on an element. */

/* old clearfix 
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
*/

/* new clearfix */
.clearfix { clear: both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clear { clear: both; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.hide { visibility:hidden!important; }
.show { visibility:visible!important; }
.none { display:none !important; }
.relaxednone { display:none; }
.errorred { background-color:red; color:white;}
.dialogs { display: none; } /* Don't show any dialogs unless they are invoked */
.aUnder { text-decoration:none; }
.block { display: block; }
.inline { display: inline; }
.first { margin-left: 0 !important;  padding-left: 0 !important; }
.last { margin-right: 0 !important;  padding-right: 0 !important; }

/* TODO: this isn't supposed to go here permanently */
.region-outline, .outlined-thing {
    outline: 1px solid blue;
    position: relative;
}

.region-outline .outlined-region-name {
    display: none;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    text-align: left;
    font-size: 30px;
    color: red;
    text-shadow: 2px 2px 2px black;
}

.region-outline .outlined-region-name h3 {
    padding: 5px 7px;
    margin: 0;
    background-color: rgba(255, 255,255, 0.5);
}

.region-outline:hover {
    outline: 2px solid red;
}

.region-outline:hover .outlined-region-name {
    display: block;
    z-index: 500000;
}

.wireframe {
    border: 1px solid black;
    font-family: 'courier new', monospace;
}

.deprecated {
    border: 1px dashed red;
    background-color: rgba(255, 0, 0, 0.2);
    opacity: 0.8;
}
.deprecated:before {
    content: "Deprecated:";
}
.deprecated:after {
    content: "End deprecation";
}

@media print {   /* special print styles go here */
	.noprint, div#legal, .legal, .navigation, .breadcrumb, .flash { display:none !important; }
}