/*################################*/
/* GLOBAL PALLETE IMAGES */
/*################################*/

#section_title_img2, #footer_tgag2, #footer_right, td.tile_fill_img {
background: url(/graphics/pallette/section_tile_3.gif); 
}

#gmap_v2 {
background:url(/graphics/header/1km_header_full.gif); 
}

#gmap_v2 {
display:block;
width:900px;
height:90px;
position:relative; 
margin: 0 ;
}

#gmap_v2 a {
position: relative;
height: 40px;
width: 900px;
text-decoration: none;
overflow:hidden; 
}

#gmap_v2 a i {
visibility: hidden;
}

/*################################*/
/* HEADER IMAGE MAP */
/*################################*/

a#nav0 {
display:block;
width:275px;
height:40px;
padding-top:0px;
overflow:hidden;
position:absolute;
left:14px;
top:14px;
}

a#nav1 {
display:block;
width:37px;
height:37px;
padding-top:0px;
overflow:hidden;
position:absolute;
left:740px;
top:9px;
}

a#nav2 {
display:block;
width:37px;
height:37px;
padding-top:0px;
overflow:hidden;
position:absolute;
left:794px;
top:9px;
}

a#nav3 {
display:block;
width:37px;
height:37px;
padding-top:0px;
overflow:hidden;
position:absolute;
left:848px;
top:9px;
}

a#nav1:hover, a#nav2:hover, a#nav3:hover {
border: 3px double #fff;
overflow:hidden;
}

a#nav0:hover {
border: none;
overflow:hidden;
}

/*################################*/
/* GENERAL BODY STYLES */
/*################################*/

html, body {
height:100%;
}

table {
text-align:left;
table-layout: auto;
} 


body_old { 
background-color: #faf7ed; 
margin: 0 ;
color: #6C6C6C;
background-image: url(/graphics/bg_gradient.gif);
background-repeat: repeat-x;
background-position: top left;
background-attachment: fixed;
}

body { 
background-color: #a2a2a2; 
margin: 0 ;
color: #6C6C6C;
background-image: url(/graphics/bg_side_gradient3.gif);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}

body.framing_mod {
margin: 0 ;
background-color : #f1f1f1; 
}
#body_full { 
height: 100%;
min-height: 100%;
border-color: #808080;
border-style: solid;
border-width: 0 1px 1px 1px;
} 

#footer_space {
height: 20px;
}

#footer_box { 
border-color: #e0e0e0;
border-style: solid;
border-width: 1px 0 0 0;
background-image: url(/graphics/1km_footer_bg.gif); 
background-repeat: repeat;
background-color:#f1f1f1;
width: 100%;
height:240px;
}

#footer_tgag { 
background-image: url(/graphics/footer_poweredbytgag.gif);
background-repeat: repeat;
display: block; 
width: 100%;
height:41px; 
}

#footer_tgag2 {
background-repeat: repeat;
display: block; 
width: 100%;
height:18px; 
text-decoration: none; 
}

#footer_right {
background-repeat: repeat;
display: block; 
width: 100%;
height:55px; 
text-decoration: none; 
}

#prod_detail_wrap {
/*border:1px solid black;*/
width:100%;
height:615px;
padding: 0px;
}

#prod_detail_content {
padding: 15px;
}

#prod_detail_main {
position: relative;
top:0;
left:0;
float:left;
padding: 15px 15px 0px 15px;
width:562px;
height:600px;
}

#prod_panel {
/*border:1px solid black;*/
position: relative;
top:0;
right:0;
float:left;
padding: 15px 15px 0px 0px;
width:293px;
height:600px;
}

#image_panel {
padding: 15px 15px 0px 0px;
}

#moulding_sel_box {
height:320px;
width:95%;
overflow: auto;
border-width: 1px 1px 1px 1px;
border-color: #e0e0e0;
border-style: solid;
}

#moulding_wrap {
background-color:#ffffff;
padding: 10px 10px 0px 10px;
}

#moulding_nosel {
background: url(/graphics/framingmod_moulding_bg.gif) no-repeat left bottom;
background-color:#f1f1f1;
padding: 7px;
border-width: 2px 2px 2px 2px;
border-color: #bebebe;
border-style: solid;
font-weight:normal;
text-align: left;
}

