/* Base Theme */
html, body { margin:0; padding:0; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* Custom Fonts */
@font-face { font-family: 'OpenSansLight'; src: url('../fonts/opensans/light.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans/light.woff') format('woff'), url('../fonts/opensans/light.ttf')  format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansRegular'; src: url('../fonts/opensans/regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans/regular.woff') format('woff'), url('../fonts/opensans/regular.ttf')  format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansSemiBold'; src: url('../fonts/opensans/semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans/semibold.woff') format('woff'), url('../fonts/opensans/semibold.ttf')  format('truetype'); font-weight: normal; font-style: normal; }

/* Headings */
h5,h4,h3,h2,h1,p { margin:0; }
h5,h4,h3,h2,h1 { font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; }

/* Font Styles */
.light { font-family: 'OpenSansLight', Helvetica, Arial, sans-serif; }
.regular { font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; }
.semibold { font-family: 'OpenSansSemiBold', Helvetica, Arial, sans-serif !important; }

/* Misc Styles */
.medium { font-size:1.2em; }
.underline { text-decoration:underline !important; }
.italic { font-style:italic !important; }
.help { cursor: help !important; }

/* Colours */
.gray { color:#757575 !important; }

/* Base Styles */
body { min-width:320px; padding:0px; font-family:Arial, sans-serif; font-size:13.33px; }

/* Horizontal Line */
hr { margin:0; border:0; padding-bottom:1.4em; }

/* Tables */
table { border-collapse:collapse; background:white; }
table, th, td { border: 1px solid rgba(120,120,120,1); }
th, td { padding:8px 12px; text-align:left; }
/* Heading on the top */
.tbl-top tr:nth-child(even) { background-color:#F2F2F2; }
/* Heading on the left */
.tbl-left td:nth-child(even) { background-color:#F2F2F2; }

/* Make the no js msg visible */
.js-msg { background:#666; color:white; padding:1em 3em; position:fixed; bottom:0; left:0; right:0; display:none; }
.no-js .js-msg { display:inline-block !important; }

/* Bullets */
ul { list-style:none; margin:0; padding:0; margin-left:2em; }
li { padding:0; margin:0; padding-bottom:0.6em; }
li::before { padding-right:0.4em; font-family:Arial, sans-serif; font-size:1.7em; line-height:0.8em; content: "•"; vertical-align:top; display:inline-block; width:1em; margin-left: -1em }

/* Buttons */
input[type=submit], input[type=reset], input[type=button], button, .btn { line-height:100%; vertical-align:top; margin:0.2em 0; background:lightgray; color:black; transition: border-color 0.2s ease, background-color 0.2s ease; cursor:pointer; border:0; outline:none; display:inline-block; padding:0.5em 1em; text-decoration:none; }

/* Prevent selection on these elements */
.radio label, .checkbox label, .btn, button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Hyperlinks */
a { outline:none; text-decoration:none; color:#0000FF; transition: color 0.9s ease; }
a:active, a:focus, a:hover { color:#0000FF; text-decoration:none !important; }

/* Text Input */
select, textarea, input[type=text], input[type=number], input[type=password] { margin:0.2em 0; outline:none; transition: background-color 0.2s ease, border-color 0.2s ease; border:1px solid rgba(0,0,0,.3); min-width:18em; font-family:inherit; padding:0.5em 0.7em; }

/* Textarea */
textarea { width:320px !important; height:146px; resize:none; }

/* Hide placeholder on focus */
textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder, input:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder, input:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder { color:transparent; }

/* Radio & Checkbox */
.radio, .checkbox, input[type=radio], input[type=checkbox] { display:inline-block; margin:0.4em 0; position:relative; top:0.1em; }
input[type=radio], input[type=checkbox] { margin-right:0.7em; }

/* Custom Radio & Checkbox */
.radio input[type=radio], .checkbox input[type=checkbox] { position:absolute; }
.radio label, .checkbox label { position:relative; display:inline-block; min-width:auto !important; padding:0.4em 1em 0em 1.5em; /*padding:0 1em 0 1.8em;*/ cursor:pointer; }
.radio label::before, .checkbox label::before, .radio label::after, .checkbox label::after { position:absolute; content: ""; display: inline-block; }
.radio label::before, .checkbox label::before { left:0px; top:0px; height:1.4em; width:1.4em; }
.radio input[type=radio] + label::after, .checkbox input[type=checkbox] + label::after { content:none; }
.radio input[type=radio]:checked + label::after, .checkbox input[type=checkbox]:checked + label::after { content: ""; }

/* Radio Specific */
.radio label::before{  border-radius:1.4em; }
.radio label::after { height:0.6em; width:0.6em; border-radius:1em; left:0.4em; top:0.4em; }

/* Checkmark */
.checkbox label::after { height:0.4em; width:0.7em; transform: rotate(-45deg); left:0.35em; top:0.4em; }

/* Input Color */
input[type=color] { margin:0.6em 0; outline:none; cursor:pointer; }

/* Custom Range Input */
input[type=range] { margin:1em 0; outline:none; }

/* File Input */
.inputfile { margin:0.6em 0; position:relative; top:0em; }
input[type=file] { outline:none; cursor:pointer; }

/* Temp Styles */
.b { padding-bottom:1.4em; }
label { padding:0.8em 1.4em 0 0; display:inline-block; min-width:7em; vertical-align:top; }
.tmp { padding-bottom:1.4em; }