html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.flakess {
    z-index: 9000;
}

/* Themes */
.redwall {
    background: #b23203 url(/assets/v3/images/themes/red-wall.jpg) repeat scroll 0 10px;
}

.yellow-wall {
    background: #f59f2e url(/assets/v3/images/themes/yellow-paint.jpg) repeat scroll 0 10px;
}

.wood {
    background: #5c290a url(/assets/v3/images/themes/woodboards.jpg) repeat scroll 0 10px;
}

.mesh {
    background: #000 url(/assets/v3/images/themes/black-mesh.jpg) repeat scroll 0 10px;
}

.lights {
    background: #745328 url(/assets/v3/images/themes/blur-lights.jpg) repeat scroll 0 10px;
}

.lights2 {
    background: #541100 url(/assets/v3/images/themes/blur-lights2.jpg) repeat scroll 0 10px;
}

.pattern {
    background: #623408 url(/assets/v3/images/themes/vintage.jpg) repeat scroll 0 10px;
}

.oldleader {
    background: #622715 url(/assets/v3/images/themes/brown-leather.jpg) repeat scroll 0 10px;
}

.fall {
    background: #dc8b3c url(/assets/v3/images/themes/fall.jpg) repeat scroll 0 10px;
}

.grass {
    background: #305700 url(/assets/v3/images/themes/grass.jpg) repeat scroll 0 10px;
}

.dark,
.black,
.beta,
.christmas {
    background: #444 url(/assets/v3/images/christmas.png) repeat scroll 0 0;
}

.tile-black {
    background: #444 url(/assets/v3/images/themes/tile-black.jpg) repeat scroll 0 0;
}

.tile-brown {
    background: #4a3726 url(/assets/v3/images/themes/tile-brown.jpg) repeat scroll 0 0;
}

.tile-darkgreen {
    background: #3b4721 url(/assets/v3/images/themes/tile-darkgreen.jpg) repeat scroll 0 0;
}

.tile-darkyellow {
    background: #a67101 url(/assets/v3/images/themes/tile-darkyellow.jpg) repeat scroll 0 0;
}

.tile-navyblue {
    background: #253d49 url(/assets/v3/images/themes/tile-navyblue.jpg) repeat scroll 0 0;
}

.tile-orange {
    background: #a14200 url(/assets/v3/images/themes/tile-orange.jpg) repeat scroll 0 0;
}

.tile-purple {
    background: #32203a url(/assets/v3/images/themes/tile-purple.jpg) repeat scroll 0 0;
}

.tile-red {
    background: #422021 url(/assets/v3/images/themes/tile-red.jpg) repeat scroll 0 0;
}

.tile-turqoise {
    background: #03523d url(/assets/v3/images/themes/tile-turqoise.jpg) repeat scroll 0 0;
}

.tile-yellow {
    background: #e1a300 url(/assets/v3/images/themes/tile-yellow.jpg) repeat scroll 0 0;
}

.blackleather {
    background: #000 url(/assets/v3/images/themes/black-leather.jpg) repeat scroll 0 10px;
}

.clouds {
    background: #2e97e8 url(/assets/v3/images/themes/clouds.jpg) repeat scroll 0 10px;
}

.geometric {
    background: #ae9c86 url(/assets/v3/images/themes/geopat.jpg) repeat scroll 0 10px;
}

.polka {
    background: #86160a url(/assets/v3/images/themes/polka.jpg) repeat scroll 0 10px;
}

.woodfloor {
    background: #ac521e url(/assets/v3/images/themes/woodfloor.jpg) repeat scroll 0 10px;
}

.brickwall {
    background: #462216 url(/assets/v3/images/themes/brickwall.jpg) repeat scroll 0 10px;
}

.v-day {
    background: #FBE697 url(/assets/v3/images/themes/v-day2.jpg) repeat scroll 0 10px;
}

.christmas {
    background: #FBE697 url(/assets/v3/images/themes/christmas.png) repeat scroll 0 10px;
}

/* .default #logo-cont{ padding-top:0px !important; } */
.default .glow {
    display: none;
}

.geometric .glow, .blackleather .glow, .lights2 .glow, .redwall .glow, .mesh .glow, .wood .glow {
    opacity: 1 !important;
}

.polka .glow, .yellow .glow, .darkyellow .glow {
    opacity: 0.4 !important;
}

.clouds .glow, .red .glow, .purple .glow, .navyblue .glow {
    opacity: 0.7 !important;
}

/* Themes end */

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #eee url(/assets/v3/images/bg.png) repeat-x scroll 0 0;
}

.Patchristmas {
    background: #444 url(/assets/v3/images/christmasBackgrounds/flakes5.png) repeat scroll 0 0;
}

.page_php_pages.new_branding21{
    background: #0A1551!important;
}

.page_php_pages.new_branding21 .page {
    background-image: url("https://cdn.jotfor.ms/assets/img/submission/nb21_header_bg.png");
    background-repeat: repeat no-repeat;
}

.page_php_pages.new_branding21 #content {
    margin-top: 26px;
    margin-bottom: 26px;
}

.page_php_pages.new_branding21 #content  #form-title {
    text-shadow: none!important;
}

.page_php_pages.new_branding21 #content .title-bar.index-title-bg {
    background: #FF6100;
    font-weight: normal;
    border-radius: 4px 4px 0 0;
}

.page_php_pages.new_branding21 #content .title-cont span {
    max-width: unset;
    margin-right: 4px;
}

.page_php_pages.new_branding21 #content .title-bar.index-title-bg  .switch-button {
    background-color: #ffffff;
    border-radius: 3px;
    border: 0;
    font-size: 14px;
    color: #091651;
    padding: 6px 12px 6px 32px;
}

.page_php_pages.new_branding21 #content .switch-button svg {
    position: absolute;
    top: 0.72em;
    width: 16px;
    zoom: 90%;
    opacity: 0.9;
    left: 11px;
}

.page_php_pages.new_branding21  .page-submissions #tool_bar.index-grad4 {
    border: 0 !important;
    background: none;
    background-color: #f3f3fe !important;
}

.page_php_pages.new_branding21 .jfHeader-menuWrapper .jfHeader-menuList a:not(.jfHeader-logOut) {
    color: #091551;
}

@media screen and (max-width: 480px), screen and (min-width: 481px) and (max-width: 768px) {
    .jfHeader-mobileWrapper .jfHeader-hamburger .hamburger-wrapper .bar:before,
    .jfHeader-mobileWrapper .jfHeader-hamburger .hamburger-wrapper .bar:after {
        background: #0C164E;
    }
}

.page_php_pages.new_branding21 #footer{
    border: none;
    box-shadow: none;
    background: none;
    margin: 0;
}

ul {
    list-style: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

ol li {
    list-style: inherit;
}

#sub-content .form-section .form-input-wide li { list-style: disc inside; }
/* Global wizard classes */
.active-line {
    border: 1px solid #cccccc !important;
    background: #ffffff;
}

.errored-line {
    border: 1px solid red;
    background: #FACFC8 !important;
}

.wizard-list-options {
    list-style: none;
    list-style-position: outside;
    padding: 0px;
}

.wizard-list-options label {
    font-size: 14px;
}

.wizard-list-options li {
    margin: 10px;
}

.buttons-td {
    visibility: hidden;
}

.buttons-td img {
    margin: 0 0 0 5px;
    padding: 0;
}

.option-description {
    padding-left: 25px;
    color: #666;
    font-size: 11px;
}

/* End -- Global wizard classes */

#list, .tools {
    list-style: none;
    padding: 0px;
    margin-left: 0px;
    clear: none; /* bugfix:146690 when entering full screen mode, clear left is inherited from other css rules, breaking page layout */
}

fieldset, legend {
    padding: 0px;
    margin: 0px;
}

#list {
    /*  width:100%;*/
    padding-left: 5px;
    padding-top: 48px !important;
    margin: 0px !important;
    border-right: 1px dashed #cccccc;
    width: 99.2%;
    min-height: 410px !important;
    overflow: visible !important;
    float: left;
}

#list li {
    border: 1px solid transparent;
    /* margin:5px; */
    /* Margin brakes Drag&Drop fluency */
    z-index: 10;
}

.form-line {
    padding: 10px;
}

.form-input-wide {
    clear: both;
}

.edit-box {
    border: 1px solid #999999;
    border-top: none;
    background: #cccccc;
    padding: 4px;
    display: inline-block;
    max-width: 343px;
}

