/* **********************************************************
  _ __ ___   __ _  ___
 | '_ ` _ \ / _` |/ __|  file: mgs.utility.css
 | | | | | | (_| |\__ \  contents: utility classes that can
 |_| |_| |_|\__, ||___/  be used broadly across all sites.
            |___/

 ********************************************************** */

.left
{
	display: block;
	float: left;
}

.align-left
{
	text-align: left;
}

.right
{
	display: block;
	float: right;
}

.align-right
{
	text-align: right;
}

.center
{
	text-align: center;
}

.centered
{
	display: block;
	width: auto;
	margin: 0 auto;
}

.clear
{
	display: block;
	width: 100%;
	clear: both;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

/* useful to apply to containers around elements you want to position absolutely */
.relative
{
	position: relative;
}

.bottom
{
	/* this class will pin something to the bottom using positioning.
		make sure the container its inside of is position:relative OR ELSE
		your element will end up at the bottom of the browser viewport! */
		position: absolute;
		bottom: 0;
}
/** http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}

.clearleft
{
	clear: left;
}

.hide,
.hidden,
.no-display,
.print-only /* override this class in print stylesheet! */
{
	display: none;
}

ul.inline
{
	padding-left: 0; /* override normalize */
}

/* we need to override some block items in case they're included in an inline list */
ul.inline h1, ul.inline h2, ul.inline h3, ul.inline h4, ul.inline h5, ul.inline h6
{
	display: inline;
}

ul.inline li
{
	list-style-type: none;
	display: inline;
}

ul.no-bullets
{
	list-style-type: none;
	padding-left: 0;
}

/* ***** debug/todo styles ***** */
.debug a[href='#']
{
	color: red !important;
}

.shade
{
	background: rgba(0,0,0,0.2);
}
.left-margin30
{
    margin-left:30px;
}