/* commons
=========================================*/
.round{-moz-border-radius:5px;-webkit-border-radius:5px;}
.round_menu{-moz-border-radius:5px;-webkit-border-radius:5px;}

#menubar {
  color: #ccc;
}

#message {
  background-color:#eee;
  font-weight:bold;
  
  padding-left:10px;
  padding-right:10px;

  padding-top:3px;
  padding-bottom:3px;
}


/* book shelf
=========================================*/
.book_subject a:link, .book_subject a:visited, .book_subject a:active {
  text-decoration: none;
  background-color: transparent;
  color:#4A5ECC;
}
.book_subject a:hover {
  text-decoration: underline;
  background-color: transparent;
  color:#4A5ECC;
}

.book {
  padding-bottom:30px;
  padding-top:0px;
  padding-right:0px;
  padding-left:0px;

  width:400px;
  height:200px;
  vertical-align:top;
}

.book_left {
  padding-bottom:30px;
  padding-top:0px;
  padding-right:10px;
  padding-left:0px;

  width:50%;
  height:200px;
  vertical-align:top;
}

.book_right {
  padding-bottom:30px;
  padding-top:0px;
  padding-right:0px;
  padding-left:10px;
  width:50%;	
  height:200px;
  vertical-align:top;
}

.book_main_left {
  padding-bottom:30px;
  padding-top:0px;
  padding-right:10px;
  padding-left:0px;

  width:440px;
  height:200px;
  vertical-align:top;
  font:100%/1.2 돋움,굴림,Tahoma;
}

.book_main_right {
  padding-bottom:30px;
  padding-top:0px;
  padding-right:0px;
  padding-left:10px;

  width:440px;
  height:200px;
  vertical-align:top;
  font:100%/1.2 돋움,굴림,Tahoma;
}

.profile {
  font-size:12px;
}

.theme_icon {
  width:30px;
  height:30px;
  border-style:solid;
  border-width:1px;
  border-color:#fff;
  cursor:pointer;
}

.theme_icon_selected {
  width:30px;
  height:30px;
  border-style:solid;
  border-width:2px;
  border-color:#ccc;
  cursor:pointer;
}




/* tree in editor
=========================================*/
.tree_loop {
  padding:3px;
  font-size:12px;
}

.tree_loop a:link, .tree_loop a:visited, .tree_loop a:active {
  text-decoration: none;
  background-color: transparent;
  color:#4A5ECC;
  font-family:Verdana,굴림;
}

.tree_loop a:hover {
  text-decoration: underline;
  background-color: transparent;
  color:#4A5ECC;
  font-family:Verdana,굴림;
}



/* openid
=========================================*/
.openid {
   background: url(/apps/mybook/www/img/openid_login.gif) no-repeat; 
   background-position: 0 50%;
   padding-left: 18px;
   vertical-align:middle;
   
   width:140px; 
   height:18px; 
   
   border-left:1px solid #999999; 
   border-top:1px solid #999999; 
   border-right:1px solid #D8D8D8; 
   border-bottom:1px solid #D8D8D8; 
}



/* read
=========================================*/
#readtitle_pagename {
  font-size:1.6em;
  font-weight:bold;
}


.read_body {
  
  /*padding-top:40px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:40px;*/

  background: #fff;
  /*-moz-border-radius:10px;
  -webkit-border-radius:10px;

  border-style: solid;
  border-width:1px;
  border-color:black;*/
}


#table_order {
  font-size:11px;
}
#table_order a:link { color: #1057ae; text-decoration: none; }
#table_order a:visited { color: #1057ae; text-decoration: none; }
#table_order a:hover { color: #1057ae; text-decoration: underline;}
#table_order a:active { color: #1057ae; text-decoration: none;}


#right_menu {
  font-size:11px;
  padding-right:5px;
}
#right_menu a:link { color: #1057ae; text-decoration: none; }
#right_menu a:visited { color: #1057ae; text-decoration: none; }
#right_menu a:hover { color: #1057ae; text-decoration: underline;}
#right_menu a:active { color: #1057ae; text-decoration: none;}


#logo_space .menusep {
  color:#666666;
  padding:1px;
}

#logo_space a:link    {text-decoration: none;background-color: transparent;color:#fff;font-size:11px;font-family:Verdana,굴림;}
#logo_space a:visited {text-decoration: none;background-color: transparent;color:#fff;font-size:11px;font-family:Verdana,굴림;}
#logo_space a:hover   {text-decoration: none;background-color: transparent;color:#fff;font-size:11px;font-family:Verdana,굴림;}
#logo_space a:active  {text-decoration: none;background-color: transparent;color:#fff;font-size:11px;font-family:Verdana,굴림;}