.edit-hint {
    padding: 5px;
    margin: 2px;
    margin-bottom: 4px;
    font-size: 10px;
    background: #f4f4db url(/assets/v3/images/light-bulb.png) 3px 3px no-repeat;
    padding-left: 20px;
    float: left;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

table.edit-box {
    display: table;
}

.edit-box textarea {
    padding: 5px;
    width: 330px;
    resize: vertical;
}

.edit-box select {
    padding: 3px;
}

.edit-box .form-spinner input {
    padding: 3px 0px !important;
}

.edit-box .buttons {
    margin: 0 1px 0 0px;
    /*float:right;*/
}

.edit-box li {
    margin: 3px;
    padding: 3px;
    white-space: nowrap;
    clear: both;
    height: 18px;
}

.edit-box li:hover {
    background: #eeeeee;
}

.edit-box li label {
    margin-left: 5px;
    margin-right: 3px;
    cursor: pointer;
}

.tools li:hover {
    border: 1px solid #aaaaaa;
}

.tools li {
    cursor: move;
    padding-left: 20px !important;
    border: 1px solid transparent;
}

.tools img {
    margin-right: 5px;
}

.payment-arrow {
    cursor: pointer;
    width: 164px;
    display: block;
    margin: 0 auto;
    border: 1px solid transparent !important;
}
.payment-arrow:hover {
    background: url(/assets/v3/images/drag-back.png);
    border: 1px solid #aaaaaa !important;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    background-size: contain;
}

.hide {
    display: none;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.js-panel-content-minheight.panel-content-open {
    height: 151px;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.edit-text {
    width: 100%;
    outline: none;
    font-size: 12px;
    border: 1px solid #cccccc;
    background: none;
    font-style: italic;
}

.edit-sublabel {
    width: 100%;
    outline: none;
    font-size: 9px;
    border: none;
    color: #999;
    background: none;
    font-style: italic;
}

.edit-option {
    width: 120px;
    outline: none;
    border: 1px solid #cccccc;
    background: none;
    font-style: italic;
}

.edit-textarea {
    width: 100%;
    border: 1px solid #cccccc;
    outline: none;
    background: none;
    height: 200px;
}

.title-cont {
    padding: 9px;
    text-shadow: 0px 1px 0 #666666;
    font-size: 16px;
    max-width: 68%;
    height: 13px;
    float: left;
}

.title-cont span {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    overflow: hidden;
    display: inline-block;
}

.title-bar.index-title-bg.admin > div > .title-cont > span {
    text-overflow: initial;
}

.title-cont img{
    display: inline-block;
}

.switch-button {
    float: right;
    position: relative;
    font-size: 16px;
    margin: 5px;
    border-radius: 6px;
    padding: 5px 20px 5px 34px;
    background: #FAE3CE;
    border: solid 1px #FBEDE0;
    cursor:pointer;
}

.switch-button svg {
    position: absolute;
    left: 10px;
    top:8px
}

.switch-button:hover {
    background: #FBEDE0;
}

#form-title:hover {
    border-bottom: 1px dashed #ffffff;
}

#title-hint {
    text-shadow: 0px 1px 0 #ffffff;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    padding-left: 5px;
    cursor: pointer;
}

.edit-title {
    border: none;
    color: yellow;
    float: left;
    font-weight: bold;
    text-shadow: 0px 1px 0 #666666;
    font-size: 16px;
    font-style: italic;
    background: none;
    width: 870px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.question-over {
    border: 1px dotted #999 !important;
    background: #fffff0 !important;
}

.question-selected {
    border: 1px solid #ccc !important;
    background-color: #f5f5f5;
}

.question-selected *,
.question-over * {
    color: #000 !important;
}

.button-container {
    position: absolute;
    top: -27px;
    right: -1px;
    border: 1px solid #cccccc;
    border-bottom: none;
    background: #f5f5f5;
}

.form-line {
    /* display:inline-block; */
}

.form-delbutton, .form-refreshbutton, .form-wandbutton, .form-condbutton, .form-propbutton, .form-htmledit {
    margin: 5px;
    cursor: pointer;
}

.form-refreshbutton, .form-wandbutton, .form-condbutton, .form-propbutton, .form-htmledit {
    /*border-right:1px solid #dddddd;*/
}

.header {
    padding-bottom: 0px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 2px;
}

.header-edit, .paging-edit {
    border: 1px solid #cccccc;
    background: none;
    font-size: 16px;
    outline: none;
    font-weight: bold;
    width: 100%;
}

.paging-edit {
    text-align: center;
    outline: none;
}

.subHeader {
    font-style: italic;
}

.subHeader-edit {
    font-style: italic;
    border: 1px solid #cccccc;
    background: none;
    outline: none;
    width: 100%;
}

.small-edit {
    font-size: 10px;
    padding: 0px;
    border: 1px solid #cccccc;
    margin-left: 3px;
    height: 15px;
}

input.small-edit {
    width: 60px;
}

.wheader {
    margin-bottom: 5px;
}

#product-menu, #coupon-menu {
    background: #fefefe;
    border-top: 1px solid #AAAAAA;
    padding: 4px 10px;
}

#product-list, #coupon-list {
    height: 100%;
    max-height: 440px;
    overflow: auto;
}

#product-list li {
    width: 98%;
    margin: 3px;
}

.plist-label {
    float: none !important;
    width: 100px !important;
}

#coupon-info {
    border: 1px dashed #cccccc;
    background: #f5f5f5;
    position: absolute;
    font-size: 12px;
    width: 40%;
    left: 28%;
    top: 150px;
    padding: 10px;
}

.coupon-code {
    font-size: 16px;
    margin-left: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#coupon-rate {
    left: -14px;
    padding-right: 18px;
    position: relative;
    text-align: right;
    width: 20px;
}

#coupon-rate-unit, #coupon-minimum-unit {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    position: relative;
    right: -25px;
    text-align: right;
    z-index: 99999;
}

#coupon-menu {
    background: #fefefe;
    border-top: 1px solid #AAAAAA;
}

#coupon-list {
    height: 100%;
    max-height: 440px;
    overflow: auto;
}

#coupon-list li {
    width: 98%;
    margin: 3px;
}

#coupon-products {
    background-color: white;
    border: 1px solid #DDDDDD;
    float: left;
    max-height: 72px;
    min-height: 38px;
    overflow: auto;
    padding: 4px 8px;
    width: 150px;
}

#coupon-products label {
    margin-left: 4px;
}

.payment-other-buttons span {
    float: left;
    font-size: 20px;
    margin: 5px 0 0 8px;
}

.payment-other-buttons img {
    float: left;
}

.payment-other-buttons {
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}

.payment-other-buttons button {
    height: 70px ! important;
    width: 174px ! important;
    padding: 14px;
}

#payment_defaults div label {
    margin-top: 4px;
}

#donation-settings label {
    margin-top: 6px;
}

a:hover {
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
}

#properties {
    padding: 10px;
}

#accordion {
    display: inline-block;
    width: 200px;
}

/* Toolbars - Accordion panel */

.panel {
    display: inline;
    float: left;
    width: 100%;
    background: #dddddd;
}

.panel-bar {
    padding: 0 8px;
    border-bottom: 1px solid #999999;
    letter-spacing: 1px;
    font-weight: bold;
    color: #333333;
    cursor: default;
    text-shadow: 0px 1px 0px #fff, 0 0 10px rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    line-height: 33px;
}

.panel-bar img {
    margin-left: 5px;
    margin-top: 10px;
    display: none;
}

.panel-bar span {
    margin-left: 5px;
}

.panel-content {
    height: 0px;
    overflow: hidden;
    position: relative;
}

.panel-content-inner {
    padding: 5px;
    background: #f5f5f5;
}

.panel-content-open {
    border-bottom: 1px solid #999999;
}

.panel-content-inner > div {
    font-size: 11px;
}

