/* /// ams-box /// */
.ams-box {
    background-color: #FFFFFF;
    border: medium none;
    display: block;
    margin: 0 0 12px 12px;
}

.ams-box-title {
    background: #b5d331 none repeat scroll 0 0;
    border-color: #b5d331 #6b2c94;
    border-style: none solid solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 14px;
    padding: 0 7px 2px;
    z-index: 1;
}

.ams-box-in {
    border-color: #b5d331 #6b2c94;
    border-style: solid solid none;
    border-width: 1px;
    clear: both;
    overflow: hidden;
    padding: 5px 9px 7px;
}

.ams-box-title-rnd .rnd2, .ams-box-title-rnd .rnd3 {
    background-color: #b5d331;
}

.ams-box-title-rnd .rnd2, .ams-box-title-rnd .rnd3, .ams-box-in-rnd .rnd2, .ams-box-in-rnd .rnd3 {
    border-color: #6b2c94;
}

.rnd1, .rnd2, .rnd3 {
    overflow: hidden;
}

.rnd1, .rnd2, .rnd3 {
    border: 0 solid;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}

.rnd1 {
    background: #6b2c94 none repeat scroll 0 50%;
    margin: 0 4px;
}

.rnd2 {
    border-width: 0 2px;
    margin: 0 2px;
}

.rnd3 {
    border-width: 0 1px;
    height: 2px;
    margin: 0 1px;
}

/* /// sortable container /// */
.ams-sortable-container {
    background-color: paleturquoise;
    padding: 10px 5px;
}

/* illuminates on dragged element over container */
.ams-sortable-container-hover {
    background-color: turquoise;
}

/* /// dynamic list /// */
.ams-list {
    border: 1px solid black;
    background-color: white;
    font-family: arial, sans-serif;
    font-size: 0.8em;
}

.ams-list-item {
    padding: 1px 3px;
}

.ams-list-item-selected {
    background-color: darkblue;
    color: white;
}

.ams-list-item-hover {
    background-color: darkblue;
    color: white;
}

/* /// combobox /// */
.ams-combobox {
}

.ams-combobox-input {
}

.ams-combobox-button {
}

/* /// autocomplete /// */
.ams-autocomplete {
    width: 150px;
}

.ams-autocomplete .ams-list {
    width: 200px;
}

.ams-addrValidator-autocomplete {
    text-align: left;
    direction: ltr;
}

.ams-addrValidator-autocomplete .ams-list {
    width: 180px;
    text-align: left;
    direction: ltr;
}



/* /// scroll content component /// */
.ams-scroll-container {
    border: 1px solid black;
    height: 100px;
    overflow: hidden;
}

.ams-scroll-container .ams-scroll-content {
    width: 100%;
    overflow: visible;
}