/* 
    Document   : style
    Created on : 4 ธ.ค. 2556, 9:38:29
    Author     : arnop
    Description:
        Purpose of the stylesheet follows.
*/
table{
    border-collapse:collapse;
}

.bodyFormArtist{
    border: 0.5px solid #E9E9E9;
    width: 97%;
    min-height: 50px;
}
.formListArtist{
    width: 100%;
}
/*.formListArtist td{
    border: 0.5px solid #E9E9E9;
}*/
/*Css in Page*/
.prev_container{
    overflow: auto;
    width: 150px;
    height: 135px;
}
.prev_thumb{
    /*                margin: 10px;*/
    min-height: 50px;
    width: 100px;
}
.preview_all{
    height: 75px;
    width: 100px;
    margin-bottom: 10px;
}

.headSection{
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 10px;
}

/*combo box*/
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}

/*buttonAritst*/
.buttonAritst {
    padding: 4px 10px 6px 25px;
    border: 1px solid #D3D3D3;
    /*border-radius: 0.5em;*/
    position: relative;
    display: inline-block;

    /*    background: #e3fcd6;  old browsers 
        background: -moz-linear-gradient(top, #e3fcd6 0%, #c1f9a6 100%);  firefox 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3fcd6), color-stop(100%,#c1f9a6));  webkit 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3fcd6', endColorstr='#c1f9a6',GradientType=0 );  ie */

    background: #F8F8F8; /* old browsers */
    background: -moz-linear-gradient(top, #F8F8F8 0%, #E9E9E9 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E9E9E9)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E9E9E9',GradientType=0 ); /* ie */

    text-shadow: 1px 1px #D3D3D3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background-repeat: repeat-x;
    font-size: 12px;
    height: 14px;
    text-decoration: none;
    color: #000;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}



.buttonAritst img {
    position: absolute;
    top: -2px;
    left: -2px;
    border: none;
    width: 28px;
    height: 28px;
    cursor: pointer;
    opacity: 0.7;
    transform: scale(0.97);
}

.buttonAritst img:hover {
    opacity: 1;
    transform: scale(1);
}

.buttonAddArtist{
    display: inline-block;
    border: 1px solid #D3D3D3;
    border-radius: 0.5em;
    text-shadow: 1px 1px #D3D3D3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #00FFFFFF;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: .4em .5em .4em;
    margin-top: -3px;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;

    background: #E9E9E9; /* old browsers */
    background: -moz-linear-gradient(top, #E9E9E9 0%, #D3D3D3 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#D3D3D3)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#D3D3D3',GradientType=0 ); /* ie */

    cursor: pointer;
    opacity: 1;
}
.buttonAddArtist:hover {
    border: 1px solid #4c4c4c;
    box-shadow: 1 1px 2px rgba(0, 0, 0, 0.2);
    opacity: 0.7;

}

.spaces10{
    height: 10px;
}