/* -----------------------------------------------
   PAGE GLOBAL RESET START
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img
{
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}

ol, ul
{
    list-style: none;
}

caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after
{
    content: '';
}

abbr, acronym
{
    border: 0;
}

/* -----------------------------------------------
    PAGE GLOBAL RESET STOP
----------------------------------------------- */

/* -----------------------------------------------
   PAGE BASE HTML ELEMENTS START
----------------------------------------------- */

body
{
    text-align: center;
    margin: 10px 0;
}

h1
{
	font-size: 85%;
	margin: 1em 0;
}

h2
{
	font-size: 70%;
	margin: 1em 0;
}

h3
{
	font-size: 65%;
	margin: 1em 0 0;
}

h1, h2, h3
{
    line-height: 130%;
}

h1, h2, h3, h4, h5, h6, strong, .bold
{
	font-weight: bold;
}

p
{
    font-size: 65%;
    line-height: 130%;
}

p, fieldset
{
	margin-bottom: 1em;
}

abbr, acronym
{
	border-bottom: 1px dotted #333;
	cursor: help;
}
 
em
{
	font-style: italic;
}

blockquote, ul, ol, dl
{
	margin: 1em;
}

ol, ul, dl
{
	margin-left: 2em;
}

ol li
{
	list-style: decimal outside;	
}

ul li
{
	list-style: disc outside;
}

dl dd
{
	margin-left: 1em;
}

th, td
{
	border: 0;
	padding: 0;
}

th
{
	font-weight: bold;
	text-align: center;
}

caption
{
	margin-bottom: 0.5em;
	text-align: center;
}

pre, code, kbd, samp, tt
{
	font-family: monospace;
	*font-size: 108%;
	line-height: 99%;
}

a, a:hover, a:visited, a:active
{
    color: #333;
    text-decoration: underline;
}

a img, a:hover img
{
    text-decoration: none;
}

/* -----------------------------------------------
   PAGE BASE HTML ELEMENTS STOP
----------------------------------------------- */

/* -----------------------------------------------
	UTIL START
----------------------------------------------- */

.clear
{
    clear: both;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.middle
{
    vertical-align: middle;
}

.bottom
{
    vertical-align: bottom;
}

.capitalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.lowercase
{
    text-transform: lowercase;
}

.nowrap
{
    white-space: nowrap;
}

.block, .show
{
    display: block;
}

.hide
{
    display: none;
}

.hidden
{
    visibility: hidden;
}

.widthAuto
{
    width: auto;
}

.heightAuto
{
    height: auto;
}

.tight
{
	width: 1%;
}

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

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

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

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

.marginSmallTop
{
    margin-top: 5px! important;
}

.marginSmallRight
{
    margin-right: 5px! important;
}

.marginSmallBottom
{
    margin-bottom: 5px! important;
}

.marginSmallLeft
{
    margin-left: 5px! important;
}

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

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

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

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

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

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

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

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

.paddingSmallTop
{
    padding-top: 5px! important;
}

.paddingSmallRight
{
    padding-right: 5px! important;
}

.paddingSmallBottom
{
    padding-bottom: 5px! important;
}

.paddingSmallLeft
{
    padding-left: 5px! important;
}

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

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

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

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

/* -----------------------------------------------
	UTIL STOP
----------------------------------------------- */