/* Resets */
ul {
    padding:0;
    margin:0 0 20px 0;
/*    list-style:none;*/
}
ul li {
    padding:5px 0;
}
ul li input[type="checkbox"] {
    width:50px;
}
ul li input[type="text"], ul li input[type="password"] {
    width:200px;
}
  	
  /** fonts used for the icons **/ 
  @font-face {
  font-family: 'FontomasCustomRegular';
  src: url('fonts/fontomas-webfont.eot');
  src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/fontomas-webfont.woff') format('woff'),
  url('fonts/fontomas-webfont.ttf') format('truetype'),
  url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  @font-face {
  font-family: 'FranchiseRegular';
  src: url('fonts/franchise-bold-webfont.eot');
  src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/franchise-bold-webfont.woff') format('woff'),
  url('fonts/franchise-bold-webfont.ttf') format('truetype'),
  url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  
  }
  

  /** the magic icon trick ! **/
  [data-icon]:after {
  content: attr(data-icon);
  font-family: 'FontomasCustomRegular';
  color: rgb(106, 159, 171);
  position: absolute;
  left: 10px;
  top: 35px;
  	width: 35px;
  }