@charset "utf-8";

#viewHeader{background:url(../images/common/viewer_top_bg.gif) no-repeat ; background-color:#3a4d95; height:46px; border-bottom:1px solid #31589b;}
#viewHeader h2{background:url(../images/common/viewer_title_bg.gif) no-repeat 20px 19px ;color:#fff; font-size:140%; text-indent:40px; line-height:46px; float:left; }
#viewHeader p{color:#fff; float:right; padding-right:15px;position:relative; top:55%; }

#viewBody{margin:0px 20px}

#viewOption{position: relative; margin:5px 0px 10px 0px; padding:10px 20px; background:url(../images/common/viewer_op_bg.gif) repeat-x left bottom;  border:1px solid #e1dddd;}
div.share{text-align:right; padding-top:5px; min-height:16px;}

#viewOption p{padding:6px 0 0;}
#viewOption label {white-space:nowrap; width:110px; display:inline-block; padding:0 0 5px 15px; background:url(../images/common/text_dash.gif) no-repeat 0 30%; font-weight:bold;}
#viewOption .btn{position:absolute; right:15px; bottom:10px}

#viewContents{margin:10px 0px; padding:0px; overflow:auto; width:790px; height:610px; border:1px solid #888;}

#viewSerch{position: relative; background:url(../images/common/search_box_bg.gif) repeat-x left bottom; border:1px solid #dbdbdb; margin:5px 0px ; padding:8px 10px 8px 30px;}
#viewSerch label{font-size:95%; font-weight:bold; color:#222; width:60px; display:inline-block;}
#viewSerch p{line-height:30px;}
#viewSerch .btn{position: absolute; right: 15px; bottom: 5px}

.viewList{margin:10px 0px; width:100%; border-collapse:collapse;}
.viewList th{ border:1px solid #dbdbdb; line-height:24px; background-color:#ededed;}
.viewList td{ border:1px solid #dbdbdb; line-height:20px; padding:0px 3px;}