@charset "utf-8";

/* @import url("officeon.base.css"); */
* {
	font-family:"Malgun Gothic",Dotum,Gulim,AppleGothic,Sans-serif;
	font-size: 12px;
	font-weight : normal;
}


tr{font-size : 12px;}
.input_text{height:20px;padding:0 2px;vertical-align:middle;}

/* portlet  ---------------------------------------------------------------------------------------------------------------*/
.portletHighLineSpacing tr{height: 35px;}
.portletHighLineSpacing td span{font-size:13px;  color: black;}
.portletHighLineSpacing p{font-size:13px;}

.portletHighLineSpacing4 tr{height: 27px;}
.portletHighLineSpacing4 td span{font-size:12px;  color: black;}
.portletHighLineSpacing4 p{font-size:12px;}

.portletMiddleLineSpacing tr{height: 28px;}
.portletMiddleLineSpacing td span{font-size:12px;  color: black;}
.portletMiddleLineSpacing p{font-size:12px;}

.portletLowLineSpacing tr{height: 24px;}
.portletLowLineSpacing td span{font-size:11px;  color: black;}
.portletLowLineSpacing p{font-size: 11px;}


/* leftMenu  ---------------------------------------------------------------------------------------------------------------*/
.leftMenuHighLineSpacing div div ul .TotalLeftMenu {height: 31px;}
.leftMenuHighLineSpacing div div ul .TotalLeftMenu p{font-size: 12px;}
.leftMenuHighLineSpacing div div ul .TotalLeftMenu span{font-size: 12px;}
.leftMenuHighLineSpacing div div ul .TotalSysLeftMenu{height: 31px;}
.leftMenuHighLineSpacing div div ul .TotalSysLeftMenu p{font-size: 12px;}
.leftMenuHighLineSpacing div div ul .TotalSysLeftMenu span{font-size: 12px;}

.leftMenuMiddleLineSpacing div div ul .TotalLeftMenu{height: 25px;}
.leftMenuMiddleLineSpacing div div ul .TotalLeftMenu p{font-size: 12px;}
.leftMenuMiddleLineSpacing div div ul .TotalLeftMenu span{font-size: 12px;}
.leftMenuMiddleLineSpacing div div ul .TotalSysLeftMenu{height: 25px;}
.leftMenuMiddleLineSpacing div div ul .TotalSysLeftMenu p{font-size: 12px;}
.leftMenuMiddleLineSpacing div div ul .TotalSysLeftMenu span{font-size: 12px;}

.leftMenuLowLineSpacing div div ul .TotalLeftMenu{height: 21px;}
.leftMenuLowLineSpacing div div ul .TotalLeftMenu p{font-size: 11px;}
.leftMenuLowLineSpacing div div ul .TotalLeftMenu span{font-size: 11px;}
.leftMenuLowLineSpacing div div ul .TotalSysLeftMenu{height: 21px;}
.leftMenuLowLineSpacing div div ul .TotalSysLeftMenu p{font-size: 11px;}
.leftMenuLowLineSpacing div div ul .TotalSysLeftMenu span{font-size: 11px;}

/*----------------------------------------------------*/
.leftMenuHighLineSpacing div div div .TotalLeftMenu {height: 31px;}
.leftMenuHighLineSpacing div div div .TotalLeftMenu p{font-size: 12px;}
.leftMenuHighLineSpacing div div div .TotalLeftMenu span{font-size: 12px;}
.leftMenuHighLineSpacing div div div .TotalSysLeftMenu{height: 31px;}
.leftMenuHighLineSpacing div div div .TotalSysLeftMenu p{font-size: 12px;}
.leftMenuHighLineSpacing div div div .TotalSysLeftMenu span{font-size: 12px;}

.leftMenuMiddleLineSpacing div div div .TotalLeftMenu{height: 25px;}
.leftMenuMiddleLineSpacing div div div .TotalLeftMenu p{font-size: 12px;}
.leftMenuMiddleLineSpacing div div div .TotalLeftMenu span{font-size: 12px;}
.leftMenuMiddleLineSpacing div div div .TotalSysLeftMenu{height: 25px;}
.leftMenuMiddleLineSpacing div div div .TotalSysLeftMenu p{font-size: 12px;}
.leftMenuMiddleLineSpacing div div div .TotalSysLeftMenu span{font-size: 12px;}

.leftMenuLowLineSpacing div div div .TotalLeftMenu{height: 21px;}
.leftMenuLowLineSpacing div div div .TotalLeftMenu p{font-size: 11px;}
.leftMenuLowLineSpacing div div div .TotalLeftMenu span{font-size: 11px;}
.leftMenuLowLineSpacing div div div .TotalSysLeftMenu{height: 21px;}
.leftMenuLowLineSpacing div div div .TotalSysLeftMenu p{font-size: 11px;}
.leftMenuLowLineSpacing div div div .TotalSysLeftMenu span{font-size: 11px;}

/*----------------------------------------------------*/
.leftMenuHighLineSpacing div div ul .communitySelectAll {height: 31px;}
.leftMenuHighLineSpacing div div ul .communitySelectAll p{font-size: 12px;}
.leftMenuHighLineSpacing div div ul .communitySelectAll span{font-size: 12px;}

.leftMenuMiddleLineSpacing div div ul .communitySelectAll{height: 25px;  padding-top: 5px;}
.leftMenuMiddleLineSpacing div div ul .communitySelectAll p{font-size: 12px;}
.leftMenuMiddleLineSpacing div div ul .communitySelectAll span{font-size: 12px;}

.leftMenuLowLineSpacing div div ul .communitySelectAll{height: 21px;    padding-top: 3px;}
.leftMenuLowLineSpacing div div ul .communitySelectAll p{font-size: 11px;}
.leftMenuLowLineSpacing div div ul .communitySelectAll span{font-size: 11px;}




/* Page Top ---------------------------------------------------------------------------------------------------------------*/
.adminPageTop{height:40px;padding:5px 0px 0px 0px;margin:0px;}

/* Page Name */
#PageTopArea {padding-bottom: 1px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background:#f8f8f8;line-height:41px;height:41px;}
/* #PageTopArea .LeftArea{float: left; border-bottom:#D5D5D5; margin-left:15px;} */
#PageTopArea .RightArea{float: right; margin-right: 10px;}
#PageTopArea .RightArea div{float: left;}
#PageTopArea .nameRightArea{float: right; margin-right: 10px;}
#PageTopArea .nameRightArea div{float: left;}
#PageTopArea .pageNameArea{min-width:200px;float:left;padding-left:5px;line-height: 44px;}
#PageTopArea .pageName{margin-left:10px;}
#PageTopArea .pageDescription{line-height: 44px;width:auto;}


