/**
 * @Project NUKEVIET 4.x
 * @Author VINADES.,JSC (contact@vinades.vn)
 * @Copyright (C) 2015 VINADES.,JSC. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Sun, 26 Jul 2015 10:45:33 GMT
 */
 
.infoerror{padding:10px;margin-bottom:10px;background:#FFCCCC;border:1px #FF6666 solid;text-align:center;color: red;font-weight: bold;}
.infoalert{padding:10px;margin-bottom:10px;border:1px #66CCFF solid;text-align:center;color: red; font-size: 20px;}

 /* FORM */
.input-area input[type="submit"],.input-area input[type="reset"],.input-area input[type="image"]{padding:8px 30px 7px 30px;margin:5px 2px;color:white;font-size:12px;text-transform:uppercase;cursor:pointer;font-weight:bold;background:#303135;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(48,49,53)),color-stop(100%,rgb(59,61,66)));background-image:-webkit-linear-gradient(bottom,rgb(48,49,53) 0%,rgb(59,61,66) 100%);background-image:-moz-linear-gradient(bottom,rgb(48,49,53) 0%,rgb(59,61,66) 100%);background-image:-o-linear-gradient(bottom,rgb(48,49,53) 0%,rgb(59,61,66) 100%);background-image:-ms-linear-gradient(bottom,rgb(48,49,53) 0%,rgb(59,61,66) 100%);background-image:linear-gradient(bottom,rgb(48,49,53) 0%,rgb(59,61,66) 100%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #303030;text-shadow:0px 1px 0px black;}
.input-area input[type="submit"]:hover,.input-area input[type="reset"]:hover,.input-area input[type="image"]:hover{background-color:#94BD2D;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(100%,#2C2D30)color-stop(0%,#212124));background-image:-webkit-linear-gradient(bottom,#2C2D30 100%,#212124 0%);background-image:-moz-linear-gradient(bottom,#2C2D30 100%,#212124 0%);background-image:-o-linear-gradient(bottom,#2C2D30 100%,#212124 0%);background-image:-ms-linear-gradient(bottom,#2C2D30 100%,#212124 0%);background-image:linear-gradient(bottom,#2C2D30 100%,#212124 0%);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.3);-moz-box-shadow:0px 1px 1px rgba(0,0,0,.3);box-shadow:0px 1px 1px rgba(0,0,0,.3);border:1px solid #171717;}
.input-area input[type="submit"]:active,.input-area input[type="reset"]:active,.input-area input[type="image"]:active{-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.9) inset;-moz-box-shadow:0px 1px 3px rgba(0,0,0,.9) inset;box-shadow:0px 1px 3px rgba(0,0,0,.9) inset;border:1px solid #0b0b0b;}
.input-area a, .input-area input[type="button"]{padding:8px 10px 7px 10px;margin:5px 2px;color:#ffffff;font-size:12px;cursor:pointer;font-weight:bold;background:#545a5f;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,url(../images/ytbgwhitemenu.png) repeat),color-stop(100%,#F5F5F5));background:-webkit-linear-gradient(bottom,url(../images/ytbgwhitemenu.png) repeat 0%,#F5F5F5 100%);background:-moz-linear-gradient(bottom,url(../images/ytbgwhitemenu.png) repeat 0%,#F5F5F5 100%);background:-o-linear-gradient(bottom,url(../images/ytbgwhitemenu.png) repeat 0%,#F5F5F5 100%);background:-ms-linear-gradient(bottom,url(../images/ytbgwhitemenu.png) repeat 0%,#F5F5F5 100%);background:linear-gradient(bottom,url(../images/ytbgwhitemenu.png) repeat 0%,#F5F5F5 100%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #dcdcdc;}
.input-area input[type="button"]:hover{-moz-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;background-color:#E8E8E8;color:#222222;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E8E8E8),color-stop(100%,#F5F5F5));background-image:-webkit-linear-gradient(bottom,#E8E8E8 0%,#F5F5F5 100%);background-image:-moz-linear-gradient(bottom,#E8E8E8 0%,#F5F5F5 100%);background-image:-o-linear-gradient(bottom,#E8E8E8 0%,#F5F5F5 100%);background-image:-ms-linear-gradient(bottom,#E8E8E8 0%,#F5F5F5 100%);background-image:linear-gradient(bottom,#E8E8E8 0%,#F5F5F5 100%);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.3);-moz-box-shadow:0px 1px 1px rgba(0,0,0,.3);box-shadow:0px 1px 1px rgba(0,0,0,.3);border:1px solid #cecece;}
.input-area input[type="button"]:active{-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.3) inset;-moz-box-shadow:0px 1px 3px rgba(0,0,0,.3) inset;box-shadow:0px 1px 3px rgba(0,0,0,.3) inset;border:1px solid #c9c9c9;}
.input-area input[type="image"]{height:17px;padding:7px 10px 6px 10px;position:absolute;}
.input-area select, .input-area select option, .input-area input[type="text"],.input-area input[type="password"],.input-area textarea{padding:8px 10px;color:#000;font-size:14px;font-weight:bold;margin:5px 2px;font-family: 'Droid Sans ',sans-serif;background:url(../images/ytbbackgroundwhitemenu.png) repeat;border:1px solid #c2c2c2;}
.input-area input[type="text"]:hover,.input-area input[type="password"]:hover,.input-area textarea:hover{border:1px solid #a2a2a2;outline:none;box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;-moz-box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;}
.input-area input[type="text"]:focus,.input-area input[type="password"]:focus,.input-area textarea:focus{border:1px solid #737373;outline:none;box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;-moz-box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.1) inset;}
.input-area input.GLF_correctInput{border:1px solid #90d190;color:#407d40;text-shadow:0px 0px 5px rgba(0,0,0,.1);}
.input-area input.GLF_correctInput:focus,.input-area input.GLF_correctInput:hover{background-color:#e7f9e7;border:1px solid #7cc17c;}
.input-area input.GLF_wrongInput{border:1px solid #ff9597;color:#933a3c;}
.input-area input.GLF_wrongInput:focus,.input-area input.GLF_wrongInput:hover{background-color:#fff2f2;border:1px solid #ff6e70;}

/* TABLE MAIN */
table.main{padding:0;margin:0;border-collapse:collapse;width: 100%;}
table.main caption{background:transparent;font-size:16px;font-weight:bold;text-transform:uppercase;line-height:25px}
table.main tr{background:#fafafa;height:35px;}
table.main tr:hover, table.main tr.second:hover, table.main tr.red:hover{background: #DBFB6D;}
table.main tr.second{background:#f7f7f7}
table.main tr.red{background:red}
table.main tr.dagiao{color: #50B1A0;}
table.main tr.head{background:#f0f0f0;font-weight: bold; text-align: center;}
table.main tr.head td{padding-left:8px}
table.main tr td{}
table.main [type="text"]{width:85%}
table.main div [type="text"]{width:80%}
table.main select{padding:6px;border:1px solid #c2c2c2;background:#fdfdfd;width:100%}
table.main select:hover,table.vstool select:focus{border:1px solid #a2a2a2}
table.main.bd{margin-bottom:10px}
table.main.bd td{border:1px #dadada solid;padding:3px}

/* ICON */
.main-icon{display:inline-block;width:16px;height:16px;}
.main-icon.delete{background:url(../images/vstool/delete.png)}
.main-icon.edit{background:url(../images/vstool/edit.png)}