/* CSS Document */
body{font:10pt Arial,Helvetica,sans-serif;margin:0px;padding:0px;background: #e7e7de url(images/cv/grd-bg.gif) repeat-x;color:#666;}
#main{width:980px;margin:0px auto;}

a {color: #A82422; text-decoration: none}
a:hover {text-decoration: underline}

.clr{clear:both;}
/* Footer*/
#footer{background:url(images/cv/js_footer.gif) no-repeat bottom left; height: 60px; padding-left: 94px; padding-top:38px;}
.js-add{float: left; color: #3c3c3c;}
.copyright{float: right;}

/* Le tan List*/
#banner{background:url(images/cv/logo.gif) top left no-repeat;height: 129px; }
#slogan{background:url(images/cv/slogan.gif) right no-repeat; padding: 56px 0 40px 0; height: 33px;}
#welcome{height: 52px;}
.b-l-wel{background:url(images/cv/l-wel-bg.gif) no-repeat left; width: 7px; height: 52px; float: left;}
.b-c-wel{background:url(images/cv/bl-wel-bg.gif) repeat-x; width: 645px; height: 52px; padding-left: 12px; float: left; line-height: 52px; color: #bdbdbd; font-size: 16px; font-family: "Times New Roman";font-style: italic;}
.r-c-wel{background:url(images/cv/red-wel-bg.gif) repeat-x; width: 300px; height: 52px; float: left; line-height: 52px; color: #ce8383; font-size: 12px; padding-left: 9px;}
.r-r-wel{background:url(images/cv/r-wel-bg.gif) no-repeat right; width: 7px; height: 52px; float: left;}
.logout-bt{background:url(images/cv/logout-bt.gif) no-repeat;width: 70px; height: 31px; float: right; margin-top: 10px; line-height: 31px; text-align: center; color: #fff;display: block;text-decoration: none;}
#contain{background: #fff url(images/cv/center-bg.gif) repeat-x; padding-top: 30px;}
#left{float: left; padding-left:21px; /*padding-right: 24px;*/}
#search{}
.t-search{background: url(images/cv/t_search.gif) no-repeat; width:245px; height: 59px; line-height: 46px; padding-left: 10px; font-weight: bold; font-size: 13px;}
.b-search{background: url(images/cv/b_search.gif) no-repeat; width:255px; height: 19px;}
.c-search{border-left: 10px solid #e7e7de; border-right: 9px solid #e7e7de; padding: 0 15px;}
.c-search .txtbox1 {width:150px;}
.search-bt{background: url(images/cv/search-bt.gif) no-repeat; width: 91px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #fff; display: block; text-decoration: none}
#s-right{float: left; padding-left: 40px; /*padding-right: 20px; width: 644px;*/}
#right{float: left; padding-left: 40px; padding-right: 20px; width: 642px;}
#ft-contain{}
.l-ft{background: url(images/cv/l_bdr.gif) left no-repeat; width: 21px; height: 68px; float: left;}
.r-ft{background: url(images/cv/r_bdr.gif) right no-repeat; width: 20px; height: 68px; float: left;}
.c-ft{background: url(images/cv/c_bdr.gif) repeat-x; height: 68px; float: left; width: 939px;}
.c-noline-ft{background: url(images/cv/c1-bdr.gif) repeat-x; height: 68px; float: left; width: 939px;}
.title-page{/*padding-top: 16px;*/ font-weight: bold; font-size: 13px; padding-bottom: 12px;}
.letan-img{float:left;margin-right:26px;position:relative;}

/* Le tan duoc chon */
#letan-sel{margin-top: 38px;}
.title-sel{margin-left: 28px; font-weight: bold; font-size: 13px; margin-bottom: 20px;}
.top-sel{height: 10px;background: url(images/cv/top-sel-letan.gif) top no-repeat; width: 980px;}
#sel-contain{background-color: #fff; padding: 12px 0 0; font-size: 13px;}
.sel-letan-img{float: left; margin:0 28px 20px;position:relative;}
.sel-letan-desc{font-weight: bold; text-align:center;}
.red-bt, .black-bt {width: 91px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #fff; margin-top: 22px; float: right; text-decoration: none;}
.red-bt, a.black-bt:hover, a.search-bt:hover{background: url(images/cv/red-button.gif) no-repeat;}
.black-bt{background: url(images/cv/search-bt.gif) no-repeat; margin-left: 5px;}
/* Image Frame */
.imgfr .tl {background:url(images/cv/imgfr0.png) no-repeat 0 0;width:8px;height:8px;}
.imgfr .tr {background:url(images/cv/imgfr0.png) no-repeat -8px 0;width:8px;height:8px;}
.imgfr .bl {background:url(images/cv/imgfr0.png) no-repeat -16px 0;width:8px;height:8px;}
.imgfr .br {background:url(images/cv/imgfr0.png) no-repeat -24px 0;width:8px;height:8px;}
.imgfr .l {background:url(images/cv/imgfr0.png) repeat-y -32px 0;width:8px;}
.imgfr .r {background:url(images/cv/imgfr0.png) repeat-y -40px 0;width:8px;}
.imgfr .t {background:url(images/cv/imgfr1.png) repeat-x 0 0;height:8px;}
.imgfr .b {background:url(images/cv/imgfr1.png) repeat-x 0 -8px;height:8px;}
.imgfr .c {overflow:hidden;text-align:center;vertical-align:middle;}

/*Cap username va pwd le tan */
.uname-line{font-weight: bold;font-size: 13px;}
.nd{border-color:#d7d7d7;border-width:1px 0;}

/* Le tan detail */
.title-lt-detail{font-weight: bold; font-size: 13px; margin-bottom: 12px;}
#center{padding: 0 21px;}
.letan-d-img{float: left;padding-right: 30px;}
#d-right{float:left; width: 402px;}
.td-b{border-bottom: 1px solid #d7d7d7;padding:4px 0;text-align:justify;}
.td-p-b{border-bottom: 1px solid #d7d7d7; padding-top:5px;}
.td-ttin{padding-bottom: 10px;}
.tu-gthieu{padding: 20px 0; text-align: justify; line-height: 18px;}
.tv-letan-img{float: left; margin-right: 20px;}

/*Le tan Edit*/
#e-right{float: left; width: 698px;}
.tv-letan-e-img{float: left; margin-right: 19px;}
.txtbox, .txtbox1{/*background: #f3f3f3;*/ border: 1px solid #e7e7e7;font-size: 11px;}
.txtbox{width: 240px;height: 16px;}
.txtbox1{width: 175px; height: 16px;}
textarea.txtbox {height: auto;margin: 3px 0;font-family:Arial, Helvetica, sans-serif; font-size:small;}
.combo{width:100px; font-size: 11px;}
.td-e-b{border-bottom: 1px solid #d7d7d7; height: 28px;}
.td-e-ttin{height: 23px;}
.td-e-p-b{border-bottom: 1px solid #d7d7d7; padding:3px 0;}
.textarea{border: 1px solid #ccc; width: 935px; height: 120px; font-size: 11px;}

/*Danh sach khach hang*/
.tble{margin: 15px 0 5px 0;border: 1px solid #a0a0a0;border-top-width: 3px;}
.header th {padding:5px;text-align: left;}
.odd td {background-color: #f1f1ec; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 5px;}
.even td {padding: 5px;}
.ui-widget-content .black-bt {color:#fff;}
.ui-widget-content button.black-bt {padding: 0;border: none;}

 /* Duyet le tan cho sk */
td .hd{border-bottom: 1px solid #a0a0a0;font-weight: bold;}
.gray-bd{border-top: 11px solid #a0a0a0;border-right: 11px solid #a0a0a0;border-left: 11px solid #a0a0a0;border-bottom: 22px solid #a0a0a0;}

/* Le tan mouse hover */
.ltan-hover{background-color: #373737; width: 400px; color: #949494;display:none;position:absolute;overflow:hidden;}
.ltan-hover div {padding:10px;}
.ltan-hover div.w-bdr{border:2px solid #fff;background-color:#eee;padding:0;width:194px;height:264px;text-align:center;vertical-align:middle;}
.ltan-hten{font-weight: bold; color: #fff;}
.hover-btom{padding-bottom: 15px;border-bottom: 1px solid #696969;}
.hover-top{padding-top: 15px;}
.name {font-weight:bold;color:#A82422;}
#center .edit, #right .edit, #sel-contain .edit {font-size:x-small;font-family:Arial,Helvtica, sans-serif;}
#letan-popup {display:none;}
.usrChangePass {text-decoration: none;color: #dcdcdc;font-weight: bold}
.usrChangePass:hover {text-decoration: underline;}
.last-letan-img {margin-right: 0;}

#receptionList {border-top:1px solid gray;padding-top:15px;margin-top:5px;}
.name, .desc{margin-top: 5px;}

#left .combo {width: 153px;}

.changePassDialog {width:370px;margin: 0 auto;}

.letan-img .c, .tv-letan-img .c, .sel-letan-img .c {height:170px;width:124px;}
.letan-d-img .c {height:264px;width:194px;}

div.page {bottom:-40px;text-align:right;position:relative;}
div.page a.pageNum {border: 1px solid #ccc;margin-left:3px;padding:0 3px;}
div.page a.pageNum:hover {background-color: #ccc;text-decoration: none;}

.letanTooltip {overflow:hidden;width:140px;}