#PageTop {padding-bottom: 2px;  border-bottom:1px solid #E7E7E7;height:36px;}
#PageTop .LeftArea{float: left; border-bottom:#D5D5D5; margin-left:10px;}
#PageTop .RightArea{float: right; margin-right: 0px;}
#PageTop .RightArea div{float: left;}

/* Page Footer ---------------------------------------------------------------------------------------------------------------*/
#PageFooter {position: absolute;bottom: 0px; padding-bottom:3px; text-align: center; width: 100%; height:30px; background: #f7f7f7;}

#PageFooter .LeftFoot {position: relative;float: left;width:30%;height: 33px;line-height: 35px;padding-left:10px;}
#PageFooter .LeftFoot span{float:left;}
#PageFooter .partition{padding: 0 5px; float:left;}
#PageFooter .dispTotalCnt {float:left}
#PageFooter .dispTotalSize {float:left;}

#PageFooter .MiddleFoot {position: relative;float: left;width:23%; height:30px;}
#PageFooter .AdminMiddleFoot{position: relative;float: left; height:30px;}

/* #PageFooter .MiddleFoot div{position: absolute;} */

#PageFooter .RightFoot {position: relative;float: right; height:30px; padding-top:4px;}
#PageFooter .RightFoot div{position: absolute;right:20px;}
#PageFooter .RightFoot li{float:right;line-height:25px;}


#PageFooter2 {position: absolute;bottom: 0px; padding-bottom:3px; text-align: center; width: 100%; height:30px; background: #f7f7f7;}

#PageFooter2 .LeftFoot {position: relative;float: left;width:30%;height: 33px;line-height: 35px;padding-left:10px;}
#PageFooter2 .LeftFoot span{float:left;}
#PageFooter2 .partition{padding: 0 5px; float:left;}
#PageFooter2 .dispTotalCnt {float:left}
#PageFooter2 .dispTotalSize {float:left;}

#PageFooter2 .MiddleFoot {position: relative;float: left;width:23%; height:30px;}
#PageFooter2 .AdminMiddleFoot{position: relative;float: left; height:30px;}

/* #PageFooter .MiddleFoot div{position: absolute;} */

#PageFooter2 .RightFoot {position: relative;float: right;min-width:200px; height:30px; padding-top:4px;}
#PageFooter2 .RightFoot div{position: absolute;right:20px;}
#PageFooter2 .RightFoot li{float:right;line-height:25px;}


/* ------------------------------------------------------------------------------------------- */

#DetailPageFooter {position: absolute;bottom: 10px; width: 50%; height:25px;}

/* ************************************************Pop Up********************************************************************* */


