a quick note on border-style shorthand:
border-style: none none dotted; --> this means:
One value: it applies the same style to all four sides.
Two values: applies to top and bottom, the second to the left and right.
Three values: applies to the top, the second to the left and right, the third to the bottom.
Four values: applies to all four sides following clockwise.