#moulding_sel {
background: url(/graphics/framingmod_moulding_bg.gif) no-repeat left bottom;
background-color:#f1f1f1;
padding: 7px;
border-width: 2px 2px 2px 2px;
border-color: #ec9136;
border-style: solid;
font-weight:normal;
text-align: left;
}

.spacer { 
clear: both; 
height: 10px; 
overflow: hidden; 
display: inline;
font-size:10px;
}

option.gray {
background-color: #f1f1f1; 
font-weight: bold; 
font-size: 11px; 
color:#000;
}

form { 
display:inline 
}

#nav_bg {
background:url(/graphics/1km_nav_bg.gif) repeat-y left top; 
display:block;
width:223px;
height:1600px;
margin: 0 ;
}

#new_museum_flag {
position:absolute;
left:0;
background:url(/graphics/new_museum_flag.png) no-repeat;
}

#corporate_giving_map {
background:url(/graphics/corporateGraphic.jpg) no-repeat left top; 
display:block;
width:645px;
height:1330px;
position:relative; 
margin: 0 ;
}

a#corporate_giving_nav1 {
display: block;
height: 16px;
left: 60px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 1220px;
width: 165px;
}

#fundraising_map {
background:url(/graphics/fundraisingGraphic.jpg) no-repeat left top; 
display:block;
width:645px;
height:1330px;
position:relative; 
margin: 0 ;
}

#fundraising_map a {
text-decoration: none;
}

#fundraiding_map a i {
visibility: hidden;
}

a#fundraising_nav1 {
display: block;
height: 19px;
left: 378px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 778px;
width: 165px;
}

a#fundraising_nav2 {
display: block;
height: 19px;
left: 16px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 1220px;
width: 213px;
}

#giftcard_map {
background:url(/graphics/giftcard_background1.jpg) no-repeat left top; 
display:block;
width:645px;
height:1330px;
position:relative; 
margin: 0 ;
}

#giftcard_map a {
text-decoration: none;
}

#giftcard_map a i {
visibility: hidden;
}

a#giftcard_nav1 {
display: block;
height: 65px;
left: 68px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 728px;
width: 225px;
}

a#giftcard_nav2 {
display: block;
height: 65px;
left: 316px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 728px;
width: 225px;
}

/**** commented buy link in giftcard page, using old 2 button version
 **** revert backgorund image from git if you want to use the 3 button "buy"
a#giftcard_nav3 {
display: block;
height: 52px;
left: 400px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 740px;
width: 180px;
}
*/

a#giftcard_nav4 {
display: block;
height: 52px;
left: 442px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 845px;
width: 180px;
}

a#giftcard_nav5 {
display: block;
height: 20px;
left: 181px;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 871px;
width: 180px;
}


/*################################*/
/* FONT AND LINK STYLES */
/*################################*/