.page_href {
  font-size:11px;
}
.page_href a:link { color: #1057ae; text-decoration: none; }
.page_href a:visited { color: #1057ae; text-decoration: none; }
.page_href a:hover { color: #1057ae; text-decoration: underline;}
.page_href a:active { color: #1057ae; text-decoration: none;}

.read_line {
  border-top-style:dotted;
  border-top-width:0px;
  border-top-color:#aaa;
  padding-top:10px;
}

.right_search {
  padding-top:5px;
}

.page_info {
  font:95%/160% 돋움,굴림,Tahoma;
  font-size:11px;
  color: #7C7C7C;
}

.page_info_title {
  font-size:11px;
  color: #ccc;
}

.taglink a:link { color: #1057ae; text-decoration: none; }
.taglink a:visited { color: #1057ae; text-decoration: none; }
.taglink a:hover { color: #1057ae; text-decoration: underline;}
.taglink a:active { color: #1057ae; text-decoration: none;}


#expandcontractdiv {border:1px dotted #dedede; background-color:#EBE4F2; margin:0 0 .5em 0; padding:0.4em;}
#expandcontractdiv {border:1px dotted #dedede; background-color:#EBE4F2; margin:0 0 .5em 0; padding:0.4em;}
#sub_tree {padding:5px; margin-top:0em; }
#sub_tree a:link { color: #1057ae; text-decoration: none; }
#sub_tree a:visited { color: #1057ae; text-decoration: none; }
#sub_tree a:hover { color: #1057ae; text-decoration: underline; background: ; }
#sub_tree a:active { color: #1057ae; text-decoration: none; background: ; }
.tree-label {font-size:12px;}

#dialog a:link { color: #1057ae; text-decoration: none; }
#dialog a:visited { color: #1057ae; text-decoration: none; }
#dialog a:hover { color: #1057ae; text-decoration: none; background: #FCFFF5; }
#dialog a:active { color: #1057ae; text-decoration: none; background: #FCFFF5; }

#scroll_dialog a:link { color: #1057ae; text-decoration: none; }
#scroll_dialog a:visited { color: #1057ae; text-decoration: none; }
#scroll_dialog a:hover { color: #1057ae; text-decoration: none; background: #FCFFF5; }
#scroll_dialog a:active { color: #1057ae; text-decoration: none; background: #FCFFF5; }



/* read comment
=========================================*/
div.comment {
  text-align : left;
  border : 1px #d3d3d3 solid;
  background : #f7f7f7;
  padding : 10px 15px;
  margin : 20px 0px 20px;
  }

div.comment_body {
  margin : 6px 0px 20px;
  line-height : 140%;
  }

div.comment_tail {
  margin : 8px 0px 5px;
  font : 8pt/150% verdana, tahoma, 돋움;
  color : #777;
  }
  
div.comment_input {
  margin-top : 20px;
  border-top : 1px #aaa dotted;
  padding-top : 20px;
  }

div.comment_line {
  border-top : 1px #aaa dotted;
  margin : 10px 0px 15px;
  }

.comment_name_link a:link { color: #1057ae; text-decoration: none; }
.comment_name_link a:visited { color: #1057ae; text-decoration: none; }
.comment_name_link a:hover { color: #1057ae; text-decoration: underline;}
.comment_name_link a:active { color: #1057ae; text-decoration: none;}


/* handle comment
=========================================*/
#comment_handle {
  padding-top:20px;
  padding-bottom:20px;
  font-size:12px;

}

.comment_handle_loop {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left:20px;
  padding-right:20px;
  color:#888;
}

.comment_handle_content {
  
  border-collapse:collapse;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left:30px;
  padding-right:20px;
  
}

#comment_handle a:link { color: #1057ae; text-decoration: none; }
#comment_handle a:visited { color: #1057ae; text-decoration: none; }
#comment_handle a:hover { color: #1057ae; text-decoration: underline;}
#comment_handle a:active { color: #1057ae; text-decoration: none;}

div.track_top {
  padding-bottom:10px;
}


/* editor screen
=========================================*/
.edit_frame {
  width:100%;
  height:100%;
}


.edit_right {
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  vertical-align:top
}


.systemworking {
  background-color:#CC0000;
  color:#FFFFFF;
  font-family:굴림;
  font-size:12px;
}

#codediv pre{
  line-height:18px;
}

.edit_url {
  padding-top:20px;
  padding-bottom:10px;
}

#expandtree {
  font-size:11px;
}

#expandtree a:link { color: #1057ae; text-decoration: none; }
#expandtree a:visited { color: #1057ae; text-decoration: none; }
#expandtree a:hover { color: #1057ae; text-decoration: underline;}
#expandtree a:active { color: #1057ae; text-decoration: none;}

#edit_left{ 
  width:270px;
}
#edit_right{ 
}

#edit_button {
  vertical-align:top;
  background-color:#AEE3AE;
}






/* History
=========================================*/
#history_loop {
  overflow:auto;
  height:180px;
}
#history_loop a:link { color: #1057ae; text-decoration: none; font-size:11px;}
#history_loop a:visited { color: #1057ae; text-decoration: none; font-size:11px;}
#history_loop a:hover { color: #1057ae; text-decoration: underline;font-size:11px;}
#history_loop a:active { color: #1057ae; text-decoration: none;font-size:11px;}

.history_link a:link { color: #1057ae; text-decoration: none; font-size:12px;}
.history_link a:visited { color: #1057ae; text-decoration: none; font-size:12px;}
.history_link a:hover { color: #1057ae; text-decoration: underline;font-size:12px;}
.history_link a:active { color: #1057ae; text-decoration: none;font-size:12px;}






/* search
=========================================*/
#search_loop
 {
  padding:20px;
}

#search_loop a:link { color: #1057ae; text-decoration: none; }
#search_loop a:visited { color: #1057ae; text-decoration: none; }
#search_loop a:hover { color: #1057ae; text-decoration: underline; }
#search_loop a:active { color: #1057ae; text-decoration: none;}




/* backup
=========================================*/
.backup_body {
  margin:0; 
  font-style:normal; 
  font-size:12px; 
  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  padding-top:20px;
  padding-bottom:20px;
  line-height:1.6;
}

.backup_subject {
  font-weight:bold;
  font-size:24px;

  padding-left:20px;
  padding-top:20px;
}

.backup_content {
  padding:30px;
}



/* adsense
=========================================*/
.adsense_top {
  padding-bottom:20px;
}

.adsense_bottom {
  padding-bottom:30px;
}



/* main
=========================================*/
.main_content {
  padding:3px;
  font-size:13px;
  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;

}

.main_content a:link { color: #000; text-decoration: none; }
.main_content a:visited { color: #000; text-decoration: none; }
.main_content a:hover { color: #1057ae; text-decoration: underline;}
.main_content a:active { color: #1057ae; text-decoration: none;}

.welcomemsg {
  padding-bottom:30px;
  font-size:12px;
  /*font-family: 돋움; */
  font-weight:bold;
  line-height:20px;
}


.main_block {
  /*-moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:solid 1px #ccc;
  padding:20px;
  background-color:#fff;*/
}



/* more
=========================================*/
#more_recent {
  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:13px;
  padding-bottom:50px;
  
}

#more_recent a:link { color: #1057ae; text-decoration: none; }
#more_recent a:visited { color: #1057ae; text-decoration: none; }
#more_recent a:hover { color: #1057ae; text-decoration: underline;}
#more_recent a:active { color: #1057ae; text-decoration: none;}

.more_recent_title {
  font-weight:bold;
  
  border-top-style:solid;
  border-top-color:#000;
  border-top-width:1px;
  
  border-bottom-style:solid;
  border-bottom-color:#000;
  border-bottom-width:1px;
  padding:5px;

  background-color:#eee;
}

.more_recent_content {
  
  border-bottom-style:solid;
  border-bottom-color:#eee;
  border-bottom-width:1px;
  padding:5px;

}

.recommand_block {
  font-size:9px;
  color:red;
}



/* diff
=========================================*/
.diff_plus {
  background: #bfb;
}

.diff_minus {
  background: #fcc;
}

.diff_normal_symbol {
  padding-right:5px;
}


#footnote {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;

  background: #eee;

  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:11px;
}

.footnote_cab {
  vertical-align:super;
  font-size:11px;
}

.footnote a:link { color: #1057ae; text-decoration: none; }
.footnote a:visited { color: #1057ae; text-decoration: none; }
.footnote a:hover { color: #1057ae; text-decoration: underline;}
.footnote a:active { color: #1057ae; text-decoration: none;}


#bddiv {
  color:#000;
}

.diff_ins {background: #bfb} 
.diff_del{background: #fcc} 
.diff_ins,.diff_del {text-decoration: none} 



/* dialog 
=========================================*/
#dialog .hd {
  background-color: #666666;
  border-color:#fff;
  color: #fff;
  font-weight:bold;

  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:12px;
}

#dialog .bd {
  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:12px;
}

#scroll_dialog .hd {
  background-color: #666666;
  border-color:#fff;
  color: #fff;
  font-weight:bold;

  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:12px;
}

#scroll_dialog .bd {
  font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
  font-size:12px;
}