/* 
    Document   : style_nc
    Created on : 18 มี.ค. 2557, 20:34:32
    Author     : arnop
    Description:
        Purpose of the stylesheet follows.
*/
div.text_name
{
    color: #636464;
    white-space:nowrap; 
    width:auto; 
    overflow:hidden; 
    border:0px solid #636464;
    text-overflow:ellipsis;
    padding-left: 5px;
}
div.text_name a
{
    cursor: pointer;
}

div.text_download
{
    white-space:nowrap; 
    width:auto; 
    overflow:hidden; 
    border:0px solid #000000;
    text-overflow:ellipsis;
    padding-left: 5px;
    text-decoration:underline;
}
div.text_download a
{
    cursor: pointer;
}

.imgApAndroid img{
    /*border-radius: 5px 5px 5px 5px;*/
    text-align: left;
}

.shareFacebook img{
    position: absolute;
    z-index: 999;
    margin-left: -9.5%;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
}


/*Black # 2a2a2a 
Purple # 626cdb 
Pink # de577b 
# 3fa38d green light 
Blue # 628cdb 
# 5e905e green 
Orange # de5656 
Who is # 678fa1*/

div.bg_color_black{
    background-color: #2a2a2a;
}

div.bg_color_purple{
    background-color: #626cdb;
}

div.bg_color_pink{
    background-color: #de577b;
}

div.bg_color_light_green{
    background-color: #3fa38d;
}

div.bg_color_blue{
    background-color: #628cdb;
}

div.bg_color_green{
    background-color: #5e905e;
}

div.bg_color_orange{
    background-color: #de5656;
}

div.bg_color_dark_green{
    background-color: #678fa1;
}

div.bg_color_LKT{
    background-color: #092860;
}


/* bt download */ 
div.btn_download{
    border: 1px solid orange;
    background-color: orange;
    font-size: 16px; 
    font-weight: bold;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 35px;
    cursor: pointer;
    color: white;
}

div.btn_download:hover{
    color: #de5656;
    background-color: white;
}

#mask {
    display: none;
    background: #777; 
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: 0.8;
    z-index: 99;
}
.popup_calendar{
    display:none;
    background-color: #3fa38d;
    /* IE10 Consumer Preview */ 
    background-image: -ms-radial-gradient(center, circle closest-corner, #3fa38d 0%, #5e905e 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-radial-gradient(center, circle closest-corner, #3fa38d 0%, #5e905e 100%);
    /* Opera */ 
    background-image: -o-radial-gradient(center, circle closest-corner, #3fa38d 0%, #5e905e 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #3fa38d), color-stop(1, #5e905e));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-radial-gradient(center, circle closest-corner, #3fa38d 0%, #5e905e 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: radial-gradient(circle closest-corner at center, #3fa38d 0%, #5e905e 100%);

    padding: 20px; 	
    border: 1px solid #000;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; 
    left: 50%;
    z-index: 999;
    box-shadow: 0px 0px 20px #6e9aa7;
    -moz-box-shadow: 0px 0px 20px #6e9aa7; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #6e9aa7; /* Safari, Chrome */

    text-shadow: 1px 1px 3px #fff;
    border-radius:10px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
}

.closePopup{
    webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
    -moz-transform:scale(0.9); /*Mozilla scale version*/
    -o-transform:scale(0.9); /*Opera scale version*/
    /*    -webkit-transition-duration: 0.5s; Webkit: Animation duration
        -moz-transition-duration: 0.5s; Mozilla duration version
        -o-transition-duration: 0.5s; Opera duration version*/
    opacity: 1; /*initial opacity of images*/

}
.closePopup:hover{

    -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform:scale(1.1); /*Mozilla scale version*/
    -o-transform:scale(1.1); /*Opera scale version*/
    opacity: 0.9; /*initial opacity of images*/

}

/*===== Pagging Section =====*/
.pagging{
    font-size: 12px;
    padding-right: 10px;
    font-style: normal;
}
.anotherPage{
    font-style: normal;
    text-decoration:none;
    cursor: pointer;
}
.currentPage{
    text-decoration:underline;
    font-weight: bold;
    color: #004a80;
}
.pagging.active {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.pagging.active:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.pagging.active:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}