#feedback {
   font-size: 1.4em;
}

#selectable .ui-selecting {
   background: #FECA40;
}

#selectable .ui-selected {
   background: #F39814;
   color: white;
}

#selectable {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}

#sidebar {
   width: 210px; /*Change width of sidebar at start*/
   position: absolute;
   left: 0;
   top: 74px;
   padding: 8px;
   min-width: 50px; /*Change the smallest we can resize to*/
}

#main {
   padding: 8px;
}

#myViewer_canvas {
   cursor: default;
}

/* Drop shadows */
.drop-shadow {
   -moz-box-shadow: 3px 3px 10px 3px #ccc;
   -webkit-box-shadow: 3px 3px 10px 3px #ccc;
   box-shadow: 3px 3px 10px 3px #ccc;
}

/* Increase resizable area */
.ui-resizable-e {
   width: 3px;
   right: -2px;
}

.ui-resizable-w {
   left: -7px;
}

#sidebar-content h3 {
   overflow: hidden;
   white-space: nowrap;
}

#sidebar-slide {
   padding: 0px;
   position: absolute;
   top: 275px;
   right: -55px;
   width: 50px;
   height: 50px;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   -webkit-background-size: 100%;
   background-size: 100%;
   background-repeat: no-repeat no-repeat;
   background-image: url(../Images/collapse.png);
}

#thumbnailsDiv {
   text-align: center;
   background-color: transparent; 
   border-color: transparent; 
   width: 100%; 
   height: 500px; 
   margin-top: -15%; 
   margin-left:10%;
   overflow:auto;
}

#bookmarksUl {
   font-size: 0.75em;
   padding-right: 2px;
}

#bookmarksDiv {
   padding: 0px;
}

ul {
   /* Format our tabs*/
   -webkit-padding-start: 24px;
}

.ui-accordion .ui-accordion-content {
   padding: 1em 1em;
}

.sidebarHeader {
   font-weight: bold;
   border-radius: 0px;
}

.sidebarContent {
   border-radius: 0px;
   -webkit-overflow-scrolling: touch;
}

.ui-accordion .ui-accordion-header {
   margin: 0px;
}

.PreviousPageIcon {
   background-image: url(../Images/previous.png) !important;
}

.NextPageIcon {
   background-image: url(../Images/next.png) !important;
}

#footer {
   height: 50px;
}

#footerToolbarDiv {
   padding: 2px;
   text-align: center;
}

   #footerToolbarDiv .ui-icon {
      -moz-background-size: 100%;
      -o-background-size: 100%;
      -webkit-background-size: 100%;
      background-size: 100%;
      height: 23px;
   }

#toolbarLabelSpan {
   margin-left: 2px;
   margin-right: 10px;
}

#toolbarDiv .ui-icon {
   -moz-background-size: 100%;
   -o-background-size: 100%;
   -webkit-background-size: 100%;
   background-size: 100%;
   margin: -29px; /*Must be negative half of height and width*/
   height: 58px;
   width: 58px;
}

#toolbarDiv .ui-button {
   height: 60px;
   width: 60px;
}

#toolbarDiv {
   padding: 2px;
   white-space: nowrap;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   /*Without -webkit, no fancy scroll for iPhone*/
}

#popup_body {
   background-image: url(../Images/loadingBar.gif) !important;
}

#imageOverlayDiv {
   visibility: hidden;
   position: absolute;
   left: 0px;
   top: 0px;
   text-align: center;
   z-index: 3000;
   margin: 0px auto;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
}

#imageSelectDialog {
   display: block;
}

.ui-dialog {
   z-index: 2000 !important;
}

.ui-widget-overlay {
   background: none;
   background-color: none;
   opacity: 0.0;
}

#imageUrlText {
   width: 180px;
   margin-left: 1px;
}

.no-close .ui-dialog-titlebar-close {
   display: none;
}

.controlsLeftDiv {
   padding: 1px;
   float: left;
   width: 50px;
   display: table-cell;
   vertical-align: middle;
   margin: 1px auto;
   clear: left;
}

.controlsRightDiv {
   padding: 1px;
   overflow: auto;
   float: left;
   width: 202px;
   display: table-cell;
   vertical-align: middle;
}

.controlsLeftLabel {
   float: right;
   color: Silver;
   margin-top: 2px;
}

.controlsSelect {
   width: 200px;
   margin: 1px auto;
}

.controlsHelpLabel {
   float: left;
   color: silver;
   width: 90%;
   margin: 4px auto;
   padding: 4px;
}

.controlsOKDiv {
   padding: 1px;
   position: absolute;
   bottom: 0;
   width: 100%;
   text-align: center;
}

#loadingText {
   color: white;
   font-size: 1.2em;
}

#progressBar {
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   width: 220px;
   height: 70px;
}

.ui-progressbar {
   visibility: hidden;
   position: relative;
}

.progress-label {
   visibility: hidden;
   position: absolute;
   left: 12%;
   top: 36%;
   font-weight: bold;
   -webkit-text-shadow: 1px 1px 0 #33ACDB;
   text-shadow: 1px 1px 0 #33ACDB;
   font-size: 16px;
}

label {
   font-weight: bold;
}

#waitDialog .ui-widget-content {
   border: 1px solid #33ACDB;
}

#ipTabs {
   text-align: center;
}

#borderToRemove, #borderRemoveFlags {
   text-align: justify;
   float: left;
   width: 33%;
}

#borderRemoveParameters {
   text-align: left;
   float: left;
   width: 33%;
}

#fillDiv, #thresholdDiv, #qualityDiv, #typeDiv {
   padding-right: 10px;
   text-align: justify;
   float: left;
   width: 31%;
}

#speedDiv {
   padding-right: 10px;
   text-align: left;
   float: left;
   width: 60%;
}

#holePunchRemoveFlags, #LocationDiv {
   padding-right: 10px;
   text-align: justify;
   float: left;
   width: 48%;
}

#optionsDiv {
   padding-top: 10px;
   padding-right: 10px;
   text-align: justify;
   float: left;
   width: 100%;
}

#refreshNote {
   font-size: x-small;
   color: blue;
}