a:link { text-decoration: underline; color: #6C6C6C; }
a:visited { text-decoration: underline;  color: #6C6C6C; }
a:hover { text-decoration: none; color: #6C6C6C; }
a:active { text-decoration: none; color: red; }

a.noline:link { text-decoration: none; color: #6C6C6C; }
a.noline:visited { text-decoration: none;  color: #6C6C6C; }
a.noline:hover { text-decoration: none; color: #EF8C4A; }
a.noline:active { text-decoration: none; color: red; }

a.footernav:link { color: #E0E0E0; text-decoration: none; }
a.footernav:visited { color: #E0E0E0; text-decoration: none; }
a.footernav:hover { color: #E0E0E0; text-decoration: underline; }

a.nav:link { color:#6C6C6C; font-size: 10px; text-decoration: none; }
a.nav:visited { color:#6C6C6C; font-size: 10px; text-decoration: none; }
a.nav:hover { color:#6C6C6C; font-size: 10px; text-decoration: underline; }

a.tb_nav:link {text-decoration: none; }
a.tb_nav:visited {text-decoration: none; }
a.tb_nav:hover {text-decoration: underline; }

a.titlenav:link { color: #808080; text-decoration: none; }
a.titlenav:visited { color: #808080; text-decoration: none; }  
a.titlenav:hover { color: #EAEAEA; text-decoration: none; }

.V4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4px; }
.V6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; }
.V7 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px; }
.V75 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5px; }
.V8 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }
.V9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.V10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; }
.V10_S { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
.V10_LT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; COLOR: #c0c0c0; line-height: 15px; }
.V11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; }
.V12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.V14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.V16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.V18 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }
.V20 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
.V22 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; }

.T12 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.T14 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.T16 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.T18 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }

.error { font-weight:bold; color:#FF0000;}
#price { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 20px; 
font-weight: bold;
}

/*################################*/
/* LINES AND SITE DESIGN STYLES */
/*################################*/

.imgborder {
border-color: #cfcfcf;
border-width: 1px;
}

.imgborder_lg {
border-color: #cfcfcf;
border-width: 1px 0 0 1px;
}

.table_nav {
background: url(/graphics/bg_nav.gif) repeat-x left top;
background-color:#f1f1f1; 
}

.table_tab { background-image: url(/graphics/detail_tab_rt.gif); background-repeat: repeat-x }

.line_bottom { 
border-width: 0 0 1px 0;
border-color: #9d9d9d; 
border-style: solid;
}

p.space {
margin-top: 20px;
} 

#space_20px {
margin-bottom:20px; 
}

#space_10px {
height: 10px;
width: 100%;
background-color:#ffffff;
}

.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

select.sort_search {
width:100px;
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
color: #6c6c6c; 
font-weight: normal; 
background-color: #ffffff;
}

#section_title {
border:#e0e0e0 1px solid;
padding: 5px;
margin-bottom:10px;
background:url(/graphics/bg_title_bar3.gif) repeat-y right top ; 
background-color:#f1f1f1;
font-size:16px;
font-weight:bold;
color:#6C6C6C;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#results_title {
border:#e0e0e0 1px solid;
padding: 7px;
margin-top:0px; 
margin-bottom:10px;
background:url(/graphics/bg_title_bar_lt.gif) repeat-y right top ; 
background-color:#f1f1f1;
font-size:10px;
font-weight:normal;
line-height: 20px;
color:#6C6C6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#gic_promo_title2 {
border:#9d9d9d 1px solid;
padding: 5px;
margin-top:10px; 
margin-bottom:10px; 
background-color:#f1f1f1;
font-size:10px;
font-weight:normal;
line-height: 20px;
color:#6C6C6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cart_title {
border:#e0e0e0 1px solid;
padding: 5px;
margin-top:20px;
margin-bottom:20px;
background-color:#f1f1f1;
font-size:14px;
font-weight:bold;
color:#6C6C6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#copyright_box {
border:#e0e0e0 1px solid;
padding: 10px;
margin-bottom:15px;
background-color:#f1f1f1;
font-size:10px;
font-weight:normal;
line-height: 20px;
color:#6C6C6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.cart_title {
border:#808080 1px solid;
padding: 10px;
background-color:#f1f1f1;
font-size:14px;
font-weight:bold;
color:#6C6C6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#section_title_tile {
background:url(/graphics/pallette/section_tile_3.gif) repeat-y left top ; 
height: 31px;
width: 31px;
background-color:#757562;
}

#section_title_img_sm {
background:url(/graphics/pallette/section_tile_3.gif) repeat-y left top ; 
background-color:#757562;
height: 19px;
width: 19px;
}

td.tile_fill_img {
background:url(/graphics/pallette/section_tile_3.gif) repeat-y left top ; 
}

hr.gray_line {
color:#b7b7b7;
background-color:#b7b7b7;
height:1px;
border:none;
width:100%;
}

#mod_top_frame {
min-height:600px;
height:auto !important;
height:600px; 
}


.R_line, .B_line, .TB_line, .BR_line, .LR_line, .LTB_line, .LRT_line, .LRB_line, .LRBT_line {
border-color: #e0e0e0;
border-style: solid;
}

.R_line {
border-width: 0 1px 0 0;
}
.B_line {
border-width: 0 0 1px 0;
}
.TB_line {
border-width: 1px 0 1px 0;
}
.BR_line {
border-width: 0 1px 1px 0;
}
.LR_line {
border-width: 0 1px 0 1px;
}
.LTB_line {
border-width: 1px 0 1px 1px;
}
.LRB_line {
border-width: 0 1px 1px 1px;
}
.LRT_line {
border-width: 1px 1px 0 1px;
}
.LRBT_line {
border-width: 1px 1px 1px 1px;
}

/*################################*/
/* BUTTON AND ALT SIZE SELECT BOX */
/*################################*/

input.btn {
display: block;
border:none;
padding: 0px;
background:url(/graphics/btn_standard_sprite.gif) no-repeat;
width:200px;
height:32px;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:bold;
}

input.btn:hover {
color:#ffffff;
background-position: 0 -32px;
}

input.btn_sm {
background-color:#ffffff;
background:url(/graphics/button_sm_bg.gif) no-repeat left top;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:bold;
border: 3px double #aaa;
padding:2px;
width:100%;
height:30px;
border-color:#999;
}

input.btn_tiny {
background-color:#ffffff;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:normal;
border: 1px solid #aaa;
padding:2px;
width:70px;
height:22px;
border-color:#999;
}

input.btn_tiny:hover {
background-color:#808080;
font-family:Verdana,helvetica,sans-serif;
color:#fff;
font-size:10px;
font-weight:normal;
border: 1px solid #aaa;
padding:2px;
width:70px;
height:22px;
border-color:#999;
}

#alt_sizes_container {
position:relative;
width:270px;
}

