/******************** common ********************/
img { border:0px; vertical-align:middle; }
a { display:inline-block; text-decoration:none; font-family:'Noto Sans KR', sans-serif; color:black }



.ltitle { color:#666666; font-weight:bold; font-size:9pt; width:60px; }
.click { cursor:pointer; }
.tb { border:solid 1px #c8c8c8; font-family:dotum, 돋움; font-size:9pt; color:#333; margin:0px 5px 0px 5px; height:15px; }
.button { background-color:#f5f5f5; color:#666; font-weight:normal; font-size:8pt; border:solid 1px #888; padding-top:3px; }
.s_bt { background-image:url('/images/btn/btn_bg_gray.jpg'); font-family:dotum, 돋움; font-size:9pt; color:#666; border:none; width:50px; height:20px; cursor:pointer;}
.s_bt_green { background-image:url('/images/btn/btn_bg_green.jpg'); font-family:dotum, 돋움; font-size:9pt; color:white; border:none; width:80px; height:20px; cursor:pointer;}

/* body */
body { margin:0px; margin:0px; width:100%; font-family:dotum, 돋움; font-size:9pt; color:#333; }


.default { font-family:dotum, 돋움; font-size:9pt; color:#333; }

select { border:solid 1px #888; font-family:dotum, 돋음; color:#333; }
.tbox { border:solid 1px #888; font-family:dotum, 돋음; color:#333; }

.green { color:green; font-weight:bold; }
.blue { color:#2c6fb6; font-weight:bold; }
.orange { color:orange; font-weight:bold; }
.red { color:red; font-weight:bold; }
/******************** common ********************/



/******************** master page ********************/
#wrap{ width:1200px; margin:0 auto; padding:0px; border-collapse:collapse; }
#div_w1 { float:right; }
#div_w2 { clear:both; height:65px; }
#div_w3 { clear:both; }

/* 최상단 로그아웃 */
#top_btn { float:right; }
#top_btn ul { height:24px; }
#top_btn li{ margin:0px; padding:0px; list-style:none; float:left;}

/* 상단 로고 */
#top_logo { float:left; }

/* 상단 메뉴 */
#top_navi { float:right; padding:35px 0px 0 0; }
#top_navi ul {  }
#top_navi li { padding-left:80px; }

/* 아이콘 */
#top_icon{ text-align:right; padding-top:70px; }



/* 좌측메뉴 */
/*#side_navi{ width:180px; background-image:url('/images/navi/side_bg.png'); background-repeat:repeat-y; }*/
#side_navi .title { width:150px; color:#666; font-weight:bold; padding:20px 0px 20px 18px; 
                       background-image:url('/images/navi/dot_bar.png'); background-repeat:no-repeat; background-position:bottom; font-family:dotum, 돋움; font-size:9pt; }
#side_navi .on_title{ color:#003399; font-weight:bold; padding-bottom:10px; font-size:9pt; }
#side_navi .b_onlist { background-image:url('/images/navi/side_onBG.jpg'); background-repeat:repeat-y; padding:20px 20px 10px 20px; font-size:9pt; }
#side_navi .b_onlist li { color:#777777; line-height:22px; padding-left:10px; }
#side_navi .b_onlist li.current { background-image:url('/images/navi/icon_side.jpg'); background-repeat:no-repeat; background-position:left; 
                                     color:#000000; padding-left:10px;  padding-top:1px; }

/* 카드결제 링크 */
#s_btn { margin-top:50px; padding-left:8px; }
/******************** master page ********************/

/* TOP */
#intro{ width:116px; height:30px; position:absolute; left:880px; top:79px;}



/******************** 서브페이지 CSS ********************/

.p_title { float:left; }
.pw_title { background:url('/images/title/chat.png') no-repeat; font: bold 12pt arial, verdna; text-indent:30px; float:left;}
.p_depth { float:right; text-align:right; }
.p_tab { width:100%; float:left; padding-top:10px; background-image:url('/images/sub/tab_bar.jpg'); background-repeat:repeat-x; background-position:bottom; height:30px; margin:0px; }
.p_txt { width:100%; clear:both; padding-top:10px; }
.p_key { width:100%; clear:both; font-size:8pt; color:Red; padding:15px 0 5px 0; text-align:right; }
.p_div { width:100%; clear:both; padding-top:15px; }
.p_acc { width:100%; clear:both; padding-top:15px; font-size:9pt; line-height:18px; }

/* intro */
.adinfo { margin:0 auto; padding:0 5px; }
.s_title { float:left; background-position:left; width:120px; height:30px; background-repeat:no-repeat; }
.more { float:right; background-image:url('/images/sub/b_more.png'); background-repeat:no-repeat; background-position:right; width:30px; height:30px; cursor:pointer; }
.nmore { float:right; width:30px; height:30px; }
.pmore { padding-top:13px; }
.adinfo table { margin-top:5px; width:100%; border-top:2px #666 solid; border-bottom:2px #666 solid; border-collapse:collapse; }
.adinfo table th { width:100px; height:30px; background-color:#f5f4f4; border-bottom:1px #ccc solid; }
.adinfo table td { height:30px; border-bottom:1px #ccc solid; padding-left:10px; }
.adinfo table td.right { text-align:right; padding-right:10px; }

.intro_graph { width:99%; margin:0 auto; padding-top:20px; }
.intro_graph .title { clear:both; width:99%; margin:0 auto; font-weight:bold; color:#666; padding-top:15px; }

.key { color:Red; font-size:8pt; padding-right:5px; }
.bar { clear:both; width:98%; border-bottom:dotted 1px #ccc; padding-top:20px; margin:0 auto; }

.board { width:48%; border-collapse:collapse; }
.board thead td { border-bottom:2px #666 solid; padding:5px; }
.board table td { padding:5px; }

/* 그래프 */
.p_graph { background-image:url('/images/sub/graph.png'); background-repeat:no-repeat; margin:20px 0px 5px 0px; font-weight:bold; padding:5px 0px 5px 25px; }
.silverlightControl { width:100%; border:solid 1px #f5f5f5; }
.silverlightControl .obj { margin:0 auto; width:800px; height:300px; }

/* 검색조건 */
.sc_back { clear:both; padding:1px; border:solid 1px #f5f5f5; }
.sc_top { width:100%; background-color:#f5f5f5; margin:0 auto; text-align:left; }
.sc_top .txt {font-weight:bold; border-bottom:dotted 1px #ccc; width:96%; margin:0 auto; padding:10px 0px 10px 0px;}
.sc_bottom { background-color:#f5f5f5; padding:10px 0px 10px 0px; }
.sc_bottom table { margin:0 auto; background-color:#f5f5f5; font-size:9pt; }
.sc_bottom table th { padding:0 3px; }
.sc_bottom table td { padding:0 3px; }

/* 엑셀다운로드 영역 */
.excel { text-align:right; padding:20px 0px 5px 0px; }

/* 페이징 영역 */
.paging { text-align:center; padding-top:15px; margin:0 auto; }


/* 탭 버튼 */
.p_tab_btn { width:86px; height:27px; background-image:url('/images/sub/tabbg_off.jpg'); border:none; color:#666; font-weight:bold; font-family:dotum, 돋움; font-size:8pt; }
.p_tab_btn_click { width:86px; height:27px; background-image:url('/images/sub/tabbg_on.jpg'); border:none;  color:#ffffff; font-weight:bold; font-family:dotum, 돋움; font-size:8pt; }


/* 오름차순, 내림차순 */
.asc { background-image:url('/images/btn/desc.gif'); background-position:left; background-repeat:no-repeat; width:100%; padding-left:25px; }
.desc { background-image:url('/images/btn/asc.gif'); background-position:left; background-repeat:no-repeat; width:100%; padding-left:25px; }







/* 자동 리포트 타이틀 */
.auto_r { background-image:url('/images/sub/alarm-clock.png'); background-repeat:no-repeat; margin:20px 0px 10px 20px; height:20px; }
.r_txt { font-weight:bold; font-size:9pt; height:20px; padding:3px 0px 0px 25px; }

/* 리포트 생성 타이틀 */
.reg_r { background-image:url('/images/sub/gear.png'); background-repeat:no-repeat; margin:20px 0px 10px 20px; height:20px; }








/* report center */

table.t_layout { width:100%; border-top:solid 2px #666; border-bottom:solid 2px #666; border-collapse:collapse; }
table.t_layout th { background-color:#f5f5f5;  }
table.t_layout td { height:30px; }
table.t_layout td table { border-collapse:collapse;  }
table.t_layout td table th { background-color:#ffffff; padding:0 10px 0 10px; text-align:left; width:70px; }

/******************** table ********************/

table.s_dt {
	width: 100%;
	font-size:8pt;
	border:solid 1px #dcdcdc;
	border-collapse:collapse;
}

table.s_dt thead tr th {
	padding:5px 0 5px 0;
	border:solid 1px #dcdcdc;
	background-color: #e6EEEE;
	height:25px;
}

table.s_dt tfoot tr td {
	padding:5px 0 5px 0;
	border:solid 1px #dcdcdc;
	height:25px;
	text-align:center;
	font-weight:bold;
}

table.s_dt tfoot tr th {
	padding:5px 0 5px 0;
	border:solid 1px #dcdcdc;
	height:25px;
	text-align:center;
	font-weight:bold;
}

table.s_dt tbody td {
	color: #3D3D3D;
	background-color: #FFF;
	vertical-align:middle;
	text-align:right;
	padding-right:5px;
	border:solid 1px #dcdcdc;
	height:50px;
}

table.s_dt tbody td.center {
	text-align:center;
	padding:5px 0 5px 0;
}

/* dt */
table.dt {
	width: 100%;
	font-size:9pt;
	border-collapse:collapse;
	border-top:2px #666 solid;
	border-bottom:2px #666 solid;
}

table.dt thead tr th { padding:10px 0 10px 0; }
table.dt thead th.weight { border-right: 2px #666 solid; }

table.dt thead tr td {
	padding:10px 5px 10px 0;
	border-top:2px #666 solid;
	border-bottom:1px #ccc solid;
	text-align:right;
	font-weight:bold;
	background-color:#f5f5f5;
}

table.dt tfoot tr td {
	padding:10px 5px 10px 0;
	text-align:right;
	font-weight:bold;
	background-color:#f5f5f5;
}
table.dt tfoot td.center { text-align:center; padding:10px 0px 10px 0px; }

table.dt tbody td {
	color: #333;
	vertical-align:middle;
	text-align:right;
	padding:10px 5px 10px 0;
	border:solid 1px #dcdcdc;
}

table.dt tbody td.null { border-left:none; border-right:none; text-align:center; font-weight:bold; padding:10px 0px 10px 0px; }
table.dt tbody td.weight { border-right: 2px #666 solid; }
table.dt tbody td.nleft { border-left:none; }
table.dt tbody td.nright { border-right:none; }
table.dt tbody td.center { text-align:center; padding:10px 0 10px 0; }

table.dt tbody tr.color td { background-color:#FAFAD2; }
/* dt */


/* popdt */
table.popdt {
	width: 100%;
	font-size:9pt;
	border-collapse:collapse;
	border-top:2px #666 solid;
	border-bottom:2px #666 solid;
}

table.popdt thead tr th { padding:10px 0 10px 0; }
table.popdt thead th.weight { border-right: 2px #666 solid; }

table.popdt thead tr td {
	padding:10px 5px 10px 0;
	border-top:2px #666 solid;
	border-bottom:1px #ccc solid;
	text-align:right;
	font-weight:bold;
	background-color:#f5f5f5;
}

table.popdt tfoot tr td {
	padding:10px 5px 10px 0;
	text-align:right;
	font-weight:bold;
	background-color:#f5f5f5;
}
table.popdt tfoot td.center { text-align:center; padding:10px 0px 10px 0px; }

table.popdt tbody td {
	color: blue;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding:10px 5px 10px 0;
	border:solid 1px #dcdcdc;
}

table.popdt tbody td.null { border-left:none; border-right:none; text-align:center; font-weight:bold; padding:10px 0px 10px 0px; }
table.popdt tbody td.weight { border-right: 2px #666 solid; }
table.popdt tbody td.nleft { border-left:none; }
table.popdt tbody td.nright { border-right:none; }
table.popdt tbody td.center { text-align:center; padding:10px 0 10px 0; }

table.popdt tbody tr.color td { background-color:#FAFAD2; }
/* dt */



/* dt_sort */
table.dt_sort {
	width: 100%;
	font-size:9pt;
	border-collapse:collapse;
	border-top:2px #666 solid;
	border-bottom:2px #666 solid;
}

table.dt_sort thead tr th  {
	padding:10px 10px 10px 0; background-image: url('/images/btn/bg.gif');
	background-repeat: no-repeat;
	background-position:right;
	cursor: pointer;
}
table.dt_sort thead th.weight { border-right: 2px #666 solid; }
table.dt_sort thead tr .headerSortUp { background-image: url('/images/btn/asc.gif'); }
table.dt_sort thead tr .headerSortDown { background-image: url('/images/btn/desc.gif'); }

table.dt_sort tfoot tr td {
	padding:10px 5px 10px 0;
	text-align:right;
	font-weight:bold;
	background-color:#f5f5f5;
}
table.dt_sort tfoot td.center { text-align:center; padding:10px 0px 10px 0px; }

table.dt_sort tbody td {
	color: #333;
	vertical-align:middle;
	text-align:right;
	padding:10px 5px 10px 0;
	border:solid 1px #dcdcdc;
}

table.dt_sort tbody td.null { border-left:none; border-right:none; text-align:center; font-weight:bold; padding:10px 0px 10px 0px; }
table.dt_sort tbody td.weight { border-right: 2px #666 solid; }
table.dt_sort tbody td.nleft { border-left:none; }
table.dt_sort tbody td.nright { border-right:none; }
table.dt_sort tbody td.center { text-align:center; padding:10px 0 10px 0; }

/* dt_sort */



/* data table col */
table.dt_col 
{
	width:100%;
	border-bottom:2px #666 solid;
	border-top:2px #666 solid;
	border-collapse:collapse;
	font-size:8pt;
}

table.dt_col th 
{
	width:200px;
	background-color:#f5f5f5;
}

table.dt_col td
{
	height:50px;
	border-bottom:solid 1px #f5f5f5;
}

table.dt_col td table
{
	border:none;
}


/* Bottom */
.footer { float:left; width:100%; height:50px; padding:20px 0 20px 0; margin:0 auto; }
.footer_logo { width:10%; float:left; height:50px; background-image:url('/images/footer/f_logo.jpg'); background-position:left; background-repeat:no-repeat; }
.footer_txt { width:90%; background-image:url('/images/footer/f_txt.jpg'); background-position:bottom; background-repeat:no-repeat; height:50px; }
.footer_bar { background-image:url('/images/footer/f_bar.jpg'); background-position:right; background-repeat:repeat-x; height:10px; }


/* 계정선택 */
#myAccount
{
	z-index:1000;
	position:absolute;
	width:50%;
	height:185px; 
	border:solid 2px #f2f2f2; 
	background:#ffffff;  
	right:25%;
	left:25%;
	top:145px;
	padding:15px;
}

#myAccount .title { background-image:url('/images/pop/users.png'); background-repeat:no-repeat; padding:2px 0px 10px 20px; }
#myAccount table { margin:0 auto; border:solid 2px #ccc; border-collapse:collapse; }
#myAccount table th { padding:5px; background-color:#f5f5f5; height:20px; }
#myAccount table td { padding:5px; border:solid 1px #ccc; }
#myAccount table td.media { color:#666; font-weight:bold; }

/* 테이블 컬럼별 정렬 */
.default table th.headerSortDown { background-color: #398faf; }
.default table th.headerSortUp { background-color: #398faf; } 

/* 달력 */
.datepicker_input1 {border:1px solid #999999; margin-right:4px; width:70px;}
.datepicker_input2 {border:1px solid #999999; margin-right:4px; width:70px;}

/* 관심키워드 */
#myKeyword { z-index:1000;
             float:left;
             margin:0 auto;  
             height:300px; 
             border:solid 2px #f2f2f2; 
             background:#ffffff; 
             padding:5px; 
             line-height:20px; }
             
/* 운영키워드 - 경쟁사 T&D 비교 */
#compareManageKeyword { z-index:1000;
						position:absolute;
						margin:0 auto;  
						width:500px;
						height:300px; 
						border:solid 2px #f2f2f2; 
						background:#ffffff; 
						padding:5px; 
						line-height:20px;  
						overflow-x:hidden; 
						overflow-y:scroll;
						top: 50%; /* 화면의 중앙에 위치 */ 
						left: 50%; /* 화면의 중앙에 위치 */ 
						margin: -100px 0 0 -100px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 */ }
						
						
/* 팝업디자인 */
.pop_title 
{
	float:left;
	width:87%;
	height:45px;
	background-image:url('/images/pop/popup_titleBG.jpg');
	margin-bottom:10px;
}

.pop_txt
{

	font-size:10pt;
	font-weight:bold;
	vertical-align:middle;
	color:White;
	padding:15px 0 0 15px;
}

.pop_close
{
	float:left;
	width:65px;
	height:45px;
	background-image:url('/images/pop/popup_close.jpg');
	cursor:pointer;
}

/* 광고주 정보 (more) */
.user 
{
	clear:both; background-image:url('/images/pop/users.png'); background-repeat:no-repeat; background-position:left;
}

.div_p
{
	padding:10px; clear:both;
}

.adver { z-index:1000;
		 position:absolute; 
		 border:solid 2px #666; 
		 line-height:20px;  
		 background-color:#ffffff;
		 cursor:pointer;
		 top:110px; 
		 left:5px;
		 width:500px; }
		 
		 
/* data table pop */
table.dt_pop 
{
	width:480px;
	border-bottom:2px #666 solid;
	border-top:2px #666 solid;
	border-collapse:collapse;
	font-size:8pt;
}

table.dt_pop th
{
	padding:5px 0px 5px 10px;
	text-align:left;
	background-color:#f5f5f5;
	border-bottom:solid 1px #f1f1f1;
}

table.dt_pop td
{
	padding:5px 0px 5px 10px;
	text-align:left;
	border-bottom:solid 1px #f1f1f1;
}

table.dt_pop td table
{
	border:none;
}


/* 하단 카드결제 */
.payment {float:left; margin-top:5px;}
.payment ul li {list-style:none; display:inline;}
.payment ul li a {color:#2a6ab1;font-size:9pt;}


						
						
/* 이용약관 */
.u_title { padding:5px; color:#000; font-size:11pt; font-weight:bold; }
.u_bar_color { background:#e34335; width:20%; float:left; height:3px; }
.u_bar { background:#EDEDED; width:80%; float:left; height:3px; }
.u_txt { color:#666; padding:10px 5px 10px 5px; }
.u_sub_title { padding:20px 0px 10px 0px; font-size:10pt; font-weight:bold; color:#333; }
.u_content { border:solid 2px #EDEDED; padding:10px; line-height:15pt; height:180px; overflow-x:hidden; overflow-y:scroll; }

/* 게시판 */
.list_n { padding-top:5px; padding-bottom:5px; font-size:9pt; color:#666; float:right; }
.list_r { border-bottom:solid 1px #808080; padding-top:5px; padding-bottom:5px; text-align:right; }
.list_l { border-bottom:solid 1px #808080; padding-top:5px; padding-bottom:5px; text-align:left; }

.t_board { width:100%; border:solid 2px #F5F5F5; border-collapse:collapse; }
.board_title { width:97%; margin:0 auto; padding:5px 0px; border-bottom:solid 1px #ddd; }
.board_title .title { font-size:9pt; font-weight:bold; padding-left:5px; }

.board_list { width:100%; border-collapse:collapse; }
.board_list th { background-color:#F5F5F5; padding:0px; height:30px; }
.board_list th.col { text-align:left; padding:0px 15px; }
.board_list tbody td { height:25px; border-bottom:solid 1px #ddd; text-align:center; }
.board_list td.left { text-align:left; padding:0px 0px 0px 10px; }

.st {font:lighter 8pt arial,verdna;color:#666;}
.title_s { clear:both; font-weight:bold; padding:0px 0px 15px 0px; }
.file { background:url('/images/sub/clip.png') no-repeat; background-position:center; width:100%; height:16px; }
.file_title { background:url('/images/sub/clip.png') no-repeat; background-position:left; width:100%; height:16px; margin:5px 20px; text-indent:20px; font:bold 9pt arial,verdna; line-height:16px;  }
.files ul {
}
.files li {
    margin:5px 20px; outline: 1px solid #ddd;
}
.files a {
    width:100%; height:20px; line-height:25px; text-indent:5px; font-size:9pt; font-family:굴림;
}
.f_bt {font:lighter 9pt arial,verdna;}
.f_div {margin:10px 0 2px 0;}

/* pdf file link */
a[href$='.pdf'] {
    display : inline-block;
    padding-left : 10px;
    line-height : 20px;
    background : transparent url('/images/sub/pdf.png') center left no-repeat;
}

/* document file link */
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
    display : inline-block;
    padding-left : 20px;
    line-height : 18px;
    background : transparent url('/images/sub/word.png') center left no-repeat;
}

/* document file link */
a[href$='.txt'] {
    display : inline-block;
    padding-left : 20px;
    line-height : 18px;
    background : transparent url('/images/sub/txt.png') center left no-repeat;
}

/* compressed file link */
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
    display : inline-block;
    padding-left : 20px;
    line-height : 18px;
    background : transparent url('/images/sub/zip.png') center left no-repeat;
}

/* excel file link */
a[href$='.xls'], a[href$='.xlsx'] {
    display : inline-block;
    padding-left : 20px;
    line-height : 18px;
    background : transparent url('/images/sub/xls.png') center left no-repeat;
}

/* ppt file link */
a[href$='.ppt'], a[href$='.pptx'] {
    display : inline-block;
    padding-left : 20px;
    line-height : 18px;
    background : transparent url('/images/sub/ppt.png') center left no-repeat;
}

/* image file link */
a[href$='.jpg'], a[href$='.png'], a[href$='.gif'], a[href$='.bmp'] {
    display : inline-block;
    padding-left : 20px;
    padding-top:1px;
    line-height : 20px;
    background : transparent url('/images/sub/img.png') center left no-repeat;
}

.board_faq { width:100%; margin:0 auto; border-collapse:collapse; border:solid 2px #f5f5f5; }
.board_faq th { padding:10px 0; }
.board_faq th.left { text-align:left; padding-left:10px }
.board_faq td { overflow:scroll-y; text-align:left; padding:20px 15px; }

.t_report {border:solid 2px #ddd; border-collapse:collapse; width:100%;}
.t_report th {text-align:center; line-height:20pt; width:120px; vertical-align:middle; border-right:1px dotted #ddd; }
.t_report td {text-align:left; line-height:20pt; padding:10px 0; padding-left:10px;}
.t_report tr {text-align:left; line-height:20pt; border-bottom:1px dotted #ddd;}
.t_report td label {padding:0 5px; line-height:20pt;}
.t_report td table td { line-height:10pt; }
.t_report td table th { line-height:10pt; width:80px; border:none; }

.m-ttl {position: relative;padding-top:3px; padding-left:15px;vertical-align:middle;margin-left:5px; margin-top:10px;}
.m-ttl:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;top: 0;left: 0;content: "";display: block;width: 6px;height: 25px;border: 1px solid #2a6ab1;background: #2c6fb6;}

.L-mainBody {
            padding-top: 20px;
            padding-right: 20px;
            padding-bottom: 0px;
            padding-left: 20px;
            z-index: 999999;
        }

        .m-box-search {
            padding: 10px;
            border: 1px solid #cccccc;
            background-color: #ffffff;
        }

        .inputBtn {
            cursor: pointer;
            text-align: center;
            border-radius: 5px;
            border: 1px solid #84a1d0;
            width: 80px;
            height: 30px;
            background-color: #84a1d0;
            color: white;
        }

        .inputBtn:hover {
            opacity: 0.7;
        }

        .inputTxt {
            cursor: pointer;
            text-align: center;
            border-radius: 3px;
            border: 1px solid #bab6b6;
            height: 26px;
            width: 250px;
            color:gray;
            padding-left:5px;
        }

        .inputTxt:active {
            background-color: whitesmoke;
        }

        .inputTxt:hover {
            border-color: #9a9696;
        }

        .txtBox {
            text-align: left;
            vertical-align: top;
            border-radius: 3px;
            border: 1px solid #bab6b6;
            color:gray;
            padding:5px;
        }

        .txtControl {
            cursor: pointer;
            width: 150px;
            height: 30px;
            text-align: center;
            border: 1px solid #8c8f93;
            border-radius: 3px;
            margin-right: 10px;
            margin-left: 10px;
            color: black;
        }
        .header {
            height: 20px;
            text-align: center;
        }

        .cell {
            height: 18px;
            text-align: center;
        }