/*reset font for jquery font*/
body, #tabs, textarea{
    font-family: "Meiryo","MS Pゴシック", "ラギノ角ゴ Pro W3", HiraKakuPro-W3, Arial,'Liberation Sans', Helvetica,FreeSans, sans-serif;
    font-size:13px;  
}
body{
    width:100%;
    height: auto;  
    min-height:500px;
    min-width: 960px;
    border: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    overflow-y: scroll;
}

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
html,
body {
    height: auto;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*
      Override the default (display: inline) for
      browsers that do not recognize HTML5 tags.
    
      IE8 (and lower) requires a shiv:
      http://ejohn.org/blog/html5-shiv
    */
    display: block;
}

b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
    */
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
      For IE.
      http://css-tricks.com/ie-fix-bicubic-scaling-for-images
    */
    -ms-interpolation-mode: bicubic;
}

ol,
ul {
    list-style: none;
}

li {
    /*
      For IE6 + IE7:
    
      "display: list-item" keeps bullets from
      disappearing if hasLayout is triggered.
    */
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
label{
    cursor:pointer;
    /* Disable selection
    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
    -moz-user-select: none;-ms-user-select: none;user-select: none;*/
}
th,
td,
caption {
    font-weight: normal;
    text-align: left;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

sub,
sup,
small {
    font-size: 75%;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*
      For IE9. Without, occasionally draws shapes
      outside the boundaries of <svg> rectangle.
    */
    overflow: hidden;
}
*{text-decoration:none;list-style:none;outline:none;}

textarea, 
select,
input[type="text"], 
input[type="password"],
input[type="datetime"], 
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"], 
input[type="number"],
input[type="email"],
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"],
input[type="button"],
input[type="reset"],
input[type="submit"]{
    border:1px solid #bbb;
}
input[type="text"]{height: 17px;}
select{height:20px;}

textarea:focus, 
select:focus,
input[type="text"]:focus, 
input[type="password"]:focus,
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus, 
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.btn:focus{
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

/*INPUT*/
input[type='checkbox'], 
input[type='radio']{cursor: pointer;margin-right: 3px;}
input[type='checkbox'][disabled],
input[type='radio'][disabled]{cursor: not-allowed !important;}

input[disabled], select[disabled], textarea[disabled]{
    cursor: not-allowed;
    background: #EEEEEE;
}
input[type='button'][disabled], input[type='submit'][disabled], input[type='reset'][disabled], 
input[type='button'][disabled]:hover, input[type='submit'][disabled]:hover, input[type='reset'][disabled]:hover{
    color: #606060;
    border: 1px solid #c1c1c1;
    background: #fff;
    cursor: not-allowed;
}
input[readonly], select[readonly], textarea[readonly] {
    cursor: default;
    background: #EEEEEE;
}
input[type='button'], input[type='submit'], input[type='reset']{
    color: #000000;
    cursor: pointer;
    padding: 2px;
    margin: 1px;
    border-radius: 3px;    
    -moz-border-radius: 3px;
    border: 1px solid #A5A5A5;
}
input[type='button'], input[type='submit'], input[type='reset'], .button-list a, .button-menu a {    
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}
.button-list a {
    text-decoration: none !important;
}
input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, .button-list a:hover, .button-menu a:hover{
    border: 1px solid #c1c1c1;
    color: #000;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmU2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6e6b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6e6b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6e6b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6e6b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6e6b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6e6b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-8 */
}
textarea{resize: none; font-size: 13px;}

input[type='button'].small, 
input[type='submit'].small, 
input[type='reset'].small
{font-size: 12px;height: 23px;line-height: 23px;}


/************Button Group***************/
.button-menu{height: 52px;background: #e7e6e6;border: 1px solid #FFF;}
.button-list,.button-menu{text-align: center;
/*                          overflow: hidden;*/
                          /*-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
                           -moz-user-select: none;-ms-user-select: none;user-select: none;*/
}
.button-list a, .button-menu a{display: inline-block; text-align: center;cursor: pointer;border: 1px solid #A5A5A5;border-radius: 3px;-moz-border-radius: 3px;text-decoration: none !important;}
/*.button-menu{margin: 2px 0px 2px;}*/
.button-menu a{
    color: #333;
    font-weight: bold;    
    margin:2px;
    height: 36px;
    padding: 4px;
    text-align: center;
}
.button-menu a span.icon{
    text-align: center;
    display: inline-block;
}
/*for button only text, no icon */
.button-menu a.text-only{line-height: 36px;}

.button-list a{ 
    line-height: 20px;
    height: 20px;
    padding: 1px 3px;
    font-weight: normal;    
    text-align: center;
}
.button-list a.small{
    height: 18px !important;
    font-size:12px;
    padding: 1px;
}
.button-list a span.text{float:left;margin: 2px 0 0 2px;}
.button-menu a.selected, .button-menu a.selected:hover{
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background: #C4ECFF;
    color: #333333;
    border: 1px solid #A5A5A5;
}
.button-menu a.off, .button-menu a.off:hover, .button-list a.off, .button-list a.off:hover{
    background: #ffffff !important;
    border: 1px solid #A5A5A5 !important;
    opacity: 0.45 !important;
    filter: alpha(opacity=45);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    cursor: not-allowed !important;
}
#BtnMenuEdit a span{

    display: inline-block;
    text-align: center;
}
/*ul {background: #fff;}*/
/*ul.border-bottom{padding:0;}
ul.border-bottom li{height: 22px;line-height: 22px;border-bottom: 1px dotted #999;cursor: pointer;}
ul.border-bottom li.selected{background: #DDD;font-weight: 600;}*/
ul.not-cursor li:hover{cursor: default !important;}
ul.not-hover li:hover, ul li.not-hover:hover{padding: 1px 3px;; border: 1px solid #FFFFFF; border-right: 0; background: #fff; border-left: 0; margin: 0px; overflow: hidden;}
ul li{padding: 1px 3px;; border: 1px solid #FFFFFF; border-right: 0; border-left: 0; margin: 0px; overflow: hidden;}

/*ul li:hover{cursor: pointer; background: #F3F3F3; color: #000000;  border: 1px solid #DADADA; border-right: 0; border-left: 0;}
ul li.selected, ul li.selected:hover{background-color: #eee !important; color: #333333;}*/

/**************** Background title header ***************************/
.light-blue {
    background: #66CEFF !important;
}
.line-product-pink {
    background: #ffe5ff !important;
}
.light-gray {
    background: #eee  !important;
}
.lineBlue{background: #3483b0 ;}
.lineGreen{background: #1a7a43 ;}
.lineYellow{background: #d86416 ;}
/* Wrap Text */
.wrap{
    word-wrap:break-word; /*IE6*/
    word-break:break-all; /*IE8*/
    white-space: -moz-pre-wrap;/* css-3 */
    white-space: -pre-wrap; /* Mozilla, since 1999 */
    white-space: -o-pre-wrap; /* Opera 4-6 *//* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */;
}
/*Hidden text*/
.hidden-text{overflow: hidden;}
/*****CURSOR****/
.cpointer{cursor:pointer;}
.cdefault{cursor: default !important;}

/*Set positision*/
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.text-top{vertical-align: top;}
.text-middle{vertical-align: middle;}
.text-bottom{vertical-align: bottom;}
.text-sub{vertical-align: sub;}
.text-super{vertical-align: super;}
.text-baseline{vertical-align: baseline;}
/*Set color for textbox*/
.pink{background:#FAE3CF !important;}
.red{background: #f00 !important;}
.gray{background: #eee !important;}
.white{background: #fff !important;}
.blue{background: #A5D5ED !important;}
.green{background: #62b93f !important;}
.yellow{background: #f4e5a1 !important;}
/*Set color for text*/
.white-text{color:#fff !important;;}
.black-text{color:#000 !important;;}
.pink-text{color:#FAE3CF !important;;}
.red-text{color: #f00 !important;;}
.yellow-text{color: yellow !important;;}
.gray-text{color: #515151!important;}
.blue-text{color: #A5D5ED !important;;}
.green-text{color: #62b93f !important;;}
/**Show/ Hide scrollbar**/
.overflow-y-auto{overflow-x: hidden;overflow-y: auto;}
.overflow-x-auto{overflow-x: auto;overflow-y: hidden;}
.overflow-x-scroll{overflow-x: scroll;overflow-y: hidden;}
.overflow-y-scroll{overflow-x: hidden;overflow-y: scroll;}
.overflow{overflow: auto;}
.overflow-hidden{overflow: hidden;}
/**A tag for contents**/
/*.contents{background: #fff; border: 1px solid #A8A8A8; overflow: hidden;}
.contents a{text-decoration: none; color:#1122CC;text-decoration: underline}
.contents a:hover{text-decoration: underline; color:#1122CC;}
.contents a:visited {color: #660099;}*/
/*A tag common*/
a {text-decoration: none;}
a:hover {color:#515151; cursor: pointer;}

/*PhucND: Su dung cho toan bo table trong cac page dat o trang index*/
table.table-main{border-collapse:separate; padding:0; margin: 0;}
table.table-main td{vertical-align: top;}
table.table-main td.cols1{background: #eee;border-right: 1px solid #ccc;border-top: 1px solid #ccc;}
table.table-main td.cols1-type1{background: #eee;border: 1px solid #ccc}
table.table-main td.cols1-type2{background: #fff;}
table.table-main td.cols2{padding: 0;position: relative;}
table.table-main td.cols2-type2{background: #eee;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
table.table-main td.cols2-type1{padding:0 2px 0 0;position: relative;}
table.table-main td.cols3{background: #eee;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}

/**TABLE LIST- sử dụng cho kiểu hiển thị dữ liệu dùng table**/
TABLE.table-list{border-collapse:separate; padding:0; margin: 0;border: 1px solid #cdcbcb; border-bottom: 0 none; border-right: 0 none; width: 100%;}
TABLE.table-list thead{
    background: #DDD; /* Old browsers */
    /*    
         IE9 SVG, needs conditional override of 'filter' to 'none' 
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);  FF3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));  Chrome,Safari4+ 
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);  Chrome10+,Safari5.1+ 
        background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);  IE10+ 
        background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);  W3C 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );  IE6-8 */

}
TABLE.table-list thead th{font-weight: bold;height: 22px; line-height: 22px; 
                          border-right: 1px solid #cdcbcb;
                          padding:0 2px;
                          border-bottom: 1px solid #cdcbcb; text-align: center;
}
TABLE.table-list thead th.none-border-right, TABLE.table-list tbody tr td.none-border-right{border-right: none;}
TABLE.table-list.rows-cursor tbody tr{cursor: pointer;}
TABLE.table-list.none-border-top{border-top: none;}
TABLE.table-list.none-border-bottom{border-bottom: none;}
TABLE.table-list.none-border-left{border-left: none;}
TABLE.table-list tbody tr:hover{background: #F3F3F3; color: #000000;}
TABLE.table-list.none-hover tbody tr:hover{background: #fff; color:#000;} /*set none hover*/
TABLE.table-list tbody tr.selected{background-color: #c4ecff !important; color: #333333;}
TABLE.table-list tbody tr.selected:hover{background-color: #c4ecff !important; color: #333333;}
TABLE.table-list td.text-left, TABLE.table-list th.text-left{text-align: left !important;}
TABLE.table-list.text-left td, TABLE.table-list.text-left th{text-align: left !important;}
TABLE.table-list.text-left-td td, TABLE.table-list.text-left-th th{text-align: left !important;}
TABLE.table-list td.text-center,TABLE.table-list th.text-center{text-align: center !important;}
TABLE.table-list.text-center td,TABLE.table-list.text-center th{text-align: center !important;}
TABLE.table-list.text-right td, TABLE.table-list.text-right th{text-align: right !important;}
TABLE.table-list tbody tr th{font-weight: bold;}
TABLE.table-list tbody tr.no-record{cursor: default;}
TABLE.table-list tbody tr.no-record:hover{background: #fff;}
TABLE.table-list tbody tr td span.icon{display:inline-block;} /*Cho trường hợp cols có icon thì set là center*/
TABLE.table-list tbody tr td{padding:1px 2px;border-bottom: 1px solid #cdcbcb;border-right: 1px solid #cdcbcb;}
TABLE.table-list tbody tr th{padding:1px 2px;border-bottom: 1px solid #cdcbcb;border-right: 1px solid #cdcbcb;}
TABLE.table-list tbody tr:nth-child(even){background: #eee} /*set background color for row*/
TABLE.table-list.none-even-color tbody tr:nth-child(even){background: none;} /*set background color for row*/
TABLE.table-list thead th.line-special{border-bottom: 2px solid #66CEFF !important;}
TABLE.table-list tbody td.line-special{border-bottom: 1px solid #66CEFF !important;}
TABLE.table-list thead th span{display:inline-block; margin-top: 2px;}
TABLE.table-list thead th.selected{color: #333333;}

TABLE.table-form{border-collapse:separate; padding:0; margin: 0;border: 1px solid #cdcbcb; border-bottom: 0 none; border-right: 0 none; width: 100%;}
TABLE.table-form th{font-weight: bold;white-space: nowrap;}
TABLE.table-form.no-font-bold th{font-weight: normal !important;}
TABLE.table-form th.bg-gray{background: #eee;}
TABLE.table-form.bg-th th{background: #eee;}
TABLE.table-form tr td, TABLE.table-form tr th{height: 22px;line-height: 21px;padding:1px 2px;border-bottom: 1px solid #cdcbcb;border-right: 1px solid #cdcbcb;}
TABLE.table-form.no-border{border: 0 !important;}
TABLE.table-form.no-border tr td, TABLE.table-form.no-border tr th{border: 0 !important;}
TABLE.table-form.none-border-left{border-left: none;}
TABLE.table-form.none-border-top{border-top: none;}
TABLE.table-form.none-border-bottom{border-bottom: none;}
TABLE.table-form tbody tr td.none-border-right{border-right: none;}
TABLE.table-form tbody tr td.none-border-bottom, TABLE.table-form tbody tr th.none-border-bottom{border-bottom: none;}

#pagging.pagging{overflow: hidden;}
#pagging .page-title{font-weight: bold; text-align: left; float: left; color: #fff;}
#pagging .page-list{font-weight: bold; text-align: right; float:right;}
#pagging .page-list .item{font-weight: bold; color: #fff; display: inline-block; height: 25px; line-height: 25px; margin: 0 2px; float: left;}
#pagging .page-list .item a{background: #fff;margin-top: 2px;line-height: 16px;height:  16px;width:14px;
                            padding: 1px 3px;display: inline-block;font-weight: normal;cursor: pointer;
                            border: 1px solid #c1c1c1;
                            border-radius: 3px;
                            -moz-border-radius: 3px;}
#pagging .page-list .item a span{margin-top: 0px;}
#pagging .page-list .item a.off{opacity: 0.50; cursor: default !important; filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

/* http://sonspring.com/journal/clearing-floats */
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*disable selection*/
.none-selection{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/**For border color**/
.border{border:1px solid #a8a8a8;}
.border-top{border-top:1px solid #a8a8a8 !important;}
.border-left{border-left:1px solid #a8a8a8 !important;}
.border-right{border-right:1px solid #a8a8a8 !important;}
.border-bottom{border-bottom:1px solid #a8a8a8 !important;}
/*remove border*/
.none-border{border:none !important;}
.none-border-top{border-top: none !important;}
.none-border-bottom{border-bottom: none !important;}
.none-border-left{border-left:  none !important;}
.none-border-right{border-right:  none !important;}
/*line*/
.line{border-bottom: 1px solid #ccc; margin: 3px 0; height:1px;}
/*font style*/
.font-bold{font-weight: bold;}
.font-normal{font-weight: normal;}
.font-italic{font-style: italic;}