/*reset css*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
  font-family:Helvetica, Arial, Verdana, sans-serif;
  margin: 0px;
  text-align: center;
  padding: 0px;
  /*background: #0b263b url('%(media_url)s/media/web_bg.png') repeat-x;*/
  font-family:Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-size-adjust:none;
  -webkit-touch-callout:none;
 
}
::-webkit-scrollbar {
    display: none;
}
#error_container {
clear:both;
float:left;
position:relative;
height: auto;
width:90%;
text-align: center;
margin: 0px auto;
line-height: 25px;
color: #0093D7;   
font-size: 14px;
}
.page_close_button {
margin: 0px 5px 0px 0px;
float: right;
cursor: pointer;
background: white url('http://ns11_multiplatform.s3.amazonaws.com/media/close_btn.png') no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: 10px; right: 0;
}
#logo{
display:block;
cursor:pointer;
padding-top:5px;
}
#memorial_guide_title_img {
width:80%;
height:45px;
float: lefmt;
margin-top: 10px;
margin-left:10%;
display: block;
clear: both;
cursor: pointer;
background:url('http://ns11_multiplatform.s3.amazonaws.com/media/memorial_guide_logo_en.gif') no-repeat center top;
}
/*Home_Button*/
.home_button {
position:relative;
opacity: 0.8;
color: #0093d7;
min-height: 60px;
margin: 3px auto;
width:92%;
max-width: 800px;
letter-spacing:0px;
cursor: pointer;
text-align: left;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:10px 2% 10px 2%;
border: 1px solid #efefef;
    background:url('http://ns11_multiplatform.s3.amazonaws.com/media/home_button_bg.png') repeat-x transparent;
-moz-box-shadow: 0px 5px 9px #555;
  -webkit-box-shadow: 0px 5px 7px #555;
     box-shadow: 0px 5px 9px #444;
}
.home_button_detail {
position:absolute;
line-height: 10px;
width:90%;
    bottom:10px;   
letter-spacing:0px;
text-transform: uppercase;
color: #999999;
font-size: 11px;
font-weight: 400;
}
/*Pool on Home Page*/
#pool_menu {
position: absolute;
top: 395px;;
color: white;
text-transform: uppercase;
margin-left: 3%;
margin-top: 1%;
}
.pool_header_button {
margin: 10px;
width: 40%;
height: auto;
float:left;
text-align:left;
letter-spacing:1px;
font-size: 12px;
font-weight:bold;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color=#000000); /** Keep this one for IE 9 **/
}
.pool_buttons_left_border {
width:12px;
height:65%;
position:absolute;
padding-top:1.5%;
}
.pool_areas {
clear:both;
letter-spacing:1px;
width: 100%;
font-size: 11px;
text-shadow: black 1px 1px 1px;
font-weight: bold;
}
.pool_area_button_list {
float:left;
margin-left:20%;
margin-top: 5px;
border-left:white solid 2px;
/*border-left:#ffffff solid 2px;*/
}
.pool_area_button {
display: block;
padding: 5px 0px 5px 12px;
width: 100%;
line-height:1.4;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=135, color=#000000); /* Keep this one for IE 9 **/
}
.pool_area_button.first {
padding-top: 0;
}
.pool_area_button.last {
padding-bottom: 0;
}
.pool_area_label {
display: inline;
cursor: pointer;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
}
.pool_area_label_hover {
cursor: pointer;
border-bottom: 2px solid #0093d7;
}
.pool_area_label:hover {
cursor: pointer;
border-bottom: 2px solid #0093d7;
}
#find_name_button:hover, #about_button:hover, #cobblestone_button:hover {
background-image:none;
background-color:#FFF;
}
/*About Page*/
.display_none {
display:none;
}
.about_content{
color: #666;
text-align: left;
line-height: 150%;
margin-top: 50px;
height:auto;
width: 100%;
}
.about_landscape_img {
padding: 20px 10px;
}
.about_landscape_img img{
max-width: 100%;
}
.about_big_text {
width: 90%;
padding-left: 10px;
float: left;
font-size: 15px;
}
.about_medium_text {
width: 90%;
padding: 0 5%;
float: left;
font-size: 13px;
line-height: 135%;
}
.about_small_text {
font-size: 10px;
line-height: 115%;
}
.about_top_button {
float: left;
position: absolute !important;
margin: 50px auto;
display: block;
}
.about_bottom_button {
float:right;
bottom: 10px;
margin:0 0 0 5px;
}
#about_next {
width: 100px;
}
#about_prev {
width: 10px;
display:block;
height:26px;
padding:2px 0;
margin-left:-5px;
}
#about_prev img {
     border:0;
