/********************************************* * FILENAME : table.css * COPYRIGHT : www.bizmailer.co.kr * MAKE : BizSpring Inc. * DATE : 2008.06 * LASTER UPDATE : 2008.11.07 **********************************************/ /* DEFAULT TABLE */ TABLE { WIDTH: 100%; border: 0px; } TD { FONT-SIZE: 11PX; COLOR: #333333; FONT-FAMILY: TAHOMA, DOTUM; LINE-HEIGHT: 150%; } IMG { BORDER: 0PX; } A { VERTICAL-ALIGN: middle; } P { LINE-HEIGHT: 200%;} .overRow { background-color: #deebf7; border-top: 1px dotted #a5baef; border-bottom: 1px dotted #a5baef; } .outRow { background-color: #ffffff; border: 0px; } /* AQUA BLUE */ #aqBlue { border:1px solid #9cbaef; } #aqBlue TH { background-image: url(../images/manager/tabBlue_th.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #9cbaef; border-left:1px solid #9cbaef; height:26px; text-align:left; FONT-SIZE:11PX; COLOR:#3565b3; FONT-FAMILY:TAHOMA, DOTUM; LINE-HEIGHT:150%; padding-left:5px; padding-top:3px; } #aqBlue TD { border-top:1px solid #ffffff; border-bottom:1px solid #e9e9e9; height:28px; padding-left:5px; } #aqBlue .over TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; } #aqBlue .out { background-color:#ffffff; border:0px; } /* AQUA GRAY */ #aqGray { border:1px solid #d5d5d5; } #aqGray TH { background-color: #ffffff; background-image: url(../images/manager/tabGray_th.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:26px; text-align:left; FONT-SIZE:11PX; COLOR:#676767; FONT-FAMILY:TAHOMA, DOTUM; LINE-HEIGHT:150%; padding-left:5px; padding-top:3px; } #aqGray .on { background-image: url(../images/manager/tabGray_thOver.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #aaccf6; border-left:1px solid #aaccf6; height:24px; text-align:left; FONT-SIZE:11PX; COLOR:#3565b3; FONT-FAMILY:TAHOMA, DOTUM; LINE-HEIGHT:150%; font-weight:bold; padding-left:5px; padding-top:3px; } #aqGray TD { border-top:1px solid #ffffff; border-bottom:1px solid #e9e9e9; height:28px; padding-left:5px; } #aqGray .over TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; } #aqGray .out { background-color:#ffffff; border:0px; } /* AQUA INFO */ #info { border:1px solid #d5d5d5; } #info TH { background-color: #ffffff; background-image: url(../images/manager/tabGray_th.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:30px; text-align:left; FONT-SIZE:12PX; COLOR:#676767; FONT-FAMILY:DOTUM; LINE-HEIGHT:150%; font-weight:bold; padding-left:10px; padding-top:3px; } #info TD { border-bottom:1px solid #e9e9e9; padding-left:5px; } #info .subject { background-image: url(../images/manager/tabGray_th.gif); background-repeat:repeat-x; background-position:bottom; text-align:center; COLOR:#3565b3; font-size:13px; font-family:dotum; font-weight:bold; border:4px solid #7198ff; height:35px; } #info .numTd { border-right:1px solid #e9e9e9; padding-right:5px; height:25px; } #info .think { background-color:#fff9f3; padding:10px; } #info .over TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; } #info .out { background-color:#ffffff; border:0px; } /* EXP TABLE */ #exp { border:1px solid #d0d0d0; margin-top:10px; } #exp .box { border:4px solid #f1f1f1; padding:10px; } /* TIP TABLE */ #tip { margin-top:20px; } #tip .icon { width:51px; background-image:url(../images/manager/bt_tip.gif); background-repeat:no-repeat; background-position: left; height:16px; } /* MESSAGE TABLE */ #message { width:430px; margin-top:20px; } #message .obj { font-family:dotum; font-size:18px; font-weight:bold; color:#7198ff; text-align:center; height:30px; letter-spacing:-1; } #message .tabTop { height:15px; border:5px solid #7198ff; border-bottom:0px; } #message .tabBottom { height:15px; border:5px solid #7198ff; border-top:0px; } #message .tabText { padding:23px; } #message .status { border:3px solid #e8e8e8; text-align:center; width:55px; height:70px; } #message .statusOver{ border:3px solid #ff892a; text-align:center; width:55px; height:70px; background-color:#fff9f4; color:#ffa760; font-weight:bold; } #message .statusTab { text-align:center; } #message .statusWat { border:3px solid #d3dfff; text-align:center; width:55px; height:70px; color:#94b1ff; font-weight:bold; } /* SPACE */ #space { border:0px; padding:0px; margin:0px; } #space TH { background-image:none; height:auto; line-height:100%; } #space TD { border:0px; height:auto; /* padding:0px; */ padding-bottom: 5px; padding-top: 5px; padding-left: 0px; padding-right: 0px; } #space a { line-height:100%; vertical-align:baseline; height:10px; } /* PRINT AND MANUAL BT TABLE */ .defBT { position:relative; clear:both; text-align:right; margin:0px; } .defBT div.alt { position:relative; display:inline; background:transparent; margin:0; padding:0; } .defBT div.alt a { position:absolute; width:85px; height:23px; padding:0; border:0; } .defBT div.alt a:hover { padding:0px; background-position:0 -23px; border:0;} .defBT div.alt a.print { left:-170px; background:url('../images/manager/bt_print.gif') no-repeat 0 0; } .defBT div.alt a.menual { left:-85px; background:url('../images/manager/bt_menual.gif') no-repeat 0 0;} /* TAB */ #tabBlue { margin-bottom:1px; } #tabBlue .bg { background-image:url(../images/manager/taab_blue_th.gif); background-repeat:repeat-x; background-position:bottom; } #tabBlue .on { background-image:url(../images/manager/taab_blueOn.gif); background-repeat:no-repeat; background-position:left; width:123px; height:31px; text-align:left; FONT-SIZE:12PX; COLOR:#FFFFFF; FONT-FAMILY:DOTUM; FONT-WEIGHT:BOLD; LINE-HEIGHT:150%; padding-left:20px; } #tabBlue .off { background-image:url(../images/manager/taab_blue.gif); background-repeat:no-repeat; background-position:left; width:123px; height:31px; text-align:left; FONT-SIZE:12PX; COLOR:#9e9e9e; FONT-FAMILY:DOTUM; FONT-WEIGHT:BOLD; LINE-HEIGHT:150%; padding-left:20px; } #tabBlue .on A:link { COLOR:#FFFFFF; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .on A:hover { COLOR:#FFFFFF; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .on A:visited { COLOR:#FFFFFF; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .on A:active { COLOR:#FFFFFF; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .off A:link { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .off A:hover { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .off A:visited { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .off A:active { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabBlue .stroke { border-top:1px solid #99bbe8; padding:15px 5px 15px 5px; } #tabGray { margin-bottom:1px; } #tabGray .bg { background-image:url(images/manager/tab_bg.gif); background-repeat:repeat-x; background-position:bottom; } #tabGray .on { background-color:#FFFFFF; border:2px solid #3096e4; border-bottom:0px; padding:6px 18px; FONT-SIZE:12PX; COLOR:#3096e4; FONT-FAMILY:DOTUM; FONT-WEIGHT:BOLD; } #tabGray .off { background-color:#eeeeee; border:1px solid #d5d5d5; border-bottom:2px solid #3096e4; padding:6px 18px; FONT-SIZE:12PX; COLOR:#9e9e9e; FONT-FAMILY:DOTUM; FONT-WEIGHT:BOLD; } #tabGray .on A:link { COLOR:#3096e4; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .on A:hover { COLOR:#3096e4; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .on A:visited { COLOR:#3096e4; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .on A:active { COLOR:#3096e4; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .off A:link { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .off A:hover { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .off A:visited { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } #tabGray .off A:active { COLOR:#9e9e9e; text-decoration:none; FONT-WEIGHT:BOLD; } /* PAGE */ .pageL { position:relative; clear:both; text-align:center; /* margin-top:20px; margin-bottom:20px; */ } .pageL div { display:inline; font:11px tahoma; line-height:180%; } .pageL div a { padding:2px 6px; margin:0 3px; border:1px solid #d1d1d1; color:#333333; } .pageL div a:hover { padding:1px 5px; background:#f5f9ff; border:2px solid #9cbaef; color:#3565b3; text-decoration:none; } .pageL div.nowpage { font-weight:bold; } .pageL div.nowpage a { font-weight:bold; border:1px solid #9cbaef; color:#3565b3; } .pageL div.nowpage a:hover { font-weight:bold; background:#f5f9ff; border:2px solid #9cbaef; color:#3565b3; text-decoration:none; } .pageL div.alt { position:relative; display:inline; background:transparent; margin:0; padding:0 1px; } .pageL div.alt a { position:absolute; top:3px; width:19px; height:19px; padding:0 1px; border:0; } .pageL div.alt a:hover { padding:0 1px; background-position:0 -19px; border:0;} .pageL div.alt a.goFirst { left:-44px; background:url('../images/manager/bt_first.gif') no-repeat 0 0; } .pageL div.alt a.goPrev { left:-24px; background:url('../images/manager/bt_prev.gif') no-repeat 0 0; } .pageL div.alt a.goNext { left:1px; background:url('../images/manager/bt_next.gif') no-repeat 0 0; } .pageL div.alt a.goLast { left:21px; background:url('../images/manager/bt_last.gif') no-repeat 0 0; } /* CAL */ #cal { border:2px solid #d0d0d0; border-top:0px; width:auto; } #cal TH { border:1px solid #718bb7; padding:0px; } #cal TD { text-align:center; border-bottom:0px; } #cal .month { background-color:#1d3b71; } #cal .month TD { color:#FFFFFF; font-weight:bold; height:24px; padding-bottom:2px; } #cal .week TH { background-image:url(../images/manager/calendar_day.gif); background-repeat:repeat-x; background-position:bottom; height:20px; border:0px; text-align:center; } #cal .week TD { height:25px; width:28px; padding-left:0px; } #cal .week TD a:hover { background-color:#eff5ff; border:1px solid #8db2e3; height:23px; width:28px; } #cal .sun { background-color:#ffefef; border-bottom:1px solid #FFFFFF; } #cal .sat { background-color:#eff5ff; border-bottom:1px solid #FFFFFF; } #cal .today { background-color:#cbf1cb; } #cal .today a { color:#4f774f; font-weight:bold; } /* SMS */ #sms TABLE { width:auto; } #sms .step1top { background-image:url(../images/manager/sms_step1Img1.gif); background-repeat:no-repeat; background-position:bottom; height:58px; width:298px; } #sms .step1middle { background-image:url(../images/manager/sms_step1Img2.gif); background-repeat:repeat-y; background-position:left; height:280px; text-align:center; } #sms .step1bottom1 { background-image:url(../images/manager/sms_step1Img3.gif); background-repeat:no-repeat; height:28px; } #sms .step1bottom2 { background-image:url(../images/manager/sms_step1Img4.gif); background-repeat:repeat-y; height:110px; } #sms .step1shadow { background-image:url(../images/manager/sms_step1Img5.gif); background-repeat:no-repeat; height:45px; } #sms .step2top { background-image:url(../images/manager/sms_step2Img1.gif); background-repeat:no-repeat; background-position:bottom; height:13px; width:399px; } #sms .step2middle { background-image:url(../images/manager/sms_step2Img2.gif); background-repeat:repeat-y; background-position:left; height:465px; text-align:center; } #sms .step2shadow { background-image:url(../images/manager/sms_step2Img3.gif); background-repeat:no-repeat; height:45px; } #sms .step2In { border:1px solid #c6c6c6; width:100%; } #sms .step2No { background-color:#eeeeef; width:23px; text-align:center; font-family:arial; } #sms .step3top { background-image:url(../images/manager/sms_step3Img1.gif); background-repeat:no-repeat; background-position:bottom; height:13px; width:235px; } #sms .step3middle { background-image:url(../images/manager/sms_step3Img2.gif); background-repeat:repeat-y; background-position:left; height:340px; text-align:center; } #sms .step3shadow { background-image:url(../images/manager/sms_step3Img3.gif); background-repeat:no-repeat; height:45px; } #sms .temptop { background-image:url(../images/manager/sms_tempImg1.gif); background-repeat:no-repeat; background-position:bottom; height:27px; width:140px; } #sms .tempmiddle { background-image:url(../images/manager/sms_tempImg2.gif); background-repeat:repeat-y; background-position:left; height:90px; text-align:center; } #sms .tempshadow { background-image:url(../images/manager/sms_tempImg3.gif); background-repeat:no-repeat; height:28px; text-align:center; font-family:dotum; font-size:11px; color:#6f717f; } /* WAIT MESSAGE */ #wait { border:1px solid #99bbe8; width:auto; background-color:#ceddef; } #wait TD { padding:3px; border:0px; } #wait .bar { text-align:center; padding:10px 10px; FONT-SIZE:14PX; COLOR:#3565b3; FONT-FAMILY:DOTUM; font-weight:bold; LINE-HEIGHT:150%; } #wait .stroke { background-color:#FFFFFF; border:1px solid #99bbe8; padding:10px; } /* POPUP */ #pop .bar { background-color:#2182d6; height:40px; padding-left:10px; color:#ffffff; font-size:14px; font-weight:bold; font-family:DOTUM; letter-spacing:-1; } #pop .shadow { background-color:#dbdbdb; height:2px; } #pop .body { border:1px solid #99bbe8; border-top:0px; padding:20px 10px 20px 10px; vertical-align:top; } #pop .copy { border:1px solid #99bbe8; background-color:#d9e7f8; padding:5px; border-top:0px; } /* TABLE IN POPUP */ #sel .tltFirst { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel .tlt { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:24px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel TD { border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:25px; padding-left:5px; } #sel TD.first { border-bottom:1px solid #d5d5d5; border-left:0px; height:25px; padding-left:5px; } #sel TD.tltFirstSub { background-color:#f2f2f2; border-top:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel .click TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; padding-bottom:2px; } #sel .over TD { background-color:#deebf7; border-bottom:1px dotted #a5baef; } #sel .out { background-color:#ffffff; border:0px; } /* EMAIL CAMPAIGN ANALYSIS */ .subjectData { background-image: url(../images/manager/tabGray_th.gif); background-repeat: repeat-x; background-position: bottom; border:2px solid #a7d4a7; color:#57ac57; font-weight:bold; height:40px; } .scenarioArrow { background-image:url(../images/manager/icon_arrow5.gif); background-repeat:no-repeat; background-position:right top; } /* CAMPAIGN TAG ANALYSIS */ .tagSelect { background-image:url(../images/manager/tab_tagSelect.gif); background-repeat:no-repeat; height:30px; padding-left:8px; padding-bottom:2px; } #tag TH { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; height:20px; padding-top:2px; font-family:dotum; font-size:11px; COLOR:#878787; text-align:center; letter-spacing:-1px; } #tag TD { border-bottom:1px solid #d5d5d5; height:30px; padding-left:2px; } #tag .tagBlue { background-image:url(../images/manager/icon_tagNumBlue.gif); background-repeat:no-repeat; background-position:center; width:20px; padding-right:2px; font-weight:bold; font-size:11px; font-family:arial; color:#FFFFFF; text-align:center; } #tag .tagGray { background-image:url(../images/manager/icon_tagNumGray.gif); background-repeat:no-repeat; background-position:center; width:20px; padding-right:2px;font-weight:bold; font-size:11px; font-family:arial; color:#FFFFFF; text-align:center; } #tag .over TD { background-color:#deebf7; border-bottom:1px dotted #a5baef; } .tagRankingGreen { background-image:url(../images/manager/icon_tagRankingGreen.gif); background-repeat:no-repeat; background-position:center; padding-right:5px; padding-bottom:2px; border-right:1px solid #e9e9e9; font-weight:bold; font-size:12px; font-family:arial; color:#FFFFFF; text-align:center; } .tagRankingGray { background-image:url(../images/manager/icon_tagRankingGray.gif); background-repeat:no-repeat; background-position:center; padding-right:5px; padding-bottom:2px; border-right:1px solid #e9e9e9; font-weight:bold; font-size:12px; font-family:arial; color:#FFFFFF; text-align:center; } .tagRanking { padding-right:5px; border-right:1px solid #e9e9e9; font-weight:bold; text-align:center; } /* Unique TABLE IN POPUP */ #sel_uniq .tltFirst { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel_uniq .tlt { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:24px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel_uniq TD { border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:25px; padding-left:5px; } #sel_uniq TD.first { border-bottom:1px solid #d5d5d5; border-left:0px; height:25px; padding-left:5px; } #sel_uniq TD.tltFirstSub{ background-color:#f2f2f2; border-top:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #sel_uniq .click TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; padding-bottom:2px; } #sel_uniq .over TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; padding-bottom:2px; } #sel_uniq .out { background-color:#ffffff; border:0px; } /* Unique TABLE IN POPUP */ #map_uniq .tltFirst { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #map_uniq .tlt { background-color:#f2f2f2; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:24px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #map_uniq TD { border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; height:25px; padding-left:5px; } #map_uniq TD.first { border-bottom:1px solid #d5d5d5; border-left:0px; height:25px; padding-left:5px; } #map_uniq TD.tltFirstSub{ background-color:#f2f2f2; border-top:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px; text-align:center; COLOR:#878787; padding-top:3px; letter-spacing:-1px; font-size:11px; font-family:dotum; } #map_uniq .click TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; padding-bottom:2px; } #map_uniq .over TD { background-color:#deebf7; border-top:1px dotted #a5baef; border-bottom:1px dotted #a5baef; padding-bottom:2px; } #map_uniq .out { background-color:#ffffff; border:0px; } /* LIST TABLE */ div.list { list-style: none; margin: 0px; width: 100%; border: 1px #d5d5d5 solid; border-top: 0px; } div.list li { display: inline; float: left; padding: 3px; font-size: 12px; font-family: dotum; } div.over { list-style: none; margin: 0px; width: 100%; border: 1px #d5d5d5 solid; border-top: 0px; background-color: #deebf7; } div.over li { display: inline; float: left; padding: 3px; font-size: 12px; font-family: dotum; } /* PAGE TABLE */ #table_page { margin-top: 20px; margin-bottom: 20px; }