@charset "utf-8";

/* gazetteviewer.css */

/* base style */

*{-webkit-text-size-adjust:none} 
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:Dotum,"돋움","Malgun Gothic","맑은 고딕", sans-serif; font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{display:inline-block;
    width:19px;
    /* height:19px;
    margin:-2px 10px 0 0; */
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
/*button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} */
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}
a:link, a:visited { text-decoration: none; color:inherit; font-weight:inherit;  cursor:pointer;}
a:hover, a:active { text-decoration: underline; color:inherit; font-weight:inherit;  cursor:pointer;}

.noview, caption, legend { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
.ft_left{float:left;}
.ft_right{float:right;}
.clear{clear:both;}


/* layout */
html { width:100%; height:100%;}
body {  width:100%; height:100%; background-color:#808080;}
#ie78msg { position:relative; width:100%; height:80px; min-width:1280px; background-color:#7591c5;}
#ie78msg .msg { padding:15px 15px 15px 100px; width:700px; margin:0 auto; background:url(../images/viewer_ico_sprite_new.png) no-repeat -340px -590px; text-align:center; color:#fff; font-size:12px;}
#ie78msg a { display:inline-block; padding:5px; margin-top:5px; border:1px solid #fff; color:#fff; font-weight:bold; font-size:12px;}
#ie78msg a:hover,
#ie78msg a:focus { background-color:#fff; color:#6997e9;}
#ie78msg .close { position:absolute; right:15px; top:25px;  width:auto; height:30px; padding-left:20px; background:url(../images/viewer_ico_sprite_new.png) no-repeat -10px -600px; }
#ie78msg .close a { padding:0; margin-top:0; font-weight:normal; border:0 none; text-decoration:underline;}
#ie78msg .close a:hover,
#ie78msg .close a:focus { background-color:#7591c5; color:#fff; }
#wrap { position:relative; width:100%; height:100%; min-width:1280px; min-height:800px;}
#toparea { position:relative; width:100%; height:26px; padding:8px 0; background:url(../images/viewer_top_bg.jpg) repeat-x 0 0; border-bottom:1px solid #27292f; z-index:2;}
#downarea {clear:both; position:relative;  width:100%; height:94%; background-color:#dcdcdc}
#downarea #viewlist { display:block; float:left; width:19%; height:97%; background-color:#ededed; overflow-y:scroll;} /* 좌측 북마크 목록이 나오는 곳 */ 
#downarea #viewarea  { position:relative; float:left; width:81%; height:100%; background-color:#808080;}
#downarea #viewarea > div:first-child { width:97%; height:73%; padding:1% 1.5%; }
#downarea #viewarea #viewimg { position:relative;} /* 실제 기록물이 나오는 곳 */ 
#downarea #viewarea #pdfviewarea { position:relative; } /* 실제 기록물이 나오는 곳 PDF*/ 
#downarea #viewarea #thumbnailarea { clear:both; position:absolute; width:100%; height:19%; min-height:170px; bottom:0; padding-bottom:5px; background-color:#616161; /*overflow-x:scroll;*/} /* 하단 썸네일 기록물이 나오는 곳 */ 
#footer { clear:both; position:absolute; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; font-size:11px; color:#afafaf; background-color:#202020;}

/* topmenu bar */
#toparea { font-size:12px;}
#toparea h1 { float:left; padding-left:10px;}
#toparea h1 img { margin-right:10px; margin-top:5px;}
#toparea a { display:inline-block; overflow: hidden; font:0px/0px a; width:auto; height:auto; background:url(../images/viewer_ico_sprite_new.png) no-repeat 0 0; vertical-align:middle;}
#toparea span { display:inline-block; vertical-align:middle; }
#toparea .bookmark { float:left;}
#toparea .bookmark a {width:73px; height:26px; margin-right:3px; }
#toparea .bookmark a.on { background-position:-10px -38px; }
#toparea .bookmark a.on:hover,
#toparea .bookmark a.on:focus { background-position:-10px -38px; }
#toparea .bookmark a.off  {background-position:-10px -10px; }
#toparea .bookmark a.off:hover,
#toparea .bookmark a.off:focus { background-position:-10px -10px;}
#toparea .pagenum { float:left; width:250px; height:26px;}
#toparea .pagenum .first { width:24px; height:26px; background-position:-10px -80px;}
#toparea .pagenum .pre { width:22px; height:26px; background-position:-34px -80px;}
#toparea .pagenum .paging { width:100px; height:24px; background-color:#898a8e; border-top:1px solid #535664; border-bottom:1px solid #535664; color:#fff; font-size:12px;  font-family:Tahoma; line-height:21px;}
#toparea .pagenum .paging label { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
#toparea .pagenum .paging input[type="text"] { width:35px; height:16px; background-color:#fff; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#333; margin-right:2px; margin-left:4px;}
#toparea .pagenum .next { width:24px; height:26px; background-position:-136px -80px;}
#toparea .pagenum .last { width:24px; height:26px; background-position:-160px -80px;}
#toparea .pagenum .first:hover,
#toparea .pagenum .first:focus { background-position:-10px -108px;}
#toparea .pagenum .pre:hover,
#toparea .pagenum .pre:focus { background-position:-34px -108px;}
#toparea .pagenum .next:hover,
#toparea .pagenum .next:focus  { background-position:-136px -108px;}
#toparea .pagenum .last:hover,
#toparea .pagenum .last:focus { background-position:-160px -108px;}
#toparea .pagenum .first.fun_none { background-position:-10px -136px; cursor:default;}
#toparea .pagenum .pre.fun_none { background-position:-34px -136px; cursor:default;}
#toparea .pagenum .next.fun_none { background-position:-136px -136px; cursor:default;}
#toparea .pagenum .last.fun_none { background-position:-160px -136px; cursor:default;}
#toparea .pagenum .first.fun_none:hover,
#toparea .pagenum .first.fun_none:focus { background-position:-10px -136px; cursor:default;}
#toparea .pagenum .pre.fun_none:hover,
#toparea .pagenum .pre.fun_none:focus { background-position:-34px -136px; cursor:default;}
#toparea .pagenum .next.fun_none:hover,
#toparea .pagenum .next.fun_none:focus  { background-position:-136px -136px; cursor:default;}
#toparea .pagenum .last.fun_none:hover,
#toparea .pagenum .last.fun_none:focus { background-position:-160px -136px; cursor:default;}
#toparea .function { position:relative; float:right; padding-right:10px;}
#toparea .function .select { display:inline-block; width:95px; height:26px; background:url(../images/viewer_ico_sprite_new.png) no-repeat -10px -190px;}
#toparea .function .select > span { width:47px; height:26px; line-height:21px; padding-left:23px; background:url(../images/viewer_ico_sprite_new.png) no-repeat -340px -70px; font-weight:bold; color:#333; font-size:12px;  font-family:Tahoma; }
#toparea .function .select > span > span {} /* 선택후 변하기 */
#toparea .function .select a { background-image:none; width:23px; height:26px; }
#toparea .function .selectopen { position:absolute; left:30px; top:26px; display:none; width:92px; height:auto; overflow:hidden; border-right:1px solid #a8a8a8; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; z-index:99;}
#toparea .function .selectopen li { border-bottom:1px solid #dedede; background-color:#f8f8f8;}
#toparea .function .selectopen a { width:69px; height:24px; line-height:24px; color:#666; font-size:12px;  font-family:Tahoma; padding-left:23px;}
#toparea .function .selectopen a:hover,
#toparea .function .selectopen a:focus { background-color:#dcdcdc; color:#333; background-position:-340px -70px;}
#toparea .function .selectopen a:last-child { border-bottom:0 none; }
#toparea .function .selectopen .pwidth { background-position:-340px -40px;}
#toparea .function .selectopen .pheight { background-position:-340px -10px;}
#toparea .function .selectopen .zoom_default {background-position:-340px -70px;}
#toparea .function .selectopen .zoom20,
#toparea .function .selectopen .zoom40,
#toparea .function .selectopen .zoom60,
#toparea .function .selectopen .zoom80,
#toparea .function .selectopen .zoom100,
#toparea .function .selectopen .zoom200,
#toparea .function .selectopen .zoom300,
#toparea .function .selectopen .zoom400, 
#toparea .function .selectopen .zoom500 {background-position:-340px -70px;}
#toparea .function .select .pwidth { background-position:-340px -40px;}
#toparea .function .select .pheight { background-position:-340px -10px;}
#toparea .function .select .zoom50 {background-position:-340px -70px;}
#toparea .function .select .zoom100 {background-position:-340px -100px;}
#toparea .function .select .zoom200 {background-position:-340px -130px;}
#toparea .function .select .zoom300 {background-position:-340px -160px;}
#toparea .function .select.fun_none { background-position:-10px -218px; }
#toparea .function .select.fun_none > a:hover,
#toparea .function .select.fun_none > a:focus { cursor:default; }
#toparea .function .imgwidth { width:26px; height:26px; background-position:-283px -270px;}
#toparea .function .imgheight {  width:26px; height:26px; background-position:-308px -270px;}
#toparea .function .imgwidth:hover, 
#toparea .function .imgwidth:focus { background-position:-283px -298px;}
#toparea .function .imgheight:hover,
#toparea .function .imgheight:focus { background-position:-308px -298px;}
#toparea .function .imgwidth.fun_none {background-position:-283px -326px;cursor:default;}
#toparea .function .imgheight.fun_none {background-position:-308px -326px;cursor:default;}
#toparea .function .imgheight {  width:26px; height:26px; background-position:-308px -270px;}
#toparea .function .zoomplus { width:26px; height:26px;  background-position:-10px -270px;}
#toparea .function .zoomminus { width:26px; height:26px; background-position:-37px -270px;}
#toparea .function .zoomplus:hover,
#toparea .function .zoomplus:focus {background-position:-10px -298px;}
#toparea .function .zoomminus:hover,
#toparea .function .zoomminus:focus {background-position:-37px -298px;}
#toparea .function .zoomnum {}
#toparea .function .zoomplus.fun_none { background-position:-10px -326px;cursor:default; }
#toparea .function .zoomminus.fun_none { background-position:-37px -326px;cursor:default; }
#toparea .function .zoomplus.fun_none:hover,
#toparea .function .zoomplus.fun_none:focus {background-position:-10px -326px;cursor:default; }
#toparea .function .zoomminus.fun_none:hover,
#toparea .function .zoomminus.fun_none:focus {background-position:-37px -326px;cursor:default; }
#toparea .function .rotateright { width:25px; height:26px;  background-position:-70px -270px;}
#toparea .function .rotateleft { width:24px; height:26px;  background-position:-95px -270px;}
#toparea .function .rotateright:hover,
#toparea .function .rotateright:focus {background-position:-70px -298px;}
#toparea .function .rotateleft:hover,
#toparea .function .rotateleft:focus {background-position:-95px -298px;}
#toparea .function .rotateright.fun_none { background-position:-70px -326px;}
#toparea .function .rotateleft.fun_none { background-position:-95px -326px;}
#toparea .function .rotateright.fun_none:hover,
#toparea .function .rotateright.fun_none:focus {background-position:-70px -326px;}
#toparea .function .rotateleft.fun_none:hover,
#toparea .function .rotateleft.fun_none:focus {background-position:-95px -326px;}
#toparea .function .hand {width:26px; height:26px; background-position:-10px -370px;}
#toparea .function .url { width:56px; height:26px; background-position:-40px -370px;}
#toparea .function .download { width:65px; height:26px; background-position:-213px -473px;}
#toparea .function .btn { width:46px; height:24px; background-position:-280px -563px; border: 1px solid black;}
#toparea .function .jpg { width:62px; height:26px; background-position:-214px -473px;}
#toparea .function .pdf { width:72px; height:26px; background-position:-100px -370px;}
#toparea .function .print { width:70px; height:26px; background-position:-140px -270px;}
#toparea .function .printselect { width:49px; height:26px; background-position:-209px -270px;}
#toparea .function .helptext { width:27px; height:26px; background-position:-200px -370px;}
#toparea .function .hand:hover,
#toparea .function .hand:focus {background-position:-10px -398px;}
#toparea .function .url:hover,
#toparea .function .url:focus {background-position:-40px -398px;}
#toparea .function .download:hover,
#toparea .function .download:focus {background-position:-214px -501px;}
#toparea .function .btn:hover,
#toparea .function .btn:focus {background-position:-280px -591px;}
#toparea .function .jpg:hover,
#toparea .function .jpg:focus {background-position:-214px -501px;}
#toparea .function .pdf:hover,
#toparea .function .pdf:focus {background-position:-100px -398px;}
#toparea .function .print:hover,
#toparea .function .print:focus {background-position:-140px -298px;}
#toparea .function .printselect:hover,
#toparea .function .printselect:focus {background-position:-209px -298px;}
#toparea .function .helptext:hover,
#toparea .function .helptext:focus {background-position:-200px -398px;}
#toparea .function .hand.fun_none {background-position:-10px -426px;}
#toparea .function .url.fun_none { background-position:-40px -426px;}
#toparea .function .download.fun_none { background-position:-213px -578px;}
#toparea .function .pdf.fun_none { background-position:-100px -426px;}
#toparea .function .print.fun_none { background-position:-140px -326px;}
#toparea .function .printselect.fun_none { background-position:-210px -326px;}
#toparea .function .helptext.fun_none { background-position:-200px -426px;}
#toparea .function .hand.fun_none:hover, 
#toparea .function .hand.fun_none:focus {background-position:-10px -426px;}
#toparea .function .url.fun_none:hover, 
#toparea .function .url.fun_none:focus { background-position:-40px -426px;}
#toparea .function .download.fun_none:hover, 
#toparea .function .download.fun_none:focus { background-position:-213px -578px;}
#toparea .function .pdf.fun_none:hover, 
#toparea .function .pdf.fun_none:focus { background-position:-100px -426px;}
#toparea .function .print.fun_none:hover, 
#toparea .function .print.fun_none:focus { background-position:-140px -326px;}
#toparea .function .printselect.fun_none:hover, 
#toparea .function .printselect.fun_none:focus { background-position:-210px -326px;}
#toparea .function .helptext.fun_none:hover, 
#toparea .function .helptext.fun_none:focus { background-position:-200px -426px;}
#toparea .function .watermark{ width:87px; height:26px; background-position:-359px -270px; display:inline-block; cursor:pointer;}
#toparea .function .watermark:hover, 
#toparea .function .watermark:focus { background-position:-359px -298px;}
#toparea .function .watermark input[type="checkbox"] { margin:6px 4px; line-height:26px; vertical-align:middle; cursor:pointer;-webkit-appearance:checkbox;}
#toparea .function .tab_jpg { width:56px; height:26px; background-position:-394px -370px;}
#toparea .function .tab_pdf { width:56px; height:26px; background-position:-322px -370px;}
#toparea .function .tab_jpg:hover,
#toparea .function .tab_jpg:focus {background-position:-394px -398px;}
#toparea .function .tab_jpg.fun_none:hover, 
#toparea .function .tab_jpg.fun_none:focus { background-position:-394px -426px;}
#toparea .function .tab_pdf:hover,
#toparea .function .tab_pdf:focus {background-position:-322px -398px;}
#toparea .function .tab_pdf.fun_none:hover, 
#toparea .function .tab_pdf.fun_none:focus { background-position:-322px -426px;}
#toparea .function .closeX { osition: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    background:url(../images/viewer_ico_sprite_new.png) no-repeat -10px -570px; }


#toparea #input-page { position: absolute; display:none; width:180px; height:45px; right:0; top:42px; background-color:#fff; border:1px solid #b4b9ba; padding:10px 15px;  font-size:12px;  z-index:3}
#toparea #input-page span { color:#333; line-height:20px; vertical-align:middle;}
#toparea #input-page label { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
#toparea #input-page input { vertical-align:middle;  line-height:20px; vertical-align:middle;}
#toparea #input-page input[type="text"] { width:35px; height:18px; padding:2px; margin-right:2px;  background-color:#fff; border:1px solid #e9e9e9;}
#toparea #input-page input[type="button"] { border:0 none; margin:0; padding:2px 7px; background-color:#585a68; color:#fff; font-weight:bold; }
#toparea #input-page .close {  position: absolute; right:10px; top:10px; width:18px; height:18px; background-position:-10px -570px;}

/* left bookmark list */
#viewlist { font-size:12px;}
#viewlist h2 { width:100%; height:31px; background:url(../images/viewer_bookmark_topbg.jpg) repeat-x 0 0; border-bottom:1px solid #c9cbcb; color:#f5f5f5; font-weight:bold; font-size:12px; } 
#viewlist h2 span { display:inline-block; padding-left:10px; line-height:31px;}
#viewlist ul { width:100%; }
#viewlist ul li { padding-left:17px; padding-right:5px; padding-top:8px; padding-bottom:6px; background:url(../images/viewer_bookmark_dot.gif) no-repeat 10px 15px #fff; color:#8b919c; line-height:20px; border-bottom:1px solid #c9cbcb; }
#viewlist ul li a { color:#575967; }
#viewlist ul li:focus,
#viewlist ul li:hover{ background-color:#f9f9f9;}
#viewlist .select { background-color:#e9f0fc;  color:#363636; font-weight:bold;}
#viewlist .select a { color:#363636; font-weight:bold;}
#viewlist .select:hover,
#viewlist .select:focus {background-color:#e9f0fc; font-weight:bold;}
#viewlist .select:hover a,
#viewlist .select:focus a {color:#363636; font-weight:bold;}
#viewlist .select a:hover,
#viewlist .select a:focus {color:#363636; font-weight:bold;}

/* view img */
#viewimg {font-size:12px; color:#f5f5f5}
#viewimg .prev { position:absolute; left:1%; top:47%; width:30px; height:33px; display:inline-block; overflow: hidden; font:0px/0px a; background:url(../images/viewer_ico_sprite_new.png) no-repeat -10px -480px; z-index:3;}
#viewimg .next { position:absolute; right:1%; top:47%; width:30px; height:33px; display:inline-block; overflow: hidden; font:0px/0px a; background:url(../images/viewer_ico_sprite_new.png) no-repeat -50px -480px; z-index:3;}
#viewimg .prev:hover,
#viewimg .prev:focus {  background-position:-10px -514px;}
#viewimg .next:hover,
#viewimg .next:focus {  background-position:-50px -514px;}
#viewimg .viewreal { position:relative; width:93%; height:100%; margin:0 auto; overflow:auto; text-align:center;}

/* thumbnail list */
#thumbnailarea { position:relative; }
#thumbnailarea ol {display:block; width:auto; max-width:960px; height:auto; padding-top:10px; margin:0 auto; /*overflow:auto; white-space:nowrap; */ overflow:hidden; text-align:center; white-space:nowrap;}
#thumbnailarea li { display:inline-block; width:90px; height:99px; margin: 2px 3px; text-align:center; vertical-align:top; overflow:hidden; background:url(../images/viewer_thumb_loading.gif) no-repeat #202020 50% 49%; }
#thumbnailarea li img { background:url(../images/viewer_thumb_loading.gif) no-repeat #202020 50% 49%; max-width:86px; max-height:95px; position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#thumbnailarea li a div {position:absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
#thumbnailarea li a {display:inline-block; width:90px; height:99px; z-index:+1; position: relative; }
#thumbnailarea li:hover { border:2px solid #779ee5;margin:0px 1px; }
#thumbnailarea li:focus { border:2px solid #779ee5;margin:2px 1px; }
#thumbnailarea li.selected { border:2px solid #779ee5; margin:0px 1px; }
#thumbnailarea .boardpage { clear:both; width:100%; height:25px; padding-top:5px; text-align:center;font-family:Tahoma; }
#thumbnailarea .boardpage a { display:inline-block; margin:2px 0; padding:0 3px; min-width:12px; line-height:16px; border-left:1px solid #919191;  text-align:center; vertical-align:middle; }
#thumbnailarea .boardpage span { display:inline-block; line-height:20px; margin:1px; vertical-align:middle; }
#thumbnailarea .boardpage > span:first-child {width:20px; height:20px; font:0px/0px a; overflow: hidden;   background:url(../images/viewer_ico_sprite_new.png) no-repeat -10px -700px;}
#thumbnailarea .boardpage > span:first-child + span {width:20px; height:20px;  font:0px/0px a; overflow: hidden;  background:url(../images/viewer_ico_sprite_new.png) no-repeat -32px -700px;}
#thumbnailarea .boardpage > span:first-child + span + span + span{width:20px; height:20px;  font:0px/0px a; overflow: hidden; background:url(../images/viewer_ico_sprite_new.png) no-repeat -70px -700px;}
#thumbnailarea .boardpage > span:first-child + span + span + span + span {width:20px; height:20px; font:0px/0px a; overflow: hidden; background:url(../images/viewer_ico_sprite_new.png) no-repeat -92px -700px;}
#thumbnailarea .boardpage > span:first-child:hover { background-position:-10px -722px;}
#thumbnailarea .boardpage > span:first-child + span:hover  {background-position:-32px -722px;}
#thumbnailarea .boardpage > span:first-child + span + span + span:hover{background-position:-70px -722px;}
#thumbnailarea .boardpage > span:first-child + span + span + span + span:hover {background-position:-92px -722px;}
#thumbnailarea .boardpage .bpagenum {font-size:12px; color:#afafaf;}
#thumbnailarea .boardpage .bpagenum > a:first-child { border-left:none; }
#thumbnailarea .boardpage > span:first-child.bpageimgnolink { background-position:-10px -744px;}
#thumbnailarea .boardpage > span:first-child + span.bpageimgnolink  {background-position:-32px -744px;}
#thumbnailarea .boardpage > span:first-child + span + span + span.bpageimgnolink{background-position:-70px -744px;}
#thumbnailarea .boardpage > span:first-child + span + span + span + span.bpageimgnolink {background-position:-92px -744px;}
#thumbnailarea .boardpage span > img { display:none; }
#thumbnailarea .boardpage span.bpageimg { cursor:pointer; }
#thumbnailarea .boardpage span.bpageimg a { border-left:0 none;}
#thumbnailarea .boardpage .pageselect {cursor:default; font-weight:bold; color:#96bbff; text-decoration:underline; }
#thumbnailarea .thumbnail_btn a{ opacity:initial ;position: absolute; display:inline-block; left:49%; top:-20%; width:32px; height:32px; overflow: hidden; font:0px/0px a; background:url(../images/down_arrow_gray.png) no-repeat center 0 #fff; vertical-align:middle;}

#mask {position:fixed; left:0; top:0; z-index:90; width:100%; height:100%; background-color:#000; display:none; }
#pop_layer_loading{visibility:hidden; z-index:92; position:fixed; top:50%; left:50%; width:500px; height:30px; padding-top:60px; margin-top:-45px; margin-left:-250px; font-weight:bold; text-align:center; color:#333; font-size:14px; background:url(../images/loading.gif) no-repeat center 0 #fff; border:1px dashed #dcdcdc;}

.download {
	cursor: pointer;
}

.popupLayer {
	position: absolute;
	display: none;
	background-color: #f7f7f7;
	border: solid 1px #d0d0d0;
	width: 140px;
	height: 70px;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: linear-gradient( to bottom, #ffffff 30%, #ececec)
	
}
.popupLayer div {
	position: initial;
	top: 5px;
	right: 5px;
	;
}