display:block;
  /*margin:-5px 0 0 0;
     vertical-align:baseline;*/
}
.about_content ul {
list-style:none;
}
.about_column {
width: 93%;
margin: 0 7% 5% 0;
float: left;
}
.about_column.fulltext{
width: 97%;
margin: 0% 3%;
hyphens: auto;
}
.about_column_title {
text-transform: uppercase;
display: block;
margin-bottom: 5px;
font-weight:bold;
}
.about_pools_side {
border-left: 1px #333 solid;
height: 8%;
width: 90%;
float: left;
margin: 20px 0 0 7%;
}
.about_pools_side.right_side {
    width: 90%;
}
.about_pool_img {
zoom:1;
overflow:hidden;
float: left;
margin: 0px 20px 10px 20px;
}
.about_pool_img img {
max-width: 90%;
height: auto;
}
/*
.about_pager {
bottom: 0;
right: 0;
margin-top: 50px;
}
*/
.about_page {
display:none;
}
.about_pager {
/*position: absolute;*/
float: right;
margin-top: 20px;
}
.about_legend {
clear: both;
height: auto;
}
.about_column_legend {
float: left;
}
.about_legend li {
clear: both;
margin: 0 -30px;
height: auto;
padding: 15px 0;
}
.about_key_color {
width: 30px;
height: 12px;
display: block;
float: left;
}
.about_key_content {
width: 70%;
display: block;
font-size: 10px;
line-height: 120%;
float: left;
padding: 0;
margin-left: 32px;
}
/*Cobble Stone Search Page */
.search_info_label{
float:left;
color: #333333;
font-size: 13px;
text-align:left;
text-transform: uppercase;
width: 90%;
letter-spacing:1px;
padding-left: 5px;
margin: 10px auto;
}
.search_info_label.center{
margin-top: 20px;
}
.colon{
position: absolute;
right: 0;
bottom: 0;
}
.search_example {
height: 15px;
width: 100%;
background-color: transparent;
color: #333333;
font-size: 12px;
float: left;
letter-spacing:1px;   
text-align: left;
padding: 15px 0px 10px 15px;
text-transform: uppercase;
}
#search_entry_box {
margin: 10px 0px 0px 0px;
text-align: left;
width: 100%;
float: left;
}
.search_input {
float: left;
height: 32px;
padding: 5px 10px;
color: #0093d7;
font-size: 17px;
    display: block;
    line-height: 17px;
margin-top:3px;
vertical-align:baseline;
}
#send_entry_input {
width: 380px;
float:left;
}
#search_entry_input {
width: 90%;
   
}
.submit_button {
cursor: pointer;
background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/search_btn.png') no-repeat left top;
width: 175px;
height: 52px;
color: #0093d7;
text-align: center;
letter-spacing: 1px;
font-weight:700;
text-transform: uppercase;
font-size: 17px;
line-height: 52px; 
margin-left: 460px;
}
#search_submit_button {
float:left;
margin: 10px auto;
}
#cobble_sponsors {
bottom: 0;
float:left;
text-align: left;
margin:15px 5px;
text-transform: uppercase;
line-height: 16px;
font-size: 12px;
font-weight: bold;
}
#cobble_sponsors a {
text-decoration: none;
color: #666;
float: left;
margin:7px 5px;
display: block;
}
#cobble_page_title {
font-weight:bold;
font-size: 13px;
}
#sponsor_a_cobblestone{
float: left;
}
#view_all_cobblestones{
float: left;
}
#cobble_sponsors a:hover {
color: #0093D7;
}
/*Search Suggestion Box*/
#quick_search {
display: none;
}
.search_info_label.center{
margin-top: 20px;
}
.colon{
position: absolute;
right: 0;
bottom: 0;
}
#search_page_content {
width: 100%;
text-align: center;
}
#search_main_box {
width: auto;
margin: 15px auto 0px auto;
}
.search_boxes {
float:left;
width:95%;
height: auto;
}   
.quick_search_box {
cursor: pointer;
height: 25px;
width: 100%;
background-color: #ededed;
color: #333333;
font-size: 16px;   
border-bottom: 1px solid #a9a9a9;
text-align: left;
padding: 11px 0px 2px 11px;
}
.qsboxl {
    width:70%;
    font-size:13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.qsboxr {
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 20px 0px 0px;
}
/*Search Result List*/
.search_result_box .qsboxl {
width:70%;
font-size:13px;
overflow: hidden;
white-space: nowrap;
display: block;
    text-overflow: ellipsis;
float: left;
}
.search_result_box .qsboxr {
float: left;
font-size: 11px;
text-transform: uppercase;
padding: 2px 10px 0px 0px;
width: 10%;
text-align: right;
}
.result_list {
position: relative;
margin: 20px 0px 0px 0px;
height: auto;
}
.result_list.person_result_list{
height:auto;
}
.search_result_box {
text-align: left;
padding: 10px 10px 11px 10px;
width: 100%;
height: 13px;
cursor: pointer;
color: #333333;
font-size: 15px;   
text-align: left;
}
.search_result_box:hover {
color:#666666;
}
.result_box {
font-size: 15px;
height: 25px;
color: #444;
cursor: pointer;
padding-left:30px;
text-align: left;
}
.result_box:hover {
color:#777;
}
#result_control {
border-top: 1px solid #999;
float: left;
width: 100%;
}
#result_pager {
margin: 20px 0px 20px 0px;
text-transform: uppercase;
color: #5e5e5e;
position:relative;
    float:right;/*:27px;*/