/* Toolbar buttons */
.big-button {
    margin: 0px;
    border: none;
    overflow: visible;
    background: none;
    outline: none !important;
    margin: 0 0px 0 0px;
    padding: 3px 6px;
    width: auto;
    font-size: 11px;
    text-shadow: 0px 1px 0px #e5e5e5, 0 0 5px rgba(255, 255, 255, 0.6);
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.big-button::-moz-focus-inner {
    border: 0px;
    padding: 0px;
}

.big-button:hover {
    /*background-color:#e5e5e5;*/
}

button:disabled.big-button img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.button-over {
    background-image: url(/assets/v3/images/tool_grad_over.png);
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.big-button:active {
    /*background-color:#c5c5c5 !important;*/
}

/*
.big-button:active img{
     opacity:0.5;
}
*/
/*
.big-button:active img[class*=toolbar]{
    background-image:url("../sprite/images/toolbar-over.png") !important;
}

.button-over img[class*=toolbar]{
    background-image:url("../sprite/images/toolbar-over.png") !important;
}
*/
#button-bar .big-button {
    font-size: 12px;
    border: 1px solid #aaaaaa;
}

.dragging {
    padding: 0px !important;
}

.dragging li {
    margin: 0px !important;
}

/* Buttons */
.drags, .button, .window-buttons {
    height: 20px;
    padding: 0 .25em 0 .25em;
    /*white-space:nowrap; I  know why this is here. But it needs to be commited out for a reason. Contact me if there is a problem :) Seyhun  */
    margin: 0px;
    margin-right: 5px;
    margin-top: 1px;
    overflow: visible;
    padding-left: 20px;
    cursor: default;
    padding-bottom: 2px;
    padding-top: 0px;
    font-size: 11px;
    border: none;
    background: none;
    text-align: left;
    outline: none !important;
}

.window-buttons {
    float: none;
    width: auto;
    border: 1px solid #aaaaaa;
    background: url(/assets/v3/images/button-back.png);
}

A.buttons {
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.buttons {
    background: #f5f5f5;
    border: 1px solid #aaaaaa;
    padding: 4px 10px;
    background: url(/assets/v3/images/button-back.png) repeat-x;
}

.buttons:focus {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 240, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 240, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 240, 0.5);
}

.buttons-green {
    background-repeat: repeat-x;
    background-color: green;
    background-image: url(/assets/v3/images/button-back-green.png) !important;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
    border: 1px solid green !important;
}

.buttons-dark {
    background-repeat: repeat-x;
    background-color: black;
    background-image: url(/assets/v3/images/button-back-dark.png) !important;
    color: #FFFFFF;
    text-shadow: 0 0px 0 #000000 !important;
    border: 1px solid #333 !important;
}

.buttons-fire {
    background-repeat: repeat-x;
    background-color: red;
    background-image: url(/assets/v3/images/button-back-fire.png) !important;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000 !important;
    border: 1px solid #888 !important;
}

.buttons-grey {
    background-repeat: repeat-x;
    background-color: gray;
    background-image: url(/assets/v3/images/button-back-grey.png) !important;
    color: #000;
    text-shadow: 0 1px 0 #eee !important;
    border: 1px solid #777 !important;
}

.buttons-blood {
    background-repeat: repeat-x;
    background-color: red;
    background-image: url(/assets/v3/images/button-back-blood.png) !important;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000 !important;
    border: 1px solid #333 !important;
}

.buttons-red {
    background-repeat: repeat-x;
    background-color: orange;
    background-image: url(/assets/v3/images/button-back-red.png) !important;
    text-shadow: #ccc 0px 1px 0px !important;
    border: 1px solid #333 !important;
}

.buttons-black {
    background-repeat: repeat-x;
    background-color: #222222;
    background-image: url(/assets/v3/images/button-back-black.png) !important;
    text-shadow: #000 0px 1px 0px !important;
    border: 1px solid #444444;
    padding: 5px 10px;
    color: #dddddd;
}

.has-left-icon {
    padding-left: 5px;
}

.has-right-icon {
    padding-left: 5px;
}

.window-buttons:hover, .buttons:hover {
    border-color: #999999;

    background-position: 0 -30px;
}

.button-press {
    border: 1px solid #999 !important;
}

.window-buttons:active, .buttons:active {
    border-color: #666666;
    background-position: 0 -60px;
}

.drags {
    position: relative;
    padding: 3px 0 !important;
    /* width:280px !important;  */
    height: 16px;
    float: none;
}

span.button {
    padding-left: 22px;
}

.info {
    display: none;
    position: absolute;
    right: 0;
    cursor: help;
}

.drags:hover .info {
    display: inline;
}

.drags:hover, .dragging, .button-press {
    background: url(/assets/v3/images/drag-back.png);
}

.button-over, .button:hover {
    background-color: #e5e5e5;
}

.button-over {
    background-image: url(/assets/v3/images/tool_grad_over.png);
    height: 69px !important;
}

.drags:active, .button-down, .button:active, .window-buttons:active {
    background-color: #c5c5c5 !important;
}

.window-buttons {
    padding: 0 1em;
}

.close-wiz {
    height: 19px;
    width: 22px;
    background: url("/assets/v3/images/close-wiz-sprite.png") no-repeat scroll 0 0 transparent;
}

.close-wiz:hover {
    background: url("/assets/v3/images/close-wiz-sprite.png") no-repeat scroll 0 -19px transparent;
}

.fullscreen-wiz {
    width: 18px;
    height: 18px;
    opacity: 0.4;
}

.fullscreen-wiz:hover {
    opacity: 0.7;
}

.window-buttons-wrapper .big-button {
    margin: 0px 4px;
}

.window-content-wrapper {
    background: #f5f5f5;
    border-bottom: 1px solid #ABABAB;
    border-top: 1px solid #EEE6E6;
}

.icon-left {
    left: -3px;
    margin: -2px 3px 0 -2px;
    position: relative;
    top: 1px;
}

.icon-right {
    right: -3px;
    margin: -4px -2px 0 3px;
    position: relative;
    top: 1px;
}

.window-buttons-wrapper .big-button .icon-left {
    margin: -4px 3px 0 -2px;
}

.window-buttons-wrapper .big-button .icon-right {
    margin: -6px -2px 0 3px;
}

.dropZone {
    border-top: 3px dashed #cccccc;
    width: 90%;
    margin-left: 3px;
    z-index: 1;
}

#allTable {
    border: 1px solid #aaaaaa;
    background: #ffffff;
}

.title-bar {
    padding-left: 6px;
    font-weight: bold;
    color: #ffffff;
    background-color: #FC7C01;
}

.title-bar:hover #title-hint {
    display: inline !important;
}

#loadbody {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    background: #ffffff;
    z-index: 1000000;
}

#toolTD {
    background: #eeeeee;
}

#content {
    background: #eee;

    /* for expanded payment tools */
    /*min-height: 410px;*/
    min-height: 616px;

    width: 900px;
    display: inline-block;
    border: 1px solid #666666;
}

#real-content {
    padding: 10px;
}

#stage {
    background: #eee;
    border: none;
    border-left: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    margin-top: 62px;
    padding-top: 6px;
    max-width: 699px;
    width: 100%;

    /* for expanded payment tools */
    /*min-height: 480px;*/
    min-height: 532px;

    float: right;
    position: relative;
}

/* Do not display Form cover in builder */
#stage ul.form-all:before {
    display: none;
}

/* do not show textareas' resize icons in builder  */
#stage textarea { resize: none; }


/* Do not display Form cover in builder */

.trans-back {
    background: #f5f5f5 url(/assets/v3/images/transparent.png) fixed !important;
}

#tools_wrapper_pin {
    position: absolute;
    top: 3px;
    right: 5px;
}

#tools-wrapper {
    background: #F5F5F5;
    position: absolute;
    width: 200px;
    top: 175px; /* May differ */
    border-top: 1px solid #aaaaaa;
    margin-top: 10px;
    max-height: 630px;
    overflow-x: hidden;
    overflow-y: auto;
}

.toolbar-set {
    padding: 0px;
    padding-bottom: 2px;
    height: 68px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 1;
}

.toolbar-set:hover {

}

.toolbar-legend {
    font-size: 10px;
    color: #555555;
    margin-left: 5px;
    cursor: default;
    text-shadow: #fff 0px 1px 0px;
}

#tool_bar .big-button img {
    margin-bottom: 5px;
}

.toolbar-actions-set {
    position: relative;
    display: inline-block;
}

.toolbar-actions-set > .toolbar-set {
    position: relative;
}

.big-button:active img {
    -webkit-filter: brightness(120%) contrast(100%);
}

/*
 * Toolbar
 */
#right-panel {
    width: 200px;
    float: left;
    height: 100%;
    background: #f5f5f5;
    display: inline-block;
}

#tool_bar {
    border-top: 1px solid #666666;
    position: absolute;
    top: 106px; /* may differ */
    width: 900px;
    height: 78px;
    border-bottom: 1px solid #888888;
    background-color: #DDDDDD !important;
}

#toolbar {
    /*width:586px;*/
    width: 684px;
    overflow: hidden;
}

#pinbox {
    color: #999999;
    font-size: 8px;
    padding: 0px;
}

#toolbox_handler {
    color: #999999;
    padding: 0px;
}

/*
 * Wizard CSS
 */
.wizard-table {
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wiz-desc {
    border-left: 1px solid #cccccc;
    background: #f9f9f9;
    margin-left: 20px;
    padding: 4px;
    padding-left: 10px;
    height: 100%;
}

.product-questions label, .coupon-questions label {
    width: 150px;
    float: left;
    font-size: 11px;
}

.product-questions div, .coupon-questions div {
    margin-bottom: 5px;
}

.product-questions input, .coupon-questions input {
    padding-top: 2px;
    padding-left: 2px;
    font-size: 10px;
    margin-left: 0px;
}

.product-questions select, .product-questions option, .coupon-questions select, .coupon-questions option {
    font-size: 10px;
    margin-left: 0px;
}

.product-price-custom-info {
    float: right;
    margin-right: 54px;
    height: 14px;
}

.payment-questions label {
    width: 150px;
    float: left;
    clear: left;
}

#pro-info {
    border: 1px dashed #cccccc;
    background: #f5f5f5;
    position: absolute;
    font-size: 12px;
    width: 40%;
    left: 28%;
    top: 45px;
    padding: 10px;
}

.payment-questions div {
    margin-bottom: 5px;
}

#product-list, #coupon-list, #email-list, #email-form-fields {
    list-style: none;
    list-style-position: outside;
    position: relative;
}

#email-form-fields li {
    cursor: pointer;
    padding: 2px;
    background: #f5f5f5;

    margin: 4px;
}

#product-list, #coupon-list {
    /*width:786px;*/
    margin-top: 10px;
    padding: 0 15px;
}

#product-list li, #email-list li, #coupon-list li, #plan-list li {
    border: 1px solid #cccccc;
    background: #f5f5f5;
    padding: 0px;
    margin: 5px 0;
    padding: 0px;
    cursor: move;
}

#plan-list li {
    cursor: pointer;
}

#plan-list input {
    vertical-align: top;
}

/* paypal pro */
.paypalpro_img {
    width: 40px;
    height: 26px;
    padding-right: 7px;
}

.paypalpro_visa {
    background: url('/assets/v3/images/credit-card-logo.png') no-repeat 0 0;
}

.paypalpro_mc {
    background: url('/assets/v3/images/credit-card-logo.png') no-repeat -47px 0;
}

.paypalpro_amex {
    background: url('/assets/v3/images/credit-card-logo.png') no-repeat -94px 0;
}

.paypalpro_dc {
    background: url('/assets/v3/images/credit-card-logo.png') no-repeat -141px 0;
}

/* special pricing wizard css */

#special-pricing-table {
    border-collapse: collapse;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 10px;
    margin: 2px 10px;
    width: 94%;
}

#special-pricing-table td, #special-pricing-table th {
    border-bottom: 1px solid #CCCCCC;
    background: none repeat scroll 0 0 #EEEEEE;
    border-left: 1px solid #CCCCCC;
    white-space: pre-wrap;
}

#special-pricing-table td {
    padding: 2px 5px;
    height: 23px;
}

#special-pricing-table th {
    font-size: 11px;
    height: 20px;
}

.special-pricing-table-label {
    background: none repeat scroll 0 0 #FFFFFF;
}

#special-pricing-table td input {
    width: 40px;
    padding-left: 4px;
    margin-left: 10px;
}

