/************************************************************************************************************************************************
  S T A N D A R I Z E   C S S   S T Y L E S
-------------------------------------------------------------------------------------------------------------------------------------------------
  $ Reset the default CSS styles
  $ Set new base Styles
************************************************************************************************************************************************/


/* ·············································································································································
 $ Reset the default CSS styles (Eric Meyer)
············································································································································· */

      html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 
      dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
      {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
      
      body {line-height:1.5;}
      table {border-collapse:separate;border-spacing:0;}
      caption, th, td {text-align:left;font-weight:normal;}
      table, td, th {vertical-align:middle;}
      blockquote:before, blockquote:after, q:before, q:after {content: "\0022";}
      blockquote, q {quotes:"" "";}
      a img {border:none;}
	  a {outline:none;}
      
/* ·············································································································································      
 $ Set new base Styles (Adaptation of Bluetrip)
············································································································································· */

/* Typography */ 
      html {font-size: 62.5%; font-family: arial, tahoma, verdana, sans-serif;}
      strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
      cite, em, dfn {font-style: italic;}
      code, kbd, samp, pre, tt, var, input[type='text'], textarea {font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace;}
      del {text-decoration: line-through; color: #666;}
      ins, dfn {border-bottom: 1px solid #ccc;}
      small, sup, sub {font-size: 85%;}
      abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
      a abbr, a acronym {border: none;}
      abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
      sup {vertical-align: super;}
      sub {vertical-align: sub;}


/* Forms */
      fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
      legend {font-weight: bold; font-size:1.2em;}
      label {font-weight: bold;}
      textarea, input[type='text'], select      {border: 1px solid #ccc; background: #fff;}
      textarea:hover, input[type='text']:hover, input[type='password']:hover,select:hover {border-color: #aaa;}
      textarea:focus, input[type='text']:focus, input[type='password']:focus,select:focus {border-color: #888; outline: 2px solid #ffffaa;}
      input, select {cursor: pointer;}
      input[type='text'] {cursor: text;}

/* Base sizes */
      #wrapper {font-size: 1.2em; line-height: 1.6em;}


/* Lists */
      #wrapper ul li {list-style:none}
      #wrapper ol {list-style-position: inside; list-style-type: decimal;}
      #wrapper dt {font-weight: bold;}

/* Links */
	a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
	

/* Table */
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	caption { background: #fff; margin-bottom:2em; text-align:left; }
	thead {display: table-header-group;}
	tr {page-break-inside: avoid;} 
	#wrapper table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc;}
	#wrapper th, #wrapper td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}


/* Images */
img { float: left;  }
a img { border: none; }

      
/* ·············································································································································      
 $ Usefull clases
············································································································································· */      

/* RoundedCorners FIX */
      .rounded {margin-top:8px;}
      
/* Separators */
      hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
      hr.space {background:#fff;color:#fff;}
      
/* Text classes */
      #wrapper .highlight {background:#ff0;}
      #wrapper .error, #wrapper .notice, #wrapper .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
      #wrapper .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
      #wrapper .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
      #wrapper .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
      #wrapper .error a {color:#8a1f11; background:none; padding:0; margin:0;}
      #wrapper .notice a {color:#514721; background:none; padding:0; margin:0;}
      #wrapper .success a {color:#264409; background:none; padding:0; margin:0;}

      
      p.alert {padding:10px 0 10px 0; background:#FFFFC1 url(../img/icon[alert].gif) no-repeat 10px; color:#000; font-size:1.2em;  border-bottom:1px solid #DED181;  text-align:left;  text-indent:30px; margin-bottom:1px} 
      html > body p.browser-support {display:none;}
      
/* Clearing */
      .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
      .clearfix {display:inline-block;}
      * html .clearfix {height:1%;}
      .clearfix {display:block;}
      .clear {clear:both;}
 
/* Buttons */ 
      #wrapper a.button {color:#fff; text-decoration:none;}
      #wrapper .button {background:url(../img/_buttons[bg].gif) repeat-x 0 0; display:inline-block; font-weight:bold; line-height:29px; margin: 0 8px 0 -2px; position:relative; left:3px}
            #wrapper .button:before, #wrapper a.button:after {content:"."; display:inline-block; width:10px; text-indent:-5000px;}
            #wrapper .button:before {background:url(../img/_buttons[bg].gif) no-repeat 0 -77px; margin:0 0 0 -2px; }
            #wrapper .button:after {background:url(../img/_buttons[bg].gif) no-repeat 0 -155px; margin:0 -2px 0 0;}
      
      /* Hover effect */ 
      #wrapper .button:hover {background:url(../img/_buttons[bg].gif) repeat-x 0 -39px;}
      #wrapper .button:hover:before, #wrapper a.button:hover .button-before {background:url(../img/_buttons[bg].gif) no-repeat 0 -116px;}
      #wrapper .button:hover:after, #wrapper a.button:hover .button-after {background:url(../img/_buttons[bg].gif) no-repeat right -192px;}
      
      #wrapper .button i {visibility:hidden; }
      #wrapper .button .button-before, #wrapper a.button .button-after {display:inline-block; width:6px;}
      #wrapper .button .button-before {background:url(../img/_buttons[bg].gif) no-repeat 0 -77px; margin:0 0 0 -10px; }
      #wrapper .button .button-after {background:url(../img/_buttons[bg].gif) no-repeat right -155px; margin:0 -8px 0 0; position:relative; left:4px}