div.section {background: inherit !important; margin-bottom: 20px;}
div.section div.nameless {border-top-width: 0px;border-color:transparent;}
div.config_item {background-color:inherit !important;}
div.config_item div.value {background-color: transparent;}
div.config_item div.nameless {width: 100%; padding-bottom: 5px; padding-top: 5px;}
div.config_item div.nameless input {margin-right: 5px; position: relative; top: 2px;}
ul.layout_list {text-align: center; clear: none; padding: 0px; margin: 0px; position: relative; list-style-type: none;}
ul.layout_list li#current_theme, ul.layout_list li {position: relative; display: inline-block; zoom: 1; width: 240px; height: 240px; overflow: hidden; text-align: center; cursor: pointer; clear: none; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.layout_list li img {width: 186px; height: 178px; background: #FFFFFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 10px;}
ul.layout_list li div.theme_thumb_placeholder {cursor: wait; color: #DFDFDF; margin-left: auto; margin-right: auto; width: 186px; height: 178px; background: #FFFFFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 10px;}
div#current_theme_banner {background-image: url(../current-theme-banner.png); position: absolute; top: 20px; left: 124px; width:100px; height:67px; z-index: 20;}
ul.layout_list li.selected_layout img {background-color: rgba(54,152,219,0.25);box-shadow:-2px -2px 9px 1px rgba(54,152,219,0.8) inset;}
ul.theme_list {display: none;}
ul.layout_list li#current_theme_header {clear:left; min-width: 206px; width: 15%;}
ul.layout_list li#featured_theme_header_with_current {width: 100%; position: absolute;}
ul#theme_list, a.layout_name {display: block; height: 20px; max-height: 20px; overflow: visible; color: gray;}
.theme_preload_img {background: transparent none left top no-repeat; position: absolute; visibility: hidden; height: 0px; width: 0px;}
ul.button_block {margin-top: 25px;}
.more_themes {display:flex;width:100%;justify-content:center;align-items:center;text-align:center;padding-bottom:20px;cursor:pointer;}
.more_themes:before,.more_themes:after {content:'';border-top:2px solid #B0B0B0;margin:0 20px 0 0;flex:1 0 20px;}
.more_themes:after {margin: 0 0 0 20px;}
/*ul#legacy_themes {display:none;}*/
table#main_wizard_table, table#main_wizard_table tbody, table#main_wizard_table tr, table#main_wizard_table > tbody > tr > td  {width: 100%; height: 100%;}
table#main_wizard_table h4 {margin-left: auto; margin-right: auto; display: block; text-align:center;}
div.content_wide h2 {margin-top: 15px;}
/*h2.more_themes span.show_more {font-size:8pt;display:block;font-weight:normal;}*/
h2.more_themes span.show_more:after {content:' ';padding:15px}
#top_div {width: 80%; min-width: 830px; margin-left: auto; margin-right: auto;}
#top_div table {margin-left: auto; margin-right: auto;}
#top_div td {height: 25px;}
#current_buttons {float: left; width:20%;}
.cart_button {max-width: 300px; max-height: 200px;}
div#theme_layout_name {display: inline;}
body#body_theme_layouts #nav_breadcrumbs {display: none;}
.show_more_themes_wrapper {padding-bottom:70px;}
.simplemodal-wrap {overflow: hidden !important;}
div.simplemodal-data {height: 100%;}
div#theme_preview {height:100%; background-color: #F7F7F7;}
div#theme_config_container {
  display: table;
  border-collapse: collapse;
  height:100%;
  width: 20%;
  float: right;
  border-width: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
div#theme_config {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-size: 11pt;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF; 
}
a#close_theme_modal_x {
  background-image: url(images/ui-icons_222222_256x240.png);
  background-position: -96px -128px;
  opacity: 0.6;
  height: 16px;
  width: 16px;
  position: absolute;
  top:3px;
  right:3px;
  cursor: pointer;
}
div#theme_config h3 {
  font-weight: normal;
  font-size: 25px;
  margin: 0px;
  padding: 0px;
  display: block;
  width:100%;
  text-align: center;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
}
div#screen_list_wrapper {padding: 10px;}
div#theme_list_wrapper {
  margin-bottom: 10px;
  padding: 10px;
}
div#theme_config ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  font-size: 10pt;
}
div#theme_config li {
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
  color: #0D6DA6;
  cursor: pointer;
}
div#theme_config li#selected_screen, div#theme_config li#selected_theme {
  cursor: default;
  text-decoration: none;
  color: inherit;
  color: black;
}
input#use_this_theme {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 40px;
  min-width: 0px;
  width: 80%;
}
a#close_theme_modal {
  cursor: pointer;
  text-decoration: underline;
  font-size: 10pt;
  display: block;
  text-align: center;
}
div#theme_nav {
  margin:auto;
  position: absolute;
  top:0px;
  bottom:0px;
  width:100%;
  height: 25px;
}
div#previous_theme, div#next_theme {
  background-repeat:no-repeat;
  width:30px;
  height:50px;
  background-position: center center;
  border-bottom: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  cursor: pointer;
  background-color: white;
  box-shadow: 1px 1px 3px #909090; -moz-box-shadow: 1px 1px 3px #909090; -webkit-box-shadow: 1px 1px 3px #909090;
}
div#previous_theme {
  background-image: url(../left_arrow.png); 
  border-right: 1px solid #DFDFDF;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  float: left;
}
div#next_theme {
  background-image: url(../right_arrow.png); 
  border-left: 1px solid #DFDFDF;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  float: right;
}
div#theme_preview_img_wrapper {float: right; width:80%; height: 100%; text-align: center; overflow: hidden; margin: 0px auto; background-color: white; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img#theme_preview_img {max-width: 100%;}
#button_save_changes {display: none;}
@media screen and (max-width : 900px){
  ul.layout_list li#featured_theme_header_with_current {position: relative;}
}
@media screen and (max-width : 1100px){
  div#simplemodal-container {width: 90%;}
}
@media screen and (max-width : 900px){
  div#simplemodal-container {width: 100%;}
  div#theme_preview {height:100%; background-color: #F7F7F7; border-left-width: 0px; border-right-width: 0px;}
  div#theme_preview_img_wrapper {float: none; width:100%; height: auto;}
  div#theme_config_container {height:auto; width: 100%; float: none; border-bottom: 1px solid #DFDFDF;}
  div#screen_list_wrapper {display: block; float: left; padding: 0px; padding-left: 10px; margin-bottom: 10px;}
  div#theme_list_wrapper {display: block; float: left; max-width: 300px; padding: 0px; padding-left: 10px;}
  div#theme_config ul {margin: 0px; padding: 0px; padding-left: 20px; font-size: 10pt;}
  div#theme_config li {display: inline-block; margin-right:3px;}
  input#use_this_theme {margin-left: 5px; float:left; display: block; margin-top: 0px; width: 170px;}
  a#close_theme_modal {display: none;}
  div#theme_nav {margin:0px; position: absolute; top:10px;} 
}
@media screen {
  body.dark ul.layout_list li div.theme_thumb_placeholder {color:lightgray;background:darkgray;}
  body.dark div#theme_preview {background-color: #303030}
  body.dark div#theme_config li#selected_screen, div#theme_config li#selected_theme {color:lightgray}
  body.dark div#theme_config li {color:#68B0F0}
}