/* Basic Elements and Objects */

*{outline: 0;} /* no dotted border when active */

body {
	font-size: 13px; 
	width: 100%;
	height: 100%;
	line-height: 150%;
	padding: 0px;
	margin: 0px;
}


/* Text */

.Bold, .FontWeightBold {font-weight: bold;}
.Italic, .FontStyleItalic {font-style: italic;}

.TextTiny{font-size: 9px; line-height: 20px;}
.TextSmall{font-size: 13px;}
.TextNormal, .NormalText{ text-transform: none; font-size: 11px; text-transform: none; font-weight: normal; font-style: normal; }
.TextMedium{font-size: 16px}
.TextLarge{font-size: 22px;}
.TextHuge{font-size: 45px;}

.UpperCase, Uppercase { text-transform: uppercase; }
.LowerCase, Lowercase { text-transform: lowercase; }

.LetterSpacing { letter-spacing: 0.3px; }


/* Hyperlinks */

a:link {}
	
a:link, a:visited, a:active {
	color: #444;
	text-decoration:none;
	z-index: 1;
}

a:hover {
	color: #999;
	text-decoration:none;
	z-index: 100;
}
		
a.Yellow:hover{color: #fff;}
a.Red:hover{color: #fff;}
a.Blue:hover{color: #fff;}
a.Black:hover{color: red;}
a.White:hover{color: #000;}


/*  Layout */

.Spacer1, Space8 {height: 500px;}
.Spacer2, Space4 {height: 250px;}
.Spacer4, Space2 {height: 125px;}
.Spacer8, Space1 {height: 62px;}

.Padding {padding: 10px;}

.Margin {margin: 10px;}
.MarginAuto {margin: auto;}

.NoDisplay, .DisplayNone {display: none;}
.NoDisplayImportant, .DisplayNoneImportant {display: none !important;}
.DisplayBlock {display: block;}
.DisplayBlockImportant {display: block !important;}
.DisplayInline {display: inline;}

.VisibilityVisible, .Visible, .Visibility {visibility: visible;}
.VisibilityHidden, .Hidden {visibility: hidden;}

.Float, .FloatLeft{float: left;}
.FloatRight {float: right;}

.Clear{clear: both;}

.AlignCenter, .TextAlignCenter, .Center{text-align: center;}
.AlignLeft, .TextAlignLeft, .Left{text-align: left;}
.AlignRight, .TextAlignRight, .Right{text-align: right;}
.AlignJustify, .TextAlignJustify, .Justify{text-align: justify;}

.PositionAbsolute, .APO, .AP, .apo {position: absolute;}
.PositionFixed {position: fixed;}
.PositionRelative {position: relative;}

.OverflowHidden { overflow: hidden;}


.Background {z-index: 0;}
.Foreground {z-index: 2;}
.OnTop, .InFront {z-index: 3;}
.ReallyOnTop {z-index: 4;} 


.Border{border: solid 1px #ddd;}

.BorderLeftNone{border-left: none;}

.BorderRightNone{border-right: none;}


.Resize { resize: both; overflow: hidden;}
.ResizeVertical { resize: vertical; overflow: hidden; }
.ResizeHorizontal { resize: horizontal; overflow: hidden; }


.BorderCollapse > div {display: table-cell; border-collapse: collapse;}

.BoxShadow {box-shadow: 6px 6px 6px #ddd;}

.BoxShadow2 {box-shadow: 3px 3px 3px #eee;}

.GrayScale {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 filter: grayscale(100%);
}





/* Colors */

.Yellow, .Yellow:link {color: #e3d600;}
.Red, .Red:link {color: rgba(255,0,0,0.5);}
.Blue, .Blue:Link {color: rgba(0,0,255,0.5);}
.Black, .Black:link {color: #000000;}
.White, .White:link {color: #ffffff;}

.BgBlack, .bgBlack{background-color: black;}
.BgWhite, .bgWhite{background-color: white;}
.BgYellow, .bgYellow{background-color: #e3d600;}
.BgRed, .bgRed{background-color: rgba(255,0,0,0.5);}
.BgBlue, .bgBlue{background-color: rgba(0,0,255,0.5);}


/* Borders */

.Border {border: solid 1px #eee;}


/* Opacity & Formats */

.Nopacity, NOpacity {
	filter: Alpha(opacity=0);
	opacity: 1;
	moz-opacity: 1;
}

.Opacity {
	filter: Alpha(opacity=70);
	opacity: 0.3;
	moz-opacity: 0.3;
}

.MediumOpacity {
	filter: Alpha(opacity=50);
	opacity: 0.5;
	moz-opacity: 0.5;
}

.LightOpacity {
	filter: Alpha(opacity=20);
	opacity: 0.8;
	moz-opacity: 0.8;
}


.VeryLightOpacity {
	filter: Alpha(opacity=97);
	opacity: 0.97;
	moz-opacity: 0.97;
}


/* ClearFix and Special */

.ProportionalSize, .Proportional { width: 100%; height:0; padding-bottom:100%; }

.ClearFix:before, .ClearFix:after {
	 content: " ";
	 display: table;
}

.ClearFix:after { clear: both; }

.ClearFix { *zoom: 1; /* IE6 + IE7 */ }

.flip, .Flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.Pointer, .CursorPointer {cursor: pointer;}

.Test, .test {background-color: #8bfdff;}



/* Mobile and Responsive Related */

.JustMobile { display: none; }
.JustScreen {}
.JustPortrait {}
.JustLandscape {}