
/*
Teppefall
xhtml_form.xslt
*/

div.forms {
    margin: 20px auto;
    /*width: 820px;*/
}

form div.formlayout {
    /*border:1px solid #ccc;
    color:#333;*/
    /*font-size:larger;*/
}

form div.formlayout div {
    margin:4px;
}
form div.formlayout div label {
    width:160px;
    text-align:right;
    display:block;
    float:left;
    padding-right:4px;
/*    color:#333;*/
}
form div.formlayout div label.ignore {
    width:auto;
    /*text-align:auto;*/
    display:inline;
    float:none;
    /*padding-right:auto;*/
    /*border:1px solid red;*/
}

form div.formlayout div input[type='text'], form div.formlayout div input[type='password'], form div.formlayout div input[type='file'] {
    padding:2px;
    width:220px;
    /**/
    /*color:#E8E8E8;
    background:#333333;
    border:1px solid #333333;*/
}
form div.formlayout div div.ip input[type='text'] {
    padding:2px;
    width:24px;
    /**/
    color:#E8E8E8;
    background:#333333;
    border:1px solid #333333;
}
form div.formlayout div.ip  {
    color:#E8E8E8;
    /*background:#333333;*/
}
form div.formlayout span.error  {
    padding-left:4px;
    color:white;
    background:#D01F3C;
    font-weight:bold;
    padding:2px;
}
form div.formlayout select, form div.formlayout select option {
    /*color:#E8E8E8;
    background:#333333;
    border:2px solid #333333;*/
}
form div.formlayout textarea {
    padding:2px;
    width:240px;/*300*/
    height:80px;
    /**/
    /*color:#E8E8E8;
    background:#333333;
    border:2px solid #333333;*/
}
form div.formlayout div span label {
    display:inherit;
    float:inherit;
}
form div.formlayout div input[type='submit'] {
    padding:2px;
    margin-left:164px;
    width:100px;
    /*color:white;
    background:#157CB1;
    border-color:#157CB1;*/
    font-weight:bold;
    /*border:1px;*/
}
form div.formlayout div input[type='submit'][disabled] {
    color:#333;
}
form div.formlayout select {
    width:160px;
}
form div.formlayout div.separator {
    height:6px;
}

form div.formlayout div.label {
    margin-left:164px;
    font-size:10px; /*smaller*/
}

form div.formlayout div.cbwrap {
    display:block;
    float:left;
    font-size:10px; /*smaller*/
    /*border:1px solid blue;*/
}

form div.formlayout a {
}

.both {
    clear:both;
}

.info {
    padding-top:10px;
    padding-bottom:10px;
}

.notify {
    background:#007ddb;
    color:#fff;
    padding:4px;
}

.warning {
    background:#D01F3C;
    color:#fff;
    padding:4px;
}


