/* FORMATTING CSS */
/* Outlines styles used for general formatting */

/* DISPLAY */
.block {
    display: block;
}
.inline {
    display: inline;
}
.inline-block {
	display: inline-block;
	/* ie7 */
	zoom: 1;
	*display: inline;
}
.none {
    display: none;
}
.hidden {
    visibility: hidden;
}
.zoom {
	zoom: 1; /* ie */
}

.hide { /* visible but hidden; used for js */
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.fill {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.overflow, .overflowAuto {
    overflow: auto;
}
.overflowVisible {
    overflow: visible;
}
.overflowHidden {
    overflow: hidden;
}
.nowrap {
	white-space: nowrap;
}

.textInherit {
	color: inherit;
}
.textInherit-hover:hover {
	color: inherit;
}
.textWhite, div.textWhite {
	color: white;
}
.textBlack, div.textBlack {
	color: black;
}
.textGrey, div.textGrey {
	color: grey;
}

/* ALIGNMENT */
.relative {
    position: relative;
}
.shell {
    position: relative;
    width: 100%;
    text-align: center; /* ie */
}
.center {
    position: relative;
    margin: auto;
    text-align: left;
    /* content width */
}
.auto {
    margin: auto;
}
.vshell {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	/* consider setitng child to inline-block */
}

.clear {
    clear: both;
}
.clearNone {
    clear: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.floatNone {
    float: none;
}

.base {
    vertical-align: baseline;
}
.sup {
    vertical-align: super;
}
.sub {
    vertical-align: sub;
}
.textTop {
    vertical-align: text-top;
}
.textBottom {
    vertical-align: text-bottom;
}
.middle {
	vertical-align: middle;
}

/* ABSOLUTE POSITIONING */
.absolute {
    position: absolute;
    /*z-index: 1;*/
}
.z-index-1 {
	z-index: -1;
}
.z-index1 {
	z-index: 1;
}
.z-index2 {
	z-index: 2;
}
.z-index3 {
	z-index: 3;
}

.top0 {
    top: 0px;
}
.top2 {
	top: 2px;
}
.top6 {
    top: 6px;
}
.top12 {
    top: 12px;
}
.top-6 {
	top: -6px;
}
.top-12 {
	top: -12px;
}

.right0 {
    right: 0px;
}
.right2 {
	right: 2px;
}
.right6 {
    right: 6px;
}
.right12 {
    right: 12px;
}

.bottom0 {
    bottom: 0px;
}
.bottom2 {
	bottom: 2px;
}
.bottom6 {
    bottom: 6px;
}
.bottom12 {
    bottom: 12px;
}

.left0 {
    left: 0px;
}
.left2 {
	left: 2px;
}
.left6 {
    left: 6px;
}
.left12 {
    left: 12px;
}
.left50p {
    left: 50%;
}

/* TEXT / FONT */
.font0 {
	font-size: 0px;
	line-height: 0px;
}
.medium {
    font-size: 1em; /* medium */
}
.big- {
    font-size: 1.1em;
}
.big {
    font-size: 1.2em;
}
.bigger, big.big {
    font-size: 1.4em;
	line-height: normal;
}
.huge, big.bigger {
    font-size: 1.5em;
	line-height: normal;
}
.small- {
    font-size: 0.9em;
}
.small {
    font-size: 0.8em;
}
.smaller, small.small {
    font-size: 0.6em;
	line-height: normal;
}
.tiny, small.smaller {
    font-size: 0.5em;
	line-height: normal;
}
.lineNormal {
	line-height: normal;
}

.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}
.textJustify {
    text-align: justify;
}

.normal {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.normalitalic {
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
}
.superbold {
	font-weight: 900;
}
.bold {
    font-weight: 700;
}
.strong {
    font-weight: 600;
}
.unbold {
	font-weight: 500;
}
.book {
	font-weight: 400;
}
.light {
	font-weight: 300;
}
.italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
.strike {
    text-decoration: line-through;
}
.bolditalic {
	font-weight: 700;
	font-style: italic;
}
.smallcaps {
	font-variant: small-caps;
}
.decoration-none, a.decoration-none {
	text-decoration: none;
}

.transition_smooth a, a.transition_smooth {
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

/* BORDERS */
.border {
	border-width: 1px;
	border-style: solid;
}
.borderNone {
	border: none;
}
.borderTop {
    border-top-style: solid;
    border-top-width: 1px;
}
.borderRight {
    border-right-style: solid;
    border-right-width: 1px;
}
.borderBottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.borderLeft {
    border-left-style: solid;
    border-left-width: 1px;
}
.underlineDouble {
	padding-bottom: 3px;
	border-bottom-width: 3px;
	border-bottom-style: double;
}
.overlineDouble {
	padding-top: 3px;
	border-top-width: 3px;
	border-top-style: double;
}

.borderWhite, div.borderWhite {
	border-color: white;
}
.borderBlack, div.borderBlack {
	border-color: black;
}
.borderGrey, div.borderGrey {
	border-color: grey;
}

.border1 {
    border-width: 1px;
}
.border2 {
    border-width: 2px;
}
.border3 {
    border-width: 3px;
}
.border4 {
	border-width: 4px;
}
.border6 {
    border-width: 6px;
}
.border12 {
    border-width: 12px;
}

.borderSolid {
    border-style: solid;
}
.borderDashed {
    border-style: dashed;
}
.borderDotted {
    border-style: dotted;
}
.borderDouble {
    border-style: double;
}
.borderInset {
    border-style: inset;
}
.borderOutset {
    border-style: outset;
}

/* rounded borders */
.border_round4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.button, .border_round8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.border_round_tr8 {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
.border_round_tl8 {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}
.border_round_bl8 {
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.border_round_br8 {
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.border_round12 {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.border_round16 {
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

/* GRADIENTS/BACKGROUNDS */

.gradient {
	background-repeat: repeat-x;
	background-position: center left;
}
.gradient_top {
	background-position: 0px -85px; /* 15px clearfill, followed by the graident */
	/* based on a 200px high gradient, overwrite per theme-style as required */
}
.gradient_hover {
	/* implement per theme-style as required */
}

.glass { /* thanks to: http://dl.dropbox.com/u/259524/code/layers.html */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80FFFFff', endColorstr='#1AFFFFff');
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1));
}

/* GENERAL */
ul.nolist {
	list-style: none;
	padding-left: 20px;
}
ul.nolist li {
	padding-left: 0px;
}
.roman {
    list-style: lower-roman;
}

.red {
    color: #da0202;
}
.redBg {
    background-color: #ea0202;
}
.redBorder {
    border: solid 1px #ca0202;
}

/* WIDTH / HEIGHT */
.widthAuto {
    width: auto;
}
.width1 {
	width: 1px;
}
.width10 {
    width: 10px;
}
.width20 {
    width: 20px;
}
.width30 {
	width: 30px;
}
.width40 {
    width: 40px;
}
.width50 {
	width: 50px;
}
.width60 {
	width: 60px;
}
.width80 {
    width: 80px;
}
.width120 {
    width: 120px;
}
.width160 {
    width: 160px;
}
.width200 {
	width: 200px;
}
.width240 {
    width: 240px;
}
.width260 {
	width: 260px;
}
.width320 {
    width: 320px;
}
.width360 {
	width: 360px;
}
.width400 {
	width: 400px;
}
.width480 {
    width: 480px;
}
.width640 {
    width: 640px;
}

.width100 {
	width: 100px;
}
.width200 {
    width: 200px;
}
.width300 {
	width: 300px;
}
.width400 {
	width: 400px;
}

.width5p {
	width: 5%;
}
.width10p {
	width: 10%;
}
.width15p {
	width: 15%;
}
.width20p {
	width:20%;
}
.width24p { /* ie */
    width: 24%;
}
.width25p {
    width: 25%;
}
.width30p {
	width: 30%;
}
.width33p {
    width: 33%;
}
.width34p {
	width: 34%;
}
.width35p {
	width: 35%;
}
.width40p {
	width: 40%;
}
.width45p {
	width: 45%;
}
.width49p { /* ie */
    width: 49%;
}
.width50p {
    width: 50%;
}
.width55p {
    width: 55%;
}
.width60p {
	width: 60%;
}
.width65p {
	width: 65%;
}
.width66p {
    width: 66%;
}
.width70p {
	width: 70%;
}
.width75p {
    width: 75%;
}
.width80p {
	width: 80%;
}
.width85p {
	width: 80%;
}
.width90p {
	width: 90%;
}
.width95p {
	width: 95%;
}
.width99p {
	width: 99%;
}
.width100p {
    width: 100%;
}
.min-width100p {
	min-width: 100%;
}

.heightAuto {
    height: auto;
}
.height10 {
    height: 10px;
}
.height20 {
    height: 20px;
}
.height40 {
    height: 40px;
}
.height50 {
    height: 50px;
}
.height60 {
	height: 60px;
}
.height80 {
    height: 80px;
}
.height120 {
    height: 120px;
}
.height140 {
	height: 140px;
}
.height160 {
    height: 160px;
}
.height200 {
	height: 200px;
}
.height240 {
    height: 240px;
}
.height320 {
    height: 320px;
}
.height400 {
	height: 400px;
}
.height480 {
    height: 480px;
}
.height640 {
    height: 640px;
}

.height10p {
	height: 10%;
}
.height20p {
	height: 20%;
}
.height25p {
    height: 25%;
}
.height50p {
    height: 50%;
}
.height75p {
    height: 75%;
}
.height100p {
    height: 100%;
}
.min-height100p {
	min-height: 100%;
}

/* SPACERS (Vertical / Horizontal) */
.break, .vertical0 {
    overflow: hidden;
    clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0;
}
.vertical1, .vertical2, .vertical4, .vertical6, .vertical12, .vertical16, 
.vertical10, .vertical20, .vertical30, .vertical40, .vertical50, .vertical60, .vertical70, .vertical80, .vertical90, .vertical100 {
    overflow: hidden;
    clear: both;
}
.vertical1 {
    height: 1px;
}
.vertical2 {
    height: 2px;
}
.vertical4 {
    height: 2px;
}
.vertical6 {
    height: 6px;
}
.vertical12 {
    height: 12px;
}
.vertical16 {
    height: 16px;
}
.vertical10 {
    height: 10px;
}
.vertical20 {
    height: 20px;
}
.vertical30 {
    height: 30px;
}
.vertical40 {
	height: 40px;
}
.vertical50 {
    height: 50px;
}
.vertical60 {
    height: 60px;
}
.vertical70 {
    height: 70px;
}
.vertical80 {
    height: 80px;
}
.vertical90 {
    height: 90px;
}
.vertical100 {
    height: 100px;
}

.horizontal2, .horizontal6, .horizontal12, .horizontal10, .horizontal20 {
    float: left;
    height: 1px;
    overflow: hidden;
}
.horizontal2 {
    width: 2px;
}
.horizontal6 {
    width: 6px;
}
.horizontal12 {
    width: 12px;
}
.horizontal10 {
    width: 10px;
}
.horizontal20 {
    width: 20px;
}

/* MARGIN/PADDING */
.marginAuto {
     margin: auto;
}
.margin {
    margin: 1em 0em;
}
.margin- {
    margin: 0em 1em;
}
.margin1em {
    margin: 1em;
}
.margin2em {
    margin: 2em;
}

.margin0 {
     margin: 0px;
}
.margin1 {
	margin: 1px;
}
.margin2 {
    margin: 2px;
}
.margin4 {
	margin: 4px;
}
.margin6 {
    margin: 6px;
}
.margin10 {
	margin: 10px;
}
.margin12 {
    margin: 12px;
}
.margin20 {
    margin: 20px;
}
.margin30 {
	margin: 30px;
}
.margin50 {
	margin: 50px;
}
.margin100 {
	margin: 100px;
}

.margin-top0 {
    margin-top: 0px;
}
.margin-top1 {
	margin-top: 1px;
}
.margin-top2 {
    margin-top: 2px;
}
.margin-top3 {
	margin-top: 3px;
}
.margin-top4 {
	margin-top: 4px;
}
.margin-top6 {
	margin-top: 6px;
}
.margin-top10 {
	margin-top: 10px;
}
.margin-top12 {
	margin-top: 12px;
}
.margin-top20 {
	margin-top: 20px;
}
.margin-top30 {
	margin-top: 30px;
}
.margin-top50 {
	margin-top: 50px;
}
.margin-top100 {
	margin-top: 100px;
}
.margin-right0 {
	margin-right: 0px;
}
.margin-right1 {
	margin-right: 1px;
}
.margin-right2 {
	margin-right: 2px;
}
.margin-right3 {
	margin-right: 3px;
}
.margin-right4 {
	margin-right: 4px;
}
.margin-right6 {
	margin-right: 6px;
}
.margin-right10 {
	margin-right: 10px;
}
.margin-right12 {
	margin-right: 12px;
}
.margin-right20 {
	margin-right: 20px;
}
.margin-right50 {
	margin-right: 50px;
}
.margin-right100 {
	margin-right: 100px;
}
.margin-bottom0 {
    margin-bottom: 0px;
}
.margin-bottom1 {
    margin-bottom: 1px;
}
.margin-bottom2 {
    margin-bottom: 2px;
}
.margin-bottom3 {
    margin-bottom: 3px;
}
.margin-bottom4 {
    margin-bottom: 4px;
}
.margin-bottom6 {
    margin-bottom: 6px;
}
.margin-bottom10 {
    margin-bottom: 10px;
}
.margin-bottom12 {
    margin-bottom: 12px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}
.margin-bottom30 {
	margin-bottom: 30px;
}
.margin-bottom50 {
	margin-bottom: 50px;
}
.margin-bottom100 {
	margin-bottom: 100px;
}
.margin-left0 {
    margin-left: 0px;
}
.margin-left1 {
    margin-left: 1px;
}
.margin-left2 {
    margin-left: 2px;
}
.margin-left3 {
    margin-left: 3px;
}
.margin-left4 {
    margin-left: 4px;
}
.margin-left6 {
    margin-left: 6px;
}
.margin-left10 {
    margin-left: 10px;
}
.margin-left12 {
    margin-left: 12px;
}
.margin-left20 {
	margin-left: 20px;
}
.margin-left30 {
	margin-left: 30px;
}
.margin-left50 {
	margin-left: 50px;
}
.margin-left100 {
	margin-left: 100px;
}

.margin-top-1 {
	margin-top: -1px;
}
.margin-top-2 {
    margin-top: -2px;
}
.margin-top-6 {
    margin-top: -6px;
}
.margin-top-12 {
	margin-top: -12px;
}
.margin-top-20 {
	margin-top: -20px;
}
.margin-right-2 {
    margin-right: -2px;
}
.margin-right-6 {
	margin-right: -6px;
}
.margin-right-12 {
	margin-right: -12px;
}
.margin-right-20 {
    margin-right: -20px;
}
.margin-bottom-2 {
    margin-bottom: -2px;
}
.margin-bottom-6 {
    margin-bottom: -6px;
}
.margin-bottom-12 {
	margin-bottom: -12px;
}
.margin-bottom-20 {
	margin-bottom: -20px;
}
.margin-left-2 {
    margin-left: -2px;
}
.margin-left-6 {
	margin-left: -6px;
}
.margin-left-12 {
	margin-left: -12px;
}
.margin-left-20 {
    margin-left: -20px;
}

.margin-left40 {
    margin-left: 40px;
}
.margin-left60 {
    margin-left: 60px;
}
.margin-left120 {
    margin-left: 120px;
}
.margin-left160 {
    margin-left: 160px;
}
.margin-left200 {
    margin-left: 200px;
}
.margin-right40 {
    margin-right: 40px;
}
.margin-right60 {
    margin-right: 60px;
}
.margin-right120 {
    margin-right: 120px;
}
.margin-right160 {
    margin-right: 160px;
}
.margin-right200 {
    margin-right: 200px;
}

.paddingAuto {
    padding: inherit;
}
.padding {
    padding: 1em 0em;
}
.padding- {
    padding: 0em 1em;
}
.padding1em {
    padding: 1em;
}
.padding2em {
    padding: 2em;
}

.padding0 {
    padding: 0px;
}
.padding2 {
    padding: 2px;
}
.padding6 {
    padding: 6px;
}
.padding10 {
	padding: 10px;
}
.padding12 {
    padding: 12px;
}
.padding20 {
    padding: 20px;
}

.padding-top0 {
    padding-top: 0px;
}
.padding-top2 {
    padding-top: 2px;
}
.padding-top6 {
    padding-top: 6px;
}
.padding-top12 {
    padding-top: 12px;
}
.padding-top20 {
	padding-top: 20px;
}
.padding-right0 {
    padding-right: 0px;
}
.padding-right2 {
    padding-right: 2px;
}
.padding-right6 {
    padding-right: 6px;
}
.padding-right12 {
    padding-right: 12px;
}
.padding-right20 {
	padding-right: 20px;
}
.padding-bottom0 {
    padding-bottom: 0px;
}
.padding-bottom2 {
    padding-bottom: 2px;
}
.padding-bottom6 {
    padding-bottom: 6px;
}
.padding-bottom12 {
    padding-bottom: 12px;
}
.padding-bottom20 {
	padding-bottom: 20px;
}
.padding-left0 {
    padding-left: 0px;
}
.padding-left2 {
    padding-left: 2px;
}
.padding-left6 {
    padding-left: 6px;
}
.padding-left12 {
    padding-left: 12px;
}
.padding-left20 {
	padding-left: 20px;
}

.padding-right100 {
	padding-right: 100px;
}
.padding-right200 {
	padding-right: 200px;
}
.padding-right300 {
	padding-right: 300px;
}
.padding-right400 {
	padding-right: 400px;
}
.padding-left100 {
	padding-left: 100px;
}
.padding-left200 {
	padding-left: 200px;
}
.padding-left300 {
	padding-left: 300px;
}
.padding-left400 {
	padding-left: 400px;
}

/* End Styles */