#special-pricing-table span {
    float: right;
    padding-right: 4px;
    padding-top: 6px;
}

.selected-email {
    border: 1px solid #aaa !important;
    background: #ddd !important;
}

#email-list li {
    cursor: pointer;
    width: 165px !important;
    padding: 3px;
}

#email-form-fields {
    width: 190px;
    height: 100%;
}

.advanced-setting-fieldset li {
    margin-bottom: 8px;
}

.option-props {
    width: 70px;
    float: left;
}

.error {
    color: red;
}

input.error, textarea.error {
    border: 2px solid red;
    padding-top: 0px;
}

.myforms-button {
    float: right;
    margin: 7px 0;
    display: none;
    color: #E19913;
}

.fullscreen .myforms-button {
    display: block;
}

.fullscreen > #content {
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 1000;
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.fullscreen #header {
    display: none;
}

.fullscreen #style-menu {
    border-bottom: 1px solid #aaaaaa;
}

.fullscreen #tool_bar {
    width: 100%;
    min-width: 1000px;
    top: 39px;
}

.fullscreen #right-panel {
    height: 100%;
}

.fullscreen #tools-wrapper {
    top: 108px;
    /*right:0px;*/
    float: left;
    /*border-left:1px solid #aaaaaa;*/
    /*z-index:2500;*/
}

.fullscreen #group-properties, .fullscreen #group-properties div {
    max-width: inherit;
}

.fullscreen #stage {
    /*width:100%;*/
    height: 100%;
    float: none;
    margin-left: 200px;
    border: none !important;
}

.fullscreen #prop-tabs {
    left: -2px;
    width: auto;
}

.fullscreen #list {
    float: left;
}

.fullscreen + #footer #newfooter {
    display: none;
}

.fullscreen + #footer #themes-selector {
    display: none;
}

.question-menu {
    background: #ccc url(/assets/v3/images/grad3.png);
    /*border:1px solid #bbbbbb;
    border-top:1px solid #aaaaaa;*/
    padding: 3px;
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
}

#nav {

    background-color: #333333 !important;

    border: 1px solid #666666;
    border-bottom-color: #333333;
    border-top-color: #333333;
    /*
    height:36px;
    */
    list-style: none;
    list-style-position: outside;
    padding: 0px;
    float: right;
    margin-top: -1px;
}

#nav li:first-child {
    border-left: none;
}

#nav li:last-child {
    border-right: none;
}

.navItem {
    float: left;
    text-shadow: 1px -1px 0 #000000;
    /*min-width:70px;
    max-width:100px;*/
    border-left: 1px solid #666666;
    border-right: 1px solid #333333;
    margin-top: 0px;
    /*padding:4px;*/
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
    height: 35px;
    /*padding-top:9px;*/
    cursor: pointer;
    line-height: 13px;
}

.navItem a {
    color: #ffffff;
    text-decoration: none;
    /*width:100%;
    height:100%;*/
    min-width: 70px;
    max-width: 100px;
    padding: 9px 4px 13px;
    display: block;
}

.navItem:hover a {
    color: #E99A21;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
}

.navPressed, .navItem:hover {
    background: #555 url(/assets/v3/images/navOver.png) repeat-x 0 -1px;
    text-shadow: 1px 1px 0 #000000;
}

.login-form {
    padding: 0px;
    margin-bottom: 0px;

}

.login-form label {
    float: left;
    font-size: 12px;
    text-shadow: 1px 1px 0px #000000;
}

.create-button {
    width: 100%;
    height: 30px;
    border: 1px solid #999 !important;
}

.login-field {
    padding: 2px;
    border: 1px solid #666666;
    height: 20px !important;
    color: #eeeeee;
    padding-left: 5px;
    font-size: 16px;
    float: left;
    clear: left;
    width: 150px;
}

.login-field:focus {
    border-color: #B17808;
    outline: none !important;
}

#remember {
    float: left;
    margin: 0px;
    margin-top: 1px;
    margin-right: 5px;
}

.main > #header {
    height: 66px;
    width: 100%;
}

@media screen and (min-width: 992px) {
  .main > #header {
    height: 66px;
    width: auto;
    /* margin: 0 -42px; */
  }
}

#footer {
    position: absolute;
    margin-top: 20px;
    padding-top: 50px;
    bottom: 0;
    color: #eeeeee;
    width: 100%;
    height: 350px;
    /*  background:#5c5c5c url(/assets/v3/images/footer-bg.png) repeat-x; */
    background: #3F3F3F;
    /* border-top:1px solid #333333; */
    border-top: 1px solid #666666; /* For Glow */
}

.footer-links {
    font-size: 10px;
    margin: 12px -5px -5px;
}

.footer-links a {
    text-decoration: none;
    color: #FF9900;
    font-size: 10px;
}

.page {
    position: relative;
    min-height: 100%;
    height: auto;
}

.main, #footer-content {
    width: 900px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 350px;
    z-index: 1;
    /*transform: translateX(0);*/
    transition: left 0.4s ease;
    left: 0;
        /*left:50%;*/
    /*margin-left:-451px; */
}

#footer-content {
    padding-top: 10px;
    text-align: center;
    /*display:inline-block;*/
}

#footer-content a {
    color: #FFD700;
    font-weight: bold;
}

#footer-content legend {
    margin-left: 10px;
    color: #ffffff;
    text-shadow: #000 0px 1px 0px;
}

#footer-content fieldset {
    display: inline;
    text-align: left;
    border: 1px solid #999999;
    background: #888888;
    vertical-align: top;
    /*width: 30%;*/
    min-width: 30%;
    margin: 7px;
}

#newfooter {
    background: transparent;
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 200px;
    text-shadow: 0 1px 0 #000000;
}

#newfooter a {
    color: #FF9900;
    text-decoration: none;
    font-size: 11px;
}

#newfooter li:hover a, #newfooter a:hover {
    text-decoration: underline;
}

#newfooter h3 {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold;
}

#newfooter .column ul li {
    padding: 3px 0;
}

#newfooter-content {
    margin: 0 auto;
    padding: 0px 0;
    position: relative;
    width: 880px;
}

.column {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.last-column {
    width: 125px;
    text-align: right;
    margin-right: 0;
}

.fcontent li {
    margin: 5px;
}

.fcontent {
    padding: 10px;
    list-style: none;
    list-style-position: outside;
    min-height: 100px;
}

.about {
    border: 1px solid #333333;
    width: 250px;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 0px #444444;
    background: #777777;
}

.about-tab {
    float: left;
    font-weight: bold;
    width: 124.5px;
    padding: 4px 0 4px 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-shadow: 1px 1px 0 #000000;
}

.about-wrapper {
    clear: left;
    padding: 10px;
}

.about-container {
    text-indent: 10px;
    text-align: justify;
    height: 100px;
}

.what-closed {
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    font-weight: normal;
    background: #555555;
}

.who-closed {
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
    font-weight: normal;
    background: #555555;
}

.fieldsetAccount {

    display: block;
    border: none !important;
    padding: 0 !important;
    /*
    margin: 0 !important;
    */
    margin-bottom: -8px;
    /* margin-bottom: 10px; */
    width: 100%;
}

#myaccount.signin #signinFieldset,
#myaccount.forgotPassword #forgotPasswordFieldset {
    display: block;
}

#myaccount.signin #forgotPasswordFieldset,
#myaccount.forgotPassword #signinFieldset {
    display: none;
}

#forgotPasswordDiv ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.form-description {
    z-index: 2000000 !important;
    position: absolute;
    max-width: 150px;
    top: 6px;
    border: 4px solid #E19913 !important;
    background: #f5f5f5;
}

.form-description-title {
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
    background: #dddddd;
}

.form-description-content {
    padding: 10px;
    font-size: 10px;
}

.form-description-arrow-top {
    border-color: transparent transparent #E19913 transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    top: -24px;
    position: absolute;
}

.form-description-arrow-top-small {
    border-color: transparent transparent #F5F5F5 transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    width: 0;
    top: -14px;
    position: absolute;
}

.context-menu-back {
    border: 1px solid #777777;
    background: #ffffff;
    cursor: default;
    z-index: 10;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.context-menu {
    list-style: none;
    list-style-position: outside;
    padding: 5px;
    cursor: default;
    z-index: 20;
    min-width: 180px;
    width: 100px;
    position: relative;
}

.context-menu-title {
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 0 3px 3px;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.context-menu-separator hr {
    margin: 0px;
    padding: 0px;
    height: 0px;
    overflow: hidden;
    border: none;
    margin-top: 1px;
    border-top: 1px solid #aaaaaa;
}

.context-menu-separator {
    padding: 5px;
}

.context-menu-item-text {
    border-left: 1px solid transparent;
    padding-left: 0px;
}

.context-menu-item:hover .context-menu-item-text {
    /* border-left: 1px solid #aaa; */
}

.context-menu-item {
    padding: 2px 2px 4px 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    position: relative;
    margin: 1px 0;
}

.context-menu-item-disabled {
    padding: 2px;
    padding-left: 4px;
    border: 1px solid transparent;
    color: #999999;
    text-shadow: 1px 1px 0px #FFFFFF;
    white-space: nowrap;
}

.context-menu-item-disabled img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.context-menu-item:hover {
    background: url(/assets/v3/images/drag-back.png);
    text-shadow: 1px 0px 1px #ffffff;
    border: 1px solid #999999;
}

.context-menu-check {
    background: #aaa url(/assets/v3/images/accept.png) no-repeat scroll right;
}

#group-setup {
    width: 684px;
}

#group-form {
    width: 202px;
    position: relative;
    text-align: center;
}