#alt_sizes {
float:left;
position:absolute;
top:0;
left:0;
display:inline;
z-index:99;
width:270px;
background:#fff;
border:1px solid black;
margin-left:0px;
margin-top:4px;
padding:3px;
display:none;
list-style-type:none;
}

#alt_sizes li {
background:none;
padding:0;
margin:3px;
}

#alt_sizes_call {
display: block;
background: url(/graphics/btn_alt_size_drop_sprite.gif);
width:275px;
height:32px;
}

#alt_sizes_call span {
display: none;
}

#alt_sizes_call:hover {
background-position: 0 -32px;
}

div.alt_size_box {
position:relative; 
left:0px; 
top:0px; 
border-style: solid;
border-width: 1px;
border-color: #6c6c6c; 
background-color: #fff;
width: 230px;
padding: 0px;
}

#alt_size_nosel {
background: url(/graphics/framingmod_alt_size_sprite.gif);
background-position: 0 0px;
border-width: 2px 2px 2px 2px;
border-color: #bebebe;
border-style: solid;
height:27px;
}

#alt_size_nosel:hover {
background-position: 0 -27px;
}

#alt_size_sel {
background: url(/graphics/framingmod_alt_size_sprite.gif);
background-position: 0 -54px;
border-width: 2px 2px 2px 2px;
border-color: #ec9136;
border-style: solid;
height:27px;
}

#add_button {
display: block;
background: url(/graphics/btn_add_to_cart_sprite.gif);
width:275px;
height:32px;
}

#add_button span {
display: none;
}

#add_button:hover {
background-position: 0 -32px;
}


/*################################*/
/* FRAMING MOD STYLES AND TABS */
/*################################*/

.MAT_white {
border-width: 3px 3px 3px 3px;
border-color: #ffffff;
border-style: solid;
}

.MAT_orange {
border-width: 3px 3px 3px 3px;
border-color: #FF8000;
border-style: solid;
}

.selected_mld {
border-width: 5px 5px 5px 5px;
border-color: #000080;
border-style: solid;
}

.pad_5px {
padding: 5px;
}

.pad_10px {
padding: 10px;
}


/*- TABS 1 CODE --------------------------- */

#tabs1 {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
}

#tabs1 ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabs1 li {
display:inline;
margin:0;
padding:0;
}

#tabs1 a {
float:left;
background:url(/graphics/tableft1.gif) no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}

#tabs1 a span {
float:left;
display:block;
background:url(/graphics/tabright1.gif) no-repeat right top;
padding:6px 14px 6px 6px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */

#tabs1 a.notactive:hover span {
color:#FFF;
}

#tabs1 a.notactive:hover {
background-position:0% -42px;
}

#tabs1 a.notactive:hover span {
background-position:100% -42px;
} 

#tabs1 a.active {
background-position:0% -84px;
} 

#tabs1 a.active span {
background-position:100% -84px;
} 

/*- TABS 2 CODE --------------------------- */

#tabs2 {
float:right;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
}

#tabs2 ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabs2 li {
display:inline;
margin:0;
padding:0;
}

#tabs2 a {
float:right;
background:url(/graphics/tableft2.gif) no-repeat left top;
margin:0;
padding:0 0 0 12px;
text-decoration:none;
}

