/*
	Forms ~ Blender CSS.
	Forms style sheet
*/

/* =Typography
----------------------------------------------------------------------------*/
form {
    margin:0 0 20px;
    line-height:1.5em;
}

form label {
    color:#5DACED;
    font-weight:bold;
    font-size:10px;
}

input[type="text"], input[type="password"], textarea, input[type="file"] {
    border:1px solid #C5E5F4;
}

form.action {
    padding:20px 20px 1px;
    background:#fff;
    border:1px solid #EAEBD2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

form.action fieldset {
    position:relative;
    padding-top:24px;
}

form.action input[type="text"], form.action label, form.action input[type="password"] {
    display:block;
}

form.action input[type='text'], form.action input[type="password"], #inline_edit_form input[type='text'] {
    padding:4px;
    font-size:18px;
    width:98%;
    background:#F8F9F1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

form.action input.itemInlineInput {
    width:200px;
    display:inline;
    margin:0 10px 0 0;
}

form.action input[type="file"] {
    padding:4px;
    font-size:18px;
    width:98%;
    background:#F8F9F1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

form.action textarea, #inline_edit_form textarea {
    width:98%;
    padding:4px;
    background:#F8F9F1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height:80px;
}

form.action textarea:hover, form.action input[type="text"]:hover, form.action input[type="password"]:hover, #inline_edit_form textarea:hover, #inline_edit_form input[type="text"]:hover, #inline_edit_form input[type="password"]:hover {
    background:#F6F9E0;
}

form.action textarea:focus, form.action input[type="text"]:focus, form.action input[type="password"]:focus, #inline_edit_form textarea:focus, #inline_edit_form input[type="text"]:focus, #inline_edit_form input[type="password"]:focus {
    background:#fff;
}

form.action div {
    margin:0 0 20px;
}

form.action div.metaKey, form.action div.metaValue {
    margin:0;
}

form.action input[type="submit"], #inline_edit_form input[type="submit"] {
    background:#FFAE00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    padding:5px 15px;
    width:120px;
    border:none;
    display:block;
    text-align:center;
    color:#fff;
}

form.action input[type="submit"]:hover {
    background:#4899DF;
    color:#fff;
}

form.action legend span {
    margin-bottom:10px;
    display:block;
    color:#FFAE00;
    font-size:18px;
/*    text-shadow: 0px 1px 1px #9A9A9A;
*/    position:absolute;
}

form ul {
    list-style:none;
}

.form_inline_list input[type="text"]#id_qty {
    width:30px;
}

.form_inline_list {
    list-style:none;
}

.form_inline_list li {
    width:60px;
    float:left;
}

#inline_update_form legend {
    color:#449FDF;
}

#inline_update_form input[type="submit"] {
    display:block;
    color:#fff;
    background:#449FDF;
    line-height:30px;
    height:30px;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    margin-top:10px;
    border:none;
}

#inline_update_form input[type="submit"]:hover {
    background:#FFBC06;
    color:#fff;
}

#inline_update_form textarea {
    padding:5px;
    width:98%;
}

/* popin form */
#inline_edit_form legend {
    color:#449FDF;
}

#inline_edit_form input[type="submit"] {
    display:block;
    color:#fff;
    background:#449FDF;
    line-height:30px;
    height:30px;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    margin-top:10px;
    border:none;
}

#inline_edit_form input[type="submit"]:hover {
    background:#FFBC06;
    color:#fff;
}

#inline_edit_form textarea {
    padding:5px;
    width:98%;
}

form.action #div_id_remember label {
    display:inline;
    font-size:inherit;
}

.metaKey, .metaValue {
    width:150px;
    float:left;
}

form.action div.metaKey {
    margin-right:20px;
}

#item_meta_list input[type="text"] {
    width:140px;
}

p.add_more_block {
    margin-bottom:20px;
}

#friends_search {
    padding-top:20px;
    margin:0 0 20px;
}

#find_friends {
    padding:5px;
    background:#D2E8FB;
    position:relative;
}

#find_friends legend span {
    position:absolute;
    top:-25px;
}

#find_friends input[type="submit"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color:#fff;
    background:#449FDF;
    line-height:15px;
    height:15px;
    text-align:center;
    text-decoration:none;
    font-size:10px;
    border:none;
    margin-top:3px;
    display:block;
}

.user_block {
    width:200px;
    float:left;
    margin-right:10px;
}

.invite {
    width:60px;
    float:left;
}

#id_to_user {
    width:100%;
}

.hide {
    display:none;
}

#item-list, #item-list-selected {
    list-style-type: none;
    width:262px;
    float:left;
    margin: 0 6px 0 0;
    padding: 0;
    border: 2px solid #C5E5F4;
    height:200px; 
    overflow: auto;
}

#item-list-selected {
    margin:0;
}

#item-list li, #item-list-selected li {
    margin: 0;
    padding: 2px 5px;
}

#item-list li:hover, #item-list-selected li:hover {
    background:rgb(251,248,210);
    background:rgba(251,248,210,0.5);
}

/* =Error Messages
----------------------------------------------------------------------------*/
#errorMsg, .errorlist li {
    background:#FFA1A8;
    color:#BB0000;
    text-align:center;
    font-weight:bold;
    padding:5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#errorMsg ul {
    margin:0;
    list-style:none;
}

#errorMsg p {
    margin:0;
}

.messagelist {
    list-style:none;
    color:#BB0000;
}