:root { --ubr_color:#df2728; }

body { margin:0; padding:0; font-family:'Tahoma', 'Geneva', 'Arial', sans-serif; font-size:11pt; color:#3a342e;
    text-decoration:none; overflow-x:hidden; text-align:left; background-color:white; }

a:link { color:white; }
a:visited {  color:white; }
a:hover { color:white; }
a:active { color:white; }

.search_row { float:left; margin:4px 0 0 0; width:100%; }
.search_row_off { display:none; }

.ubr_home { float:left; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover;
    background-attachment:fixed; background-image: url("https://s3.amazonaws.com/jnny.im/liberty/ubr_home.jpg");
    background-position:center 132px; background-color:#D2C1A7;}

input { padding:2px 4px; font-family:Lato, sans-serif; font-weight:400; font-size:9pt; color:black; border-radius:6px; }

.select { background-color:var(--ubr_color); border:1px solid white; font-size:9pt; color:white;
    border-radius:4px; padding:4px 0 3px 0; cursor:pointer; outline: none;}

.select:hover { border:1px solid gold; background-color:gold; color:var(--ubr_color); }

.select_used { background-color:var(--ubr_color); border:1px solid gold; font-size:9pt; color:gold;
    border-radius:4px; padding:4px 0 3px 0; cursor:pointer; outline: none;}

.select_used:hover { border:1px solid gold; background-color:gold; color:var(--ubr_color); }

.ubr_header { float:left; position:fixed; width:100%; background-color:var(--ubr_color); color:white;
    border-bottom:1px solid #FF6C6C; outline:1px solid firebrick; box-shadow:0 8px 0 0 rgba(0,0,0,0.1); z-index:100;}

.do_button { float:left; padding:3px 8px 2px 8px; font-family:'Lato', sans-serif; font-weight:400;
    font-size:11px; color:white; cursor:pointer; border-radius:4px; }

.do_button:hover { background-color:darkred; }
.do_button_ubr { background-color:var(--ubr_color); }

.view_larger_artwork_div { float:left; margin:28px 10px 30px 28px; }
.view_larger_artwork { float:left; border:1px solid darkgray; }

.artwork_details_off { display:none; }
.artwork_details_on { float:left; position:fixed; width:100%; margin:122px 0 0 0; background-color:white;
    border-bottom:1px solid darkgray; outline:6px solid rgba(0,0,0,0.1); z-index:1}

.artwork_catalog_list_div_normal { float:left; margin:134px 0 0 6px; }
.artwork_catalog_list_div_landscape_lowered { float:left; margin:423px 0 0 6px; }
.artwork_catalog_list_div_portrait_lowered { float:left; margin:544px 0 0 6px; }

.artwork_series_selection { float:left; border:1px solid darkgray; margin:6px; cursor:pointer;
    border-radius:10px; overflow:hidden; outline:2px solid white;}

.artwork_series_selection:hover { border:1px solid var(--ubr_color); margin:6px; color:var(--ubr_color);
    outline:2px solid var(--ubr_color); }

.guest_library_preview_div { float:left; margin:6px; width:243px; border:1px solid darkgray;
    outline:2px solid white; border-radius:10px; overflow:hidden; color:darkgray; font-size:12pt; cursor:pointer; }

.guest_library_preview_div:hover { border:1px solid var(--ubr_color); outline:2px solid var(--ubr_color);
    margin:6px; color:var(--ubr_color); }

.guest_library_preview_div_on { float:left; margin:6px; width:243px; border:1px solid var(--ubr_color);
    border-radius:10px; overflow:hidden; color:white; background-color:var(--ubr_color);
    font-size:12pt; outline:2px solid var(--ubr_color); }


.guest_color_preview_div { float:left; margin:6px; width:120px; border:1px solid darkgray;
    outline:2px solid white; border-radius:10px; overflow:hidden; color:darkgray; font-size:12pt; cursor:pointer; }

.guest_color_preview_div:hover { border:1px solid var(--ubr_color); outline:2px solid var(--ubr_color);
    margin:6px; color:var(--ubr_color); }

.guest_color_preview_div_on { float:left; margin:6px; width:120px; border:1px solid var(--ubr_color);
    border-radius:10px; overflow:hidden; color:white; background-color:var(--ubr_color);
    font-size:12pt; outline:2px solid var(--ubr_color); }


.guest_format_preview_div { float:left; margin:6px; width:200px; border:1px solid darkgray;
    outline:2px solid white; border-radius:10px; overflow:hidden; color:darkgray; font-size:12pt; cursor:pointer; }

.guest_format_preview_div:hover { border:1px solid var(--ubr_color); outline:2px solid var(--ubr_color);
    margin:6px; color:var(--ubr_color); }

.guest_format_preview_div_on { float:left; margin:6px; width:200px; border:1px solid var(--ubr_color);
    border-radius:10px; overflow:hidden; color:white; background-color:var(--ubr_color);
    font-size:12pt; outline:2px solid var(--ubr_color); }

.hidden { display:none; }

.image_library_preview_div { float:left; margin:0; width:162px; cursor:pointer; background-color:white; }
.image_library_preview_div_click { float:left; margin:0; width:648px; background-color:var(--ubr_color); }

.image_library_preview_over_image { position:absolute; top:0; left:0; width:162px; }

.image_library_preview_label { float:left; padding:1px 8px 1px 8px; background-color:white; color:gray;
    border-top-right-radius:5px; border-top-left-radius:5px; border:1px solid lightgray; border-bottom:0 solid white; }

.image_library_preview_label_over { background-color:var(--ubr_color); color:white;
    border:1px solid var(--ubr_color); border-bottom:0 solid white; }

.image_library_preview_image { position:absolute; top:0; left:0; }
.image_library_preview_image_over {  }

.ubr_logo_top { float:left; width:96px; margin:0 0 0 0; }
.ubr_logo_top_active { float:left; width:96px; margin:0 0 0 0; cursor:pointer; }
.ubr_logo_top_active:hover { background-color:gold; }

.search_page_icon { float:left; background-color:var(--ubr_color); color:white; margin:0 6px 0 0;
    border:1px solid white; padding:4px 6px; cursor:pointer; border-top-right-radius:8px; font-size:9pt; }

.search_page_icon:hover { background-color:gold; border:1px solid gold; color:var(--ubr_color); }
.search_page_icon_on { float:left; background-color:var(--ubr_color); color:gold; margin:0 6px 0 0;
    border:1px solid gold; padding:4px 6px; border-top-right-radius:8px; font-size:9pt; }

.search_page_icon_lower_on { float:left; background-color:white; color:darkgray; margin:0 4px 0 0;
    border:1px solid darkgray; padding:4px 6px; border-top-right-radius:8px; }

.search_page_icon_lower { float:left; background-color:lightgray; color:white; margin:2px 4px 0 0;
    border:1px solid lightgray; padding:4px 6px; cursor:pointer; border-top-right-radius:8px; font-size:9pt; }

.search_page_icon_lower:hover { background-color:var(--ubr_color); border:1px solid var(--ubr_color); color:white; }

.search_count { float:left; border:1px solid white; padding:3px 6px 3px 4px; margin:0 8px 0 0;
    border-radius:4px; font-size:9pt; }

.view_categories { font-size:9pt; float:left; padding:4px 8px 5px 8px; border:1px solid white;
    background-color:var(--ubr_color); color:white; border-radius:6px; cursor:pointer; }

.view_categories:hover { border: 1px solid gold; background-color:gold; color:var(--ubr_color); }

.view_categories_on { font-size:9pt; float: left; padding: 4px 8px 5px 8px; border: 1px solid gold;
    background-color:var(--ubr_color); color:gold; border-radius: 6px; }

.member_login_button { float:right; margin:17px 17px 0 0; border:1px solid gold; padding:3px 6px;
    background-color:var(--ubr_color); color:gold; border-radius:5px; cursor:pointer; font-size:9pt; }

.member_login_button:hover { border:1px solid gold; background-color:gold; color:var(--ubr_color); }

.member_login_button_off { float:right; margin:18px 18px 0 0; border:1px solid lightgray; padding:3px 6px;
    background-color:white; color:lightgray; border-radius:5px; cursor:pointer; font-size:9pt; }

.member_login_button_off:hover { border:1px solid var(--ubr_color); color:var(--ubr_color); }

.member_panel_div { position:absolute; top:0; right:0; }

.member_panel { position:absolute; top:0; right:0; width:360px; background-color:white;
    border-bottom:1px solid darkgray; border-left:1px solid lightgray; border-bottom-left-radius:3px;
    opacity:1.0;  box-shadow:0 5px 0 3px rgba(0,0,0,0.1); }

.member_panel_off { display:none; }

.preview_info_panel { float:left; width:300px; padding:12px; background-color:white; border:1px solid lightgray;
    border-left:1px solid white; border-top-right-radius:6px;  border-bottom-right-radius:6px; }

.login_button { float:left; padding:3px 8px; border:1px solid darkgray; background-color:white; color:darkgray;
    border-radius:6px; cursor:pointer; font-size:9pt; }

.login_button:hover {  border:1px solid var(--ubr_color); background-color:var(--ubr_color); color:white; }

.master_button { float:left; padding:1px 4px; border:1px solid #FF8A00; background-color:#FF8A00; color:black;
    border-radius:3px; cursor:pointer; font-size:10pt; font-weight:bold; }

.master_button:hover { color:black; border:1px solid white; background-color:white; }

.search_button { font-size:9pt; float:left; padding:4px 8px 5px 8px; border:1px solid white;
    background-color:var(--ubr_color); color:white; border-radius:6px; cursor:pointer; }

.search_button:hover { border:1px solid gold; background-color:gold; color:var(--ubr_color); }

.ubr_text_field { padding:5px 12px; font-size:14px; line-height:20px; color:#24292e; vertical-align:middle;
    background-color:#ffffff; background-repeat:no-repeat; background-position:right 8px center;
    border:1px solid darkgray; border-radius:6px; outline:none; box-shadow:rgba(225, 228, 232, 0.2) 0 1px 0 0 inset; }

.ubr_text_field:focus { border-color:var(--ubr_color); outline:none; }

.ubr_text_search_field { padding:2px 4px 1px 4px; font-size:12px; line-height:20px; color: gold;
    vertical-align:middle; background-color:var(--ubr_color); background-repeat:no-repeat;
    background-position:right 8px center; border:1px solid white; border-radius:5px; outline:none;
    box-shadow:rgba(225, 228, 232, 0.2) 0 1px 0 0 inset; }

.ubr_text_search_field:focus { border-color:yellow; outline:none; }

.ubr_text_search_field_on { border-color:yellow; outline:none; }

.ubr_login_text_field { padding:2px 4px 1px 4px; font-size:12px; line-height:20px; color:darkgray;
    vertical-align:middle; background-color:white; background-repeat:no-repeat;
    background-position:right 8px center; border:1px solid darkgray; border-radius:5px; outline:none;
    box-shadow:rgba(225, 228, 232, 0.2) 0 1px 0 0 inset; }

.ubr_text_search_label { color: white; }

.ubr_text_search_label_on { color:gold; }

.login_label { float:left; margin:2px 0 0 20px; width:100%; color:lightgray; }

.login_message_div { float:left; margin:2px 0 0 4px; width:100%; color:var(--ubr_color); font-size:10pt; }

.error_message { color:var(--ubr_color); }

.login_message { color:lightgray; }

.i_button { float:left; color:black; background-color:lightgray; padding:2px 8px 1px 8px;
    font-family:'Lato', sans-serif; font-weight:400; font-size:12px; margin-right:3px;
    cursor:pointer; border-radius:4px; border-right:1px solid black; border-bottom:1px solid black; }

.i_button:hover { background-color:tomato; color:white; }

.a_button { color:white; background-color:var(--ubr_color); float:left; padding:2px 8px 1px 8px;
    font-family:'Lato', sans-serif; font-weight:400; font-size:12px; margin-right:3px;
    border-radius:4px; border-right:1px solid black; border-bottom:1px solid black; }