font-size:13px;
letter-spacing:1px;
}
.new_search_button {
font-weight:400;
letter-spacing:1px;
float: left;
margin: 10px 0px 20px 0px;
cursor: pointer;
}
/*CobbleStone Detail*/
#person_page_content{
float: left;
    width: 100%;
}
.search_back_button {
float: left;
cursor: pointer;
background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/back_button.png') no-repeat left top;
color: #666;
text-align: left;
padding: 15px 10px 17px 35px;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
line-height: 20px;
width: 70px;
height: 20px;
}
.search_back_button:hover {
background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/back_button.png') no-repeat left bottom;
}
.showonmemorial_button {
float: left;
display: block;
cursor: pointer;
    background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/show-memorial.png') left top no-repeat;
color: #0093D7;
letter-spacing: 0;
text-transform: uppercase;
text-align: left;
padding: 15px 10px 17px 35px;
font-size: 12px;
font-weight:bold;
width: 80%;
height: 20px;
}
#result_page_content{
float:left;
max-width: 100%;
display: block;
}
.search_results_button {
/*float: left;*/
margin: 0px 5px 5px -4px;
cursor: pointer;
background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/search_results_btn.png') no-repeat left top;
width: 100px;
height: 30px;
color: #666;
text-align: left;
padding: 11px 10px 9px 35px;
text-transform: uppercase;
font-size: 12px;   
font-weight:bold;
z-index: 2;
line-height: 110%;
}
.search_results_button:hover {
background-position: left bottom;
}
#plaza_map  img{
max-width: 95%;
margin:10px 0px;
}
#detail_map  img{
max-width: 95%;
}
#detail_container  img{
max-width: 95%;
}
#detail_container {
border:solid 1px #CCC;
float: left;
margin: 30px 0px;
}
#sendmessage, #printmap, #cobblestone_note{
display: none;
}
#cobble_dedication {
font-size: 13px;
    margin-top: 10px;
    text-align: justify;
    width: 90%;
}
#cobble_dedication span {
color: #333;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0;
}
#cobble_honoree {
font-size: 18px;
text-align: left;
}
#cobble_thumb {
color: white;
font-size: 10px;
width: 94%;
height: 85px;
margin: 10px 3%;
background-color: #0093D7;
padding: 0px;
float: left;
letter-spacing: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: table;
}
#cobble_thumb_wrap {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 10px;
}
#cobble_thumb_wrap_inner {
width: auto;
height: auto;
}
#send_message {
text-align: center;
margin: 30px 0px 0px 0px;
font-size: 14px;
padding: 0;
color: #333;
}
#detail_more {   
margin: 25px 0px 0px 0px;
width: 100%;
height: 200px;
}
#see_detail {
margin: 20px 3% 0px 15px;
text-align: left;
padding: 12px 5px 5px 30px;
float: right;
width: 80px;
height: 42px;
color: #666666;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
background: transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/cobble_button.png') no-repeat;
}
#map_overview_button {
cursor: pointer;
left: 7px;
}
#map_overview_button span {
position: relative;
color: #666;
font-weight: normal;
padding-left: 20px;
font-size: 12px;
}
#map_overview_button img {
position: absolute;
top: 16px;
left: 13px;
}
/* Result List with Alph */
/* Memorial Detail Page */
#panelBackground, #affiliation_button, #memorial_panel_print, #print_info {
display:none;
}
.show_button{
display: none ! important;
}
#memorial_map {
float: left;
width:100%;
margin:0 auto;
}
#memorial_map img {
max-width:95%;
}
#memorial_photo {
text-align:center;
width:100%;
/*margin:0 auto;*/
}
#memorial_photo_frame {
overflow:hidden;
width:100%;
float: left;
margin-top: 5px;
}
#memorial_group {
padding-right:0;
}
#memorial_group_detail {
font-size:13px;
/*    float: left;*/
color: #5e5e5e;
text-align: left;
}
#memorial_detail {
font-size:13px;
color: #5e5e5e;
text-align: left;
margin: 10px 0px;
}
#person_name {
font-size: 18px;
margin: 0px 0px 3px 0px;
}
#person_name {
font-size: 18px;
margin: 0px 0px 3px 0px;
width: 90%;
}
#person_nonroman_name {
color: #767676;
font-size: 16px;
margin: 0px 0px 5px 0px;
}
.person_content {
font-size:12px;
}
.person_dates {
font-size: 17px;
margin: 0px 0px 15px 0px;
}
.person_places {
margin: 0px 0px 5px 0px;
}
.detail_content {
}
.person_content{
width: 100%;
min-height: 10px;
border-top: 1px solid #5e5e5e;
padding: 8px 0px 5px 0px;
margin: 8px 0px 0px 0px;
}
#adjacency_content {
margin-top: 5px;
}
.person_content#affiliation_content{
min-height: 32px;
}
.person_field_label {
width:100%;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.inline{
float:left;
width:auto;
padding-right:5px;
}
.inline_break {
clear: none;
}
.inline_nospace {
float:left;
width:auto;
}
.group_field_content {
font-size: 24px;
}
.person_field_content {
width:78%;
margin: 0px 0px 0px 0px;
}
.hidden {
display:none;
}
#alphabet_list{
margin:20px auto;
overflow: scroll;
overflow-y: hidden;
}
li.letter_button {
/*float:left;*/
text-align:left;
color:#666666;
display: inline;
list-style-type:none;
font-weight: bold;
margin:0px 3px 0px 3px;
padding:0px 8px 0px 8px;
cursor:pointer
}
#pager_previous {
text-align:right;
float: left;
width: auto;
padding:6px 20px 6px 0px;
background:url('http://ns11_multiplatform.s3.amazonaws.com/media/arrow_left_blue.png') no-repeat center right;
    margin-right:10px;
