/*Trang 2/2012*/

/* # scrollable
---------------------------------------------------------------------------- */
.wrap {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
/*	background:url(/images/trang/bg_top_add_people_popup.png) no-repeat;
	padding-top:5px;*/
	border-top: 5px solid #CECECE;
   border-bottom: 5px solid #CECECE;
	width:496px;
	}
.wrap .wrapInner {background: #FFF; padding-bottom:5px;}
.wrap .inner{background:url(/images/trang/bg_popup_repeatx.png) repeat-y;padding:0px 5px;min-height:300px;}
.wrap .title{background:#313131;position:relative;}

.wrap .title h2{background:none;margin-bottom:0px!important;font-size:18px;line-height:37px;margin-left:12px;margin-right:30px;color:#fff!important;}
.wrap .innerWrap{padding:12px 12px 10px;}
.wrap label.label_trang{display:block;line-height:20px;margin-bottom:5px;}
.wrap input.nameInput{border:1px solid #313131;width:450px;height:37px;padding-left:5px;padding-right:5px;margin-bottom:10px;}
.wrap .lblInfo{background:url(/images/trang/bg_border_bottom_add_people.png) bottom left no-repeat;padding-bottom:8px;margin-bottom:0px;}
.wrap .peopleList{list-style:none;margin:0px;padding:0px;}
.wrap .peopleList li{background:url(/images/trang/bg_border_bottom_add_people.png) bottom left no-repeat;padding-bottom:5px;overflow:hidden;}
.wrap .peopleList li span{font-size:14px;display:block;float:left;margin-top:19px;color:#313131;}
.wrap .peopleList .btnDelete{display:block;border:none;background:url(/images/trang/add_people_sprites.png) 0 0 no-repeat;width:42px;height:41px;text-indent:-10000px;cursor:pointer;float:right;margin:5px 0px 1px;padding:0px;}
.wrap .peopleList .btnDelete:hover{background-position:0px -44px;}
.wrap .peopleList .btnDelete:active{background-position:0px -89px;}
.wrap .peopleList .searchpeople_message{line-height:40px;display:block;border:none;float:right;margin:5px 0px 1px;color:#95c31a;height:41px;font-weight:bold;}
.wrap .action{overflow:hidden;margin-top:10px; position: absolute; bottom: 0; width: 95%;}
.wrap .action a,
.wrap .action input{display:block;float:right;background-repeat:no-repeat;border:none;}
.wrap .btnCancel{background:url(/images/cancel_button.png);height:31px;width:76px;}
.wrap .btnCancel:hover{background-position:0 -31px;}
.wrap .btnCancel:active{background-position:0 -62px;}
.wrap .btnConfirm{background:url(/images/confirm_button.png);margin-right:5px;height:31px;width:76px;}
.wrap .btnConfirm:hover{background-position:0 -31px;}
.wrap .btnConfirm:active{background-position:0 -62px;}

.wrap-large {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;background:url(/images/popin_border_top.png) no-repeat;padding-top:5px;width:886px;}
.wrap-large .wrapInner {background:url(/images/popin_border_bottom.png) bottom left no-repeat;padding-bottom:5px;}
.wrap-large .inner {background:url(/images/popin_bg.png) repeat-y;padding:0px 5px;min-height:300px;}
.wrap-large .title{background:#313131;position:relative;}

.wrap-large .title h2{background:none;margin-bottom:0px!important;font-size:18px;line-height:37px;margin-left:12px;margin-right:30px;color:#fff!important;}
.wrap-large .innerWrap{padding:12px 12px 10px;}
.wrap-large label.label_trang{display:block;line-height:20px;margin-bottom:5px;}
.wrap-large input.nameInput{border:1px solid #313131;width:450px;height:37px;padding-left:5px;padding-right:5px;margin-bottom:10px;}
.wrap-large .lblInfo{background:url(/images/trang/bg_border_bottom_add_people.png) bottom left no-repeat;padding-bottom:8px;margin-bottom:0px;}
.wrap-large .peopleList{list-style:none;margin:0px;padding:0px;}
.wrap-large .peopleList li{background:url(/images/trang/bg_border_bottom_add_people.png) bottom left no-repeat;padding-bottom:5px;overflow:hidden;}
.wrap-large .peopleList li span{font-size:14px;display:block;float:left;margin-top:19px;color:#313131;}
.wrap-large .peopleList .btnDelete{display:block;border:none;background:url(/images/trang/add_people_sprites.png) 0 0 no-repeat;width:42px;height:41px;text-indent:-10000px;cursor:pointer;float:right;margin:5px 0px 1px;padding:0px;}
.wrap-large .peopleList .btnDelete:hover{background-position:0px -44px;}
.wrap-large .peopleList .btnDelete:active{background-position:0px -89px;}
.wrap-large .peopleList .searchpeople_message{line-height:40px;display:block;border:none;float:right;margin:5px 0px 1px;color:#95c31a;height:41px;font-weight:bold;}
.wrap-large .action{overflow:hidden;margin-top:10px;}
.wrap-large .action a,
.wrap-large .action input{display:block;float:right;background-repeat:no-repeat;border:none;}
.wrap-large .btnCancel{background:url(/images/cancel_button.png);height:31px;width:76px;}
.wrap-large .btnCancel:hover{background-position:0 -31px;}
.wrap-large .btnCancel:active{background-position:0 -62px;}
.wrap-large .btnConfirm{background:url(/images/confirm_button.png);margin-right:5px;height:31px;width:76px;}
.wrap-large .btnConfirm:hover{background-position:0 -31px;}
.wrap-large .btnConfirm:active{background-position:0 -62px;}
.wrap-large td {vertical-align:top; width:30px}
.wrap-large .list {width:150px;padding-top:10px}
.wrap-large input {float:left!important; margin-top:1px}
.wrap-large label {margin-left:22px;margin-bottom:6px;display:block;height:min-20px;}