/* Centers arbitrary text */
.text-center
{
	text-align:center;
}

/* Makes sure the main content area lines up with the menu-bar */
.m-custom
{
	max-width:840px;
	margin: 0 auto;
}

/* Applied to the body in order to push the content down */
.body-padding
{
	padding-top:50px;
}

/* Centers a block-level element on the page */
.margin-centered
{
	margin-left:auto;
	margin-right:auto;
}

/* Internal container for the top navigation menu */
.menu-container
{
	width:1170px;
}

/* Moves content off-screen but still makes it available to a screen-reader */
.offscreen
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Applies some padding to the bottom of an element */
.min-bottom-padding
{
	padding-bottom:10px;
}

/* Applies some padding to the left of an element */
.min-left-padding
{
	padding-left:10px;
}

/* Applies a margin to the left of an element */
.min-left-margin
{
	margin-left:10px;
}

/* Applies some padding to the right of an element */
.min-right-padding
{
	padding-right:10px;
}

/* Completely hides an element and removes its bounding area */
.shownone
{
	display:none;
}

/* Displays an element in-line with its surrounding content */
.showinline
{
	display:inline;
}

/* Category title displayed in the sidebar */
.sidebar-title
{
	font-weight:bold;
	padding-bottom:10px;
}

/* Container that holds sortable elements */
.sortable
{
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Header portion of a sortable element */
.sortable-header
{
	background-color:white;
	cursor:move;
}

/* Displays an icon in a sortable element */
.sortable-icon
{
	padding-top:8px;
	padding-right:8px;
}

/* Displays an icon in a sortable element */
.sortable-icon-left
{
	padding-top:8px;
	padding-left:8px;
}

/* CSS marker class for date-picker elements */
.datepicker
{
	
}

/* Class for links that just consist of an icon */
.icon-link
{
	display:inline;
	width:16px;
}

/* Yellow textual icon with drop-shadow */
.yellow-shadow
{
	color:#C09853;
	font-weight:bold;
	text-shadow:1px 1px 2px #C09853;
	padding-right:5px;
}

/* Blue textual icon with drop-shadow */
.blue-shadow
{
	color:#333399;
	font-weight:bold;
	text-shadow:1px 1px 2px #333399;
	padding-right:5px;
}

/* Green textual icon with drop-shadow */
.green-shadow
{
	color:green;
	font-weight:bold;
	text-shadow:1px 1px 2px green;
	padding-right:5px;
}

/* Red textual icon with drop-shadow */
.red-shadow
{
	color:#CC0000;
	font-weight:bold;
	text-shadow:1px 1px 2px #CC0000;
	padding-right:5px;
}

/* Changes the cursor to its automatic setting */
.cursor-auto
{
	cursor:auto;
}

/* Bold text */
.bold
{
	font-weight:bold;
}

/* Specifies a textual area that is required for something */
.required
{
	color:red;
}

/* Specifies a textual area that serves as a warning indicator */
.warning
{
	color:#C09853;
}

.green
{
	color:green;
}

.red
{
	color:red;
}

.yellow
{
	color:yellow;
}

/* CSS marker class for links that cause the toolbox to slide */
.toolbox-link-slide
{
	
}

/* CSS marker class for date-picker elements */
.datepicker
{
	
}

/* Accessible alert subclass for Bootstrap */
.alert-accessible
{
	color:black;
}

a.link-small
{
	font-size:12px;
}

.clear-float
{
	clear:both;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

/*

=======================================================

WIDTH UTILITY CLASSES TO COINCIDE WITH THE FLUID GRID
SYSTEM WITHIN BOOTSTRAP

=======================================================

*/

.max12
{
	max-width:1200px;
}

.max11
{
	max-width:1100px;
}

.max10
{
	max-width:1000px;
}

.max9
{
	max-width:900px;
}

.max8
{
	max-width:800px;
}

.max7
{
	max-width:700px;
}

.max6
{
	max-width:600px;
}

.max5
{
	max-width:500px;
}

.max4
{
	max-width:400px;
}

.max3
{
	max-width:300px;
}

.max2
{
	max-width:200px;
}

.max1
{
	max-width:100px;
}