font-weight:bold;
font-size: 10px;
}
#pager_next {
text-align:left;
float: left;
width: auto;/*50px;*/
padding:6px 0px 6px 20px;
background:url('http://ns11_multiplatform.s3.amazonaws.com/media/arrow_right_blue.png') no-repeat center left;
    margin-left:10px;
font-weight:bold;
font-size: 10px;
}
#pager_info {
float: left;
display:inline;
padding:5px 0 5px 0;
font-size: 10px;
}
.page_title {
color: #333333;
font-size: 11px;
text-transform: uppercase;
/*    width: 400px;*/
letter-spacing:0;
/*    margin-bottom: 5px;*/
}
.page_subtitle {
margin-top: 5px;
height: auto;
font-size: 16px;
color: #0093d7;
}
#page_frame_content {
padding: 0px 10px 10px 10px;
}
.page_header {
min-height: 50px;
border-bottom: 1px solid #999999;
z-index: 2;
}
.page_back_button {
margin-top: -3px;
text-align: left;
float: left;
width: 110px;
height: 50px;
margin-left: -3px;
}
.page_title_header{
padding: 5px 5px 5px 0;
text-align: left;
min-height: 42px;
float: left;
/*    width: 616px;*/
}
.page_title_header.bold{
font-weight:bold;
width:440px;
}
@media screen and (max-width: 350px) {
    #memorial_guide_title_img{
        display: none !important;
    }
    #logo{
