html, body, form { padding: 0; margin: 0; }


body {
    background: #f5f5f7;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    padding-bottom: 50px;
    overflow-y: scroll;
}

input {
    height: 26px;

    padding: 0;
    margin: 0 1% 0.5em 0;

    border: solid 1px #9c9ea4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 10pt;
}

textarea {
    padding: 0.2em;
    margin: 0 1% 0.5em 0;

    border: solid 1px #9c9ea4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 10pt;
    font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

input.error { border-color: #db5b20; }
input[type=text] { padding-left: 0.5em; }
a:focus { outline: none; }


#typeSelector {
    background: url(images/bg-tabs.png);
    height: 75px;
    padding: 0;
    margin: 0;
}
#typeSelector li {
    float: left;
    line-height: 75px;
    width: 24%;
    list-style: none;

    background: url(images/tabs-border.png) no-repeat right;
    color: #959595;

    font-size: 13pt;
    text-shadow: 0 1px 0px #fff;
    text-align: center;
}

#typeSelector li a {
    text-align: center;
    width: 100%;
    display: block;
    color: #959595;
    text-decoration: none;
}

#typeSelector li:last-child {
    background: none;
}

#typeSelector li.selected a {
    background: url(images/tabs-selected.png) no-repeat center;
    color: #000;
}

/* Editor Zone */
#editor {
    background: url(images/border.png) repeat-x bottom;
}

#editor ul, #editor ol, #editor li, #editor form, #editor .questions {
    padding: 0; margin: 0;
}

#editor form input { display: inline-block; width: 79%; }
#editor form textarea { display: inline-block; width: 100%; }

#editor .questions {
}

#editor .questions>li, #editor div.questions {
    background: url(images/border.png) repeat-x bottom;
    padding: 0 2em 0.1em 2em;
    margin-bottom: 2em;
    list-style: none;
}

#editor .questions h4 {
    position: relative;
    padding: 0 0 5px 35px; margin: 0;
    background: url(images/icon-question.png) no-repeat left 0px;
    color: #333;
    font-weight: normal;
    font-size: 11pt;
    line-height: 1.2em;
}

#editor .questions form {
    background: url(images/icon-answer.png) no-repeat 5px 4px;
    padding: 0 0 18px 30px;
    vertical-align: bottom;
    margin: 12px 0 0 28px;
    overflow: hidden;
}

#editor .questions .answers form.edit {
    margin-left: 0px;
}

#editor form input.add, #editor form input.edit {
    border-color: #197aca;
    background: url(images/bg-addbtn.png) repeat-x;
    color: white;
    text-shadow: 0 -1px 0px #1c86c1;
    width: 18%;

    -moz-box-shadow: 0px 2px 3px #b6b8c1;
    -webkit-box-shadow: 0px 2px 3px #b6b8c1;
    box-shadow: 0px 2px 3px #b6b8c1;
}
#editor form label {
    display: inline-block;
    white-space: nowrap;
    margin-left: 1em;
}
#editor form label input {
    width: auto;
    height: auto;
    float: none;
}


#editor .questions .answers {
    margin: 0 0 0 28px; padding: 8px 0;

    border-top: solid 1px #dbdbdb;
    position: relative;
}

#editor .answers li {
    cursor: default;
    margin: 0 0 0.2em 0; padding: 0 0 0 30px;
    line-height: 28px;
    color: #656565;
    list-style: none;
    background: url(images/icon-dash.png) no-repeat 5px 4px;
    position: relative;


    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#editor .answers li.selected {
    background: url(images/icon-check.png) no-repeat 5px 4px;
}

#editor ul.answers li:hover, #editor div.answers ul:hover {
    background-color: #fff;

    -moz-box-shadow: 0px 1px 2px #dadde5;
    -webkit-box-shadow: 0px 1px 2px #dadde5;
    box-shadow: 0px 1px 2px #dadde5;

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



/* remove button */
#editor a.remove {
    background: url(images/ico-close.png) no-repeat;
    text-indent: -999em;
    display: block;
    position: absolute;
    width: 14px; height: 14px;
}

#editor h4 a.remove { right: 9px; top: 2px;  }
#editor .answers li a.remove { right: 9px; top: 7px;  display: none; }

#editor h4:hover a.remove,
#editor div.answers ul:hover a.remove,
#editor ul.answers li:hover a.remove {
    background: url(images/ico-close-a.png) no-repeat; display:block
}


#editor a.edit {
    background: url(images/ico-edit.png) no-repeat;
    text-indent: -999em;
    display: block;
    position: absolute;
    width: 14px; height: 14px;
}

#editor .answers li a.edit { right: 10px; top: 0px;  display: block; }



/* add question form */
#editor #addquestion {
    clear: both;
    background: url(images/bg-addform.png) repeat-x;
    margin-top: -2em;
    padding: 0 2em;
}

#editor #addquestion div {
    padding: 0 0 0 28px; height: 58px;
    margin-right: -7px;
    background: url(images/icon-question.png) no-repeat left center;
    overflow: hidden;
}


#editor #addquestion input {
    margin-top: 1.2em;
}

#editor #addquestion input.add {
    border-color: #db5b20;
    background: url(images/bg-addbtn-o.png) repeat-x;
    width: 17.2%;
}


#editor #results {
    background: #ecebec url(images/bg-results.png) repeat-x bottom;
    height: 288px;
    padding: 1em 2em;
    border-top: solid 1px #fff;
}
#editor #results label {
    display: block;
    color: #000;
    text-shadow: 0 1px 0px #fff;
    font-size: 13pt;
    font-weight: normal;
    line-height: 1.5em;
}
#editor #results textarea {
    border: solid 1px #9c9ea4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 250px;
    width: 99%;

    padding: 0.3em 0.5em;
}

#editor div.picker form {
    margin-left: 0;
    background-position: 0 4px;
}
#editor div.picker .answers {
    margin-left: 0;
    padding: 4px 7px;
}
#editor div.picker textarea {
    padding: 5px;
}

#editor div.picker p {
    margin: 0 0 1em 0;
    font-size: 10pt;
}

#editor div.picker form { position: relative; }
#editor div.picker form a.edit { right: 10px; top: 5px;  display: block; z-index: 5;}
#editor div.picker form .answers em { background: #85b100; padding: 0.07em 0.2em; margin: 0 -0.2em; color: white; font-style: normal; }

#editor div.picker .answers span:hover {
    padding: 0.07em 0.2em; margin: 0 -0.2em;
    background: #cccccc;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
}


/*


#editor dl {
    background: url(images/border.png) repeat-x bottom;
    padding: 0 2em 0.1em 2em;
    margin-bottom: 2em;
}


#editor dt {
    background: url(images/icon-question.png) no-repeat left 0px;
    padding: 0 0 5px 35px;
    font-size: 11pt;
    color: #333;
    position: relative;
}

#editor dd {
    margin: 0 0 0 28px;
    border-top: solid 1px #dbdbdb;
    position: relative;
}
#editor ol, #editor ul {
    margin: 0.6em 0 0.6em 0; padding: 0;

}



#editor dd ol li:hover, #editor dd ul:hover {
    background-color: #fff;

    -moz-box-shadow: 0px 1px 2px #dadde5;
    -webkit-box-shadow: 0px 1px 2px #dadde5;
    box-shadow: 0px 1px 2px #dadde5;

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

#editor ul li {
    margin: 0 0 0em 0;
}


#editor dd li.selected {
    background: url(images/icon-check.png) no-repeat 5px 2px;
}

#editor dd form {
    background: url(images/icon-answer.png) no-repeat 5px 4px;
    padding-left: 30px;
    vertical-align: bottom;
    margin-top: 1em;
    overflow: hidden;
}

#editor form input {
    width: 80%;
    float: left;
}
#editor form input.add {
    border-color: #197aca;
    background: url(images/bg-addbtn.png) repeat-x;
    color: white;
    text-shadow: 0 -1px 0px #1c86c1;
    width: 18%;

    -moz-box-shadow: 0px 2px 3px #b6b8c1;
    -webkit-box-shadow: 0px 2px 3px #b6b8c1;
    box-shadow: 0px 2px 3px #b6b8c1;
}




#editor dd a.remove { right: 9px; top: 14px; display: none; }
#editor li a.remove { right: 9px; top: 7px;  display: none; }




#editor dt:hover a.remove,
#editor li:hover a.remove,
#editor ul:hover a.remove {
    background: url(images/ico-close-a.png) no-repeat;
    display: block;
}


#addquestion {
    clear: both;
    background: url(images/bg-addform.png) repeat-x;
    margin-top: -2em;
    padding: 0 2em;
}

#addquestion div {
    padding: 0 0 0 28px; height: 58px;
    margin-right: -7px;
    background: url(images/icon-question.png) no-repeat left center;
    overflow: hidden;
}


#editor #addquestion input {
    margin-top: 1.2em;
}

#editor #addquestion input.add {
    border-color: #db5b20;
    background: url(images/bg-addbtn-o.png) repeat-x;
    width: 17.2%;
}




*/