/*
 * Stylesheet with styles for the SubmitStuff component.
 * Author: Salmoneus, http://runescape.salmoneus.net
 * Date: 22 Jan 2013
 */

#ssReqsList ul.requirements {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    border: 1px dashed #AF8252;
    border-right: 0;
    border-left: 0;
}

#ssReqsList ul.requirements > li {
    padding: 3px 6px;
    line-height: 25px;
    font-size: 11px;
}

#ssReqsList ul.requirements > li div.menu {
    display: none;
    width: 300px;
    float: right;
    padding-right: 0;
}

#ssReqsList  ul.requirements > li:hover {
    background: #CFAB81;
}

#ssReqsList ul.requirements > li:hover div.menu {
    display: block;
}

#ssReqsList ul.requirements > li div.menu a {
    float: right;
    width: 50px;
    line-height: 16px;
}

#ssItemRequirements .addRequirement {
    position: relative;
    float: left;
    background-image: url(../../images/add.png);
    width: auto;
    margin-bottom: 2px;
}

#ssReqsList .editRequirement {
    background-image: url(../../images/update.png);
}

#ssReqsList .removeRequirement {
    background-image: url(../../images/remove.png);
}

#ssItemForm input.invalid,
#ssItemForm select.invalid {
    border: 1px solid #f00;
}

#ssItemForm div.itemInput {
    width: 65%;
    float: left;
}

#ssItemForm div.itemContent {
    width: 35%;
    float: left;
}

.submitContent {
    float: right;
}