/**
* Common browser's user-agent style overrides
* Eg: <p> has default margin which differs on different browsers
* We need to unify all those diverse behaviours to expected behaviours irrespective of browsers
* Also we would treat all elements(vanilla) to give only semantic meaning not the style meaning
* Refer: HTML5 semantics in w3c org
*/

/* --------------------------------------------------------------------- HTML5 display-role reset for older browsers ---------------------------------------------------------------------------- */

.vmp article,.vmp 
aside,.vmp 
details,.vmp 
figcaption,.vmp 
figure,.vmp 
footer,.vmp 
header,.vmp 
hgroup,.vmp 
menu,.vmp 
nav,.vmp 
section {
  display: block;
}

/* --------------------------------------------------------------------- Override User Agent ---------------------------------------------------------------------------- */

.vmp html,.vmp 
body,.vmp 
div,.vmp 
span,.vmp 
applet,.vmp 
object,.vmp 
iframe,.vmp 
blockquote,.vmp 
pre,.vmp 
abbr,.vmp 
acronym,.vmp 
address,.vmp 
big,.vmp 
cite,.vmp 
code,.vmp 
del,.vmp 
dfn,.vmp 
em,.vmp 
img,.vmp 
ins,.vmp 
kbd,.vmp 
q,.vmp 
s,.vmp 
samp,.vmp 
small,.vmp 
strike,.vmp 
strong,.vmp 
sub,.vmp 
sup,.vmp 
tt,.vmp 
var,.vmp 
b,.vmp 
u,.vmp 
i,.vmp 
center,.vmp 
dl,.vmp 
dt,.vmp 
dd,.vmp 
fieldset,.vmp 
form,.vmp 
label,.vmp 
legend,.vmp 
table,.vmp 
caption,.vmp 
tbody,.vmp 
tfoot,.vmp 
thead,.vmp 
tr,.vmp 
th,.vmp 
td,.vmp 
article,.vmp 
aside,.vmp 
canvas,.vmp 
details,.vmp 
embed,.vmp 
figure,.vmp 
figcaption,.vmp 
footer,.vmp 
header,.vmp 
hgroup,.vmp 
menu,.vmp 
nav,.vmp 
output,.vmp 
ruby,.vmp 
section,.vmp 
summary,.vmp 
time,.vmp 
mark,.vmp 
audio,.vmp 
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* --------------------------------------------------------------------- Major used block elements---------------------------------------------------------------------------- */

.vmp p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.vmp h1,.vmp 
h2,.vmp 
h3,.vmp 
h4,.vmp 
h5,.vmp 
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

.vmp ul,.vmp 
li {
  margin: 0;
  padding: 0;
}

.vmp ul {
  list-style-type : none;
}

.vmp li {
  list-style: none;
}

.vmp blockquote,.vmp 
q {
  quotes: none;
}

.vmp blockquote:before,.vmp 
blockquote:after,.vmp 
q:before,.vmp 
q:after {
  content: "";
  content: none;
}

.vmp table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --------------------------------------------------------------------- Input / Action elements---------------------------------------------------------------------------- */

.vmp button {
  margin: 0;
  padding: 0;
  color: inherit;
  background: none; /*IE 10 has a background gray when set to initial. So made it none*/
  cursor: pointer;
  border: none;
  outline: none;
  font: inherit;
  vertical-align: middle;
}

.vmp a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.vmp input {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: initial;
  font: inherit;
  outline: none;
}

/* --------------------------------------------------------------------- Inline elements---------------------------------------------------------------------------- */