#group-form .vline {
    position: absolute;
    right: 0px;
    margin: 0px;
    top: 11px;
}

#group-form button {
    margin: 0 0px;
    padding: 3px 4px;
    width: 24% !important;
}

#group-setup {
    padding-left: 12px;
}

#group-setup .vline {
    margin: 0 12px;
}

.toolbar-set .big-button {
    height: 68px;
    max-width: 72px; /* Used to be 80 but it does not fit anymore */
    /* 80 is not ok again :(. ömer */
    min-width: 45px;
    float: left;
}

.admin-toolbar.toolbar-set .big-button {
    width: 66px;
}

.toolbar-set#group-formproperties > div {
    position: relative;
    height: 68px;
    max-width: 698px;
}

.toolbar-set#group-formproperties > div > button > img {
    min-height: 24px;
    min-width: 24px;
}

.toolbar-set#group-properties > #toolbar > div {
    position: relative;
    height: 68px;
    max-width: 698px;
}

.toolbar-set#group-properties > #toolbar > div > button > img {
    min-height: 24px;
    min-width: 24px;
}

#toolbox_handler {
    float: right;
    padding-top: 2px;
}

.big-button-text {
    height: 15px;
    line-height: 12px;
    text-align: center;
    width: 100%;
    float: left;
}

.toggleRoom {
    min-width: 56px !important;
}

#embedButton {
    white-space: nowrap;
}

/* .question-over .form-label-left, */
.question-selected .form-label-left {
    outline: 1px dashed #999999;
    background: url("/assets/v3/images/pencil.png") no-repeat scroll right transparent;
    padding-right: 0px;
    margin-right: 3px;
}

.form-pagebreak .form-label-left {
    outline: none;
    background: none !important;
}

.question-over .form-label-right,
.question-selected .form-label-right {
    /*outline:1px dashed #999999;
    background:url(/assets/v3/images/pencil.png) no-repeat left center;*/
}

.question-over .form-label-top,
.question-selected .form-label-top {
    /*outline:1px dashed #999999;
    background:url(/assets/v3/images/pencil.png) no-repeat right center;
    width:auto !important;*/
}

.vline {
    float: left;
    width: 0px;
    height: 40px;
    margin: 0px 5px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    top: 11px;
}

#prop-tabs {
    position: absolute;
    bottom: -20px;
    left: -1px;
    height: 20px;
    min-width: 699px;
    width: 100%;
    background-color: #BBBBBB !important;
    border-bottom: 1px solid #aaaaaa;
}

.tab-legend, .tab-legend-open {
    float: left;
    min-width: 80px;
    font-size: 10px;
    padding: 0px 10px;
    line-height: 20px;
    /*
    height:14px;
    */
    background-color: rgba(250, 250, 250, 0.5);
    border-right: 1px solid #777777;
    text-align: center;
    cursor: default;
    text-shadow: 0 1px 0 #EEEEEE;
}

.tab-legend-open {
    background-color: #DDDDDD !important;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #888888;
    text-shadow: 0 1px 0 #dddddd;
    height: 15px;
    position: relative;
    top: -1px;
}

.footer-cont {
    z-index: 2;
    position: relative;
    padding: 5px;
}

.footer-box {
    width: 900px;
    border-color: #999999 #444444 #333333;
    border-style: solid;
    border-width: 1px;
    /*
    background:#444 url(/assets/v3/images/footer-back.png);
    */
    height: 180px !important;
    margin: 0px auto;
    margin-bottom: 20px;
    top: 30px;
    position: relative;
}

.footer-panel {
    float: left;
    height: 180px;
}

.footer-title {
    text-decoration: none;
    color: #FF9900;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

h4.footer-title {
    margin-top: 3px;
    font-size: 11px;
}

#footer-nav ol li {
  padding: 2px 0;
}

#footer-nav a {
    color: #ffffff;
}

#footer-nav, #footer-info {
    overflow: hidden;
}

#footer-nav:hover, #footer-info:hover {
    overflow: auto;
}

#footer-nav {
    text-shadow: 0px -1px 0 #000000;
    border-right: 1px solid #222222;
    font-size: 10px;
    text-align: justify;
    padding: 10px;
    height: 160px;
    width: 180px;
}

#footer-info {
    border-left: 1px solid #555555;
    border-right: 1px solid #222222;
    font-size: 10px;
    text-align: justify;
    text-shadow: 0px -1px 0 #000000;
    padding: 10px;
    height: 160px;
    width: 310px;
    line-height: 13px;
}

#signUpFieldset {
    bottom: 0;
    left: 0;
    padding: 10px !important;
    position: absolute;
    width: 346px;
}

#myaccount {
    padding: 10px;
    position: relative;
    height: 180px;
}

#footer-info p {
    margin: 3px 0 6px;

}

#footer-account {
    width: 366px;
    border-left: 1px solid #555555;
}

.fcontent {
    list-style: none;
    list-style-position: outside;
    margin: 0px;
}

.account-line, .account-line-nolabel {
    display: inline;
    float: left;
    margin: 5px 5px 0;
}

.account-line label {
    margin-bottom: 5px;
}

.account-line-nolabel {
    /*
    padding-top:19px;
    */
}

.error-div {
    color: red;
    clear: both;
    /*
    padding-left:10px;
    */
    font-size: 12px;
}

.big-select {
    background: url("/assets/v3/images/dropdown-back.png") repeat scroll 0 0 #F5F5F5;
    display: inline-block;
    border: 0.1em solid #AAAAAA;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    height: 1.7em;
    position: relative;
    width: 11em;
    text-align: left;
}

.big-select-arrow {
    background: url("/assets/v3/images/dropdown-arrows.png") no-repeat scroll center center transparent;
    float: left;
    height: 100%;
    width: 15%;
}

.big-select-content {
    float: left;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
    text-shadow: 0 1px 0 #FFFFFF;
}

.big-select-content-span {
    padding: 0.1em 0.1em 0.1em 0.4em;
}

.big-select-list {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 0.1em solid #AAAAAA;
    left: 0;
    list-style: none outside none;
    position: absolute;
    top: 1.7em;
    width: 99%;
    z-index: 1000000;
}

.wide-condition .big-select-list {
    width: 120%;
}

.big-select-list li {
    cursor: default;
    font-size: 0.9em;
    margin: 0.2em;
    padding: 0.2em 0.4em;
}

/* share wizard css */
#shareWizard textarea {
    white-space: nowrap;
    overflow-x: hidden;
}

#shareWizardWindow {
    min-height: 150px;
    width: 680px;
}

#shareWizardAdvanced {
    min-height: 464px;
    width: 680px;
    padding: 0 10px 0 0;
}

#shareWizardAdvanced > .viewPanel {
    width: 470px;
    float: right;
}

#shareWizardAdvanced > .viewPanel > * {
    display: none;
}

#shareWizard .clipboard {
    margin: 4px 5px;
    float: left;
}

#shareWizard .text {
    width: 400px;
    float: left;
}

#shareWizard .readonly {
    background-color: #FFFFF0;
}

#shareWizard .pageName {
    margin: 10px 0;
    width: 125px;
}

#shareWizard textarea {
    width: 470px;
    font-size: 12px;
    padding: 5px;
    height: auto;
}

#shareWizard p {
    margin: 12px 0;
}

ol.instructions {
    padding: 10px 21px;
    margin: 0px;
    list-style: decimal;
}

ol.instructions textarea {
    width: 400px !important;
    margin: 10px 0;
}

ol.instructions li {
    clear: both;

}

.emailRow {
    margin: 5px 0 5px;
}

.emailRow > div {
    width: 75px;
    float: left;
}

.emailRow > input {
    width: 389px;
}

.emailRow > textarea.emailBody {
    height: 235px !important;
}

#page_invitation #sendMessageButton {
    float: right;
}

.button-bar .buttons {
    width: 100%;
    float: left;
    margin: 4px 0;
}

#shareFormBasic {
    padding: 30px;
}

#shareFormBasic textarea {
    width: 525px;
    height: 14px;
    overflow: hidden;
}

#shareWizardAdvanced #divider {
    float: left;
    width: 10px;
    height: 464px;
    position: relative;
    left: -10px;
}

#shareWizardAdvanced #accordion {
    float: left;
}

#share_options {
    width: 210px;
    float: left;
}

#shareWizard li {
    cursor: pointer;
}

#loginButton {

}

fieldset, legend {
    border: none;
}

fieldset {
    border-top: 1px solid #FF9900;
}

legend {
    padding-right: 5px;
    color: #FF9900;
    font-weight: bold;
    text-shadow: 0 -1px 0 #000000;
}

#accountinfo legend > a:first-child {
    text-decoration: none;
    color:#FFF;
}

#error-box {
    margin-left: 5px;
    clear: both;
}

.unique-list-item {

    background: #eeeeee;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
}

.unique-list-item:hover {
    background: #cccccc;
}

.unique-list-item div {
    font-size: 10px;
}

.unique-list-selected-item {

    background: #bbbbbb;
}

.unique-list-selected-item:hover {
    background: #bbbbbb;
}

#feedback-tab {
    position: fixed;
    top: 40%;
    right: -79px;
    z-index: 999;
}

#feedback-tab-link {
    background-color: orange;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    z-index: 9999;
    border: none;
    padding: 5px;
    color: #ffffff;
    font-size: 18px;
    font-family: verdana;
    width: 110px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    padding-top: 79px;
    position: absolute;
    right: 0;
    top: 0;
}

