/* ���������������������������������������������������������������������������������������������������������������������������������������
   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! */
      ins {}
      del {}

      /* 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.
��������������������������������������������������������������������������������������������������������������������������������������� */
