/* ���������������������������������������������������������������������������������������������������������������������������������������
	Reset the default CSS styles (by Eric Meyer)
��������������������������������������������������������������������������������������������������������������������������������������� */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
		{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
		body {line-height: 1;}
		ol, ul {list-style: none;}
		blockquote, q {quotes: none;}

		/* remember to define focus styles! */
		:focus {outline: 0;}

		/* remember to highlight inserts somehow! */

		/* tables still need 'cellspacing="0"' in the markup */
		table {border-spacing: 0;}



/* ���������������������������������������������������������������������������������������������������������������������������������������
	Predefined HTML TAG styles and useful classes
��������������������������������������������������������������������������������������������������������������������������������������� */

		/* For development purposes */
		.show-outline {outline:1px solid magenta!important; min-height:20px!important;  }
		.show-border {border:1px solid blue!important; min-height:20px!important;}
		.show-bg {background-color:pink!important; min-height:20px!important;}
		.show-bg2 {background-color:cyan!important; min-height:20px!important;}

		/* Layout classes */
		#wrapper, #header, #content, #footer {overflow:hidden; clear:both;}
		div.content-area, div.content-section {overflow:hidden;}

		/* Navigation bars */
		ul.nav {overflow:hidden; }
		ul.nav li {float:left; }
		ul.nav li.last {margin-right:0; padding-right:0; border-right:0;}

		/* Buttons */
		.button:hover {cursor:pointer; text-decoration:none;}
		input[type="button"]:hover {cursor:pointer; text-decoration:none;}

		/* Margins */
		.no-tm {margin-top:0!important; }
		.no-rm {margin-right:0!important; }
		.no-bm {margin-bottom:0!important; }
		.no-lm {margin-left:0!important; }

		/* Floats */
		.to-left {float:left!important;}
		.to-right {float:right!important;}

	/* Text Alignment */
		.tar {text-align:right!important;}
		.tal {text-align:left!important;}
		.tac {text-align:center!important;}
		.taj {text-align:justify!important;}

		/* Display */
		.hidden {display:none!important;}
		.invisible {visibility:hidden!important;}

		/* Separators */
		hr {background:#ddd; color:#ddd; width:100%; height:.1px; border:none; clear:both; float:none;}
		hr.space {background:#fff; color:#fff;}

		/* Font styles */
		small {font-size:60%; }
		big {font-size:160%; }
		sup {font-size:60%; vertical-align:super;}
		sub {font-size:60%; vertical-align:sub;}

		/* Images */
		img, a img {font-size:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none;}

		/* Clearfix */
		.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		* html .clearfix {height:1%}
		.clearfix {display:block}
		.clear {clear:both;}

		/* Message bar */
		body .message-bar {padding:10px 0 10px 0; background:#FFFFC1 url(../img/style/icon-alert.gif) no-repeat 10px; color:#000;
		font-size:12px; font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif; border-bottom:1px solid #DED181;  text-align:left;
		text-indent:30px; margin-bottom:1px}
		html > body p.browser-support {display:none;}

		/* Top layer (popups and modal windows container) */
		.cover {
		position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000;
		background:url("../img/style/cover.png") repeat;
		}
		/* Modal windows */
		.top-layer {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1100;}
		.modal-window, .modal-box, .popup {
		margin:0 auto 30px auto;}

			/* Modal window */
				div.modal-window {
				position:relative; padding:15px; margin-top:175px; width:707px;
				border:1px solid #E9E9E9; border-right-color:#B6B6B6; border-bottom-color:#B6B6B6;
				background-color:#fff;
				}


/* ���������������������������������������������������������������������������������������������������������������������������������������
	ERROR CHECKING (http://accessites.org/site/2006/07/big-red-angry-text/)
	This is to determine if deprecated elements are used. If so, they should be replaced:
		1a. <font> and
		1b. <font color="xxx">�</font>: Shouldn�t be used.
		CSS should dictate font attributes.
		2. <center>: Shouldn�t be used. CSS should dictate horizontal alignment.
		3a. <div align="xxx">�</div>
		3b. <p align="xxx">�</p>
		3c. <table align="xxx">�</table>: Shouldn�t be used. CSS should dictate horizontal alignment.
��������������������������������������������������������������������������������������������������������������������������������������� */