#feedback-tab-link:hover {
    background-color: #5C5C5C;
    cursor: pointer;
}

.form-label-top {
    display: inline-block;
}

.toolbox-info, .toolbar-info, .center-info {
    position: absolute;
    padding: 10px;
    text-align: center;
}

.toolbox-info {
    top: 100px;
    left: 5px;
    max-width: 170px;
    font-size: 10px;
}

.toolbar-info {
    top: 40px;
    left: 200px;
}

.center-info {
    top: 180px;
    left: 180px;
}

.dropdown-edit {
    margin-left: 5px;
    display: none;
    cursor: pointer;
}

.question-selected .dropdown-edit {
    display: inline;
}

.preview-dim {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #333333;
    z-index: 10000;
}

.preview-container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}

.preview-box {
    position: relative;
    /*
    background:#333333;
    background:rgba(0, 0, 0, 0.6);
    color:#ffffff;
    border:1px solid #666666;
    */

    background: #eee;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid #444;
    color: #333;
    font-weight: bold;
    text-shadow: 0 0 10px #FFFFFF;
}

#preview-close {
    position: absolute;
    cursor: default;
    right: -12px;
    top: -12px;
}

.preview-box h3 {
    margin-top: 0px;
    display: inline-block;
    font-size: 19px;
    cursor: text;
}

.preview-box label {
    margin-right: 10px;
}

.preview-box iframe {
    margin-top: 10px;
}

.control-tooltip-text {
    margin-top: 3px;
    font-size: 11px;
}

.form-collapse-mid .edit-text {
    font-size: 18px;
}

#redirect-url-div .option-description, #redirect-custom-div .option-description {
    padding-left: 0px;
}

.tooltip-preview {
    border: 2px solid #aaaaaa;
    padding-right: 0px !important;
    margin-top: 4px;
}

.barePage {
    padding: 0em 2em;
    margin-left: auto;
    margin-right: auto;
}

.loginForm #signUpFieldset {
    position: relative;
}

.loginForm legend {
    text-shadow: none;
}

.recent-forms {

}

.recent-forms li {
    margin: 2px;
    padding: 5px;
    border: 1px solid transparent;
    position: relative;
    cursor: default;
}

.recent-forms li .buttons {
    padding: 2px 6px;
    margin-left: 5px;
    top: 2px;
    position: absolute;
    display: none;
}

.recent-forms .notify {
    display: none;
}

.recent-count {
    font-size: 10px;
    color: #aaa;
}

.recent-forms .edit {
    right: 40px;
}

.recent-forms .submission {
    right: 5px;
}

.recent-forms li:hover {
    border: 1px solid #333;
    background: #FF9900 url("/assets/v3/images/title-bg.png");
    color: #000;
}

.recent-forms li:hover .notify {
    display: inline-block;
    position: absolute;
    right: -4px;
    z-index: 1;
}

.recent-forms li:hover .short-name {
    display: inline !important;
}

.recent-forms li:hover .long-name {
    display: none;
}

.recent-forms li:hover .recent-count {
    color: #555;
}

.recent-forms li:hover .buttons {
    display: block;
}

.ladybug {
    left: 138px;
    position: absolute;
    top: 23px;
    width: 20px;
}

.button-img-wrap {
    display: inline-block;
    position: relative;
}

.button-img-wrap .notify {
    position: absolute;
    top: -10px;
    right: -10px;
}

.notify {
    display: inline-block;
    padding: 0 5px 1px;
    position: relative;
    background: #feccb1; /* old browsers */
    border: 2px solid red;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    top: -15px;
}

.notify .arrow {
    position: absolute;
    border: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid red;
    bottom: -8px;
    left: 3px;
    line-height: 0px;

}

.report-list span {
    display: block;
}

.report-list label {
    cursor: pointer;
}

.report-list li {
    margin: 5px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid transparent;
    cursor: default;
    border-radius: 5px;
}

.report-list li:hover {
    border: 1px solid #ccc;
    background: #F5F5F5;
}

.report-selected {
    border: 1px solid #aaa !important;
    background: #fff !important;
}

.report-inputs {
    opacity: 0;
    filter: alpha(opacity=0);
    float: right;
}

.report-list img {
    margin-right: 8px;
    float: left;
}

.report-pages {
    padding: 10px;
}

.form-fields {
    float: left;
    width: 50%;
    white-space: nowrap;
}

#fieldlist {
    display: inline-block;
    width: 100%;
}

#url-container, #iframe-container, #field-cont {
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    margin: 5px 0;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}

#result-container {
    padding: 5px;

}

.result-fields {
    width: 96.5%;
    margin-top: 5px;
    border: 2px solid #ccc;
    background: #f5f5f5;
    color: #333;
    padding: 5px;
}

#result-container h3 {
    margin: 0px;
    margin-bottom: 10px;
}

#error, #field-error {
    color: red;
    text-align: right;
}

.delimg {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.delimg:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#landing-box {
    background: #DDDDDD;
    border: 2px solid #666;
    color: #333333;
    height: 300px;
    left: 125px;
    padding: 0;
    position: absolute;
    top: 125px;
    width: 530px;
    text-align: center;
    z-index: 5008;
}

#landing-content {
    margin: 15px;
    text-align: left;
    text-shadow: 0px 1px 0px #fff;
    font-size: 12px;
    cursor: default;
}

#landing-content h3 {
    color: #E19913;
    margin: 0px;
    margin-bottom: 5px;
}

#video-link {
    border: 5px solid #bbb;
}

#video-link:hover {
    border: 5px solid #999;
}

#intro-dim {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #f0f0f0;
    z-index: 5005;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#loading-indicator, #message-indicator {
    position: fixed;
    bottom: 0px;
    right: 20px;
    border: 1px solid #999;
    border-top-color: #444;
    border-bottom: none;
    background: #555;
    color: #fff;
    padding: 5px 10px;
    font-size: 11px;
    text-shadow: 0px 1px 0px #333;
    z-index: 1000000;
}

#message-indicator{
	background: #4BB543;
}

#loading-indicator img, #message-indicator img {
    margin-right: 5px;
}

#lang-bar .big-select {
    background: url("/assets/v3/images/grad-footer.png") repeat-x;
    width: 9em;
    padding: 2px 4px 3px;
    top: 13px;
    border-color: #333;
    color: #fff;

    -webkit-box-shadow: 0 1px 0 #555555, 0 1px 0 #666666 inset !important;
    -moz-box-shadow: 0 1px 0 #555555, 0 1px 0 #666666 inset !important;
    box-shadow: 0 1px 0 #555555, 0 1px 0 #666666 inset !important;
}

#lang-bar .big-select-content {
    text-shadow: 0 -1px 0 #333;
}

#lang-bar .big-select-list {
    background: #555;
    border-color: #333;
    bottom: 24px !important;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;

    -webkit-box-shadow: 0 -0.1em 0.1em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -0.1em 0.1em rgba(0, 0, 0, 0.5);
    box-shadow: 0 -0.1em 0.1em rgba(0, 0, 0, 0.5);

    /* Language bar no-background bug fix, 06.02.2015, omer */
    height: 150px;
    margin-top: 8px;
    overflow-y: auto;
}

#lang-bar .big-select-list li:hover {
    color: #333;
}

#lang-bar {
    width: 135px;
    text-align: right;
}

.stico_default {
    background-position: 1px 1px;
}

#unchangableBrand {
    display: block;
    margin-top: 25px;
}

#complete-page .big-button {
    margin: 14px;
    border: 1px solid #aaa;
    background: #f5f5f5 url(/assets/v3/images/grad4.png);
    padding: 7px;
    border-radius: 3px 3px;
    width: 120px;
    font-size: 14px;
}

#complete-page .big-button img {
    margin-bottom: 4px;
}

#complete-page .big-button:hover {
    border-color: #888;

}

#complete-page .big-button:active {
    border-color: #666;
}

#source-options {
    list-style: none;
}

#source-options li {
    margin: 10px 0;
}

.question-input {
    position: relative;
}

#tickets-link a, #admin-link a {
    color: #FFA500;
}

.its-conditional {
    background: none repeat scroll 0 0 red;
    color: white;
    display: inline-block;
    font-size: 10px;
    line-height: 13px;
    padding: 0px 6px;
    position: absolute;
    right: 0;
    top: 6px;
}

/* banner image fixes */
#pricing-banner, #pricing-banner-hover {
    position: absolute;
    top: 0px;
    left: -2px;
}

#pricing-banner-hover {
    display: none;
}

.navItem:hover #pricing-banner-hover {
    display: block;
}

.navItem:hover #pricing-banner {
    display: none;
}

/* Color Picker CSS */
.plugin {
    background: #F5F5F5;
    border: 1px solid #ccc;
    color: #333;
    cursor: move;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    padding: 7px 10px 5px;
    z-index: 1;
    position: relative;
    width: 199px;
}

.plugin br {
    clear: both;
    margin: 0;
    padding: 0;
}

.plugin .plugHEX {
    float: left;
    position: relative;
    border: 1px solid #666;
    padding: 3px;
    margin-top: 8px;
}

.plugin .plugCUR {
    float: left;
    width: 10px;
    height: 10px;
    font-size: 1px;
    background: #FFF;
    margin-right: 3px;
    margin-top: 8px;
    height: 20px;
    width: 20px;
    border: 1px solid #666;
}

.plugin .SV {
    background: #FF0000 url('/assets/v3/images/SatVal.png');
    border: 1px solid #000;
    position: relative;
    cursor: crosshair;
    float: left;
    height: 166px;
    width: 167px;
    margin-right: 9px; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/v3/images/SatVal.png', sizingMethod='scale'); */
}

