/*
    Form Element
--------------------------------------------------------------------- */

.foldbox .head {
    background-position:0 -216px;
}
.foldbox .head p {
    cursor:pointer;
    background: url("../images/sprites.png") no-repeat 0 -265px;
    padding-left: 20px;
}
.foldbox .folded p {
    background-position: 0 -284px;
}

.validation-advice {
    color: #8a1f11;
    border-color: #FBC2C4;
    width:70%;
    background:url("../images/sprites.png") #FBE3E4 no-repeat -60px -590px;
    padding-left:24px;
    line-height: 24px;
}

.validation-cmpltn{
    color: #360;
    border-color: #9c6;
    width:70%;
    background:url("../images/sprites.png") #d1e0c1 no-repeat -61px -690px;
    padding-left:24px;
    line-height: 24px;
}

span.required {color:red; margin-left:5px;}

/*
    Form Row
--------------------------------------------------------------------- */

dl.formrow {
    clear:both;
    overflow:hidden;
    padding: 2px 0;
    margin: 1px 0;
}
.formrow dt {
   float:left;
   width:140px;
   text-align: center;
   text-indent: 3em;
}
.formrow dd {
    float:left;
    padding-bottom: 15px;
}

.formrow input.text, .formrow textarea.text {
    width: 350px;
}

.formrow input.mediumtext, .formrow textarea.mediumtext {
    width: 300px;
}

.formrow input.smalltext, .formrow textarea.smalltext {
    width: 150px;
}

.formrow input.tinytext, .formrow textarea.tinytext {
    width: 50px;
}

.formrow .field-hints {
    color: #808080;
    line-height: 24px;
}

.formrow input.scancode {
    width: 350px;
}

.formrow textarea {
    width: 500px;  height:200px
}

/*
    Button Row
--------------------------------------------------------------------- */
.buttonrow {
    _margin:20px auto;
    padding-top:10px;
    text-align:center;
    border-top: 1px solid #ddd;
    clear: both;
}
/*
    Color Block
--------------------------------------------------------------------- */

.color-list {
    line-height: 0;
}
.color-list li {
    float:left;
    width:60px;
    margin-right:5px;
}
.color-list input {
    float: left;
}
.color-block {
    border:1px solid #DEDEDE;
    cursor:pointer;
    display:block;
    float: left;
    height:12px;
    line-height:0;
    width:12px;
    vertical-align: middle;
    margin: 2px;
}