padding-top:35px;
}
.page_header {
min-height: 50px;
}
.page_subtitle {
font-size: 14px;
}
#cobble_page_title {
font-size: 11px;
}
.showonmemorial_button {
float:left;
}
}
#ns11mp_site_frame {
width: 100%;
max-width: 1024px;
min-height: 100%;
margin: 0px auto 0px auto;
}
@media screen and (orientation: portrait)
{
    #ns11mp_site_frame {
background: #fff url('http://ns11_multiplatform.s3.amazonaws.com/media/home_test.png') no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 95%;
    background-position: center center;
}
}
@media screen and (orientation: landscape)
{
    #ns11mp_site_frame {
background: #fff url('http://ns11_multiplatform.s3.amazonaws.com/media/home_static.jpg') no-repeat;
    background-repeat: no-repeat;
    background-position: center center;  
}
}
/*Site Frame*/
#ns11mp_site_frame .overlay_sub_block {
z-index:2;
background-color: white;
width: 90%; /*995px*/
height: auto; /*660px*/
min-height: auto; /*660px*/
max-width: 995px;
position: absolute;
display: none;
-khtml-opacity: 0.75;
    opacity: 0.75;
top: 0; /*95px;*/
left: 0; /*15px;*/
}
#ns11mp_site_frame .overlay_frame {
padding: 10px;
    width: 92%;
    max-width: 940px;
min-height: 70%;
height: auto;
position: absolute;
margin: 95px 0 0 2%;
display: none;
z-index: 1;
background:url('http://ns11_multiplatform.s3.amazonaws.com/media/overlay_frame_bg.png') repeat-x #EDEDED;
-moz-box-shadow: 0px 5px 10px #333;
  -webkit-box-shadow: 0px 5px 10px #333;
     box-shadow: 0px 5px 10px #333;
}
.overlay_sub_frame {
padding: 10px 20px 20px 20px;
width: 92%;
height: auto;
position: absolute;
top: 195px;
left: 200px;
display: none;
z-index:1;
background:url('http://ns11_multiplatform.s3.amazonaws.com/media/overlay_frame_bg.png') repeat-x fixed #EDEDED;
-moz-box-shadow: 0px 0px 8px #333;
  -webkit-box-shadow: 0px 0px 8px #333;
     box-shadow: 0px 0px 8px #333;
}
#ns11mp_site_frame #header {
height: auto;
min-height: 100px;
padding: 0px;
margin: 0px;
    position:relative;
    z-index:100;
}
#ns11mp_site_frame #main_nav {
height: auto;
min-height: 125px;
padding: 0px;
margin: 0px;
}
#ns11mp_site_frame #content {
height: auto;/*668px;*/
min-height: 430px;
max-width: 500px;
margin: 0px;
padding: 0px;
text-align: left;
}
#ns11mp_site_frame #footer {
color: #166B90;
font-size: 11px;
margin: 5px 10px;
right:10px;
text-align: right;
}
#pool_animation_north {
position: relative;
top: -80px;
left: 300px;
opacity: 0.8;
z-index: 1;
}
/** UTILS **/
/** This classes will tell javascript to grab this element and create a standard button with it **/
.make_standard_button{
position:relative;
font-size: 11px;
font-weight: bold;
letter-spacing:0;
text-transform:uppercase;
}
a.standard_button{
background:transparent url('http://ns11_multiplatform.s3.amazonaws.com/media/buttons/standard_button_bg_right.png') scroll top right no-repeat;
    display: block;
    float: left;
    color: #0093D7;
    height: 50px;
max-height: 50px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
border:none;
}
a.standard_button .button_tip{
background: url('http://ns11_multiplatform.s3.amazonaws.com/media/buttons/standard_button_bg.png') scroll top left no-repeat;
    display: block;
float: left;
    line-height: 30px;
    padding: 10px 15px 10px 30px; /* add parent paddin-right padding */
}
a.standard_button .button_tip img{
border:none;
}
a.standard_button:hover{
background-position:bottom right;
}
a.standard_button:hover .button_tip{
background-position:bottom left;
}
/** Avoid blue selection **/
/* Not sure this disclaimer still applies: DO NOT COMBINE... IF COMBINED, IT WILL REFUSE TO WORK, FOR CHROME 5+ (untested in 4), ONLY ::SELECTION IS REQUIRED */
/*
*::selection {
    background:transparent;
}
*::-moz-selection {
    background:transparent;
}
*::-webkit-selection {
    background:transparent;
}
*/
#letter_A {
padding-left:3px;
}
.active {
  cursor:pointer;
  -khtml-opacity: 1;
  opacity: 1;
}
.inactive {
   cursor:default;
  -khtml-opacity: 0.25;
  opacity: 0.25;
}
li.letter_button.active {
  cursor:pointer;
 -khtml-opacity: 1;
  opacity: 1;
}
li.letter_button.inactive {
  cursor:default;
  -khtml-opacity: 0.25;
  opacity: 0.25;
}
#victim_panel {
 margin-left:5px;
}