.plugin .SVslide {
    background: url('/assets/v3/images/slide.gif');
    height: 9px;
    width: 9px;
    position: absolute;
    line-height: 1px;
}

.plugin .H {
    border: 1px solid #000;
    cursor: crosshair;
    float: left;
    position: relative;
    width: 19px;
    padding: 0;
    top: 0px;
}

.plugin .Hslide {
    background: url('/assets/v3/images/slidehue.gif');
    height: 5px;
    width: 33px;
    position: absolute;
    line-height: 1px;
}

.plugin .Hmodel {
    position: relative;
    top: 0px;
}

.plugin .Hmodel div {
    height: 1px;
    width: 19px;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

/* Glow */
.glow {
    margin: -39px 0 0 -129px;
    position: absolute;
    z-index: -1;
    -moz-user-select: none;
    -webkit-user-select: none;
    opacity: 0.8;
}

#content .glow {
    position: absolute;
    margin: -105px 0 0 -130px;
    z-index: -1;
    -moz-user-select: none;
    -webkit-user-select: none;
    opacity: 0.8;
}

.glow-top {
    background: url(/assets/v3/images/shadowTop.png) no-repeat 0 10px;
    width: 1160px;
    height: 214px;
}

.glow-mid {

    width: 1160px;
    height: 350px;
}

.glow-bottom {

    width: 1160px;
    height: 214px;
}

.fullscreen .glow {
    display: none;
}

/* Soft Scrolls */
.scroll-bar {

}

.scroll-style {
    border-radius: 10px 10px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #5B5A5A;
    height: 100%;
    width: 4px;
}

.scroll-bar:hover .scroll-style {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

.scroll-onpress .scroll-style {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    width: 6px;
    margin-left: -1px;
}

.themes-fixed {
    position: fixed !important;
    bottom: 12px !important;
}

#themes-selector {
    bottom: 415px;
    clear: right;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    right: 12px;
    z-index: 1000;
}

#themes-selector span {
    /*visibility:hidden;*/
    opacity: 1;
    text-shadow: 0 0 2px #000;
}

#themes-selector:hover {
    opacity: 1;
}

#themes-selector:hover span {
    visibility: visible;
}

/* Preferences tabs */
.prop-tabs-cont {
    background: url("/assets/v3/images/tool_grad_over.png") repeat scroll 0 0 #CCCCCC;
    border: 1px solid #999;
    display: inline-block;
    width: 510px;
    height: 22px;
}

.prop-tabs-table {
    background: #F5F5F5;
    border: 1px solid #999;
    border-top: none;
    width: 100%;
    float: left;
    max-height: 500px;
    max-width: 510px;
    overflow-y: auto;
    overflow-x: hidden;
}

.prop-tab {
    float: left;
    border-right: 1px solid #848484;
    font-size: 10px;
    padding: 4px 9.5px;
    background: url("/assets/v3/images/grad.png") repeat-x scroll 0 0px #ddd;
    cursor: default;
    height: 14px;
    text-shadow: 0 1px 0 #E3E3E3;
}

.prop-tab-open {
    height: 15px;
    background: url("/assets/v3/images/tool_grad.png") repeat-x scroll 0 -6px #F5F5F5;
}

.prop-table {
    border: 1px solid #cccccc;
    border-bottom: none;
    font-size: 12px;
    margin: 10px;
    width: 480px;
}

.prop-table td {
    border-bottom: 1px solid #cccccc;

}

.prop-table-label {
    background: #fff;
    width: 40%;
}

.prop-table-value {
    background: #EEEEEE;
    border-left: 1px solid #CCCCCC;
    white-space: pre-wrap;
}

.prop-table-detail {
    color: #777777;
    display: block;
    font-size: 9px;
    white-space: normal;
}

.valueDiv .edit-text, .valueDiv .edit-option, .valueDiv-long .edit-textarea, .valueDiv .edit-dropdown {
    font-size: 12px;
}

.valueDiv {
    width: 275px;
    overflow: hidden;
    border: 1px solid transparent;
}

.valueDiv-long {
    overflow: hidden;
    max-height: 200px;
    border: 1px solid transparent;
    white-space: pre-wrap;
}

a[rel="external"], a.external {
    white-space: nowrap;
    padding-right: 15px;
    background: url(/assets/v3/images/external.gif) no-repeat 100% 50%;
    zoom: 1;
}

.CodeMirror-line-numbers {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #AAAAAA;
    font-size: 10pt;
    font-family: monospace;
    padding: 5px 4px;
    border-right: 1px solid #ccc;
}

.hidden-field-warning {
    background: lightYellow;
    border: 1px solid #DCDCBC;
    font-size: 10px;
    margin-bottom: -3px;
    margin-top: 4px;
    padding: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* form-edit-texts */
.string-edit-hint {
    background: #bbb;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #444444;
    display: inline-block;
    float: none;
    font-size: 12px;
    margin: 10px;
    padding: 10px 15px;
    text-shadow: 0 1px 0 #E0E0E0;
}

#form-string, #payment-string {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #666;
    font-size: 11px;
    text-shadow: 0 1px 0 #FFFFFF;
    margin: 0 25px 20px;
    padding: 0 0;
}

#form-string textarea, #payment-string textarea {
    width: 328px;
    height: 50px;
    margin-bottom: 5px;
    border: 2px solid #ccc;
    padding: 4px;
    /* css3 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#form-string .now-editing, #payment-string.now-editing {
    background: lightyellow !important;
}

#form-string button, #payment-string button {
    margin-left: 10px;
}

#form-string li, #payment-string li {
    padding: 10px 5px;
    position: relative;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
}

#form-string li .original, #payment-string li .original {
    margin-bottom: 5px;
}

.edit-hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 224, 0.8);
    text-align: center;
    font-size: 16px;
    line-height: 33px;
    cursor: default;
}

#form-string li:hover .edit-hover, #payment-string li:hover .edit-hover {
    display: block;
}

/* form-edit-texts end */

.wizard-loading-icon {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 25px;
}

#wizard-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
}

.field-details {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    margin: 17px 0 7px;
    padding-top: 6px;
    position: relative;
}

.field-details legend {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    left: 6px;
    padding: 2px 10px;
    position: absolute;
    text-shadow: none;
    top: -10px;
    font-size: 10px;
    font-weight: normal;
}

table#buttonWizard td {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

table#buttonWizard td:hover {
    background: #CCC;
}

table#buttonWizard td.activeButton {
    background: #AAA;
}

.template-search-wrapper,
.template-search-wrapper * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../form-templates/js/lib/boxsizing.htc);
}

.template-search-wrapper {
    width: 350px;
}

#template-search {
    font-size: 12px;
    padding: 6px 8px 4px;
    width: 100%;
    border: 1px solid #aaa;

    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px;

    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#template-search-output {
    width: 350px;
    margin: 0px;
    padding: 6px 0 3px;
    background: #fff;
    border: 1px solid #bbb;

    -moz-box-shadow: 0 3px 1px #ccc;
    -webkit-box-shadow: 0 3px 1px #ccc;
    box-shadow: 0 3px 1px #ccc;

    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

#template-search-output .dialog {
    text-align: center;
    color: #aaa;
    font-size: 10px;
    white-space: normal;
}

#template-search-output .dialog span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    float: none;
    margin: 0;
    width: 100%;
    color: #888;
}

#template-search-output li {
    line-height: 18px;
    margin: 3px 0;
    padding: 6px 12px;
    white-space: nowrap;
}

#template-search-output li:hover {
    background: #f5f5f5;
}

#template-search-output li span {
    float: left;
    font-size: 11px;
    margin-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 180px;
    color: #444;
}

#template-search-output li button {
    margin-left: 6px;
    padding: 3px 9px;
    line-height: 12px;
    cursor: pointer;
}

#template-search-output h4 {
    color: #777777;
    font-size: 12px;
    text-align: center;
    white-space: normal;
}

.template-search-banner {
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #aaa;
    padding: 10px;
}

.has-beta {
    color: #8FBC8F !important;
    font-weight: bold !important;
    max-width: 120px !important;
}

#nav-login-ul {
    display: block;
    z-index: 999999;
    background: white;
    position: absolute;
    top: 48px;
    right: -18px;
    border: 1px solid #BBB;
    padding: 30px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

div.error div.errorMessage,
div.correct div.correctMessage,
div.neutral div.neutralMessage {
    display: inline;
}

div.error div.correctMessage,
div.error div.neutralMessage,
div.correct div.errorMessage,
div.correct div.neutralMessage,
div.neutral div.errorMessage,
div.neutral div.correctMessage {
    display: none;
}

div.errorMessage, div.neutralMessage, div.correctMessage {
    display: none;
}

div.error input {
    border: 2px solid red;
}

input#widgetToolbarFilter {
    margin: 12px -5px;
    width: 162px;
    border:none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px 12px 8px 26px;
    background: #fcfcfc;
}

input#widgetToolbarFilter + img {
    position: absolute;
    top: 57px;
    right: 25px;
}



.dnf {
    display: none !important;
}

.vh {
    visibility: hidden;
}

.tools .moreWidgetsField {
    border-top: 1px solid #ddd !important;
    padding: 8px 8px 5px 25px !important;
    margin: 12px -5px 0;
    line-height: 15px;
}

.tools .moreWidgetsField:hover {
    margin: 12px 5px 0 0;
    padding: 8px 3px 5px 20px !important;
}

.moreWidgetsField img:first-child {
    background: none;
}

.moreWidgetsField span {
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    color: #f98e03;
}

