@charset "utf-8";
/* 
ChosunOnline.com CSS styles    
Creat Date : 2011-07-29       
Last Update : 2011-07-29       

ChosunOnline.com 뉴스사이트 Screen용 레이아웃 CSS.
*/


/* Header */
#wrapper { width: 100%; text-align: left; font-size: 14px; }
#header { font-size: 12px; width: 100%; min-width: 940px; margin-bottom: 15px; background: url(img/news_header_bg.gif) repeat-x center top; }
#headerin { width: 940px; margin: 0px auto; }
#toptab { width: 940px; height: 24px; padding-top: 6px; margin-bottom: 10px; color: #969696; float: left; }
#toptab a { color: #ccc; }
#toptab #tobtab_csn { height: 0px; width: 0px; display: block; padding: 25px 0px 0px 111px; background: #000 url(img/news_toptab_link.gif) no-repeat left top; text-indent: -3000px; float: left; }
#toptab #tobtab_ent { height: 0px; width: 0px; display: block; padding: 25px 0px 0px 140px; background: #000 url(img/news_toptab_link.gif) no-repeat right top; text-indent: -3000px; float: left; }
#toplogo { width: 202px; height: 90px; float: left; }
#toplogo #logo { padding: 50px 0px 0px 202px; height: 0px; width: 0px; background: url(img/news_toplogo.gif) no-repeat 0px 10px; display: block; text-indent: -3000px; }
#weather { color: #c5e1ff; line-height: 160%; }
#weather .date { font-size: 15px; }

#nav { width: 940px; height: 35px; background: #0c2b54; }
#navsub { width: 938px; height: 24px; background-color: #ededed; border-top: none; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; padding-top: 6px; font-size: 12px; float:left;  }
ul#nav_main li { float: left; }
ul#nav_main li a { background: url(img/news_nav_main0.gif); height: 35px; display: block; float: left; text-indent: -3000px; }
ul#nav_main li a:hover { background: url(img/news_nav_main1.gif); }
ul#nav_main li a.current { background: url(img/news_nav_main2.gif); }
ul#nav_main li a.nm_01top { width: 98px; height: 35px; background-position: 0px 0px; }
ul#nav_main li a.nm_02news { width: 115px; height: 35px; background-position: -98px 0px; }
ul#nav_main li a.nm_03sport { width: 114px; height: 35px; background-position: -213px 0px; }
ul#nav_main li a.nm_04rank { width: 116px; height: 35px; background-position: -329px 0px; }

#navsub ul.nav_sub { padding-left: 8px; padding-top: 2px; display: none; float: left; }
#navsub ul.nav_sub li { height: 16px; float: left; }
#navsub ul.nav_sub li a { display: block; float: left; padding: 0px 15px; border-right: solid 1px #bfbfbf; vertical-align: middle; }
#navsub ul.current { display: block;}
#navsub ul#ns_news { margin-left: 80px;}
#navsub ul#ns_sports { margin-left: 200px;}
#navsub ul#ns_rank { margin-left: 310px;}

#search { float: right; width: 300px; padding-top: 5px; padding-right: 5px; text-align: right; }
.search {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
padding: 0px 2px;
background: #0c2b54;
background: -webkit-gradient(linear, left top, left bottom, from(#0c2b54), to(#0c2b54));
background: -moz-linear-gradient(top, #0c2b54, #0c2b54);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c2b54', endColorstr='#0c2b54'); /* ie7 */
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c2b54', endColorstr='#0c2b54'); /* ie8 */
}
.search input { font: normal 12px/100% meiryo UI, 'ms pgothic', Arial, Helvetica, sans-serif; }
.search .searchfield { background: #fff; padding: 2px 6px 2px 8px; width: 202px; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); }
.search .searchbutton { cursor: pointer; color: #fff; border: solid 1px #494949; font-size: 12px; height: 21px; width: 50px; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; background: #5f5f5f; background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545)); background: -moz-linear-gradient(top, #9e9e9e, #454545); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}






/* Contents */
#contents #maintabbox { width: 623px; border: solid 1px #1653a0; }
/* root element for tabs  */
.main_tab { width: 623px; list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #dfdfdf; background-color: #e4f1ff; }
/* single tab */
.main_tab li { width: 206px; float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; border-left: solid 1px #dfdfdf; }
/*.main_tab li:first-child { border: none;}
/* link inside the tab. uses a background image */
.main_tab a { background-color: #e4f1ff; font-size: 12px; font-weight: bold; display:block; height: 30px; line-height:30px; text-align:center; text-decoration:none; color:#305079; padding:0px; margin:0px; position:relative; top:0px; }
.main_tab a.current { top: 1px; outline:none;}
.main_tab a:active { outline:none; }
/* when mouse enters the tab move the background image */
.main_tab a:hover { background-color: #fff; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.main_tab .current, .main_tab .current:hover, .main_tab li.current a { background-color: #fff; cursor:default !important; color:#000 !important; }
/* initially all panes are hidden */ 
.panes .pane { display:none; }
.main_panes div.panediv { padding: 20px 20px 10px;  }
.main_panes .maintabimg { font-size: 11px; line-height: 20px; width: 150px; padding: 8px; border: solid 0px #d6d6d6; float: right; margin-left: 10px; margin-top: 10px; }
.main_panes .maintabimg dl { }
.main_panes .maintabimg dt img { border: solid 1px #d6d6d6; }
.main_panes .maintabimg dd { color: #000; padding: 3px 5px; font-size: 12px; line-height: 130%; }

/* for Static pages */
#page {}
#page p { margin-bottom: 20px; font-family: meiryo UI,'ms pgothic', 'ms pゴシック'; font-size: 14px; line-height: 130%; }
#page span.t { display: block; font-family: meiryo UI, "メイリオ", sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#page .adinfo { padding: 10px; border: solid 1px #ccc; border-radius: 10px; }
#page .adinfo_pie img { border-bottom: solid 1px #ccc;}
#page .adinfo_pie img.left { border-right: solid 1px #ccc;}
#page .adinfo_box { width: 260px; float: left; padding: 10px; font-size: 12px; line-height: 150%;}
#page .adinfo_box .tit { font-size: 14px; font-weight: bold;}

#sidebar h4 { font-size: 26px; font-weight: bold; color: #aaa; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: 1px solid #aaa; margin-bottom: 10px; text-align: right; }
#sidebar ul.siteinfo { margin-bottom: 20px; }
#sidebar ul.siteinfo li { line-height: 30px; font-size: 14px; text-align: left; border: solid 1px #f4f4f4; padding-left: 10px; }
#sidebar ul.siteinfo li:hover { border: solid 1px #ccc; border-radius: 5px; background-color: #fff; }