

.fixed_row th, .fixed_row td {position:sticky;top: 0; z-index:8;}

.editable {font-size:1.4rem;}
.text_box b {font-weight:bold;}
.text_box ol, .text_box ul {list-style-position: outside; margin:inherit!important; margin-top:5px!important; margin-bottom:10px!important; padding:0px!important; ;} 
.text_box ul{list-style-type:disc;}
.text_box ol{list-style-type:decimal; }
.text_box li {margin-left:30px; margin-bottom:3px;}

.inline_images {text-align:center;}
.inline_images > div {display:inline-block; padding:5px;  box-sizing:border-box; margin-bottom:10px;}
.framed_images img {width:100%;box-sizing:border-box; box-shadow:2px 2px 2px 1px #888;}


.images {text-align:center;}
.images > div {display:inline-block; padding:5px;  box-sizing:border-box; margin-bottom:10px;}
.framed img {width:100%;box-sizing:border-box; box-shadow:2px 2px 2px 1px #888;}
.image {position:relative;}


.photo_menu {width:100%; text-align:center;}
.photo_menu_item {display:inline-block; box-sizing:border-box; margin:3px 5px; position:relative;}
.photo_menu_item img {display:block; box-sizing:border-box; width:100%; max-width:400px; border-radius:12px; border:5px solid #203B40; box-shadow: 2px 2px 5px #222;}
.photo_menu .text {position:absolute; bottom:calc(7px + 0.7vw); color:#fff; width:100%; text-shadow:3px 3px 3px 
#000;}

.photo_menu .headline {position:absolute; width:100%; line-height:1;}
.photo_menu .headline > div {display:inline-block; color:#fff; text-shadow:3px 3px 3px #000; background-color:rgba(55,55,55,0.8); padding:2px; border-radius:3px; }
.photo_menu .closed img {opacity:0.5}




.hire_pricing {display:inline-block;}
.hire_slot > td {padding:4px 2px;}
tr.hire_slot:hover.linkSubmit > td {padding:2px 2px; border-top:2px solid yellow; border-bottom:2px solid yellow; background-color:#f3f59f;}

.hire_matrix .in_basket > td {padding:2px 2px;  border-top:2px solid black; border-bottom:2px solid black;  background-color:#ffffe4; }

.hire_matrix {border-bottom:1px solid #888;}
.hire_matrix th {max-height: 85px; text-align:left; padding:2px 5px;} /*writing-mode:vertical-lr; transform: rotate(180deg);transform: rotate(270deg); white-space:nowrap;*/
.hire_matrix th > div { text-align:center; height:100%;}
.hire_matrix td {text-align:center;}
.hire_matrix_group {border-top:2px solid #888;}
.hire_matrix_head {width:100%; z-index:10; height:20px; background-color:#dedede; box-sizing:border-box; border-top: 2px solid #888; font-weight: bold; padding: 0 3px;}


.tag {display:inline-block; padding:0 2px; margin:2px;  border-radius:5px; text-align:center;}
.tag.selected {background-color:#2196f3; font-weight:bold; color:#fff;}
.tag.not_selected {background-color:#efefef; color:#000;;}

.list {border-top:0px solid #888; border-bottom:2px solid #888; }
.list th {background-color:#888; color:#fff; font-weight:bold;} 
.list tr:nth-child(odd) {background-color:#dfdfdf;}
.list tr:nth-child(even) {background-color:#efefef;} 


.more_info {display:inline-flex; margin-left:10px; width:15px; height:15px;  border-radius:10px; background-color:#888; cursor:pointer; font-size:12px; color:#fff; text-align: center; vertical-align: middle; justify-content: center; align-items: center;}
.more_info:hover > .more_info_popup {display:block; }
.more_info_popup {display:none; position:absolute; bottom: 17px; left:-70px; width:150px; background-color:#fff; color:#888; box-shadow:1px 1px 2px #000; border:3px solid #888; border-radius:3px; padding:3px}

.highlight {background-color:#fbffb8;}

#portrait_tablets_and_up{}
@media screen and (min-width : 801px)
{
.inline_images.large_images > div {width:80%; max-width:800px;}
.inline_images.medium_images > div {width:40%; max-width:600px;}
.inline_images.small_images > div {width:27%; max-width:400px;}
.inline_images.very_small_images > div {width:20%; max-width:300px;}
.framed_images img {padding:20px;}   

.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:40%; max-width:600px;}
.images.small > div {width:27%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}   


.photo_menu .menu_name {font-size:1em; line-height:1;}
.photo_menu .menu_sub_text {margin-top:5px; font-size:0.65em; line-height:1;}
.photo_menu .headline {position:absolute; left:5px; top:5px;}
.photo_menu .headline > div { font-size:0.7em;}

.hire_matrix_head { font-size: 1.4rem;}

    }

/* landscape phones/portrait tablets */
#portrait_tablets_and_down{}
@media screen and (min-width : 441px) and (max-width : 800px)
{
.inline_images_framed img  {padding:10px;}  
.framed img  {padding:10px;} 

.photo_menu .menu_name {font-size:1.125em; line-height:1;}
.photo_menu .menu_sub_text {margin-top:5px; font-size:0.75em; line-height:1;}
.photo_menu .headline {position:absolute; left:5px; top:5px;}
.photo_menu .headline > div { font-size:0.7em;}

.hire_matrix_head { font-size: 1.4rem;}
}



/* landscape phones/portrait tablets */
#portrait_tablets_and_down{}
@media screen and (max-width : 440px)
{
.inline_images_framed img  {padding:10px;}  
.framed img  {padding:10px;} 
.photo_menu .menu_name {font-size:1.5em; line-height:1;}
.photo_menu .menu_sub_text {margin-top:5px; font-size:1.1em; line-height:1;}
.photo_menu .headline {position:absolute; left:0px; top:10px;}
.photo_menu .headline > div { font-size:1em;}
.hire_matrix_head { font-size: 1.2rem;}
}