#shippingOptions td, #taxOptions td {
    text-align: center;
    padding: 12px 0;
    border: 1px solid lightgrey;
    background-color: #FFFFFF;
}

#shippingOptions div {
    padding: 5px 20px 20px;
}

#shippingOptions th {
    background-color: #FFFFFF;
    padding: 14px;
    font-size: 12px;
    border: 1px solid lightgrey;
}

#shippingOptions table, #taxOptions table {
    border-collapse: collapse;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid lightgray;
    font-size: 10px;
    margin: 0px 10px;
    width: 96%;
}

#taxOptions table {
    width: 90% !important;
}

#taxOptions td, #taxOptions th {
    text-align: center;
    background-color: transparent;
    border: medium none !important;
    padding: 0 0 4px !important;
    font-size: 11px;
}

#taxOptions table {
    text-align: center;
    background-color: transparent;
    border: medium none !important;
}

#tax-location-table {
    border: medium none !important;
    width: 100% !important;
    background-color: transparent;
}

#tax-location-table p {
    font-size: 11px;
}

#tax-location-table td {
    border-right: medium none !important;
    border-top: medium none !important;
    border-left: medium none !important;
    border-bottom: 1px solid lightgrey;
    padding: 6px 0;
}

.shippingInput {
    padding: 2px 4px;
    text-align: left;
}

.taxInput {
    margin-left: 20px;
    padding: 2px 4px;
    text-align: right;
}

#loading-indicator {
    bottom: -40px;
}

#loading-indicator > img {
    margin-top: 2px;
}

img#shadoww {
    position: absolute;
    float: left;
    left: -10px;
    top: 0px;
    height: 100%;
    width: 10px;
    z-index: 10;
}

/*footer styles*/
#footer-nav > ol {
    font-size: 10px;
    list-style: inside decimal;
    margin: 0px;
    padding: 10px 0;
    line-height: 12px;
}

#footer-nav > div {
    padding-top: 4px;
    line-height: 12px;
}

#footer-nav button#j2m {
    padding: 2px;
    font-size: 12px;
    width: 100%;
}

#footer-nav button#j2m > div {
    line-height: 20px;
}

#footer-nav button#j2m > div > img {
    margin-left: -7px;
    margin-right: 5px;
    margin-top: 3px;
}

#formDesignerButton img {
    background-image: url(/assets/v3/images/toolbar/icon-palette.png);
    background-position: 0 0;
}

/*Header form templates link related styles*/
.headerFormTemplatesLink a {
    color: #f90;
}

.headerFormTemplatesLink {
    position: absolute;
    top: 47px;
    left: 735px;
    width: 170px;
    font-size: 12px;
    height: 17px;
}

.footerFormTemplatesLink {
    margin-top: 22px;
}


.oh {
    overflow: hidden;
}

/* Design Competition Ad banner, 13.10.2014, ömer */

/*.design-contest-ad {
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    position: fixed;
    left: 10px;
    z-index: 100;
    bottom: 0;
    height: 40px;
    width: 170px;
    background: red;
    background: url('/assets/v3/images/banners/user-choice-award-banner.png') top left no-repeat;
}

.design-contest-ad a.go {
    display: block;
    height: 100%;
    width: 100%;
}

.design-contest-ad:hover {
    height: 254px;
}*/


/*  FormsCentral Banner, ömer */
.static-ad {
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    position: fixed;
    right: 30px;
    z-index: 100;
    bottom: 0;
    height: 68px;
    width: 226px;
    background: red;
    background: url('/assets/v3/images/banners/podo-ad.png') top left no-repeat;
}

.static-ad a.go {
    display: block;
    height: 100%;
    width: 100%;
}

.static-ad:hover {
    height: 204px;
}

/*DOGUS*/
.dragger-item {
    display: none;
    position: relative;
    height: 16px;
    width: 16px;
    float: right;
    margin-left: 3px;
    background: url('/assets/v3/images/move1.png') center center no-repeat;
    background-size: contain;
    z-index: 999999;
}

.form-checkbox-item, .form-radio-item {
    position: relative;
    -webkit-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -ms-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -moz-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -o-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
}

.form-checkbox-item:after, .form-radio-item:after {
    -webkit-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -ms-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -moz-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    -o-transition: all 250ms cubic-bezier(0.24, 1, 0, 1);
    transition: all 250ms cubic-bezier(0.24, 1, 0, 1);

    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    right: -25px;
    bottom: -5px;
    width: auto;
    height: auto;
    background-color: #F5F5F5;
    border: 1px dashed rgba(0, 0, 0, 1);
    opacity: 0;
    z-index: -1;
    border-radius: 5px;
}

.live-drag {
    z-index: 99999;

    -webkit-transition: none 1ms cubic-bezier(1, 1, 0, 1);
    -ms-transition: none 1ms cubic-bezier(1, 1, 0, 1);
    -moz-transition: none 1ms cubic-bezier(1, 1, 0, 1);
    -o-transition: none 1ms cubic-bezier(1, 1, 0, 1);
    transition: none 1ms cubic-bezier(1, 1, 0, 1);
}

.live-drag:after {
    opacity: 1;
}

.live-drag *::selection {
    background: rgba(0, 0, 0, 0);
}

.form-checkbox-item.lt-up, .form-radio-item.lt-up {
    -webkit-transform: translate3d(0, -9px, 0);
    -ms-transform: translate3d(0, -9px, 0);
    -moz-transform: translate3d(0, -9px, 0);
    -o-transform: translate3d(0, -9px, 0);
    transform: translate3d(0, -9px, 0);
}

.form-checkbox-item.lt-down, .form-radio-item.lt-down {
    -webkit-transform: translate3d(0, 9px, 0);
    -ms-transform: translate3d(0, 9px, 0);
    -moz-transform: translate3d(0, 9px, 0);
    -o-transform: translate3d(0, 9px, 0);
    transform: translate3d(0, 9px, 0);
}

.item-live-edit .dragger-item {
    display: inline-block;
}


/* Widgets Tabs */
.panel-nav-tabs li {
    display: inline-block;
    width:50%;
    text-align: center;
}

.panel-nav-tabs a {
    display: block;
    padding: 10px 0;
    font-size:10px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color:#999;
    font-weight: normal;
    background: #e9e9e9;
    border-bottom:1px solid #c4c4c4;
}
.panel-nav-tabs li:first-child a {
    border-right:1px solid #c4c4c4;
}


.panel-nav-tabs a.active {
    font-weight: bold;
    color:#4a4a4a;
    border-bottom-color: transparent;
    background: #f5f5f5;
}

/* Widgets Favs Empty State */
.widgetFavs-empty {
    text-align: center;
    padding:18px 0;
    font-family: Arial, sans-serif;
}

.widgetFavs-empty .emptyFav{
    margin:36px 0 18px;
    opacity: 0.8;
}

.widgetFavs-empty p {
    color:#b5b5b5;
    font-size:13px;
    line-height: 1.3em;
    margin:0 0 15px;
}

.widgetFavs-empty button {
    color:#f98e03;
    font-size:12px;
    text-transform: uppercase;
    background: none;
    border:none;
    cursor: pointer;
}

.widgetFavs-empty button:hover {
    color:#FFB452;
}

.tab-pane { display: none; }
.tab-pane.active { display: block; }

#widgetsPanel {
    border-bottom: none;
}

#widgetFavTools {
    padding-top: 12px;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  top: 0;
  left: 0;
  z-index: 1001;
}

.overlay-content {
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: #fff;
  padding: 20px;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

.img-wrapper img {
  display: block;
}

.lb-prev-button,
.lb-next-button {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  color: transparent;
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s ease;
  background-repeat: no-repeat;
  background-position: center center;
}

.lb-prev-button {
  left: -70px;
  background-image: url(https://cdn.jotfor.ms/assets/img/v3/lightbox/prev.png);
}
.lb-next-button {
  right: -70px;
  background-image: url(https://cdn.jotfor.ms/assets/img/v3/lightbox/next.png);
}

.lb-close-button {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: -4px;
  color: transparent;
  cursor: pointer;
  background: url(https://cdn.jotfor.ms/assets/img/v3/lightbox/close.png) center center no-repeat;
}

.overlay-content:hover .lb-prev-button,
.overlay-content:hover .lb-next-button {
  opacity: 1;
}

.switchToV4-button {
  display: inline-block;
  line-height: 29px;
  float: right;
  font-weight: 400;
  background-color: #eee;
  color: #f98e30;
  margin-top: 6px;
  border-radius: 3px;
  padding: 0 14px;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
  cursor: pointer;
  border: 0;
}

.switchToV4-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.switchToV4-button:hover { background-color: #fff; }

.deprecation-wrapper {
    background: #fff5d2 !important;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}

.deprecation-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='40' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F9A400' fill-rule='evenodd' d='M15.6 20A7.3 7.3 0 1 1 .9 20a7.3 7.3 0 0 1 14.7 0Zm-7.4 2a.7.7 0 0 1-.6-.7v-4.6a.7.7 0 1 1 1.3 0v4.6c0 .4-.3.7-.7.7Zm0 .7a.7.7 0 1 0 0 1.3.7.7 0 0 0 0-1.3Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.3 12h16v16H.3z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 16px;
    width: 16px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.deprecation-message {
    flex-grow: 1;
    padding: 0 8px;
}

.deprecation-feedback-button {
    border: 1px solid #0075E3;
    background-color: transparent;
    border-radius: 4px;
    padding: 10px;
    color: #0075E3;
    text-decoration: none;
    white-space: nowrap;
}

.deprecation-feedback-button:hover {
    background-color: #edf8ff;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}