/* style.scss 18. Jan, 2010	created by Pascal Pfiffner 20. Oct, 2012	converted to SCSS */
html, body { width: 100%; height: 100%; margin: 0; background: url(../Images/DarkWood.jpg) top left repeat; }

body { font-family: Helvetica, Arial, sans-serif; font-size: normal; line-height: 1.4; background-color: white; }

img { border: none; }

a:link { color: #363e54; }

a:visited { color: #45316b; }

table { border-spacing: 0; empty-cells: show; border-collapse: separate; }

th, td { margin: 0; padding: 0.2em; }

h1 { font-size: 1.75em; margin: 0 0 0.5em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; margin: 0 0 0.5em; font-weight: bold; }

h4 { font-size: 1.15em; margin: 1.5em 0 0.5em; }

p { margin: 0.8em 0 0; }

p:first-child { margin-top: 0; }

hr { margin: 1.5em 0; border: none; border-top: 1pt solid #ccc; background-color: transparent; }

@media screen and (max-width: 580px) { h1 { font-size: 1.3em; line-height: 1.2; }
  h2 { font-size: 1.25em; line-height: 1.2; }
  h3 { font-size: 1.2em; }
  #uvTab { display: none !important; } }

/* Layout */
#userbar { position: relative; z-index: 5; height: 30px; line-height: 30px; }

#header { position: relative; z-index: 5; margin: 0; padding: 0 20px; min-height: 60px; color: white; text-shadow: 0 -1px 0 black; border-top: 1px solid #646464; border-bottom: 1px solid #141414; background-color: #464646; background-image: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#393939)); background-image: -webkit-linear-gradient(top, #535353, #393939); background-image: -moz-linear-gradient(top, #535353, #393939); background-image: -ms-linear-gradient(top, #535353, #393939); background-image: -o-linear-gradient(top, #535353, #393939); background-image: linear-gradient(top, #535353, #393939); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }

#main { min-height: 40%; padding: 20px; }

@media screen and (min-width: 581px) { #main { padding: 30px 20px; } }

@media screen and (min-height: 901px) { #userbar { position: fixed; top: 0; left: 0; right: 0; }
  #header { position: fixed; top: 30px; left: 0; right: 0; }
  #main { padding-top: 122px; } }

/* Userbar */
#userbar { color: white; font-size: 0.95em; text-align: right; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); background-color: #282828; background-image: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#0f0e0e)); background-image: -webkit-linear-gradient(top, #282828, #0f0e0e); background-image: -moz-linear-gradient(top, #282828, #0f0e0e); background-image: -ms-linear-gradient(top, #282828, #0f0e0e); background-image: -o-linear-gradient(top, #282828, #0f0e0e); background-image: linear-gradient(top, #282828, #0f0e0e); }

#userbar a { display: inline-block; height: 30px; padding: 0 1em; color: #9e9e9e; color: rgba(255, 255, 255, 0.6); text-decoration: none; border-right: 1px solid #3c3c3c; }

#userbar a:hover { color: #c8c8c8; background-color: #3c3c3c; background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#3c3c3c)); background-image: -webkit-linear-gradient(top, #323232, #3c3c3c); background-image: -moz-linear-gradient(top, #323232, #3c3c3c); background-image: -ms-linear-gradient(top, #323232, #3c3c3c); background-image: -o-linear-gradient(top, #323232, #3c3c3c); background-image: linear-gradient(top, #323232, #3c3c3c); }

#userbar a.bar_active { color: white; }

@media screen and (max-width: 580px) { #userbar a { padding: 0 0.75em; } }

#userbar .bar_active { font-weight: bold; background-color: #464646; background-image: -webkit-gradient(linear, left top, left bottom, from(#990b0f), to(#c80006)); background-image: -webkit-linear-gradient(top, #990b0f, #c80006); background-image: -moz-linear-gradient(top, #990b0f, #c80006); background-image: -ms-linear-gradient(top, #990b0f, #c80006); background-image: -o-linear-gradient(top, #990b0f, #c80006); background-image: linear-gradient(top, #990b0f, #c80006); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); }

#userbar #username_alt { display: none; }

@media screen and (max-width: 580px) { #userbar #hello, #userbar #username { display: none; }
  #userbar #username_alt { display: inline-block; } }

/* Header */
#header_main { position: relative; min-height: 60px; }

#header_main .logo { width: 38px; height: 38px; vertical-align: -12%; margin: 11px 0.5em 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

#header_main .activity_spinner { vertical-align: -75%; margin-top: 0.5em; }

@media screen and (min-width: 1025px) { #header_main #header_title_area { float: left; } }

#header_main #header_title { font-size: 26px; font-weight: bold; word-wrap: break-word; }

#header_main #header_title sup { color: #EEE; }

#dump_link { position: absolute; top: 15px; right: 20px; font-size: 10px; font-weight: normal; line-height: 140%; }

#dump_link a { color: #b4b4b4; }

/* Main area */
.main { border-bottom: 1px solid #101010; background-color: white; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); }

.main h1 { margin-top: 1em; }

.main h1:first-child { margin-top: 0; }

.main .banner { width: 800px; height: 300px; }

.wide_container { padding: 0; }

@media screen and (min-width: 769px) { .center_block { max-width: 800px; margin: 0 auto !important; padding: 0; } }

/* Study list */
#study_list_header_content { padding-top: 10px; font-size: 0.9em; text-align: right; }

@media screen and (min-width: 1025px) { #study_list_header_content { padding-top: 20px; } }

#study_list_header_content > * { margin-left: 15px; margin-bottom: 10px; }

#study_list_header_content > *:first-child { margin-left: 0; }

#study_list_header_content #study_search { width: 200px; height: 28px; padding: 0 4px; font-size: inherit; line-height: 28px; border: 1px solid #a0a0a0; border-right: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

#study_list_header_content #study_search_clear { height: 28px; margin-left: 0; line-height: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

#study_list_tags_toggle { display: none; }

#study_list_tags_parent { display: none; }

@media screen and (min-width: 769px) { #study_list_tags_parent { float: left; display: block; width: 40%; } }

#study_list_tags_parent #study_list_tag_filter { margin: 0 20px 0 0; padding: 0 20px 20px 0; text-align: left; }

@media screen and (min-width: 769px) { #study_list_tags_parent #study_list_tag_filter { border-right: 1px solid rgba(0, 0, 0, 0.25); } }

#study_list_tags_parent #study_list_tag_filter input[type="search"] { width: 12em; font-size: 10pt; }

#study_list_tags_parent #study_list_tags { margin: 0 20px 0 0; padding: 0 10px 0 0; }

@media screen and (min-width: 769px) { #study_list_tags_parent #study_list_tags { border-right: 1px solid rgba(0, 0, 0, 0.25); } }

#study_list_tags_parent #study_list_tags .tag { margin-bottom: 0.5em; }

#study_list_main { display: none; }

@media screen and (min-height: 901px) and (max-width: 1024px) { #study_list_main { margin-top: 83px; } }

@media screen and (min-height: 901px) and (max-width: 580px) { #study_list_main { margin-top: 113px; } }

#study_list_not_loading { display: none; }

#study_list_parent { position: relative; margin: 0 -20px; }

@media screen and (min-width: 769px) { #study_list_parent { width: 60%; margin: 0; margin-left: 40%; } }

#study_list_count { position: absolute; top: -15px; right: 20px; font-size: 0.8em; color: rgba(0, 0, 0, 0.7); text-align: right; }

@media screen and (min-width: 769px) { #study_list_count { right: 0px; } }

.study_list { margin: 0; padding: 0; list-style-type: none; }

.study_list .hintdiv, .study_list .errordiv { padding: 1em; }

.study_list li { margin: 0; padding: 0; background-color: white; }

.study_list li:nth-child(even) { background-color: #ebebeb; }

.study_list li .study_list_item_content { position: relative; margin: 0; padding: 8px 20px 10px; border: 1px solid transparent; border-width: 1px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.study_list li .study_list_item_content:hover { cursor: pointer; z-index: 2; max-height: none; overflow: visible; border-color: #3689fb; background-color: #cce1fe; }

.study_list li .study_list_item_content:hover .study_list_item_text { max-height: none; }

.study_list li .study_list_item_content .study_list_item_text { font-size: 1.1em; }

.study_list li .study_list_item_content .study_list_item_text .acronym { display: block; color: black; font-size: 1.2em; font-weight: bold; text-decoration: none; }

.study_list li .study_list_item_content .study_list_item_text .title { display: block; font-size: 0.8em; color: #444; }

.study_list li .study_list_item_content .study_list_item_text .journal { display: block; font-size: 0.7em; color: #666; }

.study_list li .study_list_item_content .study_list_item_tags .tag { font-size: 0.9em; line-height: 120%; }

@media screen and (min-width: 1025px), screen and (min-width: 581px) and (max-width: 768px) { .study_list li .study_list_item_content { border-width: 1px; }
  .study_list li .study_list_item_content .study_list_item_text { display: inline-block; width: 60%; }
  .study_list li .study_list_item_content .study_list_item_tags { display: inline-block; width: 37%; margin-left: 2%; } }

.study_list li.active_study_list_item .study_list_item_content { z-index: 3; border-color: #013e9a; background-color: #058cf5; background-image: -webkit-gradient(linear, left top, left bottom, from(#058cf5), to(#015de6)); background-image: -webkit-linear-gradient(top, #058cf5, #015de6); background-image: -moz-linear-gradient(top, #058cf5, #015de6); background-image: -ms-linear-gradient(top, #058cf5, #015de6); background-image: -o-linear-gradient(top, #058cf5, #015de6); background-image: linear-gradient(top, #058cf5, #015de6); }

.study_list li.active_study_list_item .study_list_item_content .study_favorite_button { color: white; }

.study_list li.active_study_list_item .study_list_item_content .study_list_item_text .acronym { color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.7); }

.study_list li.active_study_list_item .study_list_item_content .study_list_item_text .title { color: white; }

.study_list li.active_study_list_item .study_list_item_content .study_list_item_text .journal { color: gainsboro; }

.study_list li.active_study_list_item .study_list_item_content .study_list_item_text .tag { background-color: #c8c8c8; border: none; }

.study_favorite_button { text-decoration: none; color: black; }

.study_favorite_button.is_read_false { color: #015de6; text-shadow: 0px 1px 2px #015de6; }

.study_favorite_button.faded { color: rgba(0, 0, 0, 0.5); text-shadow: none; }

#add_study { height: 28px; padding: 0 10px; font-weight: bold; line-height: 200%; }

#existing_studies { margin-top: 1em; padding-top: 1em; border-top: 1pt solid #ccc; }

.study_list_released_status { float: left; width: 22px; height: 22px; margin: 1px 0.25em 0 0; text-align: center; line-height: 22px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; }

/* Welcome Text */
.mystudies_welcome_logo { float: left; width: 160px; height: 160px; margin: 0 1.5em 0.5em 0; }

@media screen and (max-width: 580px) { .mystudies_welcome_logo { width: 80px; height: 80px; margin-right: 1em; } }

/* Study detail */
#study_detail_header_content { display: none; text-align: right; }

#study_tabbar { display: inline-block; margin-top: 10px; }

@media screen and (min-width: 1025px) { #study_tabbar { margin-top: 30px; } }

#study_tabbar a { display: inline-block; height: 30px; margin: 0 0 -1px 0.75em; padding: 0 0.75em; color: #9b9b9b; font-size: 16px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 0 black; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0.15); border-bottom: none; -webkit-border-radius: 0.3em 0.3em 0 0; -moz-border-radius: 0.3em 0.3em 0 0; -ms-border-radius: 0.3em 0.3em 0 0; -o-border-radius: 0.3em 0.3em 0 0; border-radius: 0.3em 0.3em 0 0; background-color: #464646; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#464646)); background-image: -webkit-linear-gradient(top, #393939, #464646); background-image: -moz-linear-gradient(top, #393939, #464646); background-image: -ms-linear-gradient(top, #393939, #464646); background-image: -o-linear-gradient(top, #393939, #464646); background-image: linear-gradient(top, #393939, #464646); -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }

@media screen and (max-width: 580px) { #study_tabbar a { margin: 0 0 -1px 5px; } }

#study_tabbar a:first-child { margin-left: 0; }

#study_tabbar a.active { color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); border-color: rgba(0, 0, 0, 0.7); background-color: #fa282a; background-image: -webkit-gradient(linear, left top, left bottom, from(#990b0f), to(#c80006)); background-image: -webkit-linear-gradient(top, #990b0f, #c80006); background-image: -moz-linear-gradient(top, #990b0f, #c80006); background-image: -ms-linear-gradient(top, #990b0f, #c80006); background-image: -o-linear-gradient(top, #990b0f, #c80006); background-image: linear-gradient(top, #990b0f, #c80006); -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

#study_tabbar a.disabled { color: #7e7e7e; cursor: default; }

#study_tabbar #header_back_button { font-weight: bold; color: white; text-decoration: none; }

#study_tabbar #header_back_button:hover { text-shadow: 0 0 3px white; }

@media screen and (min-width: 1025px) { #study_tabbar #header_back_button { position: absolute; top: 0; left: -1.75em; height: auto; margin: 0; font-size: 3em; line-height: 1.25em; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } }

#study_detail { display: none; }

@media screen and (min-height: 901px) and (max-width: 1024px) { #study_detail { padding-top: 30px; } }

.study_detail_block { max-width: 800px; margin: 1.5em auto; padding-top: 1.5em; border-top: 1px solid #c8c8c8; line-height: 1.4; }

@media screen and (max-width: 580px) { .study_detail_block { margin: 0.5em auto; padding-top: 0.5em; }
  .study_detail_block p:first-child { margin-top: 0; padding-top: 0; } }

.study_detail_block:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.study_detail_block h1 { font-weight: bold; font-family: "Palatino Linotype", Palatino, "Book Antiqua", Palatino, serif; }

.study_detail_block textarea { margin-top: 0; width: 98%; line-height: 1.3; }

.study_detail_table { width: 100%; }

.study_detail_table input, .study_detail_table textarea { width: 98%; }

tt.pmid { font-size: 1.5em; padding-left: 0.5em; }

.study_sharing { margin-top: 0.5em; }

.study_sharing p { font-size: 0.8em; color: rgba(0, 0, 0, 0.7); }

.study_sharing a { margin-right: 1em; }

.study_sharing a img.small_icon { width: 24px; height: 24px; margin-right: 0.25em; vertical-align: -30%; }

.study_sharing .ctgov { display: inline-block; margin-right: 1em; text-align: center; }

.study_sharing .ctgov span { display: block; font-size: 0.8em; font-family: serif; }

.study_sharing .ctgov a { margin-right: 0; }

.study_sharing .sharing_pubmed { width: 90px; height: 32px; }

.study_sharing .sharing_pubget { width: 74px; height: 29px; }

.study_sharing .sharing_qxmd { width: 40px; height: 40px; }

#v_acronym { margin-bottom: 0.5em; font-size: 1.2em; font-weight: bold; }

#v_title { margin-top: 0; width: 98%; }

/* Tags */
#existing_tags { margin-bottom: 0.5em; }

#admin_tags { margin-bottom: 1em; }

#existing_admin_tags { margin-top: 1em; padding-top: 0.5em; border-top: 1px dotted #999; }

.tag { position: relative; display: inline-block; overflow: visible; margin: 0.5em 0.75em 0 0; padding: 0.2em 0.4em; font-size: 0.9em; color: #505050; background-color: gainsboro; cursor: pointer; border: 1px solid #aaaaaa; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -ms-border-radius: 0.3em; -o-border-radius: 0.3em; border-radius: 0.3em; }

.tag:last-child { margin-right: 0; }

.tag.active_tag { color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.7); border-color: #013e9a; background-color: #015de6; background-image: -webkit-gradient(linear, left top, left bottom, from(#015de6), to(#058cf5)); background-image: -webkit-linear-gradient(top, #015de6, #058cf5); background-image: -moz-linear-gradient(top, #015de6, #058cf5); background-image: -ms-linear-gradient(top, #015de6, #058cf5); background-image: -o-linear-gradient(top, #015de6, #058cf5); background-image: linear-gradient(top, #015de6, #058cf5); }

.tag .remove_tag { float: right; height: 100%; margin-left: 0.5em; padding-left: 0.5em; border-left: 1px solid #aaaaaa; cursor: pointer; }

#admin_tags .tag { background-color: purple; color: white; border-color: purple; }

#admin_tags .tag .remove_tag { border-color: white; }

#existing_admin_tags .tag { padding: 0.1em 0.3em; font-size: 0.7em; color: purple; border: 1px solid purple; background-color: #e5c9ff; }

.add_tag { position: relative; }

.tag_input_field { width: 200px; margin-bottom: 0; padding-left: 3px; padding-right: 3px; font-size: 1em; }

#suggested_tags { width: 206px; max-height: 200px; border: 1px solid #a0a0a0; border-top: none; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); }

.suggested_tag { padding: 0.25em 0.5em; cursor: pointer; }

.suggested_tag:nth-child(even) { background-color: #f2f2f2; }

.suggested_tag:hover { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); background-color: #b90005; background-image: -webkit-gradient(linear, left top, left bottom, from(#c80006), to(#aa0005)); background-image: -webkit-linear-gradient(top, #c80006, #aa0005); background-image: -moz-linear-gradient(top, #c80006, #aa0005); background-image: -ms-linear-gradient(top, #c80006, #aa0005); background-image: -o-linear-gradient(top, #c80006, #aa0005); background-image: linear-gradient(top, #c80006, #aa0005); }

/* Characteristics */
#characteristics_parent { position: relative; }

.characteristics_table { float: left; display: block; max-width: 30%; margin-right: 3%; }

@media screen and (max-width: 580px) { .characteristics_table { float: none; width: 100%; max-width: 100%; margin: 0 0 20px; } }

.characteristics_table thead th { padding: 0.25em; font-size: 1.1em; font-weight: bold; background-color: white; border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.characteristics_table tfoot th { padding-left: 0.5em; font-size: 0.85em; font-weight: normal; text-align: right; border: 1px solid #c8c8c8; border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

.characteristics_table tbody tr.new_data_element { background-color: #fff6b7; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff8cc), to(#fff4a1)); background-image: -webkit-linear-gradient(top, #fff8cc, #fff4a1); background-image: -moz-linear-gradient(top, #fff8cc, #fff4a1); background-image: -ms-linear-gradient(top, #fff8cc, #fff4a1); background-image: -o-linear-gradient(top, #fff8cc, #fff4a1); background-image: linear-gradient(top, #fff8cc, #fff4a1); }

.characteristics_table tbody tr:nth-child(even) { background-color: #f0f0f0; }

.characteristics_table tbody tr:nth-child(odd) { background-color: gainsboro; }

.characteristics_table td.buttons a { margin-bottom: 0.4em; }

.characteristics_table_clear { clear: left; }

.characteristic_key { text-align: right; font-weight: normal; }

.characteristic_value { font-weight: bold; padding-left: 0.5em; padding-right: 0.75em; }

.characteristic_value .button { margin-bottom: 0.2em; font-weight: normal; }

.characteristic_key_input { width: 91%; margin-bottom: 0.2em; padding: 0.1em 2%; }

.characteristic_value_input { width: 39%; margin-right: 3%; padding: 0.1em 2%; }

.characteristic_unit_input { width: 39%; padding: 0.1em 2%; }

.characteristic_edit_box { margin-left: 20px; text-align: left; line-height: 18px; }

.characteristic_edit_box a { font-size: 10px; text-shadow: white 0 1px 0; text-decoration: none; }

.characteristic_edit_box a:hover { text-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; text-decoration: none; }

#characteristics_save_all { display: none; }

#characteristics_saveall_parent { margin: 2em 0 0.5em; }

/* Outcome table */
#outcome_table { margin: 0 auto 6em; border: 1px solid #c8c8c8; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

@media screen and (min-width: 1025px) { #outcome_table { min-width: 800px; } }

#outcome_table tr.new_data_element { background-color: #fff8cc; }

#outcome_table tr th { min-width: 90px; padding: 0.5em 4px; text-align: center; vertical-align: middle; border-bottom: 1px solid dimgray; background-color: gainsboro; }

#outcome_table tr th .options_header { vertical-align: top; text-align: center; line-height: 1.8; font-weight: normal; }

#outcome_table tr th.group_header, #outcome_table tr th.result_header { vertical-align: bottom; }

#outcome_table tr td { padding: 0.5em 4px; text-align: center; vertical-align: middle; border-bottom: 1px solid dimgray; background-color: white; }

#outcome_table tr:first-child th:last-child { -webkit-border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -ms-border-radius: 0 7px 0 0; -o-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; }

#outcome_table thead tr:first-child th { padding: 0.5em; }

#outcome_table thead tr:first-child th:first-child { text-align: center; -webkit-border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -ms-border-radius: 7px 0 0 0; -o-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0; }

#outcome_table thead tr:first-child th:last-child { -webkit-border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -ms-border-radius: 0 7px 0 0; -o-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; }

#outcome_table tbody tr:last-child td, #outcome_table tbody tr:last-child th { border-bottom: none; }

#outcome_table tbody:last-child tr:last-child th:first-child, #outcome_table tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 7px; -moz-border-radius: 0 0 0 7px; -ms-border-radius: 0 0 0 7px; -o-border-radius: 0 0 0 7px; border-radius: 0 0 0 7px; }

#outcome_table tbody:last-child tr:last-child th:last-child, #outcome_table tbody:last-child tr:last-child td:last-child { -webkit-border-radius: 0 0 7px 0; -moz-border-radius: 0 0 7px 0; -ms-border-radius: 0 0 7px 0; -o-border-radius: 0 0 7px 0; border-radius: 0 0 7px 0; }

#outcome_table tfoot tr:last-child th, #outcome_table tfoot tr:last-child td { border: none; }

#outcome_table tfoot tr:last-child th:first-child, #outcome_table tfoot tr:last-child td:first-child { -webkit-border-radius: 0 0 0 7px; -moz-border-radius: 0 0 0 7px; -ms-border-radius: 0 0 0 7px; -o-border-radius: 0 0 0 7px; border-radius: 0 0 0 7px; }

#outcome_table tfoot tr:last-child th:last-child, #outcome_table tfoot tr:last-child td:last-child { -webkit-border-radius: 0 0 7px 0; -moz-border-radius: 0 0 7px 0; -ms-border-radius: 0 0 7px 0; -o-border-radius: 0 0 7px 0; border-radius: 0 0 7px 0; }

.group_form { margin: 5px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -ms-border-radius: 0.3em; -o-border-radius: 0.3em; border-radius: 0.3em; background-color: rgba(0, 0, 0, 0.075); font-weight: normal; text-align: left; }

.group_form input, .group_form textarea { margin-bottom: 0.25em; }

.group_description { padding: 0.2em; font-weight: normal; }

div.group_num_subjects { margin-top: 0.5em; font-size: 0.8em; font-weight: normal; text-align: center; }

div.group_num_subjects b { font-size: 1.4em; margin-right: 0.25em; }

input.group_num_subjects { width: 40%; min-width: 5em; margin-right: 1em; }

.edit_group_links { display: block; }

.edit_group_links a { font-size: 9px; font-weight: normal; }

.edit_group_buttons { display: block; margin-top: 0.5em; text-align: right; }

.edit_endpoint_links { display: block; font-size: 9px; font-weight: normal; }

.endpoint_form button { margin: 0.5em 0; }

.endpoint_form button.toggle_ep_type { float: right; }

.endpoint_name { display: block; width: 95%; margin-bottom: 0.25em; font-size: 1.2em; }

.edit_info { clear: right; margin-top: 1em; font-size: 0.75em; font-weight: normal; color: #3c3c3c; }

/* Results */
.result_main { font-size: 1.2em; }

.result_form .result_main, .result_form .result_sub { width: 50%; }

b.result_main { display: block; line-height: 1.6; }

span.result_sub { display: block; font-size: 0.85em; color: gray; }

.calc_value_r { display: block; line-height: 1.6; }

.calc_value_ci { display: block; font-size: 0.85em; color: gray; }

.agent_better { color: #180; }

.agent_worse { color: #910; }

/* Admin */
.below_table_action { margin-top: 2em; }

.below_table_action img, .below_table_action button { margin-right: 1em; }

.admin_hint { font-size: 0.85em; color: rgba(0, 0, 0, 0.7); }

.overview_block { float: left; width: 41%; height: 2.5em; line-height: 2.5em; padding: 0 2%; margin: 2%; color: white; font-weight: bold; font-size: 1.6em; text-align: center; border: 1px solid #2d5a0f; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; background-image: -webkit-gradient(linear, left top, left bottom, from(#66bc32), to(#3c7913)); background-image: -webkit-linear-gradient(top, #66bc32, #3c7913); background-image: -moz-linear-gradient(top, #66bc32, #3c7913); background-image: -ms-linear-gradient(top, #66bc32, #3c7913); background-image: -o-linear-gradient(top, #66bc32, #3c7913); background-image: linear-gradient(top, #66bc32, #3c7913); }

.overview_block a { color: inherit; text-decoration: none; }

.overview_block a:hover { text-decoration: none; text-shadow: 0 0 0.2em rgba(240, 255, 230, 0.8); }

/* Users */
#users_search { text-align: right; }

.users_table { width: 100%; margin-top: 1.5em; font-size: 0.95em; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.users_table th { padding: 4px; background-color: #e6e6e6; text-align: left; }

.users_table tr:first-child th:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }

.users_table tr:first-child th:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

.users_table tr:nth-child(even) { background-color: #ebebeb; }

.users_table tr:last-child { border-radius: 0 0 4px 4px; }

.users_table td { padding: 4px; }

.user_datablock { margin: 0 -20px 3em -20px; padding: 1em; text-align: left; font-size: 0.9em; border: 1px solid #c8c8c8; border-width: 1px 0; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -moz-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -ms-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -o-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: linear-gradient(top, #f2f2f2, #e2e2e2); }

@media screen and (min-width: 769px) { .user_datablock { margin: 0 0 3em 0; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } }

.user_datablock.center { float: none; width: 520px; margin: 2em auto; }

.user_datablock table { width: 100%; }

.user_datablock table td { vertical-align: top; }

.user_datablock input[type="text"], .user_datablock input[type="password"], .user_datablock textarea { width: 100%; font-size: 1.1em; }

.user_go_back { margin-bottom: 1.5em; }

.user_lastedit { clear: left; margin-top: 0.75em; padding-top: 1em; font-size: 0.8em; line-height: 1.3; color: #666; text-align: right; }

.user_form td span { margin-left: 2em; }

#user_subscriptions tr.is_active td { background-color: rgba(102, 188, 50, 0.5); }

#user_subscriptions td { vertical-align: bottom; }

#user_subscriptions td img { vertical-align: 15%; }

#user_devices tr.blocked td { background-color: rgba(174, 29, 34, 0.5); }

#user_devices td { vertical-align: middle; }

#user_memberships_block { display: none; }

/* App */
.screenshots { margin: 0 0 2em; }

.screenshots a { margin-right: 2px; }

.screenshots a img { width: 245px; }

.screenshots a:first-child img { -moz-transform: perspective(500px) rotateY(-28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); /*-webkit-transform: perspective(500px) rotateY(-28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89);*/ /* weird behavior when clicking! */ -o-transform: perspective(500px) rotateY(-28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); -ms-transform: perspective(500px) rotateY(-28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); transform: perspective(500px) rotateY(-28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); }

.screenshots a:last-child { margin-right: 0; }

.screenshots a:last-child img { -moz-transform: perspective(500px) rotateY(28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); /*-webkit-transform: perspective(500px) rotateY(28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89);*/ /* weird behavior when clicking! */ -o-transform: perspective(500px) rotateY(28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); -ms-transform: perspective(500px) rotateY(28deg) rotateX(3deg) scaleX(0.89) scaleY(0.89); transform: perspective(500px) rotateX(3deg) rotateY(28deg) scaleX(0.89) scaleY(0.89); }

.app_store_banner { margin: 35px 0; text-align: center; }

/* About */
img.bio { float: left; margin: 0 1em 0.25em 0; width: 120px; height: 144px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlay */
#attached_overlay { position: absolute; top: 100px; left: 200px; width: 300px; min-height: 100px; padding: 15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(#66bc32), to(#3c7913)); background-image: -webkit-linear-gradient(top, #66bc32, #3c7913); background-image: -moz-linear-gradient(top, #66bc32, #3c7913); background-image: -ms-linear-gradient(top, #66bc32, #3c7913); background-image: -o-linear-gradient(top, #66bc32, #3c7913); background-image: linear-gradient(top, #66bc32, #3c7913); -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); }

#attached_overlay h2 { margin-top: 0; }

/* Footer */
#footer { padding: 1em; color: white; }

.link_row { text-align: center; color: white; }

.link_row a:link, .link_row a:visited, .link_row a:active { display: inline-block; height: 1.8em; margin: 0.5em 1em 0 0; padding: 0 0.4em; color: white; text-decoration: none; line-height: 1.8em; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }

.link_row a:link:last-child, .link_row a:visited:last-child, .link_row a:active:last-child { margin-right: 0; }

.link_row a:hover { text-shadow: 0 0 8px white; border: 1px solid rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.5); }

.follow_buttons { margin-top: 2em; text-align: center; }

.copyright { margin-top: 3em; font-size: 0.8em; text-align: center; text-shadow: 0 -1px 0 black; }

/* Login */
#login_div { width: 500px; margin: 3em auto; padding: 1.5em; font-size: 0.9em; background-color: #EEE; border: 1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -moz-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -ms-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -o-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: linear-gradient(top, #f2f2f2, #e2e2e2); -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -ms-box-shadow: 0 1px 0 white; -o-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }

#login_div h1 { text-align: center; }

@media screen and (max-width: 580px) { #login_div { width: auto; margin-left: -20px; margin-right: -20px; border-width: 1px 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } }

.login_text { font-size: 1.1em; }

.login_input { font-size: 1.1em; width: 95%; padding: 0.15em 0.25em; }

/* Tables */
.wide_table { width: 100%; margin-top: 1.5em; font-size: 0.95em; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.wide_table th { padding: 4px; background-color: #e6e6e6; text-align: left; }

.wide_table tr:first-child th:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }

.wide_table tr:first-child th:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

.wide_table tr:nth-child(even) { background-color: #ebebeb; }

.wide_table tr:last-child { border-radius: 0 0 4px 4px; }

.wide_table td { padding: 4px; }

table.input_table { width: 100%; }

table.input_table td { padding: 3px 5px; vertical-align: middle; }

table.input_table td:first-child { padding-left: 0; }

table.input_table td:last-child { padding-right: 0; }

table.white_rounded { padding: 0; }

table.white_rounded tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }

table.white_rounded tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

table.white_rounded tr:last-child td { border-bottom: none; }

table.white_rounded tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; -ms-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }

table.white_rounded tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; -ms-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }

table.white_rounded td { padding: 4px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

table.on_white td:first-child { padding-left: 0; }

table.on_white td:last-child { padding-right: 0; }

.flex_table .row { margin-top: 0.5em; }

.flex_table .row.roomy .cell { padding-top: 1.5em; }

.flex_table .row .header_cell { color: rgba(0, 0, 0, 0.7); }

@media screen and (min-width: 581px) { .flex_table { display: table; width: 100%; }
  .flex_table .row { display: table-row; }
  .flex_table .row .cell { display: table-cell; padding: 0.25em; }
  .flex_table .row .cell:first-child { width: 35%; padding-left: 0; padding-right: 0.8em; text-align: right; }
  .flex_table .row .cell.cell:last-child { padding-right: 0; }
  .flex_table .row .cell .input_hint { display: block; } }

/* Generic */
.normal { font-family: Helvetica, Arial, sans-serif; }

.scripture { font-family: "Palatino Linotype", Palatino, "Book Antiqua", Palatino, serif; line-height: 1.7; }

@media screen and (max-width: 580px) { .scripture { line-height: 1.5; } }

.huge { font-size: 2em; font-weight: bold; margin: 1em 0; }

.big { font-size: 1.15em !important; }

.bigger { font-size: 1.3em !important; }

.small { font-size: 0.85em; }

.tiny { font-size: 10px; }

.fat, a.button.fat { font-weight: bold; }

.faded { color: rgba(0, 0, 0, 0.7); font-weight: normal; }

.really_faded { color: lightsteelblue; font-weight: normal; }

.more_faded { color: #999; font-weight: normal; }

.most_faded { color: #BBB; font-weight: normal; }

.missing_value { border: 2px inset #B00; background-color: #FDC; }

.error, .red { color: #800; }

.error_bg, .red_bg { color: white !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8) !important; border-color: maroon !important; background-color: #b40000 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#c80000), to(#a00000)) !important; background-image: -webkit-linear-gradient(top, #c80000, #a00000) !important; background-image: -moz-linear-gradient(top, #c80000, #a00000) !important; background-image: -ms-linear-gradient(top, #c80000, #a00000) !important; background-image: -o-linear-gradient(top, #c80000, #a00000) !important; background-image: linear-gradient(top, #c80000, #a00000) !important; }

.green { color: #360; }

.green_bg { color: white !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8) !important; border-color: #2d5a0f !important; background-color: #519a23 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#66bc32), to(#3c7913)) !important; background-image: -webkit-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -moz-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -ms-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -o-linear-gradient(top, #66bc32, #3c7913) !important; background-image: linear-gradient(top, #66bc32, #3c7913) !important; }

.errorinput { color: #900; border: 1px solid #600; background-color: #FDD; }

.errorbox { max-width: 600px; margin: 2em; padding: 2em; color: #900; }

.hint { margin: 1em 0; padding: 1em; background-color: #FF9; border: 1px solid #FD6; }

.hintdiv { margin-top: 1em; margin-bottom: 1em; padding: 1em 1em 0.75em; color: #3c3400; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #e2c822; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #fff198 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff5b2), to(#ffee7f)) !important; background-image: -webkit-linear-gradient(top, #fff5b2, #ffee7f) !important; background-image: -moz-linear-gradient(top, #fff5b2, #ffee7f) !important; background-image: -ms-linear-gradient(top, #fff5b2, #ffee7f) !important; background-image: -o-linear-gradient(top, #fff5b2, #ffee7f) !important; background-image: linear-gradient(top, #fff5b2, #ffee7f) !important; }

.errordiv { margin-top: 1em; margin-bottom: 1em; padding: 1em 1em 0.75em; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); border: 1px solid maroon; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #b40000 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#c80000), to(#a00000)) !important; background-image: -webkit-linear-gradient(top, #c80000, #a00000) !important; background-image: -moz-linear-gradient(top, #c80000, #a00000) !important; background-image: -ms-linear-gradient(top, #c80000, #a00000) !important; background-image: -o-linear-gradient(top, #c80000, #a00000) !important; background-image: linear-gradient(top, #c80000, #a00000) !important; }

.success { color: #006e00; }

.successdiv { margin-top: 1em; margin-bottom: 1em; padding: 1em 1em 0.75em; border: 1px solid #2d5a0f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); background-color: #519a23 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#66bc32), to(#3c7913)) !important; background-image: -webkit-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -moz-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -ms-linear-gradient(top, #66bc32, #3c7913) !important; background-image: -o-linear-gradient(top, #66bc32, #3c7913) !important; background-image: linear-gradient(top, #66bc32, #3c7913) !important; }

.white_rounded { margin-top: 0.5em; margin-bottom: 1em; background-color: white; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

p.white_rounded { padding: 1em 1em 0.75em; }

.massive_centered { padding: 4em 1em; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.5); }

.loading_centered { padding: 1em; text-align: center; color: rgba(0, 0, 0, 0.5); }

.message_centered { padding: 1em; text-align: center; }

.shadowed_block { margin-top: 1em; border-top: 1px solid white; border-bottom: 1px solid rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); }

.centered_item { margin: 6em 0 0; padding: 1.5em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background-color: #EEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -moz-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -ms-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: -o-linear-gradient(top, #f2f2f2, #e2e2e2); background-image: linear-gradient(top, #f2f2f2, #e2e2e2); }

.centered_item div:last-child, .centered_item p:last-child { margin-bottom: 0; }

.center { text-align: center; }

.hr { margin-top: 0.25em; min-height: 0.25em; border-top: 1px solid #c8c8c8; font-size: 9px; color: #8c8c8c; text-align: right; }

.buttons { text-align: right; }

.buttons_right { margin-top: 1.5em; padding-top: 0.5em; text-align: right; }

.buttons_right a { padding-right: 1em; }

.buttons_left { margin-top: 1.5em; padding-top: 0.5em; text-align: left; }

.buttons_left a { padding-right: 1em; }

.details_below { border-top: 1px dotted #a0a0a0; margin-top: 0.75em; padding: 0.75em 0; text-align: right; color: #3c3c3c; font-size: 0.9em; }

.hint_below { margin-top: 0.75em; font-size: 0.9em; text-align: right; color: #3c3c3c; }

.activity_spinner { vertical-align: -5%; }

a.button, a.button:link { display: inline-block; padding: 0 0.6em; cursor: pointer; color: black; text-shadow: 0 1px rgba(255, 255, 255, 0.8); text-decoration: none; line-height: 162%; border: 1px solid #787878; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #c8c8c8; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#b4b4b4)); background-image: -webkit-linear-gradient(top, #e6e6e6, #b4b4b4); background-image: -moz-linear-gradient(top, #e6e6e6, #b4b4b4); background-image: -ms-linear-gradient(top, #e6e6e6, #b4b4b4); background-image: -o-linear-gradient(top, #e6e6e6, #b4b4b4); background-image: linear-gradient(top, #e6e6e6, #b4b4b4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

a.button.disabled:link { color: #787878; }

a.button:hover { color: black; text-shadow: 0 1px rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.76); }

a.button.disabled:hover { color: #787878; text-shadow: 0 1px rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.53); cursor: default; }

.segmented_buttons { display: inline-block; position: relative; line-height: 200%; white-space-collapse: discard; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

.segmented_buttons a.button, .segmented_buttons a.button:link { height: 28px; padding: 0 0.8em; text-align: center; line-height: 28px; border-right-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.segmented_buttons a.button:first-child, .segmented_buttons a.button:link:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.segmented_buttons a.button:last-child, .segmented_buttons a.button:link:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-right-width: 1px; }

.segmented_buttons a.button.active, .segmented_buttons a.button:link.active { color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.8); font-weight: bold; border-color: #961618; background-color: #fa282a; background-image: -webkit-gradient(linear, left top, left bottom, from(#aa0005), to(#c80006)); background-image: -webkit-linear-gradient(top, #aa0005, #c80006); background-image: -moz-linear-gradient(top, #aa0005, #c80006); background-image: -ms-linear-gradient(top, #aa0005, #c80006); background-image: -o-linear-gradient(top, #aa0005, #c80006); background-image: linear-gradient(top, #aa0005, #c80006); }

.segmented_buttons a.button:hover, .segmented_buttons a.button:link:hover { color: black; text-shadow: 0 1px rgba(255, 255, 255, 0.8); border-color: #3c3c3c; }

.question { font-weight: bold; margin-bottom: 0.25em; }

.answer { margin-top: 0; }

@media screen { .print_only { display: none; } }