/* .addPopWin_top{width:870px; height: 500px; border-color: black; border: 1px solid #E7E7E7;} */
/* .addPopWin_top .popTitlebar{background:url('../images/common/AddressPopup_top.png') repeat-x left top; height:45px;line-height:43px;} */
.addPopWin_top{width:870px; height: 500px; border-color: black; border: 0px solid #E7E7E7;}
.popTitlebar{background:url('../images/common/AddressPopup_top.png') repeat-x left top; height:32px;}
.popTitle{float: left; color:white; font-family:Arial; font-size: 20px; margin-left: 20px;}
.popHeadClose{float: right; margin: 5px 5px 5px 5px;cursor:pointer;}
.PopUpMaJin{margin: 40px 0px 0px 35px;}


/* ---------------------------Sharepopup------------------- */

.ShareAreaMarjin{margin: 20px 0px 0px 20px;}
.ShareBtnMArjin{float: left; margin-left: 20px;}
.SharePermissionSelectBox{float: left; margin:16px 3px 0px 0px; width: 80px;height:29px}
.PopSearchiBox{position:relative;height:27px;width:120px;border:1px solid #dcdcdc;margin-top: 11px;}
.PopSearchiBox .search_input_text{position:absolute;top:0px;left:0px;width:147px;height:27px;padding:3px 2px 2px 2px;vertical-align:middle;border:0px solid #dcdcdc;}
.PopSearchiBox .search_icon{position:absolute;top:1px;right:1px;height:28px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;}

.SubLabelName{float:left;  margin-left: 120px; font-size: 14px; margin-top: 15px; color:#A6A6A6;}


/* ***********************************************addr.CreateBook.jsp / addr.CreateGroup.jsp****************************************************************** */


.LabelLine{margin: 10px 0px 5px 10px; vertical-align: middle;}

.LeftLabel{float:left;width:150px; text-align:left; margin: 5px 0px 0px 20px; font-size: 14px;}
.CreateBookTextBook{padding-bottom: 2px;vertical-align: middle; height: 25px;width:350px;color:#E7E7E7;border:1px solid #dcdcdc;}
.CreateBookSelect{width: 350px; height: 30px;color: #999; border:1px solid #dcdcdc;}

.PageMiddle{float: right; height: 50px;  margin :20px 40px 10px 20px;}

/* *-------------------------------------------------addr.CreateBook.jsp------------------------------------------------------------------* */

.PageWindowTop{height: 60px; border-bottom: 1px solid #E7E7E7;}


/* ************************************************Common(WhiteBtnBig/checked)*******************************************************************************************/


.LeftTop{margin: 10px 0px 5px 10px;}
.LeftTop .WhiteBtnBig{margin:10px 0px 5px 10px;vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.LeftTop .WhiteBtnBig span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px}
.LeftTop .WhiteBtnBig:hover span{color:#1c79c7;}

.uncheck{vertical-align:middle;;background:url('/officeon/images/address/uncheck.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;}
.uncheck span {display:block;background:url('/officeon/images/address/uncheck.png') no-repeat;cursor:pointer;text-align:center;vertical-align: middle;}
.uncheck:hover span{color:#1c79c7;}
.uncheck span img{width: 28px; height: 28px;}

.checked{vertical-align:middle;background:url('/officeon/images/address/checked.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;}
.checked span {display:block;margin:5px 0px 2px 10px;background:url('/officeon/images/address/checked.png') no-repeat;cursor:pointer;text-align:center;vertical-align: middle;}
.checked:hover span{color:#1c79c7;}
.checked span img{width: 20px; height: 20px; margin-left: 18px;}

.MiddleFoot .Left .WhiteBtnBig{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.MiddleFoot .Left .WhiteBtnBig span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:30px;}
.MiddleFoot .Left .WhiteBtnBig:hover span{color:#1c79c7;}
.WhiteBtnBig .PlusBtn span{display:block;padding:0px 0px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:30px;}
.PlusBtn img {margin-bottom:3px}


/* ************************************************Common(getAddressList.jsp/searchCondition.jsp)****************************************************************************************** */

#SearchCondition {width: 100%; height: 45px; padding: 5px 15px 3px 10px;}
#SearchConditionMini {width: 100%; height: 50px; padding: 12px 15px 3px 18px;}
.search_con_left {width:3px; background-image: url('../images/common/searchConditionBackground_left.png'); height:41px; float:left;}
.search_con_middle {width:99%; background: url('../images/common/searchConditionBackground_mid.png'); height:41px; border:0px solid #6b6b6b; float:left;border: 1px solid #dcdcdc;border-radius: 5px;}
.search_con_middle ul{float: left; padding-left: 8px; padding-top: 4px;}
.search_con_middle li{position:relative;float:left;padding-left:10px;padding-right:5px;height:41px;}
.search_con_middle br{float: left; padding-left: 8px; padding-top: 1px;}
.search_con_right {width:3px; background-image: url('../images/common/searchConditionBackground_right.png'); height:41px; float:left;}
.searchConditionItem{float:left; position:relative;border:1px solid #dcdcdc;padding:3px 8px 3px 6px;border-radius:5px;text-align:center;font-size:11px;vertical-align: middle;line-height:25px;height:25px;}


/* .search_con_bar {margin-left: 20px;} */
/* .search_con_left {width:3px; background-image: url('../images/address/search_con_left.png'); height:41px; float:left;} */
/* .search_con_middle {width:98%; background-image: url('../images/address/search_con_middle.png'); height:41px; border:0px solid #6b6b6b; font-weight:bold; float:left} */
/* .search_con_middle p{float: left; padding-left: 8px; padding-top: 4px;} */
/* .search_con_middle br{float: left; padding-left: 8px; padding-top: 1px;} */
/* .search_con_right {width:3px; background-image: url('../images/address/search_con_right.png'); height:41px; float:left;} */


/* .searchConditionBox .condition_input_text {top:0px;left:0px;width:160px;height:23px;padding:3px 2px 2px 2px;vertical-align:middle;} */
/* .searchConditionBox .close_icon{position:absolute;top:1px;right:1px;height:22px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;} */
/* .searchConditionBox{float:left; position:relative;height:25px;width:170px; margin:10px 10px 0px 50px;} */
/* .searchConditionBox .condition_input_text {top:0px;left:0px;width:160px;height:23px;padding:3px 2px 2px 2px;vertical-align:middle;} */
/* .searchConditionBox .close_icon{position:absolute;top:1px;right:1px;height:22px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;} */

/* ************************************************getAddressList.jsp****************************************************************************************** */


.statusIcon img{width:15px; height: 17px; vertical-align:middle;}

/* .TopBlueBtnBig{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/blue_big_btn.gif') no-repeat 100% 0;color:white;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;font-weight:bold;} */
/* .TopBlueBtnBig span {display:block;padding:1px 10px 1px 14px;background:url('../images/common/blue_big_btn.png') no-repeatfont-size:14px;cursor:pointer;text-align:center;vertical-align: middle;line-height:35px;} */
.TopBlueBtnBig:hover span{color:white;}
.TopBlueBtnBig a {color:white}
.TopBlueBtnBig a:hover {text-decoration:none;}
.CommonWhiteBtnBig{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px; margin-top: 4px; margin-left: 2px;}
.CommonWhiteBtnBig span {display:block;padding:1px 5px 1px 6px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;vertical-align: middle;line-height:28px;height:28px; }
.CommonWhiteBtnBig:hover span{color:#1c79c7;}
.CommonWhiteBtnBig .NameCardIcon {margin-bottom:3px;margin-right:3px}
.CommonWhiteBtnBig .SearchDownArrow {margin-bottom:2px;margin-right:5px;width:15px;height:15px;}
.CommonWhiteBtnBig a:hover{text-decoration:none;}
.CommonWhiteBtnBig img{margin-top:5px;}

.TopsearchBox{position:relative;height:27px;width:170px;border:1px solid #dcdcdc;margin-top: 7px;line-height: 24px;}
.TopsearchBox .search_input_text{position:absolute;top:0px;left:0px;width:134px;height:20px;padding:3px 2px 2px 2px;vertical-align:middle;border:0px solid #dcdcdc;}
.TopsearchBox .search_input_text:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.TopsearchBox .search_input_text:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.TopsearchBox .search_icon{position:absolute;top:1px;right:1px;height:28px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;}
.TopsearchBox .search_icon img {width:28px;height:26px;cursor:pointer;}

/* ************************************************Addr.SearchCondition****************************************************************************************** */


.textField {margin:10px 0px 5px 0px; width: 489px; height: 28px;border:1px solid #dcdcdc; color: #565656;padding:0 5px}
.textField:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.textField:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.textFieldMiddle {margin:10px 0px 5px 0px; width: 120px; height: 28px;border:1px solid #dcdcdc; color: #a7a7a7;padding:0 5px}
.selectField{width: 400px; margin:  12px 0px 10px 18px;}

.CommonLabel {margin:10px 0px 0px 35px;   width: 120px; height: 28px; font-size: 14px; float: left; padding-top: 5px;}
.CommonLabelInput{float:left; margin-left: 35px;}
.CommonLabelInputBtn{float:left;margin:10px 0px 5px 35px;}
.CommomLabelInputText{float:left;margin:5px 0px 5px 35px;}

.ConWhiteBtnBig{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.ConWhiteBtnBig span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px; width: 120px; }
.ConWhiteBtnBig:hover span{color:#1c79c7;}


.ConWhiteBtnMiddel{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px; }
.ConWhiteBtnMiddel span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px; width: 40px;}
.ConWhiteBtnMiddel:hover span{color:#1c79c7;}

.MiddleSelecBox{width: 350px; height: 28px;border:1px solid #dcdcdc; color: #a7a7a7; }


/* ************************************************name Card******************************************************************************************************** */

.NameWhiteBtnBig{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.NameWhiteBtnBig span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px}
.NameWhiteBtnBig:hover span{color:#1c79c7;}

.NameCardPop{width:400px;display:none;clear:both;height:auto;border-top:1px solid #dcdcdc;}
.NameCardLile{width: 335px;  border: 1px solid #dcdcdc; padding: 5px; height:200px;}


/* *************************************************name Card(기존 내용을 바꾼 css)******************************************************************************************************** */


.NameCardAddAddr{float: left; padding-left: 10px;}
.NameCardFoot{float:left; position: absolute;bottom: -3px; width:340px; height:40px;}
.NameCardMemoLine{margin-top: 7px; padding-bottom:7px; border-bottom: 2px solid #dcdcdc;}
.NameCardMemoBox{float:left; margin-top: 3px;  width: 223px; height: 30px;border: 1px solid #dcdcdc; padding-top: 5px;}
.NameCardFoot .NameCardFootLest{float: left; margin-left: 4px}

.UserInfo{width: 100%; margin-bottom: 5px}
.UserMemoLine{margin-top: 7px; padding-bottom:7px; border-bottom: 2px solid #dcdcdc} 
.UserMemoBox{float:left; margin-top: 3px;  width: 223px; height: 30px;border: 1px solid #dcdcdc; padding-top: 5px;}


/* ******************************************************address Detail*************************************************** */

#PageContents {width:800px;}
.detailContents {clear:both;line-height: 22px;width:800px;margin: 5px 0px 10px 0px;}
.detailContents .Left{float:left;}
.detailContents .Right{float:right;}
.detailInput {float: left; margin-left: 10px;}
.detailInput li{float: left; padding-right:10px;}
.AddrDetailTextArea{margin:10px 0px 5px 30px; padding-left:5px;width: 400px; height: 28px;border:1px solid #dcdcdc; color: #565656;}
.AddrDetailTextArea:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.AddrDetailTextArea:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.AddrDetailTextAreaPlus{margin:10px 0px 0px 0px; width: 400px; height: 28px;border:1px solid #dcdcdc; color: #a7a7a7}
.TopMargin{margin-top: 10px;}

.LittleSelecBox{width: 75px; height: 28px;border:1px solid #dcdcdc; color: #999; margin:10px 0px 0px 33px;}
.
.LittleSelecBoxMa{width: 75px; height: 28px;border:1px solid #dcdcdc; color: #999; margin:10px 0px 0px 10px;}
/* ----------------------------------------------------------------------------------------------------------------- */

.AddrDetailTextAreaMa{margin:0px 0 0 10px;padding:0px 0px 2px 5px; vertical-align: middle; width: 365px; height: 25px;border:1px solid #dcdcdc; color: #565656}
.AddrDetailTextAreaMa:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.AddrDetailTextAreaMa:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.Left {float:Left;}
.Right {float:right;}
.Center {float:center;}
.detailLabel {float:left;width:130px;text-align:left;margin-top: 5px;font-size: 14px;}
.DetailAddressGropupBox{padding-bottom: 2px;vertical-align: middle; height: 25px;width:150px;color:#999;border:1px solid #dcdcdc;}
.DetailNameNickNameBox{margin-left:20px;width:68%; float: left; }
.DetailNameNickNameBox1{width:100%;}
.DetailNameTopMagin{margin-top: 50px;}
.DetailMeberIcon{width: 20px; height: 28px; margin-right: 10px;}

.DetailNameBox1{height:40px;width:158px;color:#999;border:0px solid #dcdcdc; overflow:visible}
.DetailNameBox2{height:40px; width:150px; color:#999; margin-left: 10px;border:0px solid #dcdcdc;overflow:visible}

.DetailNickNameInput{ width: 200px; height:40px; color:#999; border:0px solid #dcdcdc;}

.DetailNameBox{}

.DetailBox{color:#999;}
.DetailBox1{margin-top:5px; color:#999;}
/* .DetailBox2{margin: 5px 0 0 10px;color:#999;} */
/* .DetailBox3{margin: 5px 0 0 30px;color:#999;} */
/* .DetailBox4{margin: 5px 0 0 30px;color:#999;font-weight:bold} */
/* .DetailBox5{margin: 5px 0 0 0px;color:#5A9CFF;} */
.DetailAlign1{width:450px;float:left}
.DetailAlign2{width:600px;float:left}
.DetailFirstYnImg1{margin:5px 10px 0 0;cursor:pointer;}
.DetailFirstYnImgEdit{margin:3px 10px 0 0;width:15px;cursor:pointer;}
.DetailFirstYnImgDetail{margin:3px 10px 0 0;width:15px;}

.DetailItemType{width:70px;}

/* .DetailSexSelect{width: 75px; height: 28px;color: #999; margin:0px 0px 0px 3px; border:1px solid #dcdcdc;} */
.DetailSexSelect{margin-top:5px;width: 75px; height: 28px;color: #7f9db9; margin:0px 0px 0px 3px; color:#999; border:1px solid #dcdcdc;}
.DetailNickNameArea{}
.DetailStaffInfoArea{margin-top: 10px; padding-bottom:15px; border-bottom:1px solid #f8f8f8;}
.DetailItemArea{margin-left:70px;  padding-bottom:10px; float:left; width:88%; border-bottom:1px solid #f8f8f8;}
.DetailItemArea1{margin-top:10px; padding-bottom:15px; float:left; border-bottom:1px solid #f8f8f8;}
.DetailItemArea2{margin-top:10px; padding-bottom:15px; float:left; border-bottom:1px solid #f8f8f8;width:685px;}
.DetailItemArea3{margin-top:15px}
.DetailAddressDiv{line-height: 30px;border:1px solid #F0F0F0;padding: 0px 0px 0px 15px;min-height:30px}
.residence{margin-top:5px}


.DetailImageArea{float: left; margin-top: 33px;}
.DetailImageArea1{float: left;}
.DetailImageEditBtn{text-align:center;font-size:14px;height: 30px;width: 150px;color: white;background: #999;opacity: 0.5;position: absolute;top: 90px;}
.DetailImageEditBtn span {font-size:14px;position: absolute;top: 3px;left: 30px;}
.DetailMemoArea{float:left;margin-top:10px;}
.DetailMemoTextarea{float:left; border:0px solid #dcdcdc; color: #a7a7a7;margin: 5px 0px 5px 0px; width:512px;ertical-align: middle;}
.DetailEmailTextbox{padding-left:5px;text-align:left;width: 465px; height: 28px; border: 1px solid #dcdcdc; color: #565656; margin: 1px 0px 5px 0px; vertical-align: middle;}
.DetailEmailTextbox:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailEmailTextbox:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}

.DetailZipcode{padding-left:5px;text-align:left;width: 465px; height: 28px; border: 1px solid #dcdcdc; color: #999; margin: 1px 0px 5px 0px; vertical-align: middle;}
.DetailZipcode:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailZipcode:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}

.DetailOrganizationCode{padding-left:5px;text-align:left;width: 465px; height: 28px; border: 1px solid #dcdcdc; color: #999; margin: 1px 0px 5px 0px; vertical-align: middle;}
.DetailOrganizationCode:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailOrganizationCode:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}

.DetailOutgoingName{padding-left:5px;text-align:left;width: 465px; height: 28px; border: 1px solid #dcdcdc; color: #999; margin: 1px 0px 5px 0px; vertical-align: middle;}
.DetailOutgoingName:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailOutgoingName:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}

.DetailPlusBtn{margin-top:0px;padding-left:5px;}
.FullTextBox{text-align:left;width: 700px; height: 28px; border: 1px solid #dcdcdc; color: #999; margin: 0px 0px 5px 3px; vertical-align: middle;}
/* .ExtendContentsInfo{padding-left: 178px;text-align:left;} */
.ExtendContents{text-align:left;}
.ExtendContentsInfo{text-align:left;}

.DetailWhiteBigBtn{}
.DetailpositonArea{margin-bottom: 5px;}
.DetailSelectBtn{width: 90px; height: 30px;color: #565656; margin:0px 0px 1px 0px; border:1px solid #dcdcdc;}
.DetailPositionMagin{margin:5px 0px 0px 34px;}
.DetailPositonBox{padding:5px 0px 2px 3px; margin-top:5px; margin-left:7px; vertical-align: middle; width: 101px; height: 25px;border:1px solid #dcdcdc; color: #a7a7a7;}
.DetailPositonBox:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailPositonBox:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.AnniversaryTextBox{padding:5px 5px 2px 2px; margin:0px 0 0 10px;height: 22px;vertical-align: middle; width: 265px; border:1px solid #dcdcdc; color: #a7a7a7}
.AnniversaryTextBox:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.AnniversaryTextBox:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.DetailAddressBox{padding: 5px 5px 5px 5px; border: 1px solid #dcdcdc; margin :1px 0 5px 4px; float:left;  width: 460px;}
.AddrDeatailAddressArea{margin-left:5px;float:left; border:1px solid #dcdcdc; color: #565656; width:440px;}
.AddrDeatailAddressArea:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.AddrDeatailAddressArea:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.DetailHomePageBox{margin-top:5px;float:left; padding:0px 5px 2px 5px; vertical-align: middle; width: 455px; height: 25px;border:1px solid #dcdcdc; color: #565656;margin-left: 3px;}
.DetailMailName{margin-top:5px;float:left; padding:0px 5px 2px 5px; vertical-align: middle; width: 455px; height: 25px;border:1px solid #dcdcdc; color: #a7a7a7;margin-left: 3px;}
.DetailHomePageBox:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.DetailHomePageBox:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.DetailHolidayText{}
/* ******************************************************join Book*************************************************** */

.JoinUncheck{text-align:left;padding: 3px 3px 3px 3px;}
.joinPower span img{width: 20px; height: 20px; margin-left: 18px;}
.JoinUncheck span img{width: 25px; height: 25px;}
/* .joinList tr td img{width:15px; height:20px; margin-right: 5px;} */


/* *****************************************************with me*************************************************************************************************************************** */


.WithLine{float: right; width: 700px; height:100%;}
.WithLine .WithMeLabel {float:left;width: 100px; height:100%; margin: 30px 0px 0px 30px; padding:0px 0px 30px 0px;}
.WithMeMsgLine{float:left; height: 100%; border-left: 1px solid #dcdcdc; padding:20px;}
.WithMeMsgLine .WithMeMsg{float:left;border-bottom: 1px solid  #dcdcdc;width:100%;padding-bottom:10px;padding-top:10px}
.WhithMeNameIfo{float:left; margin: 30px 0px 0px 10px; width:140px;}
.WithMeList{clear: both;}
.WithmeAddressDisp{margin:10px 0px 0px 10px;}
.WithMeShadow {
    -webkit-box-shadow: -1px 2px 3px #adadad;  /* Safari and Chrome */
    -moz-box-shadow: -1px 2px 3px #adadad;  /* Firefox */
    box-shadow: -1px 2px 3px #adadad;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#adadad, Direction=135, Strength=6);  /* IE */
}


.memoActionBtn{float:right}
.memoActionBtn:hover{float:right;border:1px solid #d1d1d1; background-color:white}
.memoMultiLine{-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;white-space:normal;}

/* ******************************************************Addr.join Popup*************************************************** */


.TabBooks {margin-left: 20px; margin-top:20px; float: left;}
.JoinListBoxLine {border-right: 1px solid #A6A6A6; width: 405px; height: 360px;}
.JoinListBoxLine .LabelArea{height:50px}
.JoinListBoxLine .ListArea{float: left; width: 100%; height: 100%;}
.JoinSecondBoxLine{float: left; border-left: 1px solid #A6A6A6; width: 400px; height: 360px}
.JoinPopupBottomArea {border-top:1px solid #b5b5b5;background-color: #F2F2F2;height:50px}
.JoinArrowArea{float:left; margin: 130px 10px 0px 10px;}
.popupCloseBtnRight{float:right;margin:11px 15px 0px 20px;}
.popupOpenBtnRight{float:right;margin:11px 0px 0px 0px;}

.ListBoxLine {border-right: 1px solid #A6A6A6; width: 394px; height: 300px;}
.ListBoxLine .LabelArea{height:50px}
.LabelName{float:left;  margin-left: 10px; font-size: 14px; margin-top: 15px; color:#A6A6A6;}
.JoinLabelName{float:left;  margin-left: 10px; font-size: 13px; margin-top: 15px; color:black;}
.JoinFolderTitle{border-bottom: 1px solid #b5b5b5; background-color:#F2F2F2}
.ListBoxLine .ListArea{float: left; width: 100%; height: 100%;}
.SecondBoxLine{float: left; border-left: 1px solid #A6A6A6; width: 394px; height: 300px}
.SecondBoxName {float:left; margin : 15px 0px 20px 10px; font-size: 14px; color: #A6A6A6; width: 100%;}
.PopupBottomArea {text-align:center;margin-bottom:30px}
.PopUpBottomMarjin{margin-left: 0px;}

/* *******************************************************addressMovecopy******************************************************** */


.MoveBoxLine {float:left; width: 250px; height: 300px; border: 1px solid #A6A6A6;}
.MoveBoxLabel {float:left; margin : 15px 0px 20px 10px; font-size:12; color: #A6A6A6; width: 100%;}
.PopupBigBox {border: 1px solid #A6A6A6; width: 450px; height: 300px;}
.PopupBigBoxNoMarjin{margin: 0px 0px 0px 20px; border: 1px solid #A6A6A6; width: 450px; height: 300px;}
.PopupBigBoxTop {height:50px;}
.SecondBigBoxName{float:right;  font-size: 14px; margin: 15px 85px 0px 0px; color:#dcdcdc;}
.BigBoxLeft{float: left; width: 40%; height: 100%; border-top: 1px solid #dcdcdc;}
.BigBoxRight{float: left; width: 269px; height: 100%;border-left:1px solid #dcdcdc;}


/* ******************************************************share Book*************************************************** */

.ShareSelectBoxTitle{border-bottom: 1px solid #b5b5b5; padding:20px 0px 20px 0px;background-color: #F2F2F2;}
.ShareOutBoxMarjin{margin-left: 20px;}
.ShareLabelName{float:left; font-size: 14PX; color:#A6A6A6; margin:2px 0px 0px 0px;text-align:center;width:100px}
.LongSelectBox {float: left; margin-left: 10PX;}
.ShareLongSelectBox{float: left;};
.LongSelectBoxSize {width: 250px;}
.ShareSelectBoxSize{width: 313px;}
.ShareLabel{float:left; font-size: 12PX; color:#A6A6A6; margin: 30px 0px 20px 0px;}
.TextAreaMiddle{width: 330px; height:20px;margin-left: 20px;}
.MiddleSeletBox {width: 170px; height: 20px}
.ShareMiddleSeletBox{width: 170px; height: 20px; margin-left: 185px;}
.ShareBottomArea{border-top:1px solid #b5b5b5;background-color: #F2F2F2;height:47px}

/* ******************************************************seachAddressPopup1*************************************************** */

.TabSelected{float:left;position:relative;padding-top: 9px;cursor:pointer;}
.TabLeft {width:5px; background-image: url('../images/address/TabOnLeft.png'); height:25px; float:left;}
.TabMiddle {width:100px; background-image: url('../images/address/TabOnMiddle.png'); height:25px; border:0px solid #6b6b6b; float:left}
.TabMiddle p{float: left; padding-left: 8px; padding-top: 4px;}
.TabRight {width:6px; background-image: url('../images/address/TabOnRight.png'); height:25px; float:left;}

.TabNonSelected{float:left;position:relative;padding-top: 10px;cursor:pointer;}
.TabNLeft {width:5px; background-image: url('../images/address/TabOffLeft.png'); height:25px; float:left;}
.TabNMiddle {width:100px; background-image: url('../images/address/TabOffMiddle.png'); height:25px; position:relative; border:0px solid #6b6b6b; float:left}
.TabNMiddle p{float: left; padding-left: 8px; padding-top: 4px;}
.TabNRight {width:6px; background-image: url('../images/address/TabOffRight.png'); height:25px; float:left;}


/* ****************************************************User Define Folder**************************************************** */

.NewIcon{width: 14px;position:absolute;bottom: 1px;right: 3px;display:none}
.NewMenuIcon{width: 21px;position:absolute;bottom: 1px;right: 3px;}

.NewMenuIconTop{width: 17px;position:absolute;bottom: 0px;right: 2px;}


.sentBackgroud {background:url('../images/message/sentBack.png') repeat-x left top;width:50px; height: 40px;  border: 0px solid #6b6b6b; padding: 3px 3px 3px 3px; }

/* search condition part 일단 보류 */
/* .arrayBTn {background:url('../images/message/conditionBtnBack.png') repeat-x left top;width:50px; height: 40px;  border: 1px solid #6b6b6b; padding: 3px 3px 3px 3px; } */


/* ****************************************************Create Folder(pop up)**************************************************** */


.PopupMiddleBottomArea{margin: 20px 0px 0px 285px;}



/* ****************************************************Addr, addressListSendBtn**************************************************** */


/* ****************************************************Admin **************************************************** */
.AdminSaveBtn{float:right;margin: 5px 20px;}
.AdmindetailLabel{float:left;width:230px;text-align:left;margin-top: 9px;font-size: 14px;}
.AdmindetailLabel1{float:left;min-width:100px;text-align:left;margin-top: 20px;font-size: 14px;}
.AdmindetailLabel2{float:left;width:200px;text-align:left;margin-top: 20px;font-size: 14px;}
.AdminSelectBtn {width:200px;height: 30px;	color: #7f9db9;	border: 1px solid #dcdcdc;}
.AdminSelectBoxDiv{width:210px;float:left;margin:13px 0px 0px 0px}
.AdminDetailItemArea{margin-top:10px; padding-bottom:15px; float:left;}
.AdminDetailItemArea img{float:left;width:60px;margin:0px 20px 0px 0px}
.AdminInputBox{margin:15px 0px 0px 0px}
.AdminWorkTitle span{margin-left:10px;font-size:16px}
.AdminRadioBtn{height: 30px;padding-right: 5px;margin-top:2px;width:150px;float:left;margin:14px 0px 0px 10px;}
/* ************************************************************************************************************** */

.TopSendBtnList{width:110px; height: 120px; border: 1px solid #999; }
.TopSendBtnList ul li{margin-top: 5px;}


.TopNameBtnList{width:90px; height: 90px; border: 1px solid #999; }
.TopNameBtnList ul li{margin-top: 5px;}

.PageBtnList{width:90px; height: 90px; border: 1px solid #999; }
.PageBtnList ul li{margin-top: 5px;}

.CountBtnList{width:90px; height: 90px; border: 1px solid #999; }
.CountBtnList ul li{margin-top: 5px;}


/* ***************************************************calendar create**************************************************** */


.NewpageIcon{float : right; margin: 10px 20px 0px 10px; border: 1px solid #e7e7e7; }
.TopSendLater{float: right; margin-right: 5px;}
.TopSendTime{ float: right; margin: 25px 20px 0px 10px; }
.SubjectBarArea{ height: 80px;border-bottom:1px solid #E7E7E7 }
.SubjecBarMargin{margin: 5px 0px 0px 20px;}
.FromLabel{margin: 10px 5px 0px 20px;float: left;}

.FromPlusBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px; margin-top: 5px;}
.FromPlusBtn span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px; }
.FromPlusBtn:hover span{color:#1c79c7;}

.Receivebar{text-align:left;width: 1312px; height: 28px; border: 1px solid #dcdcdc; color: #999; margin: 5px 0px 5px 3px; vertical-align: middle;}
.seachBookIcon{margin: 5px 0px 0px 10px; border: 1px solid #E7E7E7 ; width: 30px; height: 28px; float: left}



.PeopleBtn{position:relative;height:25px;width:170px; margin: 0px 10px 0px 5px;float: left}
.PeopleBtn .FileBtn_text {top:0px;left:0px;width:160px;height:15px;padding:3px 2px 2px 2px;vertical-align:middle; background-color: #E7E7E7;}
.PeopleBtn .close_icon{position:absolute;top:1px;right:1px;height:22px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;}



.FileBtn{position:relative;height:25px;width:170px; margin: 0px 10px 0px 80px;}
.FileBtn .FileBtn_text {top:0px;left:0px;width:160px;height:15px;padding:3px 2px 2px 2px;vertical-align:middle; background-color: #E7E7E7;}
.FileBtn .close_icon{position:absolute;top:1px;right:1px;height:22px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;}

.GrayIconArea{border-left:1px solid #b5b5b5;width:60px;height:35px;background:#f8f8f8;line-height:35px;text-align:center;cursor:pointer;float:left}
.GrayIconLeft{border-right:1px solid #b5b5b5;width:60px;height:35px;background:#f8f8f8;line-height:35px;text-align:center;cursor:pointer;float:left}
.GrayBigBtn{border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;  width:100px;height:35px;background:#f8f8f8;line-height:35px;text-align:center;cursor:pointer;float:left}
.GrayBigBtnRight{border-right:1px solid #b5b5b5;width:100px;height:35px;background:#f8f8f8;line-height:35px;text-align:center;cursor:pointer;float:left}
.GrayBigBtnLeft{border-left:1px solid #b5b5b5;border-right: 1px solid #b5b5b5; width:100px;height:35px;background:#f8f8f8;line-height:35px;text-align:center;cursor:pointer;float:left}
.IconMargin{margin:20px 20px 0px 20px; vertical-align: middle;}
.SettingBtnArea{margin: 15px 0px 0px 0px; border-bottom: 1px solid #b5b5b5;}
.SettingArea{float:left;  font-size: 15px; color: #F15F5F; margin: 0px 40px 0px 10px; height: 35px;line-height:35px}
.FileBtbArea{margin-left: 50px; border-top : 1px solid  #b5b5b5; background: #E7E7E7; vertical-align: middle;}
.CalendarBottomLine{margin-top: 10px;border-bottom: 1px solid #b5b5b5;}
.CalendarTextArea{width: 100%;height:200px;  overflow:auto; overflow-y:hidden;}
.SortBtn{width: 100%; height: 40px; margin: 10px 0px 5px 0px; border-top:1px solid #E7E7E7 }
.SortBtnMarjin{margin-left: 20px;}

/* ------------------------------------------------------Bubble------------------------------------ */


.ChatBubble{border: 1px solid #b5b5b5; width: 800px;}
.ComponentPlanAddPopup{width:556px;over:visible;}
.ComponentPlaceAddPopup{width:600px;overflow:visible;}
.ChatBubbleMarjin{margin: 10px 20px 10px 20px;}
.ChatIcon{margin: 15px 10px 0px 0px; float:left;}
.ChatIconLoc{margin: 5px 10px 0px 0px; float:left;}
.ChatBubbleText{padding:17px 0px 0px 20px; color: #b5b5b5;}dotted
/* .LineStyleDotted{clear:both; height: 10px;  border-bottom: 1px dotted #b5b5b5;} */

.FileBtnarray{position:relative;height:25px;width:170px; margin: 20px 0px 0px 0px;}
.FileBtnarray .FileBtn_text {margin-top:15px;left:0px;width:160px;height:15px;padding:3px 2px 2px 2px;vertical-align:middle; background-color: #E7E7E7;}
.FileBtnarray .close_icon{position:absolute;top:1px;right:1px;height:22px;padding-left:2px;vertical-align:middle;border:0px 1px solid #dcdcdc;}

.TopBlueBtnMiddle{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/blue_big_btn.gif') no-repeat 100% 0;color:white;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:15px;}
.TopBlueBtnMiddle span {display:block;padding:1px 48px 1px 50px;background:url('../images/common/blue_big_btn.png') no-repeat;font-size:10px;cursor:pointer;text-align:center;vertical-align: middle;line-height:20px;height:20px;}
.TopBlueBtnMiddle:hover span{color:white;}


.BlueBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/blue_btn.jpg') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.BlueBtn span {display:block;padding:1px 20px 1px 20px;background:url('../images/common/blue_btn.jpg') no-repeat;font-size:13px; cursor:pointer;text-align:center; color:white;  height: 20px;}
.BlueBtn:hover span{color:yellow;}
.BlueBtnMarjin{float: right; margin: 15px 0px 0px 0px; }


/* ------------------------------------------------------location Bubble------------------------------------ */
.LocEntBubbleMarjin{margin: 0px 0px 0px 20px; padding: 0px 5px 0px 0px;}
.EnterWhiteBtnBig{vertical-align:middle;display:inline-block;margin-left:10px;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px; margin-top: 2px;}
.EnterWhiteBtnBig span {display:block;padding:1px 9px 1px 11px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px; }
.EnterWhiteBtnBig:hover span{color:#1c79c7;}


.LocationBtnMarjin{margin: 0px 0px 0px 8px;}
.LocalInputAreaMarjin{margin: 10px 0px 0px 8px;}

.agreeLabel{margin: 17px 15px 0px 0px; float: left;}


/* ----------------------------------------------demo share------------------------------------------ */
.addSharePopWin_top{width: 768px;height: 560px;border-color: black;border: 1px solid #EBEBEB;}
.addSharePopWin_top .popTitlebar{background: url('../images/common/AddressPopup_top.png') repeat-x left top;height: 32px;line-height: 32px;}
.shareLongSelectBoxSize {width: 325px;}
.shareAutoCompleteBox{width:80%;height:36px;float:left;margin-right: 5px;}
.shareBoxArea{width: 450px; height: 352px;vertical-align: middle;}
.autoShareBoxArea{width: 360px; height: 352px;vertical-align: middle;}
.shareBoxArea .PermissionItem .UnderDiv {clear:both; height: 15px;  border-bottom: 1px solid #EBEBEB;margin:0px 15px 0px 15px}
.autoShareBoxArea .autoPermissionItem .UnderDiv {clear:both; height: 15px;  border-bottom: 1px solid #EBEBEB;margin:0px 15px 0px 15px}
/* .PermissionBox{border: 1px solid #EBEBEB; background: #E7E7E7; width: 300px; margin: 12px 5px 0px 15px; float: left;} */
.PermissionBox{background: #f4f4f4; width: 300px; margin: 12px 5px 0px 15px; float: left;}
.PermissionBox div ul {background:white;}
.PermissionSelectBox{float: left; margin:20px 15px 0px 15px; width: 100px;}
.DemoAddPopWin_top{background:url('../images/common/AddressPopup_top.png') repeat-x left top; margin:20px; width:700px; height: 500px; border-color: black; border: 1px solid #EBEBEB;}
.peopleArea{margin: 3px 0px 3px 5px; border: 1px solid #b5b5b5;width: 150px; height: 30px;}
.DemoSecondBoxLine{float: left; border: 1px solid #A6A6A6; width: 350px; height: 300px}


/* ---------------------------------2013/02-15/Demo------------------------ */


/* ----------------------------------------------demo with me------------------------------------------ */


.headerLayer{background:url(images/topmenu_bg.gif);height:40px;}
.saveButton {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #03F;
}

.ChatfooterIcon {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	width: 100px; margin:0px;
}

.SettingIcon{border-top-left-radius:10px;border-bottom-left-radius:10px; 
			border-top-right-radius:10px;border-bottom-right-radius:10px;width:50px;height:30px; 
			background:url(/yesim/pub/images/setting.gif) no-repeat; background-size:contain; 
			background-position:center;display:marker;}

.photo_Profile_mini {
	border: 0px solid #A00;
	float: left;
	width: 50px;
	height: 50px;
/* 	background: url(images/kimdojin.jpg) no-repeat; */
	background-size: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0px 10px 0px 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #222222;
}

.photo_Profile_mini2 {
	border: 0px solid #A00;
	float: right;
	width: 30px;
	height: 30px;
	background: url(images/happycomma_22.gif) no-repeat;
	background-size: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0px 10px 0px 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: transparent;
	vertical-align: text-bottom;
}



.ChatroundBox {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; 
	border-top: 2px;
	border-right: 2px;
	border-left: 2px;
	border-bottom: 2px; 
	background-color: white;
	color: #000000;
}


.roundBoxTop {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#96C7ED),
		to(#82B3ED) );
	color: white;
	padding: 7px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-shadow: none;
}

.ShadowLine {
	background: -webkit-gradient(linear, left top, left bottom, from(#696969),
		to(#D3D3D3) );
	height: 1px;
}

.ShadowLineBottom {
	background: -webkit-gradient(linear, left top, left bottom, from(#D3D3D3),
		to(#696969) );
	height: 1px;
}

.ChatUserNameStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D2B48C;
	text-shadow: none;
}

.ChatUserLevelStyle {
	padding: 3px;
	font-size: 11px;
	color: #A9A9A9;
	text-shadow: none;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: rgba(0, 0, 0, 0.2);
	/* IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000 );
	/* IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color: white;
}

.ChatUserTimeStyleLeft {
	position: absolute;
	bottom: 12px;
	right: -40px;
	font-size: 10px;
	color: #C0C0C0;
	text-shadow: none;
}

.ChatUserTimeStyleRight {
	position: absolute;
	bottom: 12px;
	left: -40px;
	font-size: 10px;
	color: #C0C0C0;
	text-shadow: none;
}


.ChatPeople {
	border-bottom: 1px solid #A9A9A9;
	padding: 5px;
	background-color: #F5F5F5;
	height: 28px;
	border: #900 0px solid;
	
}


.SettingIcon {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 50px;
	height: 30px;
	background: url(/yesim/pub/images/setting.gif) no-repeat;
	background-size: contain;
	background-position: center;
	display: marker;
}

.addfile {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: url(/yesim/pub/images/add1.gif) no-repeat;
	background-size: 80%;
	background-position: center;
	display: marker;
}

.addemoticon {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 15px;
	background: url(/yesim/pub/images/add2.gif) no-repeat;
	background-size: 70%;
	background-position: center;
	display: marker;
}


.ChatButton {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width:50px; height:50px;
}


.bubble {
	position: relative;
	padding-left: 0px;
	padding-right: 15px;

	display: inline-block;
/* 	max-width: 620px; */
}

.bubble .label{
	color: #808080;
/* 	background-color: #FFFFE0; */
/* 	background-color: #fffff0; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffeb',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 50px 10px 7px 15px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 15px;
}


.bubble .morningLetter{
	color: #808080;
/* 	background-color: #FFFFE0; */
/* 	background-color: #fffff0; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, white 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,rgba(255,255,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,white 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,white 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,white 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,white 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffeb',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 50px 10px 7px 15px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 15px;
}

/* .bubble .label .OOAutoComplete{display:inline-table;} */
.bubble .label .OOAutoComplete{display:inline;}
.bubble .labelA{
/*	float:left;*/
	color: #808080;
/* 	background-color: #BEEFFF; */
/* 	background-color: #daf5fe; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,240,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,240,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0ff',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 50px 10px 7px 15px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 10px;
	
}


.bubble .labelB{
	float:left;
	color: #808080;
/* 	background-color: #BEEFFF; */
/* 	background-color: #daf5fe; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,240,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,240,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,240,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0ff',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 10px 10px 7px 10px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 10px;
	
}

.bubble .labelC{
	color: #808080;
/* 	background-color: #FFFFE0; */
/* 	background-color: #fffff0; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,235,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffeb',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 10px 10px 7px 10px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 15px;
}


.bubble .labelRight{
	color: #808080;
	border-radius: 3px;
	padding: 10px 10px 7px 10px;
	box-shadow: 1px 1px 4px 1px #c8c8c8;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 15px;
	background-color:#FBFCFF;

}




/* .bubble .tailRight {position:absolute;width:15px;top:10px;left:350px;} */
.bubble .tailRight {position:absolute;width:15px;top:10px;}
.bubble .tailLeft {position:absolute;width:15px;top:10px;left: 0px;}
.bubble .jobKindLeft{margin: 0px 0px 10px 0px;}
.bubble .jobKindRight{margin: 0px 0px 10px 0px;}
.bubble .jobIcon {margin-left:2px;}

/* ----------------------------------------First Css End---------------------- */
.ui-state-active span, .ui-widget-content .ui-state-active span, .ui-widget-header .ui-state-active span{color: white;}
.ui-state-active .text-black {color:black;}

.MenuLayerPopup {width:100px; display:none; position:absolute; z-index: 1; background:white; border:1px solid #dcdcdc; cursor:pointer;}
.msgLeftTitle li{height: 29px;}

.BoardDiv {position: relative;padding: 0 0 0 0px;}
.BoardDiv .PopupScrollOverWrapDiv {background-color: #f7f7f7;border-bottom:2px solid #0083cb; border-top:1px solid #E7E7E7; position: absolute;top: 0px;right: 0px;width:17px;height:26px;}

/*스크롤바 */
/*dobong.kang cj는 webkit-scrollbar 주석 처리*/
::-webkit-scrollbar-track
{
   border-radius: 10px;
/*    background-color: white; */
}

::-webkit-scrollbar
{	
	height: 7px;
   width: 7px;
   background-color: white;
}

::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   background-color: #cccccc;
}