@charset "utf-8";
/* Default ------------------------------------------------------------------------------------------------------*/
a{
	text-decoration: none !important;
}
.ui-front { z-index: 1000} /* jquery 1.11.0에서는 ui-front 클래스에 대해 z-index를 지원하지않음 */


.popupOpacity{
	  filter: alpha(opacity=1); /* internet explorer */    
      -khtml-opacity: 0;      /* khtml, old safari */    
      -moz-opacity: 0;       /* mozilla, netscape */    
      opacity: 0;           /* fx, safari, opera */
}
*{margin:0;padding:0; overflow:hidden; }
html {overflow-y:}	/*2012-02-07 수정*/
html, body{*word-break:break-all;-ms-word-break:break-all;width:100%;height:100%;}

/* body{*word-break:break-all;-ms-word-break:break-all;min-width:968px;min-height: 600px;} */
/* body,textarea{font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;font-size: 12px;line-height:16px;} */
/* input{font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;font-size: 12px;line-height:26px;color:#555;} */
body,textarea{font-family:"Malgun Gothic",Dotum,Gulim,AppleGothic,Sans-serif; font-size: 12px;line-height:16px;}
input{font-family:"Malgun Gothic",Dotum,Gulim,AppleGothic,Sans-serif; font-size: 12px;line-height:26px;color:#555;}
ul,ol,dl,dd,dt,li{list-style-type:none;}
em,address{font-style:normal;font-weight:normal}
textarea{overflow:auto;padding:3px}
table{ table-layout:fixed;border-spacing:0; }
table td, table th { padding:0px; }
table caption{display:none;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.accessibility, .hidden_text, legend{display:block;overflow:hidden;position:absolute;left:0 !important;top:-55000px !important}
legend{*width:0;}
:root legend{margin-top:-1px;font-size:0;line-height:0;}
img,fieldset,iframe{border:0 none;}
img{border:0;vertical-align:middle;}
/* link_속성 */
a{color:#555;font-size:12px;text-decoration:none;} a:hover{color:#0083CA;font-size:12px;text-decoration:underline;}
input{height: 20px;}

.selectColor{background-color:#F2F2F2;border-left:1px solid #1E90FF}
.OOCabsCategory li input{height: 10px;}

/* select input속성 */
select{font-size:12px;_font-size:12px;vertical-align:middle;height:20px;line-height:16px;border:1px solid #cccccc;}
option{padding-right:6px;}
.input_text, textarea{*margin:0px 0;padding-right:1px;border:1px solid #dcdcdc;}
.input_textC {*margin:0px 0;padding-right:1px;border:1px solid #dcdcdc;width:auto;text-align:center;}
.input_check, .input_radio{width:13px;height:20px;vertical-align:middle;}
.input_file{font-size:12px;padding:2px 0 1px 0;vertical-align:middle;}

/* png */
.png24{tmp:expression(setPng24(this)); }
.mouse_over_text {color:yellow;}

/* resizable helper*/
.resizable-helper {border:2px dashed #bcd3ee;z-index: 10000 !important;}
/* .resizable-helper{border:1px dashed #7f9db9;} */
/* Layout ------------------------------------------------------------------------------------------------------*/

/* body 상단 bg */
.bg_wrap{background:url('../images/common/top_bg.jpg') repeat-x left top;}

/* Header */
#Header{background:url('../images/common/top_main.jpg') no-repeat left top;height:57px; position:relative;}
#Header .Logo{padding:0 0 0 10px;position:absolute;z-index:100;}
#Header .Logo img {width: 130px;height: 50px;}
#Header .LogArea {position:absolute;top:3px;right:0px;overflow:hidden;line-height: 24px;padding: 0 10px;}
#Header .LogArea li{background:url('../images/common/bg_toplink.gif') no-repeat left 6px;color:#777;float:left;padding: 0 10px;}
#Header .LogArea .first {background:none;}
#Header .LogArea a{color:#555;text-decoration:none;}
/* TopMenu */
/* #Header .TopMenu {position: absolute;top: 35px;left: 250px;} */
/* #Header .TopMenu li {float:left;padding: 0 10px; color:#FFF; font-size:15px;} */
#Header .TopMenu {position: absolute;top: 35px;left: 200px;}
#Header .TopMenu li {float:left;padding: 0 10px; color:#555;}
#Header #GnbMenu li span {color:#fffafa;}

#Header .WiseSaying {position:absolute;top:3px;left:200px;overflow:hidden;line-height: 24px;padding: 0 10px;z-index:100;}

/* Header2 */
/* #Header2 {height:24px;padding: 0px;line-height: 15px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;} */
/* #Header2 .WiseSaying {float:left;padding-left: 20px;line-height: 22px;width:500px} */
/* #Header2 .TopSubMenu {float:right;overflow:hidden;padding: 1px 10px;}	padding:0px 10px 를 수정 */
/* #Header2 .TopSubMenu li{background:url('../images/common/bg_toplink.gif') no-repeat left 6px;color:#777;float:left;padding: 3px 10px;}	padding:0px 10px 를 수정 */
/* #Header2 .TopSubMenu li img {margin:0 0 3px 0} */
/* #Header2 .TopSubMenu a{color:#777;text-decoration:none;} */
/* #Header2 .TopSubMenu .first {background:none;} */

/* Container */
/* #Container {width:100%;} */
#Container {position:relative;}

/* LeftMenu */
#LeftMenu {float: left;border-right: 1px solid #dcdcdc;}
#LeftMenu .JobTitle {position: relative;}
#LeftMenu .JobTitle img {display:inline-block;width: 260px;height: 45px;}
#LeftMenu .JobTitle span {width:260px;text-align:center;position:absolute;top:15px;left: 10px;font-size:15px;}

#LeftMenu .JobMenu {padding: 20px 20px;line-height: 22px;}
#LeftMenu .JobMenu ul {width:220px;}
/* #LeftMenu .JobMenu ul {width:50px;} */
#LeftMenu .JobMenu li {border-bottom: 1px solid #efefff;}
#LeftMenu .JobMenu img {width: 5px;height: 5px;}
#LeftMenu .JobMenu .Sub {padding-left: 10px;}

.file_input_hidden
{
  font-size: 23px; 
  position: absolute; 
  right: 0px; 
  top: 0px; 
  opacity: 0; 
  filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}

.file_input_button
{
	width: 100px; 
	position: absolute; 
	top: 0px;
	background-color: #36B7F8;
	color: #FFFFFF;
	border-style: solid;
}


.newMenuCount{position:absolute;bottom: 3px;right:0px;width:30px;height:20px}
.newTopMenuCount{width:20px;margin-top:5px;float:left;}

.newCount{position:absolute;top: 36px;right:4px;color:white;text-align: center;padding: 0px 4px 0px 4px;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-khtml-border-radius: 4px;
			-webkit-border-radius: 4px;}
.opacityBackground{background-color:rgba(0, 0, 0, 0.7);
					/*IE8이하*/
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#75000000,endColorstr=#75000000);zoom: 1;
					}
/* Contents */
/* [gwangjin.park] 2012-09-17 포틀릿 UI 변경작업 */
/* #Contents {background:url('../images/mail/mail_title_bg.jpg') repeat-x left top;position: relative;} */

#Contents .Inform {padding: 5px 20px 0 0;line-height: 22px;border-bottom: 1px solid #dcdcdc;margin:0 0 0 20px;}
#Contents .Inform ul {float:left;}
#Contents .Inform li {float:left;padding: 0 10px 0 0;}
#Contents .Inform img {width:15px;height: 15px;}

#Contents .Inform .Left {float:left;}
#Contents .Inform .Left li {float:left;padding: 0 0 0 5px;}
#Contents .Inform .Right {float:right;}
#Contents .Inform .Right li {float:left;padding: 0 0 0 5px;}

#Contents .TableInform {padding:3px 0 3px 0px;line-height: 22px;margin: 0 20px 0 20px;}
#Contents .TableInform .Left {float:left;}
#Contents .TableInform li {float:left;padding: 0 5px 0 0;}
#Contents .TableInform img {width:20px;height: 20px;cursor: pointer;}
#Contents .TableInform .Right {float:right;}
#Contents .TableInform .Right li {float:left;padding: 0 0 0 5px;}
#Contents .TableInform .ImgInfo {float:right;font-size:11px}
#Contents .TableInform .ImgInfo img {width:15px;height:15px;}

#Contents .ContentsTitle {height:45px;position:relative;background:url('../images/mail/mail_title_bg.jpg') repeat-x}
#Contents .ContentsTitle span {position: absolute;top: 15px;left: 80px;font-size:15px;}
#Contents .ContentsIntro {height:45px;position:relative;}
#Contents .ContentsIntro .Title {position: absolute;top: 4px;left: 80px;font-size:15px;}
#Contents .ContentsIntro .subIntro {position: absolute;top: 23px;left: 80px;font-size:10px;}
#Contents .Navi {position: absolute;top: 25px;right: 20px;}
#Contents .Navi li {float:left;padding-left: 5px;}

#Contents .TopButtonArea {padding:10px 0 3px 0;border-bottom: 2px solid #0083CB;margin: 0 20px;background-color: #fcfcfc;}
#Contents .TopButtonArea .Left {padding:0 0 0 10px;float:left;}
#Contents .TopButtonArea .Right {padding:0 10px 0 0 ;float:right;}

#Contents .TopButtonAreaDivideForm {padding:10px 0 3px 0;border-top: 2px solid #0083CB;margin: 0 20px;background-color: #fcfcfc;}
#Contents .TopButtonAreaDivideForm .Left {padding:0 0 0 10px;float:left;}
#Contents .TopButtonAreaDivideForm .Right {padding:0 10px 0 0 ;float:right;}

#Contents .FileTable {width:100%;border-collapse: collapse;text-align: center;}
#Contents .FileTable .firstTr {background-color: #dcdcdc;}
#Contents .FileTable td {border-bottom: 1px solid #dcdcdc;}

#Contents .BlankArea {height:40px;}

#Contents .TitleArea {line-height: 22px;border-bottom: 1px solid #dcdcdc;padding: 10px 20px;}
#Contents .TitleArea .LeftTitle {padding-left:10px;font-size: 14px;}
#Contents .TitleArea .LeftTitle li {float:left;font-weight:normal;padding: 0 20px 0 0;}
#Contents .TitleArea .LeftTitle img {width:15px;height:15px;}
#Contents .TitleArea .RightTitle {width:200px;text-align:right;float:right;padding: 0 10px 0 0;}
#Contents .TitleArea .RightTitle {cursor: pointer;}
#Contents .TitleArea .CommentInform {font-size: 12px;}
#Contents .TitleArea .CommentInform li {float:left;padding: 0 10px 0 0;}
#Contents .TitleArea .CommentInform img {width:15px;height:15px;}

#Contents .Mymemo {line-height: 22px;border-bottom: 1px solid #dcdcdc;padding: 10px 30px;}

#Contents .ContentsArea {line-height: 22px;margin: 0;padding: 10px 10px 10px 30px;}

#Contents .ContentsList {line-height: 22px;margin: 5px 10px 5px 20px;}
#Contents .ContentsList .Left {padding-left:10px;float:left;width:100px;}
#Contents .ContentsList .LeftSub {float:left;width:85px;text-align:left;}
#Contents .ContentsList .CoPLeft {padding-left:10px;float:left;width:100px;color:#014e78;}
#Contents .ContentsList .CoPLeftSub {padding-left: 25px;float:left;width:85px;color:#6b6b6b;}
#Contents .ContentsList .Right {padding-right:15px;}
#Contents .ContentsList .Right li {padding-right:10px;float:left;}
#Contents .ContentsList .Right img {width:15px;height: 15px;}
#Contents .ContentsList .Right .CheckImg img{width:12px;height:12px;margin:0 2px 3px 0;}
#Contents .ContentsList .Right .Undo {text-decoration: line-through;}
#Contents .ContentsList .Category {color:#a7a7a7;}
#Contents .ContentsList .RightSub {padding-left:110px;padding-right:15px;}
#Contents .ContentsList .RightSub li {padding-right:10px;float:left;}
#Contents .ContentsList .RightSub img {width:15px;height: 15px;}
#Contents .ContentsList .RightSub .Undo {text-decoration: line-through;}
#Contents .ContentsList .RightBtn {padding-right:15px;float:left;}
#Contents .ContentsList .RightBtn li {padding-right:10px;float:left;}
#Contents .ContentsList .RightBtn img {width:15px;height: 15px;}
#Contents .ContentsList .RightBtn .Undo {text-decoration: line-through;}

#Contents .ContentsList .AuthorityTable {width:60%;border-collapse: collapse;text-align: center;}
#Contents .ContentsList .AuthorityTable .firstTr {background-color: #efefef;border-bottom: 1.1px solid #ccc}	/*수정 border-bottom 추가*/
#Contents .ContentsList .AuthorityTable .firstTr img {width:15px;height:15px;}
#Contents .ContentsList .AuthorityTable .firstTd {text-align: left;padding-left: 20px;text-align: center;} 		/*수정 text-align 추가*/
#Contents .ContentsList .AuthorityTable td {border-bottom: 1px solid #efefef;padding: 2px;}
#Contents .ContentsList .AuthorityTable td img {width:12px; height:12px}

#Contents .TextEditorArea {width:auto;height:auto;padding: 0 30px;}
#Contents .TextEditorArea .TextEditor {width:100%;height:500px;border: 1px solid #dcdcdc;}

#Contents .CommentArea {margin: 5px 0 5px 20px;padding: 0 10px;border: 1px solid #dcdcdc;line-height: 22px;background-color: #fcfcff;}
#Contents .CommentArea .CommentLine {padding: 0 0 0 16px;}
#Contents .CommentArea ul {border-bottom: 1px solid #dcdcdc;padding: 10px 0;width:100%;}
#Contents .CommentArea span {}

#Contents .CommentSummaryArea {margin: 5px 0 5px 20px;padding: 0 10px;line-height: 22px;background-color: #fcfcff;}
#Contents .CommentSummaryArea .CommentLine {padding: 0 0 0 16px;}
#Contents .CommentSummaryArea span {}

#Contents .NextContents {padding:10px 15px 0 10px;border-top: 1px solid #dcdcdc;line-height: 22px;margin: 0 20px;}
#Contents .NextContents table {border-collapse: collapse;width: 100%;}
#Contents .NextContents td img {width:15px;height:15px;}

#Contents .DetailSearch {display:none;line-height: 22px;padding: 5px 20px 5px 0;background-color: #fcfcfc;margin: 0 0 0 20px;border-bottom: 1px solid #dcdcdc; min-width:800px; }
#Contents .DetailSearch .DetailSearchImage {float:left;padding-left: 10px;}
#Contents .DetailSearch .DetailSearchImage img {width:65px;height: 80px;}
#Contents .DetailSearch .Left {float:left;padding-left: 10px;width:100px;}
#Contents .DetailSearch .Left li {float:left;padding-right: 10px;}
#Contents .DetailSearch .Left .LeftCheckBox {float:right;}
#Contents .DetailSearch .Right {float:right;}
#Contents .DetailSearch .Center {padding: 0 10px 0 5px;}
#Contents .DetailSearch .Center li {float:left;padding-right: 3px;} /*2012-02-07 수정 padding-right:10에서 3로 수정*/
#Contents .DetailSearch .Center input {width:70px;}

#Contents .CommentWrite {line-height: 22px;background-color: #fcfcfc;margin: 0 0 0 20px;padding: 5px 0;}
#Contents .CommentWrite .Left {float:left;padding-left: 10px;width:100px;}
#Contents .CommentWrite .Right {float:right;}
#Contents .CommentWrite .Center {padding: 0 10px 0 5px;}
#Contents .CommentWrite .Center img {width:15px;height:15px;}
#Contents .CommentWrite .Center li {float:left;padding: 0 10px 0 0;}

#Contents .ReSearch {display:none;border-bottom: 1px solid #dcdcdc;margin: 0 20px;padding: 5px;}
#Contents .ReSearch .Left {width:175px;float:left;text-align:center;padding: 5px 10px 5px 0px;}
#Contents .ReSearch .Right {padding: 5px 0;}

#Contents .ReSearch .ReSearchElement{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/search_blue.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
#Contents .ReSearch .ReSearchElement span {display:block;padding:2px 6px 1px 9px;background:url('../images/common/search_blue.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;}

/* Footer */
#Footer {clear:both;background-color:#e0e0e0;width:100%;height:36px;}
#Footer .Logo {float:left;}
#Footer .FooterMenu {display:inline-block;float:left;line-height: 16px;padding: 3px 0;}
#Footer .FooterMenu li {background:url('../images/common/bg_toplink.gif') no-repeat left 6px;color:#777;float:left;padding: 0 10px; }
#Footer .FooterMenu .first {background:none;}
#Footer .FooterMenu .CopyRight {background:none;clear:left;}
#Footer .TopSubMenu {float:right;overflow:hidden;padding: 5px 10px;}
#Footer .TopSubMenu li{background:url('../images/common/bg_toplink.gif') no-repeat left 6px;color:#777;float:left;padding: 0 10px;vertical-align: middle;}
#Footer .TopSubMenu a{color:#777;text-decoration:none;}
#Footer .TopSubMenu .first {background:none;}

/* 레이어 팝업 ------------------------------------------------------------------------------------------------------*/
#previewContentsPopup {border:1px solid #dcdcdc;width:200px;height:70px;position:absolute;display:none;background-color: white;color: black;padding: 20px;z-index: 999;}
#userContentsPopup {border:1px solid #dcdcdc;width:335px;height:200px;position:absolute;display:none;background-color: white;color: black;padding: 20px;z-index: 999;}

#ListSendPopup {border:1px solid #dcdcdc;width:100px;height:100px;position:absolute;display:none;background-color: white;color: black;z-index: 999;}
#ListNamePopup {border:1px solid #dcdcdc;width:100px;height:100px;position:absolute;display:none;background-color: white;color: black;z-index: 999;}
/* 레이어 팝업 ------------------------------------------------------------------------------------------------------*/
.LayerPop{background:url('../images/common/bg_popup.gif') no-repeat left top;border-right:2px solid #9b9999;padding:25px 0 0 2px;z-index:100;position:relative;top:0;}
.LayerPop .Wrap{background:url('../images/common/bg_popup.gif') no-repeat right bottom;padding:20px;zoom:1;}
.LayerPop .Wrap h1{font-size:12px;color:#154399;position:absolute;top:4px;left:40px;}
.LayerPop .Wrap .PgTitle1{background:none;padding-left:0;font-size:16px;}
.LayerPop .PStyle1{font-size:12px;padding-bottom:15px;}
.LayerPop .Wrap .Sec1{margin-top:10px;}
.LayerPop .Wrap .Sec1 .stit{color:#356096;border-bottom:1px solid #cbcbcb;padding-bottom:3px;margin-bottom:10px;}
.LayerPop .BtnClose{position:absolute;top:0px;right:0px;padding:5px;display:inline-block;}
.LayerPop .Ctext{text-align:center;} /* text 가운데 정렬 */


/* 달력 */
.LayerPopCalendar{z-index:100;border:2px solid #5980C3;width:162px;padding-bottom:5px;background:#fff;position:absolute;}
.LayerPopCalendar .ThisMonth{text-align:center;height:14px;padding:11px 0 7px 0;}
.LayerPopCalendar .ThisMonth span, .LayerPopCalendar .ThisMonth em{vertical-align:middle;}
.LayerPopCalendar .ThisMonth a{vertical-align:middle;display:inline-block;margin-right:3px;}
.LayerPopCalendar .ThisMonth .Year, .LayerPopCalendar .ThisMonth .Month{margin-left:5px;}
.LayerPopCalendar .ThisMonth .Year em, .LayerPopCalendar .ThisMonth .Month em{color:#333;display:inline-block;padding:0 0 1px 1px;*padding:0 0 4px 1px;text-align:center;}
.LayerPopCalendar table{width:100%;text-align:center;}
.LayerPopCalendar thead th{background:#D5E2EF;color:#0083CA;font-size:10px;}
.LayerPopCalendar tbody td{font-size:11px;padding-bottom:1px;}
.LayerPopCalendar tbody td a:hover{color:#F05302 !important;}
.LayerPopCalendar tbody td:first-child a{color:#0083CA;}
.LayerPopCalendar .on a{color:#F05302 !important;text-decoration:underline;}
.LayerPopCalendar .BtnClose{position:absolute;top:1px;right:1px;padding:5px;display:inline-block;}

/* 팝업 */
.PopupSide {background-color:#e8e6e7; width:auto}
.PopupSide .PopupHeaderBg {height:24px;width:auto;background:url('../images/common/popup_header_bg.jpg') repeat-x left top; float:left;}
.PopupSide .PopupHeader {height:24px;width:auto;background:url('../images/common/popup_header.jpg') no-repeat left top;}
.PopupSide .PopupClose {background:url('../images/common/popup_close.jpg');padding:2px 2px 2px 0;}
.PopupSide .PopupHeaderText {font-size:12px;color:#154399;padding:2px 2px 2px 10px;}
.PopupSide .PopupHeader img {padding:4px 7px 4px 0px; width:16px; height:16px;float:right}
.PopupSide .Margin1 {margin:2px 2px 2px 2px;background-color:#c8c5c7;} /* #c8c5c7 */
.PopupSide .Margin2 {margin:1px 1px 1px 1px;background-color:white;}
.PopupSide .Padding1 {padding:20px 20px 20px 20px;}
/* .PopupSide .Padding1 img{width:100%;height:2px} */
.PopupSide .Padding1 .TextC {text-align:center;}
.PopupSide .Padding1 .TextCPad{text-align:center;padding:28px 0 20px 0;}
.PopupSide .Padding1 .PopInfoText {padding:10px 10px 10px 10px;color:#7f7f7f;}
.PopupSide .Padding1 .PopInfoText img{width:5px;height:5px;margin:3px 3px 5px 1px}
.PopupSide .Padding1 .PreviewText {padding:3px 1px;}
.PopupSide .Padding1 .GrayLine {line-height:22px; border-bottom:1px solid #dcdcdc;}
.PopupSide .Padding1 .GrayLine2 {line-height:1px; border-bottom:1px solid #dcdcdc;}
.PopupSide .Padding1 .BlankAreaPop {padding:17px 0 3px 0;}
.PopupSide .Padding1 .BlankAreaPop li {float:left;padding:3px 12px 0 0;}
.PopupSide .Padding1 .BlankAreaPop li img {height: 114px;width: 114px;}
.PopupSide .Padding1 .BlankAreaPop .CopIntroMemo{width:355px;height:65px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:;float:left;margin:3px 0 20px 0}
.PopupSide .Padding1 .CommonPopText{padding:3px 0 0 0;}
.PopupSide .Padding1 .CommonPopText .TitleFirst{margin:0 5px;float:left;line-height:22px}
.PopupSide .Padding1 .CommonPopText .Title{margin:0 5px 0 25px;float:left;line-height:22px}
.PopupSide .Padding1 .CommonPopText .left{float:left}
.PopupSide .Padding1 .CommonPopTextBlue{color:#0083cb;}
.PopupSide .Padding1 .CommonPopText span{color:#1e7bc9;}
.PopupSide .Padding1 .CommonPopText a span{font-weight:normal;}


.PopupSide .Padding1 .Inform {padding: 5px 0 0 0;line-height: 22px;border-bottom: 1px solid #dcdcdc;}
.PopupSide .Padding1 .Inform ul {float:left;}
.PopupSide .Padding1 .Inform li {float:left;padding: 0 10px 0 0;}
.PopupSide .Padding1 .Inform img {width:15px;height: 15px;}
.PopupSide .Padding1 .Inform .Left {float:left;}
.PopupSide .Padding1 .Inform .Left li {float:left;padding: 0 0 0 5px;}
.PopupSide .Padding1 .Inform .Right {float:right;}
.PopupSide .Padding1 .Inform .Right li {float:left;padding: 0 0 0 5px;}

.PopupSide .Padding1 .DetailSearch {display:none;line-height: 22px;padding: 5px 0px 0px 0;background-color: #fcfcfc;border-bottom: 1px solid #dcdcdc; }
.PopupSide .Padding1 .DetailSearch .EdDetailSearchImage {float:left;height:140px}
.PopupSide .Padding1 .DetailSearch .EdDetailSearchImage img {width:65px;height: 140px;}
.PopupSide .Padding1 .DetailSearch .Left {float:left;padding-left: 10px;width:100px;}
.PopupSide .Padding1 .DetailSearch .Left li {float:left;padding-right: 10px;}
.PopupSide .Padding1 .DetailSearch .Left .LeftCheckBox {float:right;}
.PopupSide .Padding1 .DetailSearch .Right {float:right;}
.PopupSide .Padding1 .DetailSearch .Center {padding: 0 10px 0 5px;}
.PopupSide .Padding1 .DetailSearch .Center li {float:left;padding-right: 3px;} /*2012-02-07 수정 padding-right:10에서 3로 수정*/
.PopupSide .Padding1 .DetailSearch .Center input {width:70px;}

.PopupSide .Padding1 .ReSearch {display:none;border-bottom: 1px solid #dcdcdc;padding: 5px;}
.PopupSide .Padding1 .ReSearch .Left {width:165px;float:left;text-align:center;padding: 5px 10px 5px 0px;}
.PopupSide .Padding1 .ReSearch .Right {border: 1px solid #dcdcdc;padding: 5px 10px;}



.PopupSide .PopupTitle {font-size:15px;float:left}		/*float 삭제해야함*/
.PopupSide .PopupTitleTable1 {border-bottom:2px solid #0083cb;width: 100%}
.PopupSide .PopupTitleTable2 {border-bottom:2px solid #0083cb;width: 100%;margin:0 0 3px 0;}
.PopupSide .PopupTitleInfo {font-size:11px;float:right;text-align:right;}


#GroupPop {padding:20px 0;}
#GroupPop .GroupTitle{padding:3px;float:left;width:185px;}
#GroupPop .EdGroupTitle{padding:3px;float:left;width:250px;}
#GroupPop .MoveBtnArea {float:left;margin:70px 16px;}
#GroupPop .MoveBtnAreaTwo {float:left;margin:30px 16px;}
#GroupPop .TreeMenu{width:180px;height:200px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;float:left}
#GroupPop .TreeMenuRadio {margin-right:10px;float:left;}
#GroupPop .BookmarkTreeMenu{width:300px;height:500px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:scroll;float:left}
#Contents .TitleArea {line-height: 22px;border-bottom: 1px solid #dcdcdc;padding: 10px 20px;}
#Contents .TitleArea .LeftTitle {padding-left:10px;font-size: 14px;}
#Contents .TitleArea .LeftTitle li {float:left;font-weight:normal;padding: 0 20px 0 0;}
#Contents .TitleArea .LeftTitle img {width:15px;height:15px;}
#Contents .TitleArea .RightTitle {width:200px;text-align:right;float:right;padding: 0 10px 0 0;}
#Contents .TitleArea .RightTitle {cursor: pointer;}
#Contents .TitleArea .CommentInform {font-size: 12px;}
#Contents .TitleArea .CommentInform li {float:left;padding: 0 10px 0 0;}
#Contents .TitleArea .CommentInform img {width:15px;height:15px;}
#Contents .TextAreaEditPop {width:auto;height:auto;padding: 3px 0 3px 0;}
#Contents .TextAreaEditPop .TextEditPop {width:370px;height:75px;border: 1px solid #dcdcdc;}
#Contents .attachedFile {line-height: 22px;border-bottom: 1px solid #dcdcdc;padding: 10px 20px;}
#Contents .attachedFile .LeftTitle {padding-left:10px;font-weight:normal;font-size: 12px;}
#Contents .attachedFile .LeftTitle li {float:left;font-weight:normal;padding: 0 20px 0 0;}
#Contents .attachedFile .LeftTitle img {width:15px;height:15px;}

.LineHeight20px {line-height:20px}
.LineHeight28px {line-height:28px}
.LineHeight3px {line-height:3px}
.LineWidth5px {padding:10px;}

.CalendarBtn{border:1px solid #dcdcdc;padding:2px 0px;margin:2px 0;} /*2012-02-06 수정*/

/* 팝업 버튼 */
.BlueTopBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('/officeon/images/homepage/officeon/inquiry_btn_bg.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:24px;margin:0 2px} /*2012-02-06 수정*/
.BlueTopBtn span{display:block;padding:2px 6px 1px 9px;background:url('/officeon/images/homepage/officeon/inquiry_btn_bg.png') no-repeat;font-size:12px;cursor:pointer;text-align:center}
.BlueTopBtn:hover span{color:white;}

.WhiteTopBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('/officeon/images/homepage/officeon/white_top_btn.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:24px;margin:0 2px} /*2012-02-06 수정*/
.WhiteTopBtn span{display:block;padding:2px 6px 1px 9px;background:url('/officeon/images/homepage/officeon/white_top_btn.png') no-repeat;font-size:12px;cursor:pointer;text-align:center}
.WhiteTop:hover span{color:#1c79c7;}

.WhiteBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_btn.gif') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;margin:0 2px} /*2012-02-06 수정*/
.WhiteBtn span{display:block;padding:2px 6px 1px 9px;background:url('../images/common/white_btn.gif') no-repeat;font-size:12px;cursor:pointer;text-align:center}
.WhiteBtn:hover span{color:#1c79c7;}

.WhiteBtnRight{vertical-align:middle;display:inline-block;padding-right:16px;background:url('../images/common/white_btn_right.jpg') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.WhiteBtnRight span{display:block;padding:2px 6px 1px 9px;background:url('../images/common/white_btn_right.jpg') no-repeat;font-size:12px;cursor:pointer;text-align:center}
.WhiteBtnRight:hover span{color:#1c79c7;}

.WhiteBtnLeft{vertical-align:middle;display:inline-block;padding-right:5px;background:url('../images/common/white_btn_left.jpg') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.WhiteBtnLeft span{display:block;padding:2px 6px 1px 20px;background:url('../images/common/white_btn_left.jpg') no-repeat;font-size:12px;cursor:pointer;text-align:center}
.WhiteBtnLeft:hover span{color:#1c79c7;}

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

.WhiteBtnMiddle{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_middle_btn.gif') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.WhiteBtnMiddle span {display:block;padding:1px 7px 1px 9px;background:url('../images/common/white_middle_btn.gif') no-repeat;font-size:12px;cursor:pointer;text-align:center;vertical-align: middle;line-height:24px;height:24px;font-weight:normal;}
.WhiteBtnMiddle:hover span{color:#1c79c7;}
.WhiteBtnMiddle img{margin-top:5px;}

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

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

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

/* .BlueBtnBig{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;} */
/* .BlueBtnBig span {display:block;padding:1px 16px 1px 18px;background:url('../images/common/blue_big_btn.png') no-repeatfont-size:14px;cursor:pointer;text-align:center;vertical-align: middle;line-height:38px;height:38px;} */
.BlueBtnBig:hover span{color:white;}


/* .NormalFile{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/file_normal.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;} */
.NormalFile{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/file_normal.png') no-repeat 100% 0;color:#222;text-decoration:none !important;overflow:visible;line-height:20px;}
.NormalFile2{vertical-align:middle;display:inline-block;padding-right:3px;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}

.NormalFile span {display:block;padding:2px 6px 1px 9px;background:url('../images/common/file_normal.png') no-repeat;font-size:12px;cursor:pointer;}
.NormalFile:hover text {text-decoration: underline;}

.SecuLevel7{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/ed/secu_level_7.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:18px;}
.SecuLevel7 span {display:block;padding:2px 6px 1px 9px;color:#7f7f7f;background:url('../images/ed/secu_level_7.png') no-repeat;text-align:center;}

.ApprovalComplete {background:url('../images/ed/approval_complete.png') no-repeat;vertical-align:middle;line-height:20px;text-align:center;width:54px;display:inline-block}
.ApprovalIng {background:url('../images/ed/approval_ing.png') no-repeat;vertical-align:middle;line-height:20px;text-align:center;width:54px;display:inline-block}

/* .EdConfig{vertical-align:middle;display:block;background:url('../images/common/mailhome_08.gif') no-repeat 100% 0;color:#222;white-space:;overflow:visible;line-height:20px;margin:0 2px;margin-left: 20px;padding-right: 3px} 2012-02-06 수정 */
/* .EdConfig span{display:block;padding:2px 6px 1px 9px;background:url('../images/common/bg_btnTypeE.gif') no-repeat;font-size:12px;cursor:pointer;text-align:center} */
/* .EdConfig:hover{color:#222;} */


.UnderBtn{padding:20px 0 0 0;text-align:center;}
.UnderBtnPreview{padding:20px 20px 0 20px;text-align:center;}
.CopSelectPad{Padding:20px 0 20px 0;}
.CopSelectText{padding:0 30px 0 5px;}
.CabinetSelectPad{Padding:20px 0 20px 0;}
.CabinetSelectText{padding:0 30px 0 5px;}
.PopMemoPad{padding:5px;}


/* 타이머 팝업 */
#SavePop{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/save.gif') no-repeat 100% 0;color:#222;width:184px;height:62px;vertical-align: middle;}
#SavePop .SaveText{padding:25px 10px 25px 70px;}
#UploadPop{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/upload.gif') no-repeat 100% 0;color:#222;width:249px;height:102px;vertical-align: middle;}
#UploadPop .UploadText{padding:25px 0 0 10px;text-align:center;}


/* 팝업 기타  */
.TreeMenu{width:180px;height:200px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;}
.EdTreeMenu{width:250px;height:500px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;}
.EDTreeMenuArea {margin:20px;float:left}
.EdPopTreeMenu {width:340px;height:300px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;}

/* 이메일 */

.MailPadding {padding:20px;width:800px;}
.MailType1Sender {background:url('../images/mail/mail_type1_sender.jpg');width:800px;height:51px;}
.MailType1Sender .SenderText {font-size:14px;color:#696969; margin:18px 80px 3px 10px;}
.MailType1Title {background:url('../images/mail/mail_type1_title.jpg');width:800px;height:47px;}
.MailType1Title .TitleText {font-size:16px; margin:18px 80px 3px 60px;}


#MailContent {width:800px; height:auto;margin:10px 50px;}
#MailContent .mail_wrap {background:url('../images/common/main_content_middle.jpg') repeat-y top left;}
#MailContent .MailContentT{background:url('../images/common/main_content_top.jpg') no-repeat left top;width:800px; position:relative;}
#MailContent .MailContentB{background:url('../images/common/main_content_bottom.jpg') no-repeat left top;width:800px; position:relative;}
#MailContent .MailContentText {margin:20px;}
#MailContent .MailContentText .BlueBoldText{color:#0083cb;}
#MailContent .MailContentText .GrayText{color:#696969;} /*진회색*/
#MailContent .MailContentText .GrayText2 {color:#b0afaf;} /*연회색*/
#MailContent .MailContentText .VeryImportant {color:#ff0000;}
#MailContent .MailContentText .Important {color:#c00000;}
#MailContent .MailContentText .GrayLine {border-bottom:1px solid #dcdcdc;margin:8px 0;width:680px}

.TabArea {height:27px;margin:0 20px 0 0;} 
.TabArea .TabBtn {padding:2px 0 0 0;line-height: 22px;margin: 0 0 0 10px;float:left;}

/* 로그인 */
/* .LoginId {position: absolute; top:71px;left:693px;width:150px;height:21px } */
/* .LoginPw {position: absolute; top:100px;left:693px;width:150px;height:21px } */
/* .LoginBg {background:url(../images/common/loginbg.png);width:100%;height:100%;background-repeat: no-repeat;} */

.LoginId {width:150px; border: 2px;}
.servserName {width:150px; border: 2px;}
.LoginPw {width:150px; border: 2px;}
.LoginBg {background:url(../images/common/loginbg.png);background-repeat: no-repeat;width:100%;height:100%;position: absolute;top:0;left:0;z-index:-1; overflow:hidden}


/* 전자결재 */
#CreateDocument {padding:10px 20px;width:100%;height:auto;}
#CreateDocument .EdAreaFirst {border:1px solid #dcdcdc; padding:10px;width:820px;}
#CreateDocument h1 {margin:20px 0;line-height:35px;text-align:center}
#CreateDocument .EdAreaFirst .StepArea {width:147px;float:left;margin:0 3px 0 0;height:130px;}
#CreateDocument .EdAreaFirst .StepArea .Step{margin:10px 0 0 40px;width:61px;height:15px}
#CreateDocument .EdAreaFirst .StepArea .Title {margin-top:12px;margin-bottom:7px}
#CreateDocument .EdAreaFirst .StepArea .RadioTitle {margin:6px 0 5px 8px;float:left;}
#CreateDocument .EdAreaFirst .StepArea .UserList {width:108px;height:60px;text-align:left;padding:0px;overflow:auto;padding:2px}
#CreateDocument .EdAreaFirst .StepArea .StepBg {width:124px;height:100px;float:left;background:url('../images/common/approval_stepbg.gif') no-repeat;}
#CreateDocument .EdAreaFirst .StepArea .StepBg .VerticalAlign {vertical-align:middle;margin-bottom:1px;height:25px;overflow:visible;}
#CreateDocument .EdAreaFirst .StepArea .StepCheck {float:left;margin-right:3px;width:10px}
#CreateDocument .EdAreaFirst .StepArea .Arrow{float:left;margin:38px 0 0 3px;line-height:60px;width:20px;height:20px}
/* #CreateDocument .EdAreaSecond {border:1px solid #999; padding:10px 10px 0 10px;width:820px;background-color:#e4e4e4} */
#CreateDocument .EdAreaSecond {padding:10px 10px 0 10px;width:850px;}
#CreateDocument .EdAreaSecond ul .Right {float:right;margin-top:8px}
#CreateDocument .EdAreaSecond ul .Left {float:left;margin-top:10px}
#CreateDocument .EdAreaWhite {border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; ;padding:4px 10px;width:820px}
#CreateDocument .EdAreaGray {border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; ;padding:4px 10px;background-color:#f7f7f7;width:820px}
#CreateDocument .NewDocTitle {line-height: 22px;width:100%;}
#CreateDocument .NewDocTitle .TitleFirst {float:left;width:60px;}
#CreateDocument .NewDocTitle .TitleFirstMid {float:left;width:60px;vertical-align:middle;}
#CreateDocument .NewDocTitle .TitleFirstHigh {float:left;width:60px;margin:27px 0 0 0;}
#CreateDocument .NewDocTitle .Title {float:left;margin:0 10px 0 0;}
#CreateDocument .NewDocTitle .TitleMid {float:left;margin:0 10px 0 0;vertical-align:middle;line-height:46px}
#CreateDocument .NewDocTitle .Contents {float:left; margin:0 40px 0 0;}
/* #CreateDocument .NewDocTitle .Contents select {border:1px solid #dcdcdc;} */
#CreateDocument .NewDocTitle .Contents select {height:auto;width:167px;border:1px solid #dcdcdc}
#CreateDocument .NewDocTitle .Or {float:left; margin:0 10px 0 0;}
#CreateDocument .NewDocTitle .ContentsMid {float:left; margin:0 10px 0 0;vertical-align:middle;}
#CreateDocument .NewDocTitle .ContentsHigh {float:left; margin:27px 10px 0 0;}
/* #CreateDocument .NewDocTitle .Or {float:left; margin:0 25px 0 0;} */
#CreateDocument .Right {float:right;margin:5px}
#CreateDocument .FileUploadAreaSide {border-top:2px dotted #dcdcdc;margin:15px 0;width:840px}
#CreateDocument .BottomBtn {margin : 10px 0;width:840px; text-align: right;}
#CreateDocument .FileUploadTitle {background-color:#dcdcdc;width:100px;height:35px;margin:15px;padding-top:65px;float:left}
#CreateDocument .FileUploadAreaIn {width:600px;margin:15px;float:left}
#CreateDocument .FileUploadTable{line-height: 22px;margin: 0 5px}
#CreateDocument .FileUpload{line-height: 22px;margin: 5px}
#CreateDocument .EdMainTextEditor {width:840px;height:800px;overflow-y:scroll;}
/* .EdDetailTable {border-collapse:collapse;border:2px solid #999;margin:0 0 20px 0} */
/* .EdDetailTable {border-collapse:collapse;border:2px solid #999;} */
/* .EdDetailTable tr {padding:5px 8px;width:80px;border:1px solid #999} */
/* .EdDetailTable th {padding:5px 8px;width:80px;border:1px solid #999} */
/* .EdDetailTable td {padding:5px 8px;width:;border:1px solid #999} */

/* 사용자 상세정보 */
#CreateDocument .UserImg {float:left;width:80px;height:100px;border:1px solid #ccc;text-align:center;line-height:100px;vertical-align:middle;color:#ccc}
#CreateDocument .UserBirthDate {clear:both;margin-top:0px}
#CreateDocument .UserSex {font-size:18px;padding:0px 0 10px 10px;float:left}
#CreateDocument .UserName {font-size:18px;padding:10px 3px 0px 0;float:left}
#CreateDocument .UserStampSide {border:1px solid #ccc;width:55px;height:55px;float:right;padding:3px;}
#CreateDocument .UserStampSide .UserStampIn {border:1px solid #e9e9e9;width:52px;height:52px;float:right}
#CreateDocument .UserTopInfo {padding:1px 0px 0px 20px;}
#CreateDocument .UserBottomTitle {background-color:#dcdcdc;width:80px;height:22px;line-height:22px;border-top:1px solid #ececec;float:left;vertical-align:middle;text-align:center;}
#CreateDocument .UserBottomTitle2 {background-color:#dcdcdc;width:80px;height:45px;line-height:45px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;float:left;vertical-align:middle;text-align:center}
#CreateDocument .UserBottomInfo {width:230px;height:22px;line-height:22px;border-top:1px solid #ececec;float:left;vertical-align:middle;padding-left:10px;}
#CreateDocument .UserBottomInfo2 {width:225px;height:45px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;float:left;vertical-align:middle;padding-left:10px;padding-right:5px;overflow-y:scroll;} 

.EdDetailTable {float:left}
.EdDetailTable .TopLeft {width:100px;height:25px;line-height:25px;vertical-align:middle;text-align:center;border:1px solid #999;float:none;}
.EdDetailTable .TopRight {width:auto;height:25px;line-height:25px;vertical-align:middle;border-top:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;float:none;padding-left:5px}
.EdDetailTable .BottomLeft {width:100px;height:25px;line-height:25px;vertical-align:middle;text-align:center;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;float:none;}
.EdDetailTable .BottomRight {width:auto;line-height:25px;vertical-align:middle;border-bottom:1px solid #999;border-right:1px solid #999;float:none;}
.EdDetailTable .BottomRight .Icon {width:7px;height:12px}
.EdDetailTable .TopLeftStamp {width:71px;height:25px;line-height:32px;vertical-align:middle;text-align:center;border:1px solid #999;float:none;}
.EdDetailTable .TopRightStamp {width:71px;height:25px;line-height:32px;vertical-align:middle;border-top:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;float:none;padding-left:5px}
.EdDetailTable .BottomLeftStamp {width:71px;line-height:15px;vertical-align:middle;text-align:center;border: 1px solid #999;font-weight:normal;}
.EdDetailTable .BottomRightStamp {width:71px;height:62px;line-height:15px;vertical-align:middle;border-bottom:1px solid #999;border-right:1px solid #999;float:none;padding-left:5px;font-weight:normal;}
.EdDetailTable .BottomLeftStamp .EdStamp {width:45px;height:45px;margin-top:8px;}
.EdDetailTable .BottomRightStamp .EdStamp {width:45px;height:45px;margin-top:8px;}
.EdDetailTable .BottomLeftStamp .ReceiveReferLeft {width:100px;height:auto;text-align:center;float:left;height:25px;line-height:25px;vertical-align:middle;}
.EdDetailTable .BottomLeftStamp .ReceiveReferRight {width:296px;text-align:left;float:left;height:25px;line-height:25px;vertical-align:middle;}
.EdDetailTable .BottomLeftContents {width:802px;height:300px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;padding:8px}

.EdBottomBtn {border-top:1px solid #dcdcdc;margin:350px 0 20px 0;padding:20px 0 0 300px;width:280px;}
.EdTabBtn {margin-left:3px;float:right;}
.SelectTabFirst {position:relative;cursor:pointer;padding:0 0 0 20px;height:27px;width:100px;float:left;}
.SelectTabFirst span {position:absolute;top:0;left:45px;vertical-align:middle;line-height:30px;}
.NoSelectTabFirst {position:relative;cursor:pointer;padding:0 0 0 20px;height:27px;width:100px;float:left;display:none;}
.NoSelectTabFirst span {position:absolute;top:0;left:45px;vertical-align:middle;line-height:30px;}
.SelectTab {position:relative;cursor:pointer;height:27px;width:100px;float:left;display:none;}
.SelectTab span {position:absolute;top:0;left:25px;vertical-align:middle;line-height:30px;}
.NoSelectTab {position:relative;cursor:pointer;height:27px;width:100px;float:left;}
.NoSelectTab span {position:absolute;top:0;left:25px;vertical-align:middle;line-height:30px;}

#CreateDocument .EdAreaFirst .StepAreaDetailFirst {width:170px;float:left;margin:10px 3px 10px 10px;}
#CreateDocument .EdAreaFirst .StepAreaDetail {width:140px;float:left;}
#CreateDocument .EdAreaFirst .StepAreaDetail .SignLineTitle, .StepAreaDetailFirst .SignLineTitle {width:137px;height:20px;line-height:22px;border:1px solid #999;background-color:#0083cb;color:#fff ;float:left}
#CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody, .StepAreaDetailFirst .SignLineBody {width:137px;height:50px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;float:left;}
/* #CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody .SignLineName, .StepAreaDetailFirst .SignLineBody .SignLineName {width:125px;height:31px;border:1px solid #999;margin:0;text-align: left;padding: 2px 2px;} */
#CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody .SignLineName, .StepAreaDetailFirst .SignLineBody .SignLineName {width:135px;height:30px;border-bottom:1px solid #999;margin:0;text-align: left;padding: 2px 2px;}
/* #CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody .SignLineDate, .StepAreaDetailFirst .SignLineBody .SignLineDate {width:96px;height:12px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;margin:0 0 3px 3px;padding: 2px 2px;line-height:12px;float:left;background-color: #dcdcdc;} */
#CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody .SignLineDate, .StepAreaDetailFirst .SignLineBody .SignLineDate {width:100px;height:12px;border-right:1px solid #999;padding: 2px 2px;line-height:12px;float:left;background-color: #dcdcdc;}
#CreateDocument .EdAreaFirst .StepAreaDetail .SignLineBody .SignLineResult, .StepAreaDetailFirst .SignLineBody .SignLineResult {width:28px;height:12px;padding: 2px 2px;line-height:12px;float:left;background-color:#0083cb;color:#fff } 
#CreateDocument .EdAreaFirst .StepAreaDetail .Arrow, .StepAreaDetailFirst .Arrow {float:left;margin:8px 0 0 3px;}

.EdApprovalStatus {width:40px;height:16px}
.ImportantStepAreaFirst {border:1px solid #dcdcdc;width:80px;height:14px;text-align:center;float:left;margin-bottom:5px}
.ImportantStepArea {border:1px solid #dcdcdc;border-left:none;width:80px;height:14px;text-align:center;float:left;margin-bottom:5px}
/* 팝업에 추가 */
.Margin5px {margin: 5px}
.PopupSide .Padding1 .SelectDoc {width:554px;height:60px;margin:3px 0 20px 0}
.TreeMenuMini {width:180px;height:90px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;margin:0 0 4px 0}
.TreeMenuMini li {margin:3px 0 0 4px}
.TreeMenuMini select {margin:2px 0;width:174px;height:56px}
.TreeMenuNormal {width:180px;height:200px;border:1px solid #e6e6e6;padding:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;margin:0 0 4px 0}
.TreeMenuNormal li {margin:3px 0 0 4px}
.TreeMenuNormal select {margin:2px 0;width:174px;height:190px}
.SearchSelect {width:80px}
.PopupSide .Padding1 .PopEdInfoText {padding-bottom:5px}
.PopupSide .Padding1 .PopEdInfoText .PopupLeftTitle {width:110px;float:left}
/* .PopupSide .Padding1 .PopEdInfoText img{width:5px;height:5px;margin:3px 3px 5px 1px} */
.PopupSide .Padding1 .UpArrow {width:16px;height:16px;margin-left:10px;margin-top:70px;}
.PopupSide .Padding1 .DownArrow {width:16px;height:16px;margin-left:10px;}
.EdConfigBg {background:url('../images/common/ed_config_01.gif') no-repeat;width:640px;height:123px;margin:0 0 10px 20px;float:left}
.EdConfigBgMid {background:url('../images/common/ed_config_02.gif') repeat;width:auto;height:123px;margin:0 0 10px 0;float:none}
.EdConfigBgEnd {background:url('../images/common/ed_config_03.gif') no-repeat;width:16px;height:123px;margin:0 20px 10px 0;float:right}
.EdConfigBg .FirstMenuTitle {margin-top:25px;margin-left:200px;width:100px;float:left}
.EdConfigBg .SecondMenuTitle {margin-top:25px;margin-left:80px;width:100px;float:left}
.EdConfigBg .ThirdMenuTitle {margin-top:25px;margin-left:80px;width:60px;float:left;}
.EdConfigBg .FMenu1 {margin-top:10px;margin-left:190px;float:left;width:100px;}
.EdConfigBg .FMenu2 {margin-top:5px;margin-left:190px;float:left;width:100px;}
.EdConfigBg .SMenu1 {margin-top:10px;margin-left:80px;float:left;width:100px}
.EdConfigBg .TMenu1 {margin-top:10px;margin-left:80px;float:left;width:60px}

#Contents .DetailSearch .EdDetailSearchImage {float:left;padding-left: 10px;}
#Contents .DetailSearch .EdDetailSearchImage img {width:65px;height: 80px;}

.FloatLeft {float:left;}
.FloatRight {float:right;}
.EdProxyApproveRadioArea {margin-right:30px;margin-bottom:20px ;float:left;}
.EdProxyApproveArea {float:left;margin-right:30px;line-height:20px;vertical-align:middle;}
.EdProxyApproveArea input {width:150px;margin-right:5px;}
.EdSelectBox {border:1px solid #dcdcdc}


.portletBody {min-width:500px; min-height: 100%;}

/* 포틀릿 */
.portletBody {min-width:100%;}
/*.portletBody {width:50px; height:50px; min-width:100%;min-height: 100%;}*/
#portlet #list .portletList li {font-weight:normal; cursor: pointer; text-decoration: none; color: black;}

/* 워크스페이스 */
#workspaceCreate .TopButtonArea {padding:5px 0 3px 0;border-bottom: 2px solid #0083CB;margin: 0 20px;background-color: #fcfcfc;}
#workspaceCreate .TopButtonArea .Left {padding:0 0 0 10px;float:left;}
#workspaceCreate .TopButtonArea .Right {padding:0 10px 0 0 ;float:right;}
#workspaceCreate .ContentsList {line-height: 22px;margin: 5px 10px 5px 20px;}
#workspaceCreate .ContentsList .CoPLeft {padding-left:10px;float:left;width:100px;color:#014e78;}
#workspaceCreate .ContentsList .CoPLeftSub {padding-left:10px;color:#6b6b6b;margin: 5px 0px 5px 0px;}

/* 워크스페이스 Tab button */
/* .workspaceTabButtonFirst{width:190px;height:20px;background:url('../images/portlet/workspaceTab1F.png');} */
/* .workspaceTabButton1{width:190px;height:20px;background:url('../images/portlet/workspaceTab01.png');} */
/* .workspaceTabButton2{width:184px;height:20px;background:url('../images/portlet/workspaceTab02.png');} */
/* .workspaceTabButton3{width:190px;height:20px;background:url('../images/portlet/workspaceTab03.png');} */
/* .workspaceTabButton4{width:200px;height:20px;background:url('../images/portlet/workspaceTab03.png');} */
/*.workspaceTabButtonF1{width:100px; border: 0px solid #cccc; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; background:url('../images/portlet/selected01.png')/*{bgImgUrlHeader}*/ 100%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; } 
/*.workspaceTabButtonF2{width:100px; border: 0px solid #cccc; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; background:url('../images/portlet/workspaceNew2.png');} 
.workspaceTabButtonAdd{width:20px; height:20px; background:url('../images/portlet/addTab.png');}

/* 워크스페이스 마우스 오버 이미지 */
.ui-icon-close2 {width:12px;height:18px; background:url('../images/portlet/close2.png') no-repeat; float: right; padding-right: 7px; padding-top:5px;}
.ui-icon-modify {width:12px;height:18px; background:url('../images/portlet/modify.png') no-repeat;float: right;padding-right: 5px; padding-top:5px;}

/* .ui-workspace-tab_h_left {width:5px; background-image: url('../images/portlet/tab_h_left.png')repeat-x; height:27px; float:left;} */
/* .ui-workspace-tab_h_middle {width:200px; background-image: url('../images/portlet/tab_h_body.png')repeat-x; height:27px;border:0px solid #6b6b6b;  } */
/* .ui-workspace-tab_h_right {width:6px; background-image: url('../images/portlet/tab_h_right.png')repeat-x; height:27px; float:left;} */

/* .ui-workspace-tab_n_left {width:5px; background-image: url('../images/portlet/tab_n_left.png')repeat-x; height:27px; float:left;} */
/* .ui-workspace-tab_n_middle {width:200px; background-image: url('../images/portlet/tab_n_middle.png')repeat-x; height:27px; position:relative; border:0px solid #6b6b6b; } */
/* .ui-workspace-tab_n_right {width:6px; background-image: url('../images/portlet/tab_n_right.png')repeat-x; height:27px; float:left;} */

/* .ui-workspace-tab_under_line {height: 28px; background-image: url('../images/portlet/tab_under_line.png') repeat-x;} */
/* .ui-workspace-tab_under_line2 {height: 28px; background-image: url('../images/portlet/tab_under_line.png') repeat-x;} */

.ui-workspace-tab_h_left {width:5px; background-image: url('../images/portlet/tab_h_left.png'); height:27px; float:left;}
.ui-workspace-tab_h_middle {width:200px; background-image: url('../images/portlet/tab_h_body.png'); height:27px; border:0px solid #6b6b6b;  }
.ui-workspace-tab_h_right {width:6px; background-image: url('../images/portlet/tab_h_right.png'); height:27px; float:left;}

.ui-workspace-tab_n_left {width:5px; background-image: url('../images/portlet/tab_n_left.png'); height:27px; float:left;}
.ui-workspace-tab_n_middle {width:200px; background-image: url('../images/portlet/tab_n_middle.png'); height:27px; position:relative; border:0px solid #6b6b6b; }
.ui-workspace-tab_n_right {width:6px; background-image: url('../images/portlet/tab_n_right.png'); height:27px; float:left;}

.ui-workspace-tab_under_line {height: 20px; background-image: url('../images/portlet/tab_under_line.png') ;}
.ui-workspace-tab_under_line2 {height: 20px; background-image: url('../images/portlet/tab_under_line.png') ;}

#secuLevel, #edocStatus {height:14px}


/* 통합검색형List */
#UnifiedSearchList {margin-left:20px;min-width:800px}
#UnifiedSearchList .CheckBox {float:left;margin:0 5px 100px 0;}
#UnifiedSearchList .SpeechBubble {background:url('../images/common/speech_bubble.png') no-repeat;width:100px;height:116px;float:left;padding:10px 0 0 17px;}
#UnifiedSearchList .SpeechBubble .UserImg {border:1px solid #ccc;width:50px;height:65px;}
#UnifiedSearchList .SpeechBubble .UserInfo {text-align:center;font-size:11px;width:50px;line-height:12px;margin-top:3px;}
#UnifiedSearchList .USTitle {margin-right:10px;float:left;}
#UnifiedSearchList .USTitle div img {float:left;padding-right:3px;width:12px}
#UnifiedSearchList .USTitle .Category {float:left;margin-right:5px}
#UnifiedSearchList .UploadImg {border:1px solid #ccc;width:82px;height:82px;float:left;}
#UnifiedSearchList .UploadImg .UploadImgCount {border-top:1px solid #ccc;border-right:1px solid #ccc;width:30px;height:15px;margin-top:67px;text-align:center;background-color:white;}
#UnifiedSearchList .USTitle span {color:#003399;font-size:14px}
#UnifiedSearchList .USContentsType1 {margin-bottom:5px;width:500px;height:45px}
#UnifiedSearchList .USContentsType2 {margin-bottom:5px;width:620px;height:45px}
#UnifiedSearchList .ContentsInfo {line-height:23px;vertical-align:middle;}
#UnifiedSearchList .ContentsInfo li {float:left;margin-right:10px;color:#7f7f7f;font-size:11px}
#UnifiedSearchList .ContentsInfo li font {color:#dcdcdc}

.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;     /* IE, Safari */
	-o-text-overflow:ellipsis;      /* Opera under 10.7 */
	overflow:hidden;            /* "overflow" value must be different from "visible" */
	-moz-binding: url('ellipsis.xml#ellipsis');
}

/* autoComplete 관련 css */
.OOAutoComplete {border:1px solid #dcdcdc;min-height:22px;max-height:100px;overflow-y:auto;}
/* .OOAutoComplete {border:1px solid #dcdcdc;min-height:22px;max-height:100px;overflow-y:auto;} */
/* .OOAutoComplete: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);} */
.OOAutoComplete:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;}
.OOAutoComplete: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);}
.OOAutoComplete input{border:0px;min-width:175px;line-height:23px;}
.OOAutoComplete input: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);}
.OOAutoComplete input: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);}
/* .autoCompleteInput {position:relative; width:100%;} */
.autoCompleteInput {position:relative; }
.autoCompleteInput input{line-height:23px;}
.autoCompleteInput .searchOrganization {position:absolute;top:1px;right:2px;width:17px;height:15px; margin-top:3px;cursor:pointer;}
/*dobong.kang cj 조직도 아이콘*/
/*.autoCompleteInput .searchOrganization {position:absolute;top:1px;right:2px;width:25px;height:22px;cursor:pointer;}*/
.autoCompleteInput .searchAddress {position:absolute;top:1px;right:27px;width:25px;height:22px}
/* .AutoCompleteItem {float:left;margin:5px;height:25px;border-radius:5px;background-color: MediumSpringGreen;line-height:25px;box-shadow:1px 1px 1px 1px #dcdcdc;cursor:pointer;} */
.AutoCompleteItem{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/search_blue.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;margin-bottom:2px;float:left; cursor: pointer;}
.AutoCompleteItem span {display:block;padding:1px 2px 1px 6px;background:url('../images/common/search_blue.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;font-size:11px;vertical-align: middle;line-height:20px;height:18px;text-align:left;}
.LayerPopup {display:none;width:auto;height:auto;min-width:200px;min-height:200px;padding:5px;background-color:white;position:absolute;border:1px solid #dcdcdc;z-index:200;}
.DispCategory {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;}
.DispUserList {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;border-left:1px solid #dcdcdc;}
.DispNameCard {width:400px;display:none;clear:both;height:auto;border-top:1px solid #dcdcdc;}
/* .DispCategory {min-width:200px;min-height:200px;overflow-y:auto;padding:5px;float:left;} */
/* .DispUserList {min-width:200px;min-height:200px;overflow-y:auto;padding:5px;float:left;border-left:1px solid #dcdcdc;} */
/* .DispNameCard {min-width:400px;height:auto;display:none;clear:both;border-top:1px solid #dcdcdc;} */
:focus{outline:none;}
/* .PresenceImage {width:12px;height:13px;margin-bottom:3px;margin-right:5px} */
.PresenceImage {width:14px; height:14px; margin-top: 3px;margin-bottom:3px;margin-right:3px;margin-left: 5px;}
.ui-autocomplete-input{}
.ui-autocomplete {height: 250px;overflow-y: auto;overflow-x: hidden;}

/* .AutoComplete {border:1px solid #dcdcdc;} */
/* .AutoComplete input{border:0px;height:23px;min-width:200px;} */
/* /* .AutoCompleteItem {float:left;margin:5px;height:25px;border-radius:5px;background-color: MediumSpringGreen;line-height:25px;box-shadow:1px 1px 1px 1px #dcdcdc;cursor:pointer;} */ */
/* .AutoCompleteItem{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/search_blue.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;margin-bottom:2px;float:left} */
/* .LayerPopup {display:none;width:auto;height:auto;min-width:200px;min-height:200px;padding:5px;background-color:white;position:absolute;border:1px solid #dcdcdc;z-index:200;} */
/* .DispCategory {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;} */
/* .DispUserList {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;border-left:1px solid #dcdcdc;} */
/* .DispNameCard {width:400px;display:none;clear:both;height:auto;border-top:1px solid #dcdcdc;} */
/* /* .DispCategory {min-width:200px;min-height:200px;overflow-y:auto;padding:5px;float:left;} */ */
/* /* .DispUserList {min-width:200px;min-height:200px;overflow-y:auto;padding:5px;float:left;border-left:1px solid #dcdcdc;} */ */
/* /* .DispNameCard {min-width:400px;height:auto;display:none;clear:both;border-top:1px solid #dcdcdc;} */ */
/* :focus{outline:none;} */
/* .PresenceImage {width:15px;height:15px;margin-bottom:1px;} */

.CalendarInfo {border:1px solid #ccc;margin:2px;padding:3px;height:20px;line-height:20px;vertical-align:middle;font-size:12px;color:#555}


/* Contents Combine Create */
#ContentsComponent .LeftTitle, .msgLeftTitle {width:100px;float:left}
#ContentsComponent .LeftTitle li, .msgLeftTitle li {line-height:24px}
#ContentsComponent .InsertBtn {border-right:1px solid #dcdcdc;padding-left:10px;height:35px;background:#f8f8f8;vertical-align:middle;text-align:left;cursor:pointer;float:left;line-height: 35px;}
#ContentsComponent .InsertBtn img {margin-top:9px}
#ContentsComponent .etcSetting {float:right;padding:0 5px;width:97px;margin:4px 5px;line-height:25px;vertical-align:middle;border:1px solid #f8f8f8;color:gray;}
#ContentsComponent .etcSetting1 {float:right;margin:2px 5px;line-height:25px;vertical-align:middle;border:1px solid #f8f8f8;color:gray;}
#ContentsComponent .etcSetting:hover {
	cursor:pointer;
	border:1px solid #ccc;box-shadow:1px 1px 1px 1px #dcdcdc;color:#555;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 49%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#efefef), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
#ContentsComponent .etcDetail {float:right;padding:0 5px;margin:4px 5px;line-height:25px;vertical-align:middle;border:1px solid white;color:gray}
#ContentsComponent .etcDetail:hover {
	border:1px solid #ccc;box-shadow:1px 1px 1px 1px #dcdcdc;color:#555;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 49%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#efefef), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 49%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
#ContentsComponent .etcSetting .tag {border:1px solid #dcdcdc;background:pink;float:left;width:15px;height:15px;margin-top:4px;margin-right:2px}
#ContentsComponent .etcDetail .tag {border:1px solid #dcdcdc;background:pink;float:left;width:15px;height:15px;margin-top:4px;margin-right:2px}
#ContentsComponent .leftIcon {float:left;width:25px;margin-top:2px}
.combineContentsTitle {height:28px;line-height:25px;border:1px solid #dcdcdc;padding:0 5px;vertical-align:middle;font-size:14px;font-weight:bold ;width:50%;color:#999}
.combineContentsTitle: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);}
.combineContentsTitle: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);}
.autocomleteBox {margin-bottom:3px}
#ContentsComponent .msgTargetUser{height:24px;line-height:24px;vertical-align:middle;}
#ContentsComponent .grayBar {background:#f2f2f2;height:24px;line-height:24px;vertical-align:middle;padding-left:5px;}
#ContentsComponent .grayBar .approvalInfo {width:220px;display:inline-block}
#ContentsComponent .commentsTab {border-bottom:1px solid #dcdcdc;padding:10px 0;}
#ContentsComponent .commentsTab .comment {margin:2px 0 0 17px;}
.userStatus {margin-bottom:3px;width:15px}
#ContentsComponent .commentsTab .commentUser {}
#ContentsComponent .commentsTab .commentDate {color:#ccc;font-size:11px;}
#ContentsComponent .commentsTab .updateDelete {float:right;font-size:11px;}
#ContentsComponent .division {color:#dcdcdc}
#ContentsComponent .relationContents {border:1px solid #dcdcdc;background:#F8F8F8;width:22px;text-align:center;position:absolute;right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:5px 3px;color:#ccc}
#ContentsComponent .relationContents:hover {color:#555;background:#f2f2f2;border:1px solid #ccc}
#componentEmpty {height:25px;line-height:25px;vertical-align:middle;margin:5px 0 5px 120px;color:#999}

.projectImputText {height:28px;line-height:25px;border:1px solid #dcdcdc;padding:0 5px;vertical-align:middle;font-size:14px;font-weight:bold ;color:#999}
.projectImputText: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);}
.projectImputText: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);}

.projectImputTextReadOnly {height:28px;line-height:25px;border:0px solid #FFFFFF;padding:0 5px;vertical-align:middle;font-size:14px;font-weight:normal; ;color:#999}

.projectICommonWhiteBtnBig{vertical-align:middle;display:inline-block;padding-right:2px;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: 0px;}
.projectICommonWhiteBtnBig span {display:block;padding:1px 5px 1px 6px;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; }
.projectICommonWhiteBtnBig:hover span{color:#1c79c7;}
.projectICommonWhiteBtnBig .NameCardIcon {margin-bottom:3px;margin-right:3px}
.projectICommonWhiteBtnBig .SearchDownArrow {margin-bottom:2px;margin-right:5px;width:15px;height:15px;}
.projectICommonWhiteBtnBig a:hover{text-decoration:none;}

/* 일반 팝업 */
#CommonPopup {
	border:1px solid #ccc;padding:15px;background:white;
	-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
	box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
}
#CommonPopup .titleArea {margin-bottom:20px}
#CommonPopup .titleArea span {font-size:14px;}
#CommonPopup .titleArea img {float:right;cursor:pointer;}
#CommonPopup .leftTitle {float:left;line-height:30px;margin-right:10px;}
#CommonPopup .rightContents {line-height:30px;}
#CommonPopup .bottomBtn {margin:10px 0;text-align:center;}
.SelectPopup {
	border:1px solid #B5B5B5;border-bottom:0;background:white;
/* 	-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2); */
/* 	-moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2); */
/* 	-ms-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2); */
/* 	box-shadow:0 4px 16px rgba(0, 0, 0, 0.2); */
}
.SelectPopup ul li {border-bottom:1px solid #B5B5B5;}
.SelectPopup ul li:hover {background:#3476c7;color:white}
.SelectPopup ul li span {margin:4px 8px;display:block;line-height:19px;vertical-align:middle;}
.SelectPopup ul li span img {width:14px;height:14px;margin-bottom:3px;display:block}


/* 결재선 */
.edLine {float:left}
.edLine .arrow {height:128px;float:left;margin:55px 5px;}
.edLine .edLineHeader {width:180px;height:25px;background:#6eb7d8;border:1px solid #669fb8;text-align:center;color:white;line-height:25px;vertical-align:middle;position:relative;}
.edLine .edLineHeader img {position:absolute;top:6px;right:5px}
.edLine .edLineBody {width:174px;height:100px;background:white;border:1px solid #669fb8;border-top:0;padding:3px;position:relative;}
.edLine .edLineBody .addUser {position:absolute;bottom:0;right:2px}
.edLine .edLineBody .addUser span {padding:1px 3px 1px 5px;}
.edLine .edLineBody .addUser img {margin-top:3px}
.edLine .edUserList{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/ed_line_user.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;margin-bottom:2px;width:172px;}
.edLine .edUserList span {display:block;padding:1px 2px 1px 6px;background:url('../images/common/ed_line_user.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;font-size:11px;vertical-align: middle;line-height:28px;height:25px;text-align:left;}
.edLine .edUserList span .deleteUser {float:right;margin-top:7px}

/*message*/
.planSelectDateBox {margin-top:2px; padding:5px; border:1px solid #dcdcdc; text-align: center; width:102px;}
.planSelectTimeBox {margin-top:2px; margin-left:5px; width:50px; padding:5px; border:1px solid #dcdcdc; text-align: center;}
.componentArea {padding:10px; border-bottom:1px solid #D9D9D9;}
.hidden{display:none;}


/* Name Card */
/* .nameCardHeader{color:white;font-size:20px;padding-left:10px;background:url('/officeon/images/common/AddressPopup_top.png') repeat-x left top; height:45px;line-height:43px;} */
.nameCardHeader:hover{cursor:pointer;}
.nameCardCloseBtn{position:absolute;top:7px;right:10px;float:right;width:20px;height:20px;}
.nameCardCloseBtn:hover{cursor:pointer;}
.nameCardBody{background-color: white;width:454px;}
.nameCardContent{padding:20px;}
.nameCardName{font-size:12px;font-weight:bold}
.nameCardLeft{width:100px;height:120px;float:left;}
.nameCardProfileImag{margin:0 10px 5px 0;width:100px;height:100px;float:left;}
.nameCardEmployeeMark{width:100px;height:20px;background:#1E90FF;color:white;line-height:20px;text-align:center;}
.nameCardRight{padding-left:10px;}
.nameCardPresence{margin-right:10px;float:left;}
.nameCardNameArea{padding-bottom:10px;border-bottom:1px solid #dcdcdc;}
.nameTextArea{height:20px;}
.nameCardNameText{font-size:18px;}
.nameCardInfoPadding1{padding-top:10px}
.nameCardInfoPadding2{padding-bottom:10px}
.nameCardDescription{float:left;border:1px solid #dcdcdc;padding:5px;margin-right:10px;width:280px;height:50px;overflow:auto;}
.nameCardInfoLabel{width:90px;height:25px;}
.nameCardInfoValue{height:25px;}
.nameCardLeft .addProfileText {zoom: 1; /* ie 5,6,7 bug fix */ filter: alpha(opacity=80); opacity: 0.6; color:white;
								position:absolute;height:16px;text-align:center;top:100px;background:black;}

.fileCardBody{background-color: white;width:650px;height:250px; border:1px solid #dcdcdc}
.relationBody{background-color: white;width:350px;min-height:350px; border:1px solid #dcdcdc}
/* .fileCardBody{background-color: white;width:415px; border:1px solid #dcdcdc} */


/* Agree Popup */

.popupBody{background:white;border:1px solid #dcdcdc;padding:20px;width:400px;-webkit-box-shadow: 0px 0px 6px gray;}
.popupHeader{margin-bottom:10px;}
.popupHeaderFont{font-size:16px;font-weight:bold}
.popupHeaderImg{width:30px;height:30px;float:left;}
.agreePopAgreeStatus{color:#1E90FF;}
.popupInfo{padding:10px 0 10px 30px;}
.agreePopInfoLabel{width:100px;height:30px;}
.agreePopInfoValue{height:30px;}
.agreePopInfo1{padding-bottom:10px;border-bottom:1px solid #dcdcdc;border-bottom-style: dotted;}
.agreePopInfo2{padding:20px 0;border-bottom:1px solid #dcdcdc;}
.agreeStatusDetail{clear:both;margin-left:96px;padding:3px;overflow:auto;max-height:100px}
.agreeStatusImg{margin-right:10px;float:left;width:18px; height:18px;}
.agreePopMyAnswer{padding:10px 0 0 0;text-align:center;color:#1E90FF;font-size:16px;}
.popupBottomBtn{padding-top:20px;}
.agreePopMessage{border:1px solid #dcdcdc; border-radius:5px;background:white;padding:30px;line-height:30px;display:block;position:absolute;top:62px;left:9px;width:360px;-webkit-box-shadow: 4px 4px 6px gray;}
.agreePopMessage .closeBtn{float: right;width: 20px;top: 12px;left: 390px;position: absolute;}
.agreePopMessage span{color:#1E90FF; font-size:16px;font-weight:bold}
.agreePopmessageImg{width:30px;height:30px;float:left;margin:0 10px 0 50px;}
.agreePopWithMeMark{width:111px;}
.agreePopWithMeArea{position:absolute;top:15px;padding-left:15px;cursor:pointer;}
.agreePopWithMeText{font-size:14px;left:18px;}
.agreePopWithMeCount{font-size:14px;color:#0083CB;margin:5px 0 0 30px;font-weight:bold}
/* File List Popup */
.fileList{padding:0 0 20px 0px;border-bottom:1px solid #dcdcdc;overflow:auto;height:100px;}

.sharedCheckBox, .joinCheckBox, .moveCheckBox2, .moveCheckBox1 {cursor:pointer;}
.ComponentClose {float:right;margin-right:10px;cursor:pointer;}


.LayerPopupContents {
	border:1px solid #c9c9c9;background:white;box-shadow:1px 1px 1px 1px #dcdcdc;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

/* 말풍선 팝업 */
.detailPlacePopupTail{position:absolute;display:none;z-index:999}
#detailPlacePopup{
	display:none; position:absolute; background:white; width:500px;border:1px solid #c6c6c6;background:white;box-shadow:1px 1px 1px 1px #dcdcdc;color:#555;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
#detailPlacePopup .closeBtn{float:right;}
#detailPlacePopup .locIcon{width:20px;margin-right:5px;}
#detailPlacePopup .placeArea{line-height:20px;}
#detailPlacePopup .dotLine{clear:both; height: 10px;  border-bottom: 1px dotted #b5b5b5;}
#detailPlacePopup .map{padding:5px 0}

.SelectBtnOpt1 {padding:10px; border-bottom:1px solid #f8f8f8;}
.SelectBtnOpt1:hover {color:#1c79c7;}
.SelectBtnOpt2 {padding:10px; border-bottom:1px solid #f8f8f8;}
.SelectBtnOpt2:hover {color:#1c79c7;}

.inputLocText{padding:5px;}
.inputLocText: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);}
.inputLocText: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);}


/* List Member 정렬 */
#BoardDivScrollArea tbody td ul{display:inline-block;}

/* List */
/* .selectPointer {background:#E1EDFD;border-left:1px solid #1E90FF;} */
.selectDay {background:#F3F2FF}
td.Combine_Receiver{text-align:center !important;}
td.Combine_Caller{text-align:left !important;}
/* Admin Default */
.InputText {border:1px solid #dcdcdc;height:25px;line-height:25px;vertical-align:middle;padding:5px;}
.UlTitle {float:left;width:150px;}
.UlTitle li {height:25px;line-height:25px;vertical-align:middle;}
.UlContent li {height:25px;line-height:25px;vertical-align:middle;}
.DocumentClassTitle {border-bottom:1px solid #ccc;width:100%;height:39px;line-height:39px;vertical-align:middle;padding:0 5px;background:#F7F7F7;}
.DocumentClassRow {border-bottom:1px solid #dcdcdc;padding:10px 5px 10px 10px;}
.DocumentClassText {float:left;width:308px;}
.DocumentClassText:HOVER > div {color:#0083cb}
.DocumentClassFolderName {height:20px;cursor:pointer;}
.DocumentClassDocNo {font-size:11px;color:#999;height:20px;cursor:pointer;}

/* Tag Platform Style */
.TagContents {
	padding:2px;border-radius:2px;cursor:pointer;margin-right:1px;color:#002060;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(220,230,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(220,230,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(220,230,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(220,230,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(220,230,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(220,230,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dce6f2',GradientType=0 ); /* IE6-9 */
}
.TagCabinet {
	padding:2px;border-radius:2px;cursor:pointer;margin-right:1px;color:#002060;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(254,242,232,0.53) 53%, rgba(253,234,218,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(53%,rgba(254,242,232,0.53)), color-stop(100%,rgba(253,234,218,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(254,242,232,0.53) 53%,rgba(253,234,218,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(254,242,232,0.53) 53%,rgba(253,234,218,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(254,242,232,0.53) 53%,rgba(253,234,218,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(254,242,232,0.53) 53%,rgba(253,234,218,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fdeada',GradientType=0 ); /* IE6-9 */
}
.TagMember {
	padding:2px;border-radius:2px;cursor:pointer;margin-right:1px;color:#595959;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(235,241,223,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(235,241,223,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(235,241,223,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(235,241,223,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(235,241,223,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(235,241,223,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ebf1df',GradientType=0 ); /* IE6-9 */
}
/* .TagCabinet:HOVER {color:#0083CA;background:#fdeadb;} */
.TagContents a, .TagCabinet a {text-decoration:none;}
.TagContents a:HOVER {color:#0083CA;}
.TagContents:HOVER {background:#dde7f2;color:#0083CA;}
.TagMember:HOVER {background:#ebf1df;}

/* .starTagImg {width:15px;height:15px;} */
/*  .starTagImg {width:21px;}  */

/* Empty Page Background */
/* .EmptyPageBackground {background-image: url('/officeon/images/common/emptyPageBackground.png');background-repeat: no-repeat 100%; */
/* 					background-size: 100% 100%; */
/* 					background-position: center center;} */
.EmptyPageBackground {
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/officeon/images/common/emptyPageBackground.png',
					sizingMethod='scale');
					-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/officeon/images/common/emptyPageBackground.png',sizingMethod='scale')";
}

/* Filedrive Image List */
.BoardList2 tbody td {text-align: center;padding: 0px;border-bottom: 0;}
.BoardList2 tbody td.Combine_Date{font-size: 11px;}
.BoardList2 tbody td.Combine_AdditionalInfo{font-size: 11px;}
.BoardList2 tbody td.Combine_AdditionalInfo span{font-size: 11px;}

.BoardList2 tbody td.Combine_AdditionalInfo{font-size: 11px;}
.BoardList2 tbody td.Combine_Caller{padding: 0px 5px 0px 5px}
.BoardList2 tbody td.Combine_Receiver{padding: 0px 5px 0px 5px}
.BoardList2 tbody td.Combine_Important span{font-size: 10px;}


.BoardList2 tbody td ul{display:inline-block;}
.imageBox{-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
			-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
			box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
			background: #fff;
			margin:7px;width:316px;float:left;text-align:center;
			}
.transparent8 {
    zoom: 1; /* ie 5,6,7 bug fix */
    filter: alpha(opacity=80);
    opacity: 0.6;
    color:white;
}

/* 라디오버튼 css */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
	background: #ffffff; /*Old browsers*/
	background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 33%, #f6f6f6 62%, #f4f4f4 100%); /*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(33%,#fafafa), color-stop(62%,#f6f6f6), color-stop(100%,#f4f4f4)); /*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 33%,#f6f6f6 62%,#f4f4f4 100%); /*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 33%,#f6f6f6 62%,#f4f4f4 100%); /*Opera 11.10+*/
	background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 33%,#f6f6f6 62%,#f4f4f4 100%); /*IE10+*/
	background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 33%,#f6f6f6 62%,#f4f4f4 100%); /*W3C*/
	<!--[if gt ie 8]><!-->
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /*IE6-9*/
	<!--<![endif]-->
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{background: url(/officeon/images/common/AddressPopup_Select.png) 50% 50% repeat-x; color: white;}
/* tagFree */
#oEditors_ex *{overflow:visible;}
/* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active */
/* {background: url(/officeon/images/common/AddressPopup_top.png) 50% 50% repeat-x; color: white;} */

/* contentsChat */
.ContentsChatStatusBar{margin: 10px 0px;}
.ChatStatusLine{float: left;width: 80px;margin:10px;border-top:1px solid black;}
.ContentsChatStatus{float:left;}
.ContentsChatPopupHeader{height:35px; line-height:40px;background-color:#abaeb6;border:1px solid #abaeb6;}
.ContentsChatPopupHeader span{color:white;font-size:14px;line-height:35px;margin-left:15px;}
.ContentsChatImpoPopupHeader{height:35px; border-bottom:1px solid #abaeb6;}
.ContentsChatImpoPopupHeader span{line-height:35px;margin-top:5px;margin-left:15px;}

.contentsChatBlueBtn{background:#464d64;height:20px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-bottom:1px solid #d9d9d9;cursor:pointer;}
.contentsChatWhiteBtn{background:white;height:19px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-radius:3px;border:1px solid #d9d9d9;cursor:pointer;}
.contentsChatBtnBig{cursor:pointer;display:inline-block;border:1px solid #d6d6d6;box-shadow:inset 0 0 10px #f6f6f6;background:#fff;color:#333;line-height:22px;margin-right:3px;margin-top:0px;padding:0 7px;}

.contentsBarIcon{float:right;padding:5px;line-height:10px;}
.contentsChatLayerPopup{background:linear-gradient(to bottom,  #ffffff 1%,#f6f6f6 49%,#f4f4f4 100%);border:1px solid #ccc;border-radius:6px;}
.contentsChatImpoLayerPopup{background-color:#d9d9d9;border:1px solid #ccc;}
.contentsPermissionBox{border : 1px solid #EBEBEB; float:left; width:240px;margin:0;}
.contentsPermissionBox div ul{background:white;}

.contentsChatICon{cursor:pointer;width:20px;}
.contentsChatDelICon{cursor:pointer;width:10px;position:absolute;bottom:10px;right:20px;}