/*
	Generic CSS Library
	Generic classes for your everyday needs
	
	Use instead of inline stlying for tags
*/

/* Display */

.hidden, .hide
{
	display: none !important;
}

.invisible
{
	visibility: hidden !important;
}

.visible
{
	visibility: visible !important;
}

.block, .display-block, .show-block, .show
{
	display: block !important;
}

.inline, .display-inline, .show-inline
{
	display: inline !important;
}

/* Positioning */

.left, .float-left
{
	float: left !important;
}

.right, .float-right
{
	float: right !important;
}

.no-float
{
	float: none !important;
}

.clear
{
	clear: both !important;
}

.clear-left
{
	clear: left !important;
}

.clear-right
{
	clear: right !important;
}

.text-center
{
	text-align: center !important;
}

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

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

/* Dimensions */

.no-dimensions
{
	height: 0px !important;
	width: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

/* Padding */

/* ADD ENDS AND SIDES! */

.padding-10
{
	padding: 10px !important;
}

.padding-top-10
{
	padding-top: 10px !important;
}

.padding-right-10
{
	padding-right: 10px !important;
}

.padding-bottom-10
{
	padding-bottom: 10px !important;
}

.padding-left-10
{
	padding-left: 10px !important;
}

.padding-20
{
	padding: 20px !important;
}

.padding-top-20
{
	padding-top: 20px !important;
}

.padding-right-20
{
	padding-right: 20px !important;
}

.padding-bottom-20
{
	padding-bottom: 20px !important;
}

.padding-left-20
{
	padding-left: 20px !important;
}

.padding-25
{
	padding: 25px !important;
}

.padding-top-25
{
	padding-top: 25px !important;
}

.padding-right-25
{
	padding-right: 25px !important;
}

.padding-bottom-25
{
	padding-bottom: 25px !important;
}

.padding-left-25
{
	padding-left: 25px !important;
}

.padding-30
{
	padding: 30px !important;
}

.padding-top-30
{
	padding-top: 30px !important;
}

.padding-right-30
{
	padding-right: 30px !important;
}

.padding-bottom-30
{
	padding-bottom: 30px !important;
}

.padding-left-30
{
	padding-left: 30px !important;
}

.padding-40
{
	padding: 40px !important;
}

.padding-top-40
{
	padding-top: 40px !important;
}

.padding-right-40
{
	padding-right: 40px !important;
}

.padding-bottom-40
{
	padding-bottom: 40px !important;
}

.padding-left-40
{
	padding-left: 40px !important;
}

.padding-50
{
	padding: 50px !important;
}

.padding-top-50
{
	padding-top: 50px !important;
}

.padding-right-50
{
	padding-right: 50px !important;
}

.padding-bottom-50
{
	padding-bottom: 50px !important;
}

.padding-left-50
{
	padding-left: 50px !important;
}

.padding-60
{
	padding: 60px !important;
}

.padding-top-60
{
	padding-top: 60px !important;
}

.padding-right-60
{
	padding-right: 60px !important;
}

.padding-bottom-60
{
	padding-bottom: 60px !important;
}

.padding-left-60
{
	padding-left: 60px !important;
}

.padding-70
{
	padding: 70px !important;
}

.padding-top-70
{
	padding-top: 70px !important;
}

.padding-right-70
{
	padding-right: 70px !important;
}

.padding-bottom-70
{
	padding-bottom: 70px !important;
}

.padding-left-70
{
	padding-left: 70px !important;
}

.padding-75
{
	padding: 75px !important;
}

.padding-top-75
{
	padding-top: 75px !important;
}

.padding-right-75
{
	padding-right: 75px !important;
}

.padding-bottom-75
{
	padding-bottom: 75px !important;
}

.padding-left-75
{
	padding-left: 75px !important;
}

.padding-80
{
	padding: 80px !important;
}

.padding-top-80
{
	padding-top: 80px !important;
}

.padding-right-80
{
	padding-right: 80px !important;
}

.padding-bottom-80
{
	padding-bottom: 80px !important;
}

.padding-left-80
{
	padding-left: 80px !important;
}

.padding-90
{
	padding: 90px !important;
}

.padding-top-90
{
	padding-top: 90px !important;
}

.padding-right-90
{
	padding-right: 90px !important;
}

.padding-bottom-90
{
	padding-bottom: 90px !important;
}

.padding-left-90
{
	padding-left: 90px !important;
}

.padding-100
{
	padding: 100px !important;
}

.padding-top-100
{
	padding-top: 100px !important;
}

.padding-right-100
{
	padding-right: 100px !important;
}

.padding-bottom-100
{
	padding-bottom: 100px !important;
}

.padding-left-100
{
	padding-left: 100px !important;
}

.padding-tiny
{
	padding: 1% !important;
}

.padding-top-tiny
{
	padding-top: 1% !important;
}

.padding-right-tiny
{
	padding-right: 1% !important;
}

.padding-bottom-tiny
{
	padding-bottom: 1% !important;
}

.padding-left-tiny
{
	padding-left: 1% !important;
}

.padding-small
{
	padding: 4% !important;
}

.padding-top-small
{
	padding-top: 4% !important;
}

.padding-right-small
{
	padding-right: 4% !important;
}

.padding-bottom-small
{
	padding-bottom: 4% !important;
}

.padding-left-small
{
	padding-left: 4% !important;
}

.padding-medium
{
	padding: 10% !important;
}

.padding-top-medium
{
	padding-top: 10% !important;
}

.padding-right-medium
{
	padding-right: 10% !important;
}

.padding-bottom-medium
{
	padding-bottom: 10% !important;
}

.padding-left-medium
{
	padding-left: 10% !important;
}

.padding-large
{
	padding: 15% !important;
}

.padding-top-large
{
	padding-top: 15% !important;
}

.padding-right-large
{
	padding-right: 15% !important;
}

.padding-bottom-large
{
	padding-bottom: 15% !important;
}

.padding-left-large
{
	padding-left: 15% !important;
}

.padding-huge
{
	padding: 25% !important;
}

.padding-top-huge
{
	padding-top: 25% !important;
}

.padding-right-huge
{
	padding-right: 25% !important;
}

.padding-bottom-huge
{
	padding-bottom: 25% !important;
}

.padding-left-huge
{
	padding-left: 25% !important;
}

.no-padding, .no-padding
{
	padding: 0px !important;
}

.no-top-padding
{
	padding-top: 0px !important;
}

.no-right-padding
{
	padding-right: 0px !important;
}

.no-bottom-padding
{
	padding-bottom: 0px !important;
}

.no-left-padding
{
	padding-left: 0px !important;
}

/* Margins */

/* ADD ENDS AND SIDES! */
.margin-ends-10
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-10
{
	margin: 10px !important;
}

.margin-top-10
{
	margin-top: 10px !important;
}

.margin-right-10
{
	margin-right: 10px !important;
}

.margin-bottom-10
{
	margin-bottom: 10px !important;
}

.margin-left-10
{
	margin-left: 10px !important;
}

.margin-20
{
	margin: 20px !important;
}

.margin-top-20
{
	margin-top: 20px !important;
}

.margin-right-20
{
	margin-right: 20px !important;
}

.margin-bottom-20
{
	margin-bottom: 20px !important;
}

.margin-left-20
{
	margin-left: 20px !important;
}

.margin-25
{
	margin: 25px !important;
}

.margin-top-25
{
	margin-top: 25px !important;
}

.margin-right-25
{
	margin-right: 25px !important;
}

.margin-bottom-25
{
	margin-bottom: 25px !important;
}

.margin-left-25
{
	margin-left: 25px !important;
}

.margin-30
{
	margin: 30px !important;
}

.margin-top-30
{
	margin-top: 30px !important;
}

.margin-right-30
{
	margin-right: 30px !important;
}

.margin-bottom-30
{
	margin-bottom: 30px !important;
}

.margin-left-30
{
	margin-left: 30px !important;
}

.margin-40
{
	margin: 40px !important;
}

.margin-top-40
{
	margin-top: 40px !important;
}

.margin-right-40
{
	margin-right: 40px !important;
}

.margin-bottom-40
{
	margin-bottom: 40px !important;
}

.margin-left-40
{
	margin-left: 40px !important;
}

.margin-50
{
	margin: 50px !important;
}

.margin-top-50
{
	margin-top: 50px !important;
}

.margin-right-50
{
	margin-right: 50px !important;
}

.margin-bottom-50
{
	margin-bottom: 50px !important;
}

.margin-left-50
{
	margin-left: 50px !important;
}

.margin-60
{
	margin: 60px !important;
}

.margin-top-60
{
	margin-top: 60px !important;
}

.margin-right-60
{
	margin-right: 60px !important;
}

.margin-bottom-60
{
	margin-bottom: 60px !important;
}

.margin-left-60
{
	margin-left: 60px !important;
}

.margin-70
{
	margin: 70px !important;
}

.margin-top-70
{
	margin-top: 70px !important;
}

.margin-right-70
{
	margin-right: 70px !important;
}

.margin-bottom-70
{
	margin-bottom: 70px !important;
}

.margin-left-70
{
	margin-left: 70px !important;
}

.margin-75
{
	margin: 75px !important;
}

.margin-top-75
{
	margin-top: 75px !important;
}

.margin-right-75
{
	margin-right: 75px !important;
}

.margin-bottom-75
{
	margin-bottom: 75px !important;
}

.margin-left-75
{
	margin-left: 75px !important;
}

.margin-80
{
	margin: 80px !important;
}

.margin-top-80
{
	margin-top: 80px !important;
}

.margin-right-80
{
	margin-right: 80px !important;
}

.margin-bottom-80
{
	margin-bottom: 80px !important;
}

.margin-left-80
{
	margin-left: 80px !important;
}

.margin-90
{
	margin: 90px !important;
}

.margin-top-90
{
	margin-top: 90px !important;
}

.margin-right-90
{
	margin-right: 90px !important;
}

.margin-bottom-90
{
	margin-bottom: 90px !important;
}

.margin-left-90
{
	margin-left: 90px !important;
}

.margin-100
{
	margin: 100px !important;
}

.margin-top-100
{
	margin-top: 100px !important;
}

.margin-right-100
{
	margin-right: 100px !important;
}

.margin-bottom-100
{
	margin-bottom: 100px !important;
}

.margin-left-100
{
	margin-left: 100px !important;
}

.margin-tiny
{
	margin: 1% !important;
}

.margin-top-tiny
{
	margin-top: 1% !important;
}

.margin-right-tiny
{
	margin-right: 1% !important;
}

.margin-bottom-tiny
{
	margin-bottom: 1% !important;
}

.margin-left-tiny
{
	margin-left: 1% !important;
}

.margin-small
{
	margin: 4% !important;
}

.margin-top-small
{
	margin-top: 4% !important;
}

.margin-right-small
{
	margin-right: 4% !important;
}

.margin-bottom-small
{
	margin-bottom: 4% !important;
}

.margin-left-small
{
	margin-left: 4% !important;
}

.margin-medium
{
	margin: 10% !important;
}

.margin-top-medium
{
	margin-top: 10% !important;
}

.margin-right-medium
{
	margin-right: 10% !important;
}

.margin-bottom-medium
{
	margin-bottom: 10% !important;
}

.margin-left-medium
{
	margin-left: 10% !important;
}

.margin-large
{
	margin: 15% !important;
}

.margin-top-large
{
	margin-top: 15% !important;
}

.margin-right-large
{
	margin-right: 15% !important;
}

.margin-bottom-large
{
	margin-bottom: 15% !important;
}

.margin-left-large
{
	margin-left: 15% !important;
}

.margin-huge
{
	margin: 25% !important;
}

.margin-top-huge
{
	margin-top: 25% !important;
}

.margin-right-huge
{
	margin-right: 25% !important;
}

.margin-bottom-huge
{
	margin-bottom: 25% !important;
}

.margin-left-huge
{
	margin-left: 25% !important;
}

.no-margins, .no-margin
{
	margin: 0px !important;
}

.no-top-margin, .margin-top-none
{
	margin-top: 0px !important;
}

.no-right-margin, .margin-right-none
{
	margin-right: 0px !important;
}

.no-bottom-margin, .margin-bottom-none
{
	margin-bottom: 0px !important;
}

.no-left-margin, .margin-left-none
{
	margin-left: 0px !important;
}

/* Borders */
.no-borders, .borders-none, .no-border, .border-none
{
	border: none !important;
}

/*ADD NO LEFT, no right, no top, no bottom */

.border-light-gray
{
	border-color: #ddd !important;
}

.border-gray
{
	border-color: #555 !important;
}

.border-light-blue
{
	border-color: #b9d6dc !important;
}

.border-black
{
	border-color: #555 !important;
}

.border-size-tiny
{
	border-width: 2px !important;
}

.border-size-small
{
	border-width: 2px !important;
}

.border-size-medium
{
	border-width: 5px !important;
}

.border-size-large
{
	border-width: 10px !important;
}

.border-size-huge
{
	border-width: 15px !important;
}

.border-solid
{
	border-style: solid !important;
}

.border-dotted
{
	border-style: dotted !important;
}

.border-top-none
{
	border-top: none !important;
}

.border-right-none
{
	border-right: none !important;
}

.border-bottom-none
{
	border-bottom: none !important;
}

.border-left-none
{
	border-left: none !important;
}

.border-no-sides, .border-sides-none
{
	border-right: none !important;
	border-left: none !important;
}

.border-no-ends, .border-ends-none
{
	border-top: none !important;
	border-bottom: none !important;
}


/* Backgrounds */

.background-light-gray
{
	background-color: #eee !important;
}

.background-light-blue
{
	background-color: #e5f3f6 !important;
}

/* Highlight */

.highlight-light-blue
{
	border: 1px solid #b9d6dc !important;
	background-color: #e5f3f6 !important;
}

.highlight-error
{

}

/* Colors */

.color-very-light-gray
{
	color: #eee;
}

.color-light-gray
{
	color: #666;
}

/* Text Styling */

.bold
{
	font-weight: bold !important;
}

.bolder
{
	font-weight: bolder !important;
}

.no-bold, .normal-bold, .bold-normal, .no-font-weight, .no-weight, normal-weight
{
	font-weight: normal !important;
}

.less-bold, .lighter
{
	font-weight: lighter !important;
}

.underline
{
	text-decoration: underline !important;
}

.overline
{
	text-decoration: overline !important;
}

.italic
{
	font-style: italic !important;
}

.olbique
{
	font-style: italic !important;
}

.no-italic, non-italic, .no-oblique, no-font-style, .normal-font-style, normal-font
{
	font-style: normal !important;
}

.capitalize
{
	text-transform: capitalize !important;
}

.uppercase
{
	text-transform: uppercase !important;
}

.lowercase
{
	text-transform: lowercase !important;
}

.no-case
{
	text-transform: none !important;
}

/* Wrapping */

.nowrap
{
	white-space: nowrap !important;
}

.wrap
{
	white-space: normal !important;
}

/* Fonts */

.x-small, .font-size-x-small, .size-x-small
{
	font-size: x-small !important;
}

.small, .font-size-small, .size-small
{
	font-size: small !important;
}

.medium, .font-size-medium, .size-medium
{
	font-size: medium !important;
}

.large, .font-size-large, .size-large
{
	font-size: large !important;
}

.x-large, .font-size-x-large, .size-x-large
{
	font-size: x-large !important;
}

.xx-large, .font-size-xx-large, .size-xx-large
{
	font-size: xx-large !important;
}

.arial
{
	font-family: arial !important;
}

.times-new-roman
{
	font-family: 'Times New Roman' !important;
}

.verdana
{
	font-family: 'Verdana' !important;
}

.arial-san-serif
{
	font-family: 'Arial', 'San-Serif' !important;
}

.verdana-san-serif
{
	font-family: 'Verdana', 'San-Serif' !important;
}

.times-serif
{
	font-family: 'Times New Roman', 'Serif' !important;
}

/* Lists */

.bullet-none
{
	list-style-type: none !important;
}

.bullet-circle
{
	list-style-type: circle !important;
}

.bullet-disc
{
	list-style-type: disc !important;
}

.bullet-square
{
	list-style-type: square !important;
}