* {text-decoration: none; font-size: 1em; outline: none; margin: 0; padding: 0 }
code,kbd,samp,pre,tt,var,input,select,isindex,listing,xmp,plaintext {font: inherit; white-space: normal}
textarea{ font: inherit}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym {border-width: 0 }
dfn,cite,var,address,em {font-style: normal }
th,b,strong,h1,h2,h3,h4,h5,h6,dt {font-weight: 400 }
caption,th,td {text-align: left }
html {background: #FFF; color: #000; line-height: 1; font-family: arial, sans-serif }
html {font-family: sans-serif }
q {quotes: "\201C""\201D""\2018""\2019" }
ul,ol,dir,menu {list-style: none }
sub,sup {vertical-align: baseline }
a {color: inherit }
font,basefont {color: inherit; font: inherit; font-size: 100% }
center,*[align] {text-align: inherit }
s,strike,u {text-decoration: inherit }
img {border: none; margin: 0 }
ol {list-style-type: decimal }
body {background-color: transparent }
tr,th,td {width: auto; height: auto; background-color: transparent; vertical-align: inherit; border: none }
table[border],.content table[border] {border-collapse: separate; border-spacing: 0 }
nobr {white-space: normal }
marquee {overflow: visible; -moz-binding: none }
blink {text-decoration: none }
html {font-size: 125% }
body {font-size: 50% }
a {text-decoration: none}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt {font-weight: 700 }
cite,em,dfn {font-style: italic }
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea {font-size: 100%; font-family: mono-space,monospace }
pre {white-space: pre }
pre * {font-size: 100%; white-space: pre }
del {text-decoration: line-through }
ins,dfn {border-bottom: 1px solid #000 }
small,sup,sub {font-size: 85% }
big {font-size: 125%; line-height: 80% }
abbr,acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em }
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #000 }
sup {vertical-align: super }
sub {vertical-align: sub }
blockquote {padding-left: 2.2em }
hr {display: none }
:lang(af),:lang(nl),:lang(pl) {quotes: '\201E' '\201D' '\201A' '\2019' }
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro) {quotes: '\201E' '\201C' '\201A' '\2018' }
:lang(da),:lang(hr) {quotes: '\00BB' '\00AB' '\203A' '\2039' }
:lang(el),:lang(es),:lang(sq),:lang(tr) {quotes: '\00AB' '\00BB' '\2039' '\203A' }
:lang(en-GB) {quotes: '\2018' '\2019' '\201C' '\201D' }
:lang(fi),:lang(sv) {quotes: '\201D' '\201D' '\2019' '\2019' }
:lang(fr) {quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a' }
*[lang|='en'] q:before {content: '\201C' }
*[lang|='en'] q:after {content: '\201D' }
*[lang|='en'] q q:before {content: '\2018' }
*[lang|='en'] q q:after {content: '\2019' }
input,select,button {cursor: pointer }
input[type='text'],input[type='password'] {cursor: text }
input[type='hidden'] {display: none }
.content {font-size: 1.2em; line-height: 1.6em }
.content h1 {font-size: 1.6em; line-height: 1; margin: 1em 0 .5em }
.content h2 {font-size: 1.5em; line-height: 1; margin: 1.07em 0 .1em }
.content h3 {font-size: 1.4em; line-height: 1; margin: 1.14em 0 .57em }
.content h4 {font-size: 1.3em; line-height: 1; margin: 1.23em 0 .615em }
.content h5 {font-size: 1.2em; line-height: 1; margin: 1.33em 0 .1em }
.content h6 {font-size: 1em; line-height: 1; margin: 1.6em 0 .8em }
.content hr {display: block; background: #000; color: #000; width: 100%; height: 1px; border: none }
.content ul {list-style: disc outside }
.content ol {list-style: decimal outside }
.content table {border-collapse: collapse }
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form {margin-bottom: 1.6em }
.content p+p {margin-top: -.8em }
.content fieldset {margin: 1.6em 0; padding: 1.6em }
.content legend {padding-left: .8em; padding-right: .8em }
.content fieldset>*:first-child {margin-top: 0 }
.content textarea,.content input[type='text'] {padding: .1em .2em }
.content input {padding: .2em .1em }
.content select {padding: .2em .1em 0 }
.content select[multiple] {margin-bottom: .8em }
.content option {padding: 0 .4em .1em }
.content button {padding: .3em .5em }
.content input[type='radio'] {position: relative; bottom: -.2em }
.content dt {margin-top: .8em; margin-bottom: .4em }
.content ul,.content ol {margin-left: 2.2em }
.content caption,.content form div {padding-bottom: .8em }
.content ul ul,content ol ul,.content ul ol,content ol ol {margin-bottom: 0 }
blockquote {color: #666 }
blockquote > *:first-child:before {content: "\201C"; font-size: 2.5em; margin-left: -.62em; font-family: georgia,serif; padding-right: .2em; color: #aaa; line-height: 0 }
abbr[title],acronym[title],dfn[title] {border-bottom: 1px solid #ccc }
ins,dfn {border-bottom-color: #666 }
del {color: #666 }
fieldset {border-color: #ccc }
textarea,input[type='text'],input[type='password'],select {border: 1px solid #ccc; background: #fff }
fieldset {border: 1px solid #ccc }
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover {border-color: #aaa }
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus {outline: 2px solid #e4e4e4; border-color: #888 }
.content hr {background: #aaa; color: #aaa }
.content table {border-top: 1px solid #ccc; border-left: 1px solid #ccc }
.content th,.content td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc }
.content th,.content td {padding: .8em }
a:link {color: #36c }
a:visited {color: #99c }
a:hover,code,pre {color: #c33 }
a:active,.a:focus {color: #000 }
video {background-color: #fff}
.alt {font-family: "baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif; font-style: italic; font-weight: 400 }
.dquo {margin-left: -.55em }
.sm-font-backlog {font-size: 10px}
body {background: #fff; font-family: Arial, sans-serif}
.content input{ font-size:14px}
.content input[type="text"], .content input[type="password"], .content textarea{ font-family: Arial, sans-serif}
div.masked-image div.mask {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/article-mask_versioned_1.0.png", sizingMethod = 'scale')}
div.masked-image div.mask img {filter: alpha( opacity = 0)}
#shadow {background: #fff url('/images/route66/bg-framing_versioned_1.0.jpg') repeat-y}
#bottom_shadow {background: #fff url('/images/route66/bottom-shadow.jpg') repeat-x}
#container {background: #fff url('/images/route66/bg-header_versioned_1.1.jpg') no-repeat; border: 1px solid #d1d1d1; border-top: none; border-bottom: none}
#nav-secondary {background: #ccc}
#nav-main ul li a {text-transform: uppercase; position: relative}
span.first-letter {font-size: 1.3em}
.piped ul li {border-left: 1px solid #ed1c24}
#footer {font-size: 1.2em; color: #fff; border: 1px solid #95b6cc; border-top: none}
#footer ul {background-color: #166593}
#nav td {background: url('/images/route66/nav-separator.jpg') no-repeat right; text-align:center; vertical-align:middle}
#nav-main ul li a {font-size: .85em; font-family: "Comic Sans MS", Arial, sans-serif; font-weight: bold}
#nav-sidebar ul li a {font-size: 0.85em; font-weight: normal}
a, a:link, a:visited, a:hover, a:active {text-decoration: none; color: #ff0000}
a:hover {color: #166593}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none; color: #fff}
#footer a:hover {color: #ed1c24}
#subnav {font-size: 1.1em}
#subtabs {display: none; font-size: 1.1em}
#welcome-message span#name {color: #166593; font-weight: bold; display: block; font-size: 2.2em}
#welcome-message a.not-you {font-weight: normal; font-size: 1.2em}
div.menu ul li {font-size: 1.20em}
div.menu ul li.selected a {text-decoration:underline; font-weight:bold}
#nav a{ color: #166593; font-weight:bold; font-size:1.1em}
#nav a:hover, #nav a:hover{ color:#ed1c24}
#nav td.active a{ color:#ed1c24}
#nav td.active a:hover{ color:#166593}
#nav-sidebar ul li a {text-decoration: none; line-height: 24px; color: #166593; position: relative}
#nav-main{ font-family: "Comic Sans MS", Arial, sans-serif}
body.l1 #sidebar {background: url('/images/route66/bg-sidebar_versioned_1.0.gif') repeat-y}
#container.welcome #secondary {background: #fff url('/images/route66/bg-welcome-sidebar_versioned_1.0.gif') repeat-y}
a.button {line-height: 24px; font-size: 1em; color: #fff; cursor: pointer}
a.button:hover {color: #f9ca24}
a.button div {text-align: center; text-transform: uppercase; letter-spacing: 1px}
.content {font-size: 1.4em; line-height: 1.7em }
.content h1 {font-size: 2.0em; color: #ed1c24; font-family: "Comic Sans MS", Arial, sans-serif}
.content h2 {color: #166593; font-family: "Comic Sans MS", Arial, sans-serif}
.content h3 {font-size: 1.35em; color: #ed1c24; font-family: "Comic Sans MS", Arial, sans-serif}
.content h4 {color: #166593; font-family: "Comic Sans MS", Arial, sans-serif}
.content h5 {font-size: 1.0em; color: #166593}
.content hr {background: #ed1c24; color: #ed1c24}
.content th {background: #166593; color: #fff; font-weight: bolder; font-size: 1.1em}
.content th a, a.content th a:link, .content th a:visited, .content th a:hover, .content th a:active{ color: #fff}
.content a:hover, .content a:hover i, .content a:hover em {text-decoration:underline}
.content table tr.odd td {background: #fff}.content table tr.even td {background: #ebebeb}
.content table tr.highlight td {background: #ebebeb}
a.tip-nav {font-size: .85em}
div.button a span {font-weight: bold}
#sidebar-list li a.active{ color:#156588; text-decoration:underline}
.page span.number{ border-top:1px solid #156588; border-bottom:1px solid #156588; background-color:#C3D4DE}
.page span.current{ color:#fff; background-color: #156588}
.validation-advice{ font-size:.9em; color:#f00}
.chart-label{ padding:0 3px 3px 0; position:absolute}
.chart-label-main{ border: 2px solid #acacac; padding:5px 15px; background-color:#ebebeb}
.chart-label-title{ font-size:1.1em; color:#EE1D25; font-weight:bold}
.chart-label-text{ font-size:.8em; font-weight:bold}
fieldset {background: #ebebeb; border: 1px solid #00a250}
legend {font-size: 1.1em; font-weight: bold; color: #00a250}
div.fieldset {background: #F6FAFD; border: 1px solid #1C688C; padding: 1em; margin: 1em 0}
div.fieldset p.legend {margin: 0.3em 0; font-size: 1.2em; font-weight: bold; color: #1C688C}
.validation-advice, .custom-advice {color: #f00}
#help-tip-box {border: 2px solid #EE1D25; -webkit-box-shadow: 0 8px 32px #333; -moz-box-shadow: 0 0 32px #333; box-shadow: 0 0 32px #333; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#fff; padding:5px}
#help-tip-box div.main p.legend {color: #EE1D25}
.error{ color:#ff0000}
.footnote{ font-size:.8em; color:#6A6768; line-height:1.0em}
tr.heading td{ color:#166593; font-size:1.1em; font-weight:bold}
#notifications{ border:1px solid #D2E0E9; background-color:#D8E5ED; -webkit-border-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; font-size:1.1em; font-family: Arial,sans-serif}
#unread_count{ background-color:#EE1D25; color:#fff; font-weight:normal; font-size:.9em; border: 2px solid #B3CAD2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
#notifications div{ border-bottom: 1px dashed #276193}
#notifications div.odd{ background-color:#fff}
#notifications div.header{ background-color:#276193; color:#fff; font-weight:bold}
#notifications div.header a{ color:#EE1D25 }
#notifications div.last{ border:none; -webkit-border-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px}
div.menu {position: relative; float: left}
div.menu ul li {float: left}
div.menu ul li a {display: block; text-decoration: none}
div.piped li {border-left: 2px solid #95b6cc; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em}
div.piped {overflow: hidden}
#container label{ display:block}
#container label.inline{ display:inline}
div.masked-image {position: relative; float: right; margin: 0 0 20px 20px; height: 217px; width: 313px}
div.masked-image div.mask {height: 217px; width: 313px}
div.masked-image img{ position: absolute; z-index: 10; height: 217px; width: 313px}
div.masked-image div.mask {position: absolute}
div.masked-image div.mask, div.masked-image div.mask img {z-index: 11; height: 217px; width: 313px}
label{ margin-top:5px}
label.block-label {display: block}
.content form div.button-row{ padding-bottom:0}
div.button {height: 24px}
div.button a {float: left; line-height: 24px; height: 24px; padding:0; cursor: pointer}
div.button a span{ float: left; padding:0}
div.button a:link,div.button a:visited,div.button a:active {color: #EA1E29}
div.button a:hover {color: #176694}
#welcome-options a.button {position: relative; display: block; width: 143px; height: 24px; margin: 10px auto}
#welcome-options a.button img {position: absolute; z-index: 10}
#welcome-options a.button div {width: 100px; padding-left: 43px; position: absolute; z-index: 11}
#header {height: 81px}
#logo {position: absolute; width:150px; height:100px; top:25px; left:20px}
#client-logo {position: relative; float: right; width: 232px; margin: 6px 0 0 0; text-align: center}
#welcome-image {position: absolute; top: 0; left: 0}
#welcome-message span#name{ float:left; position:relative; z-index:1}
#welcome-message a.not-you{ display:block; float:left; margin-top:9px}
#main {padding: 0 20px 25px}
#sidebar {padding: 20px 15px}
#nav{ height:32px; margin-bottom:10px}
#navlist, #shortcuts, #utilities {float: right}
#navlist{ width:525px; height:32px}
#welcome-message {display: block; float: left; margin:10px 25px 0 0; z-index:1}
#subnav {padding: 0 15px 15px 215px; margin-bottom: 0.5em}
#subnav_welcome{ padding: 0 15px 15px 20px; margin-bottom: 0.5em}
#nav-sidebar {width: 207px; padding-right:20px; height: 100%; float:right; position:relative; z-index:10}
#nav-main {height: 100%; width: 535px; float:right; position: relative}
#nav-main table tr td{ position: relative}
#nav-sidebar ul li a {margin: 5px 5px 0 8px; padding: 0 10px 0 0}
.content ul {margin-left: 0}
.content ul li {margin-left: 1em}
* html body {text-align: center}
#container {text-align: left; min-height: 575px; height: auto !important; height: 100%}
#footer, #container {width: 950px; position: relative; margin: 0 auto}
#shadow{ width:994px; position: relative; margin: 0 auto}
#bottom-shadow{ width:994px; height:40px}
#footer {text-align: center; padding: 0 0}
#footer ul{ height: 30px; padding-top:20px}
#footer ul li {display: inline}
#footer a{ padding: 0 10px}
#main, #sidebar {clear: both}
#primary,#secondary {position: relative; float: left}
* html #primary,* html #secondary {display: inline}
body.l1 #primary {width: 718px}
body.l1 #secondary {width: 232px; float: right}
body.equal #container {overflow: hidden; padding-bottom: 0}
body.equal #sidebar {margin-bottom: -500px; padding-bottom: 500px}
body.equal #primary,body.equal #secondary, #sidebar {margin-bottom: -32767px; padding-bottom: 32767px}
* html body.equal #container {padding-bottom: 0}
body.l1 #footer,body.l2 #footer {margin-bottom: 0}
.paged-navigation{ margin-top:10px; width:300px}
.nav-container{ float:left; clear:both; width:300px}
.paged-link{ margin-right:5px; float:left}
.page-size{ float:right; margin-top:10px }
.page{ float:left; margin-right:5px}
.page a{ padding:0; float:left}
.page span.left-border{ float:left}
.page span.right-border{ float:left}
.page span.number{ float:left; text-align:center; display:inline-block; height:20px; line-height:20px; cursor:pointer}
span.elipses{ float:left; margin:7px 5px 0 0}
.paged-link a.arrows{ margin-right:5px; display:inline-block; margin-top:4px}
@media all and (min-width: 0px) {body.l2 #secondary {left: .5em}
body.equal #primary,body.equal #secondary,body.equal #tertiary {padding-bottom: 0!important; margin-bottom: 0!important}
body.equal #primary[id^="primary"]:before,body.equal #secondary[id^="secondary"]:before,body.equal #tertiary[id^="tertiary"]:before {display: block; background: inherit; padding-top: 32767px!important; margin-bottom: -32767px!important; height: 0}
}
table.likert {border:4px solid #CBBC9D}
table.likert tr {border-bottom:1px solid #CBBC9D}
table.likert tr td {border:1px solid #CBBC9D; text-align:center}
table.likert tr td.likert_prompt {text-align:left}
div.the_word_sample {font-size: 1.3em; font-weight: bold; margin-bottom:10px}
ul.custom_prompt_list {list-style-type: none}
ul.custom_prompt_list li.header {font-size: 1.3em; font-weight: bold; padding-top: 15px}
ul.custom_prompt_list li.header a {font-size: 0.77em; font-weight: normal}
input.prompt_textbox {width: 312px}
div.custom_prompt_filter_container input {margin-left: 10px}
ul.custom_prompt_list li.inactive, ul.custom_prompt_list li.inactive a {color: #999999}
span.pre_checkbox {display: block; padding-top: 3px}
div.likert {padding: 6px 6px 6px 6px; width: 500px; margin-bottom: 10px}
.png-image{ display:inline-block}
table.form-table, table.form-table td{ border:none}
table.form-table td{ border-bottom: 1px dotted #3571A7}
table.form-table table td{ border: 1px solid #CCCCCC}
div.button-row div.center div{ float:left; margin-right:25px}
#notification_tab{ position:absolute; left:0px; top:7px}
#unread_count{ position:absolute; left:10px; top:-3px; text-align:center; width:12px}
#notifications{ width:222px; position:absolute; left:0px; top:32px}
#notifications div{ padding: 5px 5px; width:212px; position:relative}
#notifications div.header a{ position:absolute; right:3px; top:2px}
@media screen {.sIFR-flash {visibility:visible !important; margin: 0; padding: 0}
td .following-letters .sIFR-flash{ position:relative; top:2px}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none}
}
@media print {.sIFR-flash {display:none !important; height: 0; width: 0; position:absolute; overflow:hidden}
.sIFR-alternate {visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important}
}
@media screen {.sIFR-active #nav td, .sIFR-active #shortcuts td {font-size: 1.4em}
.sIFR-active #nav td span, .sIFR-active #shortcuts td span {visibility: hidden}
.sIFR-active div.browse-recipes h5 {visibility: hidden; font-size: 1.4em}
.sIFR-active h1 {font-size: 28px; line-height: 1.0em; visibility: hidden; width: 99%}.sIFR-active h2.subtitle{ visibility:hidden; margin-top:-15px}
.sIFR-active h3 {visibility: hidden; line-height: 1.0em}.sIFR-active h5 {visibility: hidden; line-height: 1.0em; font-size:18px}.sIFR-active h1 #large-header {font-size: 28px; line-height: 1.0em; visibility: hidden; width: 90%}.sIFR-active h3 #small-header {visibility: hidden; line-height: 1.0em}.sIFR-active #welcome-message span#name{ visibility:hidden}.sIFR-active #navlist tr td{ padding-top:5px}.sIFR-active #shortcuts tr td.enter{ padding-top:5px}
}
#MB_container{ margin: auto; z-index: 9999; overflow:auto}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #999!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 25px; border: 0 solid; text-align: left; z-index: 10000; -webkit-box-shadow: 0 8px 32px #000; -moz-box-shadow: 0 0 32px #000; box-shadow: 0 0 32px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #fff; height: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_header {margin: 0; padding: 0}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_utilities {position: absolute; right: 50px; top: 5px; font-size: 0.75em}
#MB_utilities.menu ul {position: relative}
#MB_utilities.piped li {border-left: 1px solid #00a250; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; text-shadow: #fff 0 1px 0}
#MB_caption {text-shadow: #fff 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; font-weight: bold; font-size: 100%}
#MB_close {display: block; position: absolute; right: -10px; top: -10px; padding: 0; font-weight: bold; text-decoration: none; text-shadow: #fff 0 1px 0; color: #E82825; font-size: 1.5em; z-index: 10001}
#MB_close span{ width:24px; height:24px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/route66/mb_close.png'); cursor:pointer}
#MB_close span img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
#MB_close:hover {background: transparent}
#MB_loading {padding: 4.5em; text-indent: -10000px; background: transparent url(/images/spinner.gif) 50% 0 no-repeat}
#MB_frame {padding-bottom: 1px}
#MB_window {background-color: #fff; color: #000}
#MB_content {border-top: 1px solid #F9F9F9; position:relative}
#MB_header {background-color: #FAFEFF; border-bottom: 1px solid #186696}
#MB_caption {color: #186696}
#MB_close {color: #E82825}
#MB_close:hover {color: #195682;}
div.flash, div.flash #MB_frame, div.flash #MB_header, div.flash #MB_content{ background-color:transparent!important; border:none}
div.flash{ margin-top:100px; background: transparent url('/images/route66/bg-flash-map.gif') no-repeat 0 0}
div.flash #MB_frame{ }
div.flash #MB_header{ height:0}
div.flash #MB_content{ padding:5px 5px; position:absolute; top:0; left:0; height:420px!important; width:100%}
#MB_content label{ display:block}
div.empty-row {background: #FFF; line-height: 1em; font-size: 1em}
#left-column {clear: both; float: left; width: 330px; border: 0px solid red; padding: 0 10px}
#right-column {float: left; padding: 0 10px; width: 330px; border: 0px solid blue; position: relative}
#entry-table, #other-table {border: none}
.notes-label, #entry-table label, #other-table label {display: inline; width: 100%; font-size: 1em; font-weight: bold; text-align: right}
.notes-label {text-align: left}
#other-table tbody tr td textarea {width: 200px; height: 80px}
#entry-table tbody tr, #other-table tbody tr {border: none}
#entry-table tbody tr td, #other-table tbody tr td {border: none}
#record-save-button {position: absolute; left: 120px; top: 300px}
div.fieldWithErrors input {background: #FCC}
#entry-table td.right-align {text-align: right}
#entry #date-nav {clear: none}
#sidebar-record h5 {margin-bottom: 3px}
#record-date {margin-right: 5px; font-size: .85em}
#sidebar #date-nav {}
#sidebar #date-nav a {display: inline; font-size: .8em; margin-right: 15px}
.exercise_activities .menu {border: 1px solid #A7A6AA; padding: 0; margin: 0; background-color: #fff; color: black; position: absolute; visibility: hidden; display: block; z-index: 100; height: 150px; overflow-y: scroll; overflow-x:hidden}
.exercise_activities .menu table {border: none; width: 100%}
.exercise_activities .menu table tr td.group {font-weight: bold; font-style: italic; cursor: default; padding: 0; font-size: 1.0em; background-color:#fff}
.exercise_activities .menu table tr td.option {padding: 0 0 0 9px; cursor: default; background-color:#fff}
.select {cursor: pointer; background-image: url('/images/route66/activity_select_dd.jpg'); background-repeat: no-repeat; width: 125px; height: 18px; display: inline-block; float: left; padding: 5px 0 0 5px !important; z-index: 99; color: #000; font-size: .8em; line-height: 1em}
div.exercise_activities div {padding-bottom: 0}
.exercise_activities table {border: none; margin: 0; padding: 0; width: 100%}
.exercise_activities table tr{ border:none!important}
.exercise_activities table tr td {padding: 0 3px 3px 0!important; vertical-align: middle; border: none!important; line-height: 1em}
.exercise_activities table tr td input {margin: 0; font-weight:normal}
.exercise_activities a.add {font-size: 1.5em; display: inline; text-decoration: none; margin: 0}
.exercise_activities a.remove {font-size: 2.0em; display: inline-block; text-decoration: none; margin: 0 0 4px}
.exercise_activities a.disabled {color: #D2D1D4; cursor: default}
.exercise_activities input.validate-entry-activity {font-size: 14px}
#save-entry a#help_link_road_sign {right: 0; bottom: 4px; font-size: .75em; position:absolute}
a#help_link_record {}
.record-header h3, .record-header h5 {display: inline-block}
.record-header {margin-top: 10px}
.record-header #help_link_record img {padding-bottom: 5px}
#complete-eval {margin-bottom: -10px}
#complete-eval a {color: red; text-decoration: none; font-weight: normal}
#complete-eval a:hover {text-decoration: underline}
#sidebar h3 {margin-bottom: 0px}
label.minutes {display: inline-block; width: 28px; font-size: .85em}
label.activity {display: inline-block; margin-left: 10px; font-size: .85em}
.content table.trip-log tr.highlight td{ background-color: #D9E3EC; cursor: pointer}
table.trip-log .select {font-size: .9em}
table.trip-log div.exercise_activities{ width:50%; float:left}
table.trip-log div.select-container{ width:200px}
table.trip-log div.select-container div.select{ float:right}
form table.trip-log div{ padding-bottom:0}
table.trip-log div.div-entry-activity{ }
table.trip-log textarea{ float:left; margin-left:25px}
table.trip-log a.row-link{ margin-left:20px}
table.trip-log table.menu-table td.option, table.trip-log div.select{ font-size:1.1em}
table.trip-log table.menu-table td.group{ font-size:1.3em}
table.trip-log input{ font-size:13px}
#save-entry{ position:relative; width:90%; height:50px}
#save-entry .button{ float:none; position:absolute; left:0; top:20px}
#street-sign{ position:absolute; right:12px; top:10px; z-index:2}
#placeholder{ position:absolute; right:12px; top:10px; z-index:1}
#help-tip-box{ width:200px; font-size:.8em; line-height:1.1em; background-color:#F3F6F9; z-index:100}
.content table.no-style {border: none; background-color: transparent}
.content table.no-style td {border: none; padding: 0 10px; background-color: transparent}
a.recipe-link, a:link.recipe-link, a:visited.recipe-link {font-size: 1.0em; font-weight: bold; text-decoration: none }
.recipe-heading {font-size: 1.3em; font-weight: bold }
.daily-recipe {}
.daily-recipe-description {height: 275px; font-size: 1.1em; padding-right: 10px; float: left; width:30%}.daily-recipe-description h2, .browse-recipes h5{ margin-top:0}
table.no-style td.title {font-size: 1.1em; padding-bottom: 5px}
table.no-style td.recipe-search-cell {border-bottom: medium solid #624D32; text-align: left; width: 195px}
.daily-recipe-image {height: 267px; width: 267px; position: relative; float: left}
.daily-recipe-image #recipe-image {position: absolute; top: 2px; left: 2px; height: 265px; width: 263px; z-index:1}
.daily-recipe-image a {padding: 0px; position:absolute; left:0; top:0; width:267px; height:267px; z-index:3; filter:alpha(opacity=0); opacity:0; background-color:#fff}
.daily-recipe-image #recipe-mask {position: absolute; top: 0; left: 0; z-index:2}
.browse-recipes {float: left; width: 25%; margin-left: 15px; font-size: 1em; font-weight: bold}
.browse-recipes a.recipe-link{ float:left; width:83px; text-align:center}
.daily-recipe h3 {margin-top: 0px}
.browse-recipes table tbody tr td h5 {text-align: left; font-weight: bold; font-size: 1.1em; margin-top: 0px; margin-bottom: 0px}
.browse-recipes table tbody tr td {text-align: center; padding-left: 10px; padding-right: 10px; border: none}
.browse-recipes table tbody tr td.course-link {padding-bottom: 5px}
#scan_by_course {padding-top: 10px; padding-bottom: 10px}
a.search-button img {margin-top: 5px}
.ingredients ul {padding-left: 0px; margin-left: 0px; margin-top: 0px; list-style-position: inside }
.directions ol {padding-left: 0px; margin-left: 0px; margin-top: 0px; list-style-position: inside}
.directions ol li {margin-bottom: 5px }
div.fieldset-recipe {margin: 0; padding: 0; width: 380px; height: 80px; position: relative; font-size:.85em; line-height:1.4em}
div.fieldset-recipe div.top {padding: 0 15px; width: 230px; height: 10px; overflow: hidden}
div.fieldset-recipe div.main {border: none; padding: 10px 15px; left: 0; top: 0; position: absolute; z-index: 100}
div.fieldset-recipe div.background {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; background-color: #DEE9EF}
div.fieldset-recipe div.main p.legend {font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 15px 0}
div.fieldset-recipe div.bottom {width: 250px; height: 20px; overflow: hidden}
.recipe-nav {float: left; clear: both; margin-bottom: 25px}
.recipe-preview {float: left; clear: both; margin-bottom: 20px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #DEE9EF}
.recipe-preview img {margin: 8px}
.recipe-preview img.recipe-thumbnail {height: 75px; border: 2px solid #EE1D25}
.recipe-preview-image {float: left; margin: 10px }
.recipe-preview-text {float: left; padding-left: 10px }
.content .recipe-preview-title a {font-size: 1.3em; font-weight: bold; border:none}
.recipe-search-textbox {float: left; padding-top: 5px; padding-right: 1px; color: white}
#recipe_search {position: relative}
#searching_recipes {position: absolute; top: 80px; left: 38px; text-align: center}
#sidebar #results_list a {font-size: .9em}
#sidebar #results_list .recipe-search-title {width: 130px; float: left; margin-right: 5px}
#sidebar #results_list .recipe-result {float: left; clear: both; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #DEE9EF; width: 100%}
#sidebar #results_list .recipe-search-thumbnail {width: 50px; float: left}
.content .recent-recipes-list {}
.content .recent-recipes-list li {}
.recipe-upload {float: left; clear: both; margin-top: 25px}
.ingredient-cell {padding-left: 20px}
.recipe-order ul {list-style-type: none }
.recipe-date-col {margin-right: 20px}
#recipe-image-container {float: right; position: relative; width: 269px; height: 269px; margin-left:10px}
.recipe-mask img, .recipe-mask {position: absolute; top: 0; left: 0; z-index: 100; display: block}
.recipe-image {position: absolute; top: 0; left: 0; height: 264px; width: 263px; margin: 2px; border: none; z-index: 99; display: block}
#recent_recipes{ padding-top:25px}
.team-stats-photo{ width:25%; margin-right:5%; float:left}
div.team-stats{ float:left; width:190px; color:#FDFCFD}
div.team-stats div.container{ background-color:#508CAE; border: 1px solid #176593; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; padding: 10px; width:170px}
div.team-stats div{ float:left}
div.team-stats div.label{ font-size:.85em; width:70%; text-align:left; white-space:nowrap}
div.team-stats div.value{ font-weight:bold; width:30%; text-align:center}
div.team-stats div.overall{ font-weight:bold; width:100%}
div.team-photos{ float: left; color:#508CAE}
div.team-photos div.container{ width:170px; padding: 3px 10px; background-color:#E7EEF4; border: 1px solid #176593; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden}
div.team-photos div.container ul.photos-row{ width:100%}
div.team-photos div.container ul.photos-row li{ float:left; height:88px; line-height:88px; list-style-type:none; margin-bottom:10px; margin-left:5px; overflow:hidden; padding:0; text-align:center; width:70px}
div.team-photos span.team-photo-div{ }
div.team-photos img{ border: 1px solid #E7E5E8; padding:3px; background-color:#fff; margin-right:5px; height:70px; vertical-align:middle}
div.team-members{ width:65%; float:left; margin-bottom:40px; position:relative; overflow-x:hidden; height:500px}
a.email-team{ position:absolute; top:24px; right:150px; font-size:.9em}
div.team-members div.teammate{ float:left; width:24%; position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:.8em; line-height:1.4em; margin-bottom:5px; height:210px}
div.team-members div.teammate a.email-member{ line-height:1em}
div.team-members div.no-stats{ height:160px}
div.team-members div.teammate img{ height:118px; width:94px; background: #fff url('/images/route66/profile-picture-frame.jpg') no-repeat; padding: 3px}
#teams_container{ position:relative; overflow:hidden; width:675px; height:600px}
#teams_container div.team{ position:absolute; left:0px; top:0px; width:700px}
#team_navigation{ position:absolute; right:0; top:35px; z-index:1}
#loading_team{ position:absolute; left:0; top:0; background-color:#fff; width:50%; height:50%; padding:25%; text-align:center; z-index:3}
div.teammate-navigation{ position:absolute; top:25px; right:25px}
div.teammate-container{ position:absolute; left:0; top:52px; width:100%}
.teammates-loading{ position:absolute; width:100%; padding-top:150px; text-align:center; top:0; left:0}
a.upload-profile-link{ left:2px; position:absolute; text-align:center; top:14px; width:87%}
ul.chartlist, ul.chartlist li, ul.chartlist li a {margin: 0; padding: 0; list-style-type: none}
ul.chartlist {margin-bottom: 1em}
.chartlist {float: left; border-top: 1px solid #fff; width: 100%}
.chartlist li {position: relative; display: block; _zoom: 1; font-size: 0.85em; border-bottom: 1px solid #eff3f4}
.chartlist li.current-team {font-weight:bold}
.chartlist li a {display: block; padding: 0.5em; position: relative; z-index: 2}
.chartlist .rank {color: #000; font-weight: bold; margin-left: 0.3em}
.chartlist .count {display: block; position: absolute; top: 0; right: 0; margin: 0 0.3em; text-align: right; color: #000; font-weight: bold; font-size: 1em; line-height: 2em}
.chartlist .index {display: block; position: absolute; top: 0; left: 0; height: 100%; background: #EBF3F6; text-indent: -9999px; overflow: hidden; line-height: 2em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.chartlist li:hover {}
.chartlist li a:hover {color: #000}
#how-it-works{ margin:10px 8px; float:right; width:362px}
#top_performers{ list-style-type:none; margin-bottom:25px; overflow-x:hidden; overflow-y:auto}
#top_performers li{ list-style-type:none; float:left; width:90%; margin-left:0}
#top_performers li a{ border-bottom:2px dashed #D8E5ED; padding:5px; float:left; width:100%; font-weight:bold}
#top_performers li a div{ width:65%; float:left}
#top_performers li a span.top-team-name{ font-weight:normal; color:#000; font-size:.9em}
#top_performers li a:hover{ background-color:#E7EEF4; text-decoration:none}
#top_performers li.last a{ border-bottom:none}
#top_performers li a img{ float:left; height:50px; margin-right:15px}
#participant_search_div{ position:relative}
#participant_list{ height: 150px; width:125px; border: 1px solid #166593; overflow-y:scroll; overflow-x:hidden; font-size:.7em; margin-top:15px; position:absolute; left:0; top:6px}
#participant_list div{ padding:0; height:30px; width:100%}
#participant_list div.even{ background-color: #F6F6F8}
#participant_list div.odd{ background-color: #fff}
#participant_list div a{ color:#000; background-color:transparent; width:100%; height:100%; display:block; padding: 3px 5px 0}
#participant_list div a:hover, #participant_list div.selected a{ text-decoration:none; background-color:#166593; color:#fff}
a.participant-result{ width:48%; float:left; border:2px solid #fff; color:#000}
a.participant-result:hover{ border:2px dashed #B7CDDA; text-decoration:none}
div.participant-result-row{ padding:5px}
a.participant-result div.even{ background-color:#E8F0F3}
a.participant-result img{ margin-right:15px; float:left; height:50px}
#edit_photos div, #photo_uploader div{ padding-bottom:0px}
#photos{ border:1px solid #276193; font-size:.9em; width:75%}
#photos div.odd{ background-color:#E2EBF0}
.team_photo {position: relative; width:100%; height: 35px}
.team-photo-row {position: absolute; left: 0; top: 0; width:100%}
.team_photo input {position: absolute; left: 10px; top: 5px}
.team-photo-row{ }
.team-photo-row div{ float:left; padding:3px 10px}
.team-photo-filename{ width:72%}
.team-photo-action{ width:18%; font-size:.85em; text-align: right}
.photo-edit-container{ float:left; clear:left; width:100%; border-bottom: 2px dashed #afafaf; margin:10px 0}
.photo-image{ float:left; width:220px; margin-bottom:10px; position:relative; text-align:center}
.photo-image img{ margin:3px 3px}
.working{ position:absolute; width:100%; height:100%; text-align:center; background-color:#adadad; top:0; left:0}
.working img{ margin-top:50px}
.photo-caption{ float:left; width:50%; margin-left:25px}
.photo-caption textarea{ width:85%}
.photo-actions{ background:transparent url(/images/team/photo-uploader-toolbar.jpg) repeat-x scroll 0% 0%; font-size:.85em; width:100%; height:19px; border:1px solid #B3B3B3; border-bottom:none}
.photo-actions a{ margin-right:5px}
#photos .uploader{ margin-bottom:0}
#photo_sort_container{ position:relative; border: 2px dashed #B7CDDA; padding:25px 0; float:left; width:100%; clear:left}
.photo-sort{ list-style-type:none}
ul li.team-photo{ float:left; height:125px; line-height:125px; overflow:hidden; padding:0pt; text-align:center; width:120px; list-style-type:none; margin-bottom:10px; margin-left:5px}
ul li.team-photo img{ background-attachment:scroll; background-color:white; background-image:none; background-position:0% 0%; background-repeat:repeat; border:1px solid #DDE8EE; max-width:100px; padding-bottom:4px; padding-left:4px; padding-right:4px; padding-top:4px; vertical-align:middle; list-style-type:none}
#current_invites{ float:left; width: 95%; border-bottom: 2px dashed #A7CCDF; margin-bottom:15px; font-size:.8em}
#current_invites div.even{ background-color:#E8F0F3}
div.team-member{ float:left; width:100%}
div.team-member div{ float:left; padding: 0 15px; border: 1px solid #fff}
div.first-col{ width:55%}
div.second-col{ width:15%}
div.third-col{ width:14%}
#invite_more{ float:left; width: 100%; position:relative}
#invite_more textarea{ width:96%}
#invite_emails{ border:1px solid #AAAAAA; width:95%; height:54px; cursor:text; padding:5px}
#invite_emails span.new-invitee{ border:1px solid #B7CDDA; padding:0px 2px; background-color:#E8F0F3; margin: 0 0 2px 5px; float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
#invite_emails input{ border:0px solid black; font-family:Arial,sans-serif; font-size:14px; padding:0px 2px; white-space:pre; display:inline}
#invite_emails input[type="text"]:focus{ border:0px solid black; outline-style:none}
#invite_emails a.remove-invitee{ margin-left:5px}
#invite_emails a.remove-invitee:hover{ text-decoration:none}
span.invite-actions{ margin-left: 5px}
#current_invites h5, #invite_more h5, #new_invites h5{ margin-top:0px}
span.invitee{ font-size:.85em}
#potential_invitees{ height: 150px; width:125px; border: 1px solid #166593; overflow-y:scroll; overflow-x:hidden; font-size:.7em; margin-top:15px; position:absolute}
#potential_invitees a{ padding:0; height:30px; width:100%}
#potential_invitees a.even{ background-color: #F6F6F8}
#potential_invitees a.odd{ background-color: #fff}
#potential_invitees a.taken {cursor:default; text-decoration:line-through}
#potential_invitees a{ color:#000; width:100%; height:25px; display:block; padding: 3px 5px}
#potential_invitees a:hover, #potential_invitees a.selected{ text-decoration:none; background-color:#166593; color:#fff}
#sending_invite_message{ font-weight:bold; color:#EE1D25}
div.invite-error{ font-size:.8em; border:2px solid red; color:red; background-color:#fff; width:150px; padding:5px 10px; position:absolute; z-index:2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 8px 16px #000; -moz-box-shadow: 0 0 16px #000; box-shadow: 0 0 16px #000; opacity:.9}
#current_teams{ font-size:.8em; list-style:none; line-height:1.5em}
#current_teams li{ list-style:none; border-bottom: 1px dashed #A7CCDF; padding: 3px}
#current_teams li.odd{ background-color: #E8F0F3}
#leaderboard{ float:left; width:100%; font-size:.9em; border:none}
#leaderboard thead tr th{ border:none; border-bottom: 2px solid #166593}
#leaderboard tbody tr td{ border-bottom: 1px solid #eff3f4}
#leaderboard thead tr th{ color:#166593; text-align:center; vertical-align:bottom}
#leaderboard th, #leaderboard td{ border:none; background-color:transparent; text-align:center; padding-top:0; padding-bottom:0}
#leaderboard tbody tr.my-team td{ font-weight:bold}
#leaderboard .name{ text-align:left; padding-left:0}
#leaderboard td.name div{ position:relative; height:40px; vertical-align:middle}
#leaderboard td.name span{ position:relative; z-index:2; padding-left:5px; line-height:40px}
#leaderboard td.name div.score-percent{ position:absolute; left:0; top:0; background-color:#EBF3F6; height:40px; border-bottom:1px solid #fff; z-index:1}
#leaderboard tbody tr.my-team td.name a{ color:#166593}
#leaderboard tbody tr.my-team td.name div.score-percent{ background-color:#FFBFC3}
#photo_album{ position:relative; overflow-x:hidden; width:100%; height:450px; margin-top:25px}
#photo_album ul.photo-album-page{ position:absolute; left:0; top:40px; width:100%}
#album_navigation{ position:absolute; top:0; right:0}
#photo_album_loading{ position:absolute; top:100px; left:300px}
span.team-name{ font-size:1.2em}
span.user-name{ font-size:1.1em; font-weight:normal}
#travel-info{ position: absolute; top: 47px; left: 115px}
#flash_links{ position: absolute; bottom: 0; right:10px; width:152px; padding: 0 4px}
#flash_links a{ margin-right:11px; font-weight:bold}
p.error{ margin-bottom: 0}
#map_container {position: relative; height: 467px; width: 675px; overflow: hidden; border: 1px solid #bbd5e5}
#map_overlay{ left:0px; top:0px; position:absolute; z-index:5; height:467px; width:675px; border: 2px solid red; background-color:black; opacity:0; filter:alpha(opacity=0)}
#map_image{ position: absolute; top: 0px; left: 0px; z-index: 2}
div#edit_map a, div#edit_map a:link {font-size: 90%; display: inline; margin-bottom: 0; font-weight: normal}
div#edit_map a.park_link, div#edit_map a.park_link:link {display: block}
div#edit_map a.park_link_hover, div#edit_map a.park_link_hover:link {display: block; font-weight: bold}
#map-message-container {position: absolute; z-index: 8; top: 201px; left: 203px}
#map-message {position: absolute; z-index: 8; top: 30px; left: 0; width: 275px; text-align: center; color: white; font-weight: bold; font-size: 1.2em; line-height:1em}
div.zoom-rectangle {width: 200px; height: 138px; background-color: #BFBFBF; opacity: .3; filter:alpha(opacity=30); border: 2px dashed #176395; position: absolute; z-index: 4; overflow: hidden}
div.zooming {width: 200px; height: 138px; background-color: #fff; opacity: 1; filter:alpha(opacity=100); border: 2px dashed #176395; position: absolute; z-index: 4; overflow: hidden}
div.zooming img {position: absolute}
div.gray-out {z-index: 3; height: 100%; width: 100%; background-color: #373737; opacity: .4; filter:alpha(opacity=40); position: absolute; top: 0; left: 0}
div.map-utility {width: 160px; height: 24px; text-align: center; font-weight: bold; font-size: .8em}
div.map-utility span{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-toolbar.png", sizingMethod = 'scale'); display:inline-block; position:absolute; left:0; top:0; z-index:15}
div.map-utility img{ filter: alpha(opacity=0)}
div.map-utility a{ position:relative; z-index:16}
div.map-utility a.selected, div.map-utility a:link.selected, div.map-utility a:visited.selected, div.map-utility a:active.selected{ color:#EE1D25}
div.map-utility a, div.map-utility a:link, div.map-utility a:visited, div.map-utility a:active{ color:#1C63A1; margin-left:6px; margin-right:3px}
div.map-utility a:hover{ color:#EE1D25}
div.zoom-controls {position: absolute; z-index: 15; right: 23px; top: 9px; width:110px}
div.zoom-controls span{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/bg-zoom.png", sizingMethod = 'scale')}
div.toggle-controls {position: absolute; z-index: 15; left: 30px; top: 9px; font-size:.8em}
#car {position: absolute; z-index: 4; display:inline-block; height:25px; width:57px}
#car img{ filter: alpha(opacity=0); height:25px; width:57px}
#leader_marker, #leader_marker_legend {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/pacesetter-marker.png", sizingMethod = 'scale'); position: absolute; z-index: 4; display:inline-block; height:16px; width:16px}
#leader_marker img, #leader_marker_legend img{ filter: alpha(opacity=0)}
#leader_marker_large {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/pacesetter-marker-large.png", sizingMethod = 'scale'); position: absolute; z-index: 4; display:inline-block; height:36px; width:36px}
#leader_marker_large img{ filter: alpha(opacity=0); height:36px; width:36px}
#average_marker, #average_marker_legend {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/average-marker.png", sizingMethod = 'scale'); position: absolute; z-index: 4; display:inline-block; width:16px; height:16px}
#leader_marker_legend, #average_marker_legend{ position:relative; margin-right:15px}
#average_marker img, #average_marker_legend img{ filter: alpha(opacity=0)}
#average_marker_large {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/average-marker-large.png", sizingMethod = 'scale'); position: absolute; z-index: 4; display:inline-block; height:36px; width:36px}
#average_marker_large img{ filter: alpha(opacity=0); height:36px; width:36px}
#map_drawer {position: absolute; left: 0; width: 100%; height: 215px; z-index: 9}
#map_drawer img.background {width: 100%; height: 200px; position: absolute; bottom: 0; left: 0; z-index: 10; opacity: .7; filter:alpha(opacity=70)}
#map_drawer span#close_button{ position:absolute; z-index:12; right: 15px; top:8px; cursor: pointer; display:inline-block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-drawer-close-button.png", sizingMethod = 'scale')}
#map_drawer span#close_button img{ filter: alpha(opacity=0)}
#map_postcard_frame {position: absolute; z-index: 11; top: 0; left: 5px}
#map_postcard_frame span.photo-frame {position: absolute; display:inline-block; top: 0; left: 0; z-index: 13; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-postcard-frame.png", sizingMethod = 'scale')}
#map_postcard_frame span.photo-frame img{ filter: alpha(opacity=0)}
#map_postcard_frame img.destination-photo {position: absolute; top: 6px; left: 6px; z-index: 12; height: 99px; width: 148px}
#map_drawer div.destination-content {float: right; margin-top: 22px; padding: 0pt 5px; position: relative; width: 73%; z-index: 11}
#map_drawer div.destination-content p, #map_drawer div.destination-content h3{ margin: 0; padding: 0}
#map_drawer div.destination-content p {font-size: .8em; line-height: 1.0em}#map_drawer div.destination-content h3{ margin-bottom:5px; font-size:1.1em}
#map_drawer a{ font-size:.9em; padding:0; margin:0 25px 0 0}
#map_drawer h3{ visibility:visible!important}
#map_loading{ background-color:#d7d7d7; opacity: .5; filter:alpha(opacity=50); width:100%; height:100%; position:relative; z-index:14}
#map_loading div#loading_indicator{ position:absolute; z-index:14; left:300px; top:135px; text-align:center; font-weight:bold; font-size:1.4em}
div.arrow{ position:absolute; z-index:8; opacity:.4; filter:alpha(opacity=40)}
div.up-down, div.up-down span{ height: 13px; width: 36px}
div.left-right, div.left-right span{ height: 36px; width: 13px}
div.arrow span{ display:inline-block}
div.arrow img{ filter:alpha(opacity=0)}
#move_up span {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-move-north.png", sizingMethod = 'scale')}
#move_down span {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-move-south.png", sizingMethod = 'scale')}
#move_left span {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-move-west.png", sizingMethod = 'scale')}
#move_right span {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/map-move-east.png", sizingMethod = 'scale')}
#map_tip{ position:absolute; top:25px; left:5px; font-weight:bold; font-size:.9em; color:#20658E; z-index:8}
#location_info {border: none; position: absolute; height: 30px; width: 167px; z-index: 4}
#location_info span.bg-image{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/location-info.png", sizingMethod = 'scale'); display:inline-block}
#location_info img{ filter: alpha(opacity=0)}
#location_info span.message{ position:absolute; left:0; top:0; height:20px; width:157px; padding: 6px 8px; text-align: center; font-size: .65em; font-weight: bold; color: #fff}
#entry_info {border: none; position: absolute; height: 73px; width: 185px; z-index: 4}
#entry_info span.message{ position:absolute; left:0; top:0; height: 45px; width: 122px; padding: 14px 8px 14px 50px; text-align: left; font-size: .65em; font-weight: bold; color: #fff; line-height: 1.3em}
#entry_info span.message .title{ font-size:1.3em}
#entry_info span.bg-image{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/entry-info-with-sign.png", sizingMethod = 'scale'); display:inline-block}
#entry_info span.#no_sign{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/route66/entry-info-no-sign.png", sizingMethod = 'scale')}
#entry_info img{ filter: alpha(opacity=0)}
#legend{ position:absolute; z-index:4; left:15px; bottom:15px; font-size:.7em; font-weight:bold; color:#166593}
table.trip-log, table.trip-log th, table.trip-log tr.odd td, table.trip-log tr.even td{ background-color: transparent; border:none; padding: 4px 5px; vertical-align: top}
table.trip-log tr.even td{ background-color:#ededed}
table.trip-log th{ color:#1F6690}
table.trip-log tr.odd td, table.trip-log tr.even td{ border-top: 1px solid #000; font-size:.85em}
#record_form label{ display:inline}
#postcard-area{ float:left}
#postcard-area #photo-frame{ width:260px; background-color:transparent}
#postcard-area #photo-mask{ z-index:100; position:absolute; left:0; top:0}
#postcard-area .team-photo{ width:255px; height:172px; z-index:99; position:absolute; left:1px; top:3px}
#postcard-area .team-photo img{ position:absolute}
#postcard-thumbnails-container{ position:relative; margin:25px 0 0 15px; height:75px; width:610px; text-align:center }
#postcard-thumbnails-container #thumbnail-loader{ position:absolute; left:240px; top:-10px}
#postcard-thumbnails-container .thumbnails{ float:left; height:75px; width:565px; position:relative}
#postcard-thumbnails-container .thumbnails img{ border: 2px solid #FFF; position:absolute; top:0; cursor:pointer}
#postcard-thumbnails-container .thumbnails-page{ position:absolute; width:565px; left:10px}
#postcard-thumbnails-container .arrow{ float:left; margin-top:10px; cursor:pointer}
#send_postcard{ float:left; margin-left:25px; margin-bottom:75px; cursor:pointer}
#top_postcard{ height:293px; width:391px; float:left; overflow:hidden; position:relative; height:293px; width:391px; padding:0}
#top_postcard img{ position:absolute; top:0; left:0; height:600px; width:391px}
#bottom_postcard{ height:293px; width:391px; float:left; margin-left:5px; overflow:hidden; position:relative; height:293px; width:391px; padding:0}
#bottom_postcard img{ position:absolute; top:-293px; left:0; height:600px; width:391px}
#add_recipient_form table, #add_recipient_form table tr, #add_recipient_form table tr td{ border:none}
#add_recipient_form table tr td{ padding:0 .8em}
#location_stats{ margin-top:25px; border:none}
#location_stats tr, #location_stats td{ border:1px solid #E9E8E8; padding:2px 10px}
#complete-eval{ margin-bottom:10px}
#quick-stats{ margin-bottom:25px}
#record_form{ margin-bottom:0}
#summary_stats{ margin-bottom:50px}
#summary_stats div{ float:left; width:33%}
#summary_stats div strong{ color:#166593}
a#help_link_record.with-mobile-ad{top:333px}
#fields_error_header, #fields_error_footer {color:red; font-weight:bold}
div#setup_field_table_container table {font-size: 0.9em}
table.stats table.stats thead tr, table.stats tbody tr, table.stats tfoot tr, table.stats thead tr th, table.stats thead tr td, table.stats tbody tr td, table.stats tfoot tr td, table.stats tfoot tr th, div#stats_report_filters table div#stats_report_filters table thead tr, div#stats_report_filters table tbody tr, div#stats_report_filters table tfoot tr, div#stats_report_filters table thead tr th, div#stats_report_filters table thead tr td, div#stats_report_filters table tbody tr td, div#stats_report_filters table tfoot tr td, div#stats_report_filters table tfoot tr th {border: none; background: none; padding: 3px 5px; color: #000; font-size: 0.9em}
table.stats, div#stats_report_filters table {border: 2px solid #ebebeb}
table.report_filters {border: none}
tr#tr_report_filters th {font-size: 1.25em}
table.report_filters select#report_filter_promotion {width: 150px; font-size: 11px}
table.report_filters select#report_filter_location {width: 270px; font-size: 11px}
table.report_filters input {width: 100px; font-size: 11px}
div.stats_section {padding-bottom: 1em; clear: both}
div.stat_chart, div.stat_prompt, div.stat_value{display:inline}
div.chart-legend table div.chart-legend table thead tr, div.chart-legend table tbody tr, div.chart-legend table tfoot tr, div.chart-legend table thead tr th, div.chart-legend table thead tr td, div.chart-legend table tbody tr td, div.chart-legend table tfoot tr td, div.chart-legend table tfoot tr th {padding: 3px 5px; font-size: 0.9em}
.cal {z-index: 500 }
.cal table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
.cal table thead tr th {background-color: #fff; color: #000; text-align: left; padding: 3px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
#dp-cal-right-arrow, #dp-cal-left-arrow {color: #F31A23; font-size: 1.6em}
.cal table tfoot tr td {background-color: #fff; color: #166593; text-align: left; padding: 3px; font-weight: bold; font-size: 0.85em}
.cal table tr td {padding: 3px; text-align: center; background: #dddddd; cursor:default}
.cal table tbody tr td {font-size: 0.85em; border: 1px solid #fff}
.cal table thead tr th a {color: #166593}
.cal table tbody tr td.cal-enabled{ color:#166593}.cal table tbody tr td.not-month {background: #dddddd}.cal table tbody tr td.recorded {background: #E51A23; color:#fff}
.cal table tbody tr td.disabled {color: #CCC; text-decoration: line-through}
.cal table tbody tr.odd td.not-month {color: #CCC}
.cal table tbody tr td.selected {background: #dddddd; color: #166593; font-weight: bold; font-size: 0.85em}
.cal table tbody tr td.selected span{ border: 1px solid #166593; padding:1px 2px}
.widgToolbar a {display: block; width: 27px; height: 23px; overflow: hidden; background-repeat: no-repeat; text-indent: -1000em; text-decoration: none}
.widgToolbar a:hover {background-position: 0 -27px}
.widgToolbar a:active {background-position: 0 -54px}
ul.widgToolbar li {}
ul.widgToolbar li:before {content: ""}
ul.widgToolbar {list-style: none; margin: 0; padding: 0; margin-left: 0}
ul.widgToolbar li {display: inline; margin-left: 5px; text-indent: 0}
.widgToolbar li.on a, .widgToolbar li.on a:hover {background-position: 0 -54px}
.widgToolbar li.widgEditButton {}
.widgButtonBold {background-image: url(/images/widgEditor/widgeditor_button_bold.gif)}
.widgButtonHTML {background-image: url(/images/widgEditor/widgeditor_button_html.gif)}
.widgButtonImage {background-image: url(/images/widgEditor/widgeditor_button_image.gif)}
.widgButtonItalic {background-image: url(/images/widgEditor/widgeditor_button_italic.gif)}
.widgButtonUnderline {background-image: url(/images/widgEditor/widgeditor_button_italic.gif)}
.widgButtonLink {background-image: url(/images/widgEditor/widgeditor_button_link.gif)}
.widgButtonOrdered {background-image: url(/images/widgEditor/widgeditor_button_ordered.gif)}
.widgButtonUnordered {background-image: url(/images/widgEditor/widgeditor_button_unordered.gif)}
.widgSource a {background-image: url(/images/widgEditor/widgeditor_button_empty.gif); cursor: default}
.widgSource li.on a, .widgSource li.on a:hover {background-position: 0 0}
.widgSource .widgButtonHTML {background-image: url(/images/widgEditor/widgeditor_button_html.gif)}
.widgSource .widgButtonHTML:hover {cursor: pointer}
.widgToolbar {background-color: #F5F5F5; background-repeat: repeat-x; list-style: none; height: 32px; margin: 0; padding: 0 0 0 2px; border: 1px solid #CCCCCC}
* html .widgToolbar {width: auto}
.widgToolbar li {display: inline; float: left; width: 23px; height: 27px; margin-top: 2px; margin-left: 7px; line-height: 21px}
.widgIframe {clear: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
.widgContainer textarea.widgEditor {clear: left; border-top-width: 1px; padding: 0}
.widgEditSelect {position: relative; top: 4px; left: 6px}
.widgContainer {}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 91; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ margin: 0 9px 0 9px; font-size:2em; height: 100%; display: block}
#prevLink {float: left;}
#nextLink {float: right;}
#prevLink:hover, #prevLink:visited:hover {opacity:1 }
#nextLink:hover, #nextLink:visited:hover {opacity:1 }
#imageDataContainer{ font-size: 10px; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px}
#imageData{ float:left; width:83%; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#bottomNavClose{ width: 24px; position:absolute; top:-8px; right:-8px; z-index:93; padding-bottom: 0.7em; outline: none;}
#bottomNavClose span{width:24px;height:24px;}
#bottomNavClose span img{"filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}
#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(/images/border1_versioned_1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(/images/border1_versioned_1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(/images/border1_versioned_1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/border1_versioned_1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(/images/border1_versioned_1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/border1_versioned_1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(/images/border2_versioned_1.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(/images/border2_versioned_1.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-top:30px;}
#cboxTitle{position:absolute; top:0px; left:0; text-align:left;font-size:1.2em; font-weight:bold; width:100%; color:#2091C5;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(/images/loading_versioned_1.0.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; top:2px; right:2px; display:block; color:#444;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/custom/default/close-button_versioned_1.0.png, sizingMethod='scale');}
#cboxClose img{filter:alpha(opacity=0);}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft_versioned_1.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight_versioned_1.png, sizingMethod='scale');}
@viewport{ zoom: 1.0; width: extend-to-zoom}
@-ms-viewport{ width: extend-to-zoom; zoom: 1.0}
#container label.confidential_label {display: inline-block}
@media (max-width:768px) {#container, div#shadow, body.equal #primary {width: 100% !important; max-width: 100%; padding:0}
#container #welcome-images {display: block; content: ""; width: 80%; padding-top: calc(.40 * 100%); left: 20%; position: relative; height:auto}
#container #welcome-images img {top: 0; width: 100%; position: absolute}
#welcome-static img {width: 100%}
#nav {position: relative; top: 0; left: 0; width: 100%; height: auto; background-repeat: repeat}
#nav-sidebar.menu {height: 26px}
#nav #nav-main.menu {position:relative; float:none; display: inline-block; width: 100%; padding: 0}
#nav #nav-main #navlist tr td.welcome-link {float: none; padding: 0; padding: 0 4px}
#nav-main #navlist {position: relative; width: 100%; left: 60px}
#container #main {position: relative; width: calc(100% - 8px); padding: 4px}
#container #main .content {position: relative; top:0; left: 0; width: 100%}
#main #footer, body.l1 #footer, body.l2 #footer {width: 100%; left: 0}
#container div#logos{ top: 10px; left: inherit; bottom: inherit; right: 10px; width: 198px; z-index: 999}
a#video_play {position: relative; left: 0; top: 0}
.main label, .main input, .main select {width: 100%}
.main input[type="checkbox"] {width: auto}
#MB_window[id] {position: fixed!important; width: 95% !important; left: 2% !important}
.error {float: left}
#container label.confidential_label {display: inline-block; width: 80%}
#confidential {width: auto; vertical-align: top; margin-top: 5px}
.photo-container {top: 0; width: 100%}
.container_24 #photos.slideshow img{ width: 100% !important}
#main #home_actions, #main #welcome_area {margin: 0; left:0; height: auto}
#welcome .navbar #nav #topmenu, .navbar {height: auto}
#participant_video {position: relative !important; left: 0 !important; top:10px !important; display: inline-block; margin-bottom: 10px; padding-left: 8px}
.container_24 .sidebar{ min-height: 50px; padding-bottom: 0}
.container_24 .sidebar .clipboard {position: relative; width: 100%; background-position: center; left:0; background: none; height: auto}
.container_24 .sidebar .clipboard div{ margin: 0}
#sidebar {padding-left:8px}
.sidebar-image {display: none}
.container_24 .navbar, .container_24 .navbar .grid_16.push_7, .container_24 .navbar .grid_22.push_1 {padding:0; height:auto; width:100%; max-width: 100%; background-repeat: repeat; display: inline-block}
#notification_tab {float: right; right: 10px; z-index: 100}
#main_container #navbar #menu {height:auto}
#notifications {display: none}
#navbar #menu {left:0}
div.header {height: 100px}
.container_24 #org-logo {right: 10px}
#main_container .header #upload_profile_photo {display: none}
#role_menu, #user_stats, #user_stats #daily_avg, #user_stats #total, #user_stats #all_stats {width:auto !important}
#user_stats, #user_stats #daily_avg, #user_stats #total, #user_stats #all_stats {padding: 0}
#user_stats #daily_avg span, #user_stats #total span, #user_stats #all_stats span {vertical-align: middle}
.header .prefix_4.grid_15.alpha{ margin-top: 75px}
#register input {margin-right: 10px}
.header .grid_20 {position: absolute; top:0; left: 0}
.header #role_menu {right: 2px; position: absolute; top: 80px; padding: 0}
.header #org-logo {position: absolute; right: 10px; margin-top: -12px; left: initial; width:auto}
}
@media (max-width:768px) {.mobile-overlay {width: 102%; max-width: 102%; height: 100%; max-height: 100%; position: fixed; top: 0; background-color: #fff; z-index: 9999; font-family: verdana, arial, helvetica, sans-serif; overflow: hidden}
* {font-size: 1em !important}
.mobile-overlay .content {padding: 10px; height: calc(100% - 120px); width: calc(100% - 20px); max-width: calc(100% - 20px)}
.mobile-overlay footer {position: fixed; bottom: 0px; font-size: 14px; line-height: 36px; padding-left: 10px}
.mobile-overlay.android footer{ position: relative}
.mobile-overlay.android {position: absolute}
.mobile-overlay #app_logo {position:relative; float: left; left: 0; top: 0; width: 100%; max-width: 148px; margin: 0}
.mobile-overlay #app_logo img {width: 100%}
.mobile-overlay #active_logo_text {position: relative}
.mobile-overlay #org-logo {position:relative; float: right !important}
.mobile-overlay .header {background: none}
.open-app-button {margin: 30px 0px; display: inline-block}
.open-app-button a {text-decoration: none}
.open-app-button a span {width: auto; padding: 10px 10px; background-color: #1c6695; color: #FFF}
div#notification_tab {right:auto}
#shadow div#nav-main.menu {padding-top: 25px}
div#nav-main.menu #navlist tr td{ padding: 4px; float: left}
div.masked-image{ width:100%}
}
@media (max-width:550px) {}
@media (max-width: 480px){ }
@media (max-width: 370px){ }