#tabs2 a span {
float:right;
display:block;
background:url(/graphics/tabright2.gif) no-repeat right top;
padding:6px 14px 6px 6px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2, #tabs2 a span {float:none;}
/* End IE5-Mac hack */

#tabs2 a.notactive:hover span {
color:#FFF;
}

#tabs2 a.notactive:hover {
background-position:0% -42px;
}

#tabs2 a.notactive:hover span {
background-position:100% -42px;
} 

#tabs2 a.active {
background-position:0% -84px;
} 

#tabs2 a.active span {
background-position:100% -84px;
} 

/*- Menu Tabs Mat--------------------------- */

#tabsMat {
float:left;
width:100%;
background:#fbfbfb;
font-size:93%;
line-height:normal;
border-bottom:10px solid #f1f1f1;
}

#tabsMat ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabsMat li {
display:inline;
margin:0;
padding:0;
}

#tabsMat a {
float:left;
background:url(/graphics/tableftG3.gif) no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}

#tabsMat a span {
float:left;
display:block;
background:url(/graphics/tabrightG3.gif) no-repeat right top;
padding:4px 12px 4px 4px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsMat a span {float:none;}
/* End IE5-Mac hack */

#tabsMat a.notactive:hover span {
color:#FFF;
}

#tabsMat a.notactive:hover {
background-position:0% -42px;
}

#tabsMat a.notactive:hover span {
background-position:100% -42px;
} 

#tabsMat a.active {
background-position:0% -84px;
font-weight:bold;
} 

#tabsMat a.active span {
background-position:100% -84px;
font-weight:bold;
} 

/*- INDEX SEARCH --------------------------- */

#indexsearch {
background:#f1f1f1;
}

#index_line {
margin-bottom:9px; 
margin-top:9px; 
border-width: 0 0 1px 0;
border-color: #a4a4a4; 
border-style: solid ;
}

#index_main {
width: 223px;
height:790px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color:#6C6C6C;
font-weight: bold;
line-height: 15px;
}

#index_main a:link{color:#6C6C6C; text-decoration: none; } 
#index_main a:visited{color:#6C6C6C; text-decoration: none; } 
#index_main a:hover{color:#6C6C6C; text-decoration: underline; } 

#index_main_iframe {
width: 100%;
height: 550px;
overflow:auto;
}

#index_row_arrow {
background-image: url(/graphics/is_arrow.gif) ;
background-position: center left;
background-repeat: no-repeat;  
padding-left:25px;
padding-right:5px;
}

#index_row_subcat {
background-image: url(/graphics/is_subcat.gif) ;
background-position: center left;
background-repeat: no-repeat;  
padding-left:40px;
margin-top:5px;
margin-bottom:10px;
}

#index_row {
padding-left:25px;
padding-right:5px;
}

#index_row_dark {
background: #d6d6d6 ;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}

#index_row_arrow_dark {
background: #d6d6d6 ;
background-image: url(/graphics/is_arrow.gif) ;
background-position: center left;
background-repeat: no-repeat;  
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
}

#index_row_sm {
padding-left:15px;
}

#index_row_pad {
padding-left:25px;
}

table.alpha_table {
text-align: center;
vertical-align: middle;
}

/*- END INDEX SEARCH --------------------------- */

/* FIX FOR IE BACKGROUND FLICKER */
html {
  filter:expression(
    document.execCommand("BackgroundImageCache", false, true)
  );
}
 
 
#opticardterms { font-size: 10px; color: #A0A0A0; }

#opticard_error strong {
	display: block;
	background: yellow;
	background: transparent url('/cart/artcard-directions.png') no-repeat top left;
	padding-top: 55px;
	padding-left: 233px;
	color: #3E3E3E;
	width: 220px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px transparent;
}
#opticard_error em {
	font-style: normal;
	color: black;
}

#server-env { position: fixed; right: 4em; top: 0; font-weight: bold; opacity: 0.8; padding: .2em 0.9em; text-transform: uppercase; display: none }
#server-env.staging { color: #000; background: #ffff00; border: 2px solid #cccc20; border-top: none; display: block }
#server-env.local { color: #fff; background: #ff0000; border: 2px solid #cc2020; border-top: none; display: block }