@import url("https://fnt.webink.com/wfs/webink.css?project=456904F9-342A-40C9-B6F2-7024A8BAD128&fonts=D376B979-5C7B-4FF6-C871-2AE4B732808F:family=OmnesRegular,8015D851-7B30-B41D-5830-0D52DAB880E4:family=OmnesLightItalic");
/*
=================================
Main CSS File for 2013 LexisNexis US L&P National Sales Meeting form
Date = January 2013
By = Ricardo Zea

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

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

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

/* WEBFONTS
=================================*/
/* SPECIFIC TAGS
=================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

body { position: relative; padding: 0 0 11px; color: #333; font: 100%/1.6 Calibri, Arial, Helvetica, sans-serif; background: url(../images/img-bg-website.jpg) top repeat-x #e3e3e3; }

hr { width: 90%; border: none; border-top: #666666 1px dotted; margin: 4% auto; }

/* LINKS
=================================*/
a { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
a, a:visited { color: #0d729f; text-decoration: underline; background: #f1f1f1; border-radius: 2px; }
a:hover { color: #40a7d4; text-decoration: none; }
a:active, a:focus { color: #666666; outline: 1px dotted black; }

a.nwv { display: inline !important; padding-right: 13px; /*New window icon*/ background: url(../images/icon-new-window.png) right 3px no-repeat; }

/* SELECTION
=================================*/
::selection { background: #000; color: #fff; }

::-moz-selection { background: #000; color: #fff; }

/* FORMS
=================================*/
::-webkit-input-placeholder { color: #ccc; }

:-moz-placeholder { color: #cccccc !important; }

:-ms-input-placeholder { color: #ccc; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { width: 100%; margin-bottom: 4%; padding: 4.5% 3%; color: #333; border: #666666 1px solid; font: 16px Arial, Helvetica, sans-serif; border-radius: 2px; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.1) inset; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus { color: #000; border: #d7ad74 1px solid; background: #F9F5E6; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

button, .button, .button:visited { cursor: pointer; padding: 2% 12%; margin-top: 2%; color: #fff; text-decoration: none; border: white 2px solid; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #ed1c24; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed1c24), color-stop(100%, #c61017)); background: -webkit-linear-gradient(top, #ed1c24, #c61017); background: -moz-linear-gradient(top, #ed1c24, #c61017); background: -o-linear-gradient(top, #ed1c24, #c61017); background: linear-gradient(top, #ed1c24, #c61017); /*Fix the extra wide buttons in IE*/ width: auto; overflow: visible; font: 24px Calibri, Arial, Helvetica, sans-serif; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); border-radius: 4px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

button:hover, .button:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c61017), color-stop(100%, #ed1c24)); background: -webkit-linear-gradient(top, #c61017, #ed1c24); background: -moz-linear-gradient(top, #c61017, #ed1c24); background: -o-linear-gradient(top, #c61017, #ed1c24); background: linear-gradient(top, #c61017, #ed1c24); }

button:focus, .button:active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #000000, #666666); background: -moz-linear-gradient(top, #000000, #666666); background: -o-linear-gradient(top, #000000, #666666); background: linear-gradient(top, #000000, #666666); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }

/* CONTENT
=================================*/
.main-container { width: 95%; max-width: 760px; margin: 2% auto; padding: 2% 2% 4%; background: #fff; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4), 0 3px 3px rgba(0, 0, 0, 0.2) inset; position: relative; }

h1 { width: 52%; margin: 0 auto 2%; padding-bottom: 3%; font: 1.7em/1.2 "OmnesLightItalic", Arial, Helvetica, sans-serif; color: #000; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); letter-spacing: -.5px; font-size-adjust: .52; border-bottom: #666666 1px dotted; }

form { width: 50%; margin: 0 auto; text-align: center; }

label { display: block; font-size: 1.5em; text-align: left; }
label.error { float: left; width: 100%; padding: 4px; margin-top: -15px; background: #fcd9da; border-radius: 0 0 2px 2px; color: #666666; font-style: italic; font-size: 13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); border: #f8aaad 1px solid; border-top: none; }
label.error:before { float: left; width: 16px; height: 16px; margin: 2px 5px 0 0; content: ""; }
label.error:before { background: url(../images/sprites.png) -16px 0 no-repeat; }
label.success { background: #e6ffe6; border: #b3ffb3 1px solid; }
label.success:before { float: left; width: 16px; height: 16px; margin: 2px 5px 0 0; content: ""; }
label.success:before { background: url(../images/sprites.png) 0 0 no-repeat; }

ul { text-align: center; }
ul li { display: inline; }
ul li:last-child { border: none; padding: 0; }
ul li a, ul li a:visited { display: inline-block; padding: 1% 3%; }

.logo { width: 16.44737%; position: absolute; top: 5.5%; left: 6%; }

.note { display: block; font-size: 12px; color: #999; text-align: center; }

/* 320+480 - Mobile Portrait and Landscape
=================================*/
@media only screen and (min-width: 320px) and (max-width: 480px) { h1 { float: right; width: 60%; margin: 2.5% 15px 0 0; font-size: 1.2em; }
  form { width: 90%; clear: both; }
  label { font-size: 1em; }
  label.error { margin-top: -12px; }
  .logo { width: 80px; top: 5%; }
  .button { font-size: 22px; }
  a, a:visited { font-size: 13px; } }
/* 480 - Mobile Landscape
=================================*/
@media only screen and (width: 480px) { h1 { width: 65%; margin-top: 4%; font-size: 1.4em; }
  input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { padding: 2% 1%; margin-bottom: 2%; }
  label.error, label.success { font-size: .6em; margin-top: -8px; }
  .logo { width: 100px; }
  button, .button, .button:visited { font-size: 18px; } }