div#nav_bar, div#nav_bar .nav_menu:hover {background: #E5EAEA;}
div#nav_bar .current, div#nav_bar .current:hover {background-image: linear-gradient(bottom, #535454 1%, #6e6f6f 6%, #868788 94%, #959696 100%); background-image: -o-linear-gradient(bottom, #535454 1%, #6e6f6f 6%, #868788 94%, #959696 100%); background-image: -moz-linear-gradient(bottom, #535454 1%, #6e6f6f 6%, #868788 94%, #959696 100%); background-image: -webkit-linear-gradient(bottom, #535454 1%, #6e6f6f 6%, #868788 94%, #959696 100%); background-image: -ms-linear-gradient(bottom, #535454 1%, #6e6f6f 6%, #868788 94%, #959696 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #535454), color-stop(0.06, #6e6f6f), color-stop(0.94, #868788), color-stop(1, #959696));}
a {cursor: pointer;}
div#nav_bar a {cursor: default;}
.config_table div.section {background: #FFFFFF;}
.config_table table p.count {padding: 30px auto; font-size: 90%;}
span#wizard_viewsite_icon {display: inline-block; zoom: 1; *display: inline; padding: 4px; color: white; border-radius: 2px; background-color: #329DE5; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DA0ED', endColorstr='#329DE5',GradientType=0 ); background-image: linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -o-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -moz-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -webkit-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -ms-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #329DE5), color-stop(0.75, #2DA0ED));}
span#wizard_publish_icon {display: inline-block; zoom: 1; *display: inline; padding: 4px; color: white; border-radius: 2px; background-color: #F39C12; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3A11F', endColorstr='#F39C12',GradientType=0 ); background-image: linear-gradient(bottom, #F39C12 25%, #F3A11F 75%); background-image: -o-linear-gradient(bottom, #F39C12 25%, #F3A11F 75%); background-image: -moz-linear-gradient(bottom, #F39C12 25%, #F3A11F 75%); background-image: -webkit-linear-gradient(bottom, #F39C12 25%, #F3A11F 75%); background-image: -ms-linear-gradient(bottom, #F39C12 25%, #F3A11F 75%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #F39C12), color-stop(0.75, #F3A11F));}
div#nav_logo img { float: left; }
div.config_item div.nameless {width: 100%;}
div#wizard_publish_data {display: none; visibility: hidden;}

label.nav_loc {
  margin-left: 5px;
  margin-right: 10px;
}

td.column_1_wrapper {min-width: 450px;}
ul.column {padding: 8px; margin: 0px; position:relative;}
ul.column li {padding: 10px; border-bottom-width: 0px; background-color: white; cursor: move; cursor: -moz-grab; cursor: -webkit-grab; text-align: center; margin: 0px; margin: 0px auto 3px auto;}
ul.column li.placeholder {background-color: #FFFFFF;}
ul.column li > input[type=text] {padding: 2px; margin: 0px;}
form#wizard a.add_page_clicker {text-align: center; font-size: 11pt; display: block; margin-left: auto; margin-right: auto; background-color: transparent;}
a.edit_link_page, a.delete_link_page {background-image: url(images/ui-icons_222222_256x240.png); opacity: 0.6; height: 20px; width: 20px; display: inline-block; margin-left: 3px;}
a.edit_link_page {background-position: -62px -110px;}
a.delete_link_page, a.delete_pp {background-position: -94px -126px;}
textarea.page_content_modal {height: 200px;}
form#wizard div#preview {width: 100%; min-height: 200px; font-size: 40px; text-align: center; color: #DFDFDF;}
form#wizard div#preview_notions {width: 100%;}
div#nav_content {text-align: center; box-sizing:border-box;}
div#nav_content > div {display: inline-block; min-width: 270px; vertical-align: top; box-sizing:border-box; padding: 10px; border-radius: 4px;}
div#nav_pages {width:40%; margin-bottom: 10px;}
div#real_preview_holder {position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden;}
iframe#ifr {position: absolute; top: 0; left: 0; visibility: hidden; width: 1000px; height: 800px;}
div#nav_preview {width:60%;}
div#nav_content h3 {display: block; margin: 0px; font-size: 11pt;}
div.config_item input[type=text] {padding: 2px;}
input.item_name {width: 150px;}
input#mystore {width: 300px;}
#upload_logo {display: none;}
#logo img {max-width:100%;}
#remove_logo {margin-left: 15px;}
div#pages_modal {height: 450px;}
h1.page_name {margin: 20px auto;}
div#steps {margin-left:auto; margin-right:auto;}
div.step {display:inline-block; padding-left: 6px; padding-right: 6px; height: 38px; margin: 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #BDC3C7; width:120px;}
div.step_content_wrapper {display: table; height: 100%;}
div.step a, span.step_name, .destination {display: table-cell; vertical-align:middle; text-align:left; padding-left:6px; color: white; font-weight: normal; background: none; border: none;}
div.step a {text-decoration: none;}
div.completed_step {background-color: #119177;}
div.current_step {background-color: #29C0A2;}
div.current_step a, div.current_step a:hover {cursor: default;}
span.step_splitter {background-image: url(../step-arrow.png); background-position: 0px -10px; display:table-cell; vertical-align:middle; width:10px;}
span.step_number {display:table-cell; vertical-align: middle; color: white; font-size:16pt; padding: 0px 5px;}
div.fixed_next {display:none; position: fixed; width:100%; bottom:0px; left:0px; height:80px; margin: 0px; padding: 0px; background-color: #2980B9; box-shadow: 0 0px 5px #CDCDCD; -moz-box-shadow: 0 0px 5px #CDCDCD; -webkit-box-shadow: 0 0px 5px #CDCDCD;}
div.fixed_next:hover, div.fixed_next:hover input#button_next_alone {background: #3498DB;}
input#button_next_alone {left: 0px; width: 100%; text-align: center; font-size: 240%; line-height: 60px;}

ul#layout_list li.show_more_themes_wrapper {width:100%; height: 40px; margin-bottom: 120px;}
ul#layout_list li#more_theme_header, ul#layout_list li.more {display: none;}
div.content_wide, div.content {padding-bottom: 50px; padding-top: 0px;}
textarea[name="WelcomeDescription"] {height: 50px;}
div#path_select {text-align:center;}

a.pathway_select {
  display: inline-block;
  width: 350px;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
  margin: 30px;
  border: 1px solid gray;
  background-color: white;
  box-shadow: 1px 1px 3px #DFDFDF; -moz-box-shadow: 1px 1px 3px #DFDFDF; -webkit-box-shadow: 1px 1px 3px #DFDFDF;
  padding-top: 0px;
  padding-bottom: 20px;}
a.pathway_select p {color: black; margin-top: -15px;}
a.pathway_select > p:hover {color: black; text-decoration: none;}
div#nav_expand {display: none;}
#upload_buttons, #shopsite_buttons {width: 60%; margin-left: auto; margin-right: auto; text-align: center;}
#shopsite_buttons {margin-top: 30px;}
#upload_buttons {margin-top: 50px;}
#ADC_button_upload, #VC_button_upload {display: none;}
#upload_wrapper {display: inline-block; text-align: left; margin-left: auto; margin-right: auto; padding: 10px;}
#upload_ADC_dispatch, #upload_VC_dispatch {margin-bottom: 10px; display: block;}
#button_list li {display: inline-block; max-width: 200px; padding: 10px; margin: 1px; cursor: pointer;}
#button_list li img {margin-top: 3px;}
#button_list li.selected_buttons, div.selected_buttons {background-color: white; border: 1px solid #DDDDDD; border-radius: 2px; cursor: default;}
#upload_wrapper img {cursor: pointer;}
#configure_modal_editing {display: none;}

@media screen and (max-width : 800px){
  div#nav_pages {width:100%; border-right-width: 0px;}
  div#nav_preview {width:100%;}
  textarea.page_content_modal {height: 300px;}
  a.pathway_select {margin: 0px; margin-bottom: 10px; width: 100%; min-width: 300px;}
  div#steps {display: none;}
}