@CHARSET "UTF-8";

.jquery-selectbox {
    position: relative;
    height: 25px;
    border: 1px solid #cc4d00;
    width: 173px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 4px 0px 0px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px;
    background:#fff;
    font-weight:normal;
}
.jquery-selectbox.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.jquery-selectbox .jquery-selectbox-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 173px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #cc4d00;
}
.jquery-selectbox .jquery-selectbox-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox2.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
}
/*.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
    background: url("../img/lay-selectMoreButtonHover.gif");
}*/

.jquery-selectbox .jquery-selectbox-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .jquery-selectbox {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}


/*  OYUN SELECTBOX */

.oyun {
    position: relative;
    height: 25px;
    border: 1px solid #cc4d00;
    width: 173px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 4px 0px 0px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px;
    background:#fff;
    font-weight:normal;
}
.oyun.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.oyun .oyun-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.oyun .oyun-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background:#fff;
    width: 173px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #ccc;
}
.oyun .oyun-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox2.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
}

.oyun .oyun-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.oyun .oyun-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .oyun {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}


/*  GREY OPERATOR SELECTBOX */

.operator_grey {
    position: relative;
    height: 25px;
    border: 1px solid #ccc;
    width: 150px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 0px 0px 2px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px;
    background:#fff;
}
.operator_grey.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.operator_grey .operator_grey-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.operator_grey .operator_grey-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 150px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #ccc;
}
.operator_grey .operator_grey-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
}

.operator_grey .operator_grey-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.operator_grey .operator_grey-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .operator_grey {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}

/*  MELODİ SELECTBOX */

.melodi {
    position: relative;
    height: 25px;
    border: 1px solid #77bb22;
    width: 170px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 0px 0px 2px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px;
    background:#fff;
}
.melodi.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.melodi .melodi-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.melodi .melodi-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 170px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #77bb22;
}
.melodi .melodi-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox_green.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
}

.melodi .melodi-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.melodi .melodi-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .melodi {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}

/*  PREFIX KONTROL */

.prefix {
    position: relative;
    height: 25px;
    border: 1px solid #cc4d00;
    width: 40px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 2px 0px 0px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px 0px 0px 0px;
    background:#fff;
    font-weight:normal;
}
.prefix.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.prefix .prefix-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.prefix .prefix-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 35px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #ccc;
}
.prefix .prefix-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox2.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
    
}
/*.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
    background: url("../img/lay-selectMoreButtonHover.gif");
}*/

.prefix .prefix-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.prefix .prefix-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .prefix {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}

/*  PREFIX GREY */

.prefix_grey {
    position: relative;
    height: 25px;
    border: 1px solid #ccc;
    width: 40px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 2px 0px 0px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px 0px 0px 0px;
    background:#fff;
    font-weight:normal;
}
.prefix_grey.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.prefix_grey .prefix_grey-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.prefix_grey .prefix_grey-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 35px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #ccc;
}
.prefix_grey .prefix_grey-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
    
}

.prefix_grey .prefix_grey-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.prefix_grey .prefix_grey-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .prefix_grey {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}

/*  PREFIX KONTROL */

.prefix_green {
    position: relative;
    height: 25px;
    border: 1px solid #77bb22;
    width: 40px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 2px 0px 0px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px 0px 0px 0px;
    background:#fff;
    font-weight:normal;
}
.prefix_green.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.prefix_green .prefix_green-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.prefix_green .prefix_green-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 35px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #ccc;
}
.prefix_green .prefix_green-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox_green.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
    
}

.prefix_green .prefix_green-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.prefix_green .prefix_green-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .prefix_green {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}

/*  MELODİ CROSS SELECTBOX */

.melodi_cross {
    position: relative;
    height: 25px;
    border: 1px solid #77bb22;
    width: 150px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 0px 0px 2px 0;
    font-size: 12px;
    color: #121212;
    padding: 0px;
    background:#fff;
}
.melodi_cross.selecthover {
    border-color: #406C80;
    background-color: #FFF;
    z-index: 700;
}   
.melodi_cross .melodi_cross-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.melodi_cross .melodi_cross-list {
    display: none;
    position: absolute;
    top: 25px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 150px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #77bb22;
}
.melodi_cross .melodi_cross-moreButton {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    background: transparent url(/skins/default/img/selectbox_green.gif) no-repeat scroll right;
    width: 16px;
    height: 25px;
    cursor: pointer;
}

.melodi_cross .melodi_cross-item.listelementhover {
    background: #406C80;
    color: #fff;
}
.melodi_cross .melodi_cross-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .melodi_cross {
    color: #d00;
    border-color: #d00;
    background-image: url("../img/bg-TextFieldError.gif");
}