/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form fieldset {
    border: 1px solid #DDD;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 7px;
}

div.form label {
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}

div.form .row {
    margin: 5px 0;
}

div.form .hint {
    margin: 0;
    padding: 0;
    color: #999;
}

div.form .note {
    font-style: italic;
}

div.form span.required {
    color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error {
    color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
    background: #FEE;
    border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
    background: #E6EFC2;
    border-color: #C6D880;
}

div.form .errorSummary {
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}

div.form .errorSummary p {
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.wide.form .row {
    clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
    clear: left;
    padding-left: 110px;
}

div.form_checkbox,
div.form_checkbox label {
    display: inline;
}

div.form_checkbox {
    margin: 0 8px 0 0;
}

div.login-form {
    width: 450px;
    margin: auto;
    margin-bottom: 30px;
}

/* remove standard-styles */
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e5e5e5;
    border-radius: 0;
}

#custom_thumbnail_selector span,
span.fileinput-button,
label,
input {
    line-height: 22px;
    font-size: 13px;
    padding: 2px 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

label {
    padding-left: 0;
    padding-right: 6px;
}

span.fileinput-button {
    border: 1px solid #aaa;
    background-color: #EAEAEA;
    padding: 6px 20px;
}

#custom_thumbnail_selector span,
input[type="submit"],
input[type="button"] {
    position: relative;
    top: -1px;
    border: 1px solid #aaa;
    border-radius: 0;
    line-height: 23px;
    margin-left: 10px;
    background-color: #EAEAEA;
    padding: 2px 14px;
}

#custom_thumbnail_selector span {
    top: 3px;
    padding: 6px 20px;
}

#custom_thumbnail_selector span:hover,
span.fileinput-button:hover,
input[type="submit"]:hover {
    color: red;
    cursor: pointer;
}

input[type="file"] {
    border: 0;
}

form .row {
    margin-bottom: 10px;
}

form#file-form .left {
    width: 308px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #aaa;
    padding: 7px 36px 7px 10px;
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAKCAYAAAA6jzeaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVERjJERkRBQkVCMTFFNEFDN0Q5QjI0MDk3OTlBRjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVERjJERkVBQkVCMTFFNEFDN0Q5QjI0MDk3OTlBRjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRURGMkRGQkFCRUIxMUU0QUM3RDlCMjQwOTc5OUFGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRURGMkRGQ0FCRUIxMUU0QUM3RDlCMjQwOTc5OUFGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuR/G+4AAAENSURBVHjatJG9agJREIVnTeIbBPIMVnmCIAhqmUpiYTp3i5Q+ihC5lUVEiYW1BGy0SJsq4AMEAoFACKSw2XwDpxB/UNh14ONw587cOcyN4jgumtkTPIcQJnZkJElyizShRd/KMkQBRtBwEzx8d6QBrxurb2gZw008wh+cw4AB9wcM+P0ALtTXy2yCVc7QOvzCGfQZ1N5jwPN91Xl9Xf2ZN2E8tEBq8KNcYODDhgE/B917XU19losJGXlFKvANEXQZ3JEB167yfl9RfS4RpWm6ufJr5AUulZrquzy+oIqBN8sxtkzISAnxv75aS39qA++WcxR2JTWoDB9KuZZPYWCvCRlZIjcwd9X5JPEvwABY010Pev8kyQAAAABJRU5ErkJggg==');
    background-position: right -10px center;
    background-repeat: no-repeat;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
    display: none;
}

.lt-ie10 select {
    background-image: none;
}

option {
    background: #FFF;
    border-top: 1px solid #aaa;
}

input[type='checkbox'],
input[type='radio'] {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0;
    border: 1px solid #aaa;
    position: relative;
    top: 5px;
    box-shadow: inset 0 0 0 2px white;
}

input[type='radio'] {
    border-radius: 10px;
}

input[type='checkbox']:checked,
input[type='radio']:checked {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAEjklEQVR4Xu2d77kNMRDG51ZACVSACtABHVABKkAFqIAOUAEqQAXogAp43uecJXftn8lmZjJJJl98kE1y3t/Om2x2sveCorhS4MLVaGIwFECc3QQBJIA4U8DZcCJCAogzBZwNJyIkgDhTwNlwIkICiDMFnA0nIiSAOFMgfzhXiegGEX0lop/5l29fERHCVxQgXhDRg+SSN0T0nIi+85sJIFJafSaimwuNIUqeEdEriY4iQngqQvCnO1U/EtHD0mgJIPtAEBWIDk5BtADKO07lpToBZFs5zBsfVqxq60oAAZjsST+AbAN5SUSPDt7tgHGXiL7kXB9A1tW6c46OHD3ndQHlek6kBJBluWFVmDeuldA4XwvrwvKYVQLIskwlVjVvEc8pWKWxSgD5XyYJq0pbfUJEAMwqAeSyTJJWNbWMOYT9JB9ALgORtCq0jKf3x6zQOFcKIP/UukdEb3PE26mLzUfYX9azSAA5qQqr+nb+V4rJrdxnEHQcQE7yIzIQIVIla2WVdhpATiCkrWppV5gFe3QgbqxqojU6EDdWFUCcWdXoQLBHhb0qWJZE+XVe4mbt7C51PKpl4R0HnhGkStb2yFanIwLBkzOSFaTKJ0m4owHRsCoscdl7VXt3wWhA3FrViJO6a6saDYh7qxoNiHurGgkIJ8ltb65N//+98Ebkpb57n9Rzktw4UPAACPvLesfBaXiUCFnLx83RKK17vyQrkdNpzxHSlFX1HiHNWVXvQJqzqp6BNGlV2kBuExFWJMXb0ZyJMKkjneT245z5rraqmv8+6Ukdh1rStElsuiG3FYdZtItGkhuy1y3G/lcbSSCvZ+fvUgBZCccHyVVPcjs4bpUHwy0YU4eaUJq3Ksk5hANDE0oXViUFJAeGFpQurEoCyBEY0lC6sapSICUwpKB0ZVUlQCQfvEomendJbrVWWb8lOk7aOALFVT6upB65zyHSnn3Evtzl49YEgpczOEehUbiR0qVVlcwh2J/C54k0yh6Ubq2qBIj0u4Y52DUoXVtVCRBci29GYemrVZagdG1VpUCsoTSR5CZxd+ausuZ9WkQKtr+ljw6I5uNKgJCIkKkNbSh4pyLxzZFpvGJHByRBSAKxsC+p3y56dEBqUGk7pZaVtqUdKaW/H6+U3VqVdIRY2VcJFNdWpQXEq325typNIN6gNGFV2kA8QVHPxy3x0fm1kpP60rhqT/SqRwckQVhESO2JXv3oQKtAatlXU1ZlGSE1IqU5q6oBxCpSmrSqWkAsoDRpVTWBaELJ/uikxsRc0qb2sndrbNJLYvOjAyXCr11bE4h0pJgfHegRiBSU5q2q9hwyv7lK7KsLq/IGpCRSurAqj0COQOnGqrwCmaDgzMeVnUkTn/I+/H1cjQlZos3aq6y13wCh8UdQ1jIk8cIJWYxmp2MlxOa04RVIuv8F4ZHkjYgBCIBi/8Uajgie6ngH4kkrk7EEEBOZ+Z0EEL5WJjUDiInM/E4CCF8rk5oBxERmficBhK+VSc0AYiIzv5MAwtfKpGYAMZGZ30kA4WtlUjOAmMjM7ySA8LUyqfkHaTnTZcSpHKkAAAAASUVORK5CYII=');
    background-size: contain;
}

input[type='hidden'] + label {
    cursor: pointer;
}

#custom_thumbnail_selector {
    position: absolute;
    overflow: hidden;
    height: 32px;
}

input#File_custom_thumbnail_upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 29px;
    width: 129px;
}