/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.  Code licensed
under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.1 */ /* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
	padding: 2px;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
/*p,fieldset,table,pre {*/
	/*so things don't run into each other*/
/*	margin-bottom:1em;
}*/
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* Original */
a { text-decoration: none;
    }

a:hover { text-decoration: underline;
          color: #FF6600;
          }

blockquote { text-indent: 25px;
             background: url('/img/quotes1.png');
             background-position: 0 2px;
             background-repeat: no-repeat;
             font-size: 12px;
             color: #333333;
             }
             
blockquote p { display: inline;
               margin: 0;
               padding-right: 24px;
               background: url('/img/quotes2.png');
               background-position: bottom right;
               background-repeat: no-repeat;
               }

html,body { background-color: #F3F3F3;
            background-image: url('/img/space.gif');
            height: 100%;
            }

div#hd { background: transparent url('/img/webpac_logo.gif') no-repeat scroll center left;
         background-color: #0066B3;
         height: 50px;
         color: #EEEEEE;
         border-bottom: 1px solid #2c77ae;
         }

div#hd h1 { padding: 29px 0px 0px 0px;
            margin: 0px 0px 0px 141px;
            font-size: 10px;
            }

div#hd h1 span { display: none;
                 }

div#mb { background-color: #00487D;
         line-height: 18px;
         font-size: 13px;
         height: 18px;
         vertical-align: middle;
         overflow: hidden;
         }

div#mb ul { list-style-type: none;
            padding: 0px;
            }

div#mb ul#left-menubar { margin: 0px 0px 0px -1px;
                         }

div#mb ul#right-menubar { margin: 0px -1px 0px 0px;
                          }

div#mb li { white-space:nowrap;
            display:block;
            float:left;
            }

div#mb ul#left-menubar li { border-left: 1px solid #CCCCCC;
                            }

div#mb ul#right-menubar li { border-right: 1px solid #CCCCCC;
                             }

div#mb li a { text-decoration:none;
              color: #EEEEEE;
              padding: 0px 5px 0px 5px;
              }

div#mb li a:hover { background-color: #3d739c;
                    text-decoration: none;
                    }

.help-text { background: transparent url('/img/question-mark_16x16.gif') no-repeat scroll center left;
             padding-left: 18px;
             font-size: 16px;
             font-weight: bold;
             }

div#bd div#yui-main div.yui-b { padding: 0px;
                                }

div#bd div.yui-b { }

div#ft { text-align: center;
         font-size: 10px;
         color: #333333;
         margin-top: 10px;
         padding-bottom: 50px;
         }

div#ft a { color: #333333;
           text-decoration:none;
           }

div#bd h2 { background-color: #BFE4FF;
            border-top: 1px solid #80C9FF;
            border-bottom: 1px solid #80C9FF;
            margin: 0px;
            padding: 0px 0px 0px 10px;
            color: #00487D;
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            vertical-align: middle;
            }

div#bd h2 a { text-decoration: none;
              color: #00487D;
              }

div#bd h2 a:hover { text-decoration: underline;
                    color: #FF3300;
                    }

div#bd h2 a.feed { float: right;
                   margin-right: 5px;
                   }

div#bd div#window { margin: 5px 0px 5px 0px;
                    }

div#bd div#contents { margin: 0px;
                      padding: 5px 10px 10px 10px;
                      background-color: #FFFFFF;
                      border-bottom: 1px solid #CCCCCC;
                      }

div#bd div#contents td { border-width: 0px;
                         }

div#bd div#contents .attention { color: #FF0000;
                                 }

div#bd div#contents .point { font-size: 16px;
                             margin: 3px;
                             font-weight: bold;
                             }

div#bd div#contents .attention { color: #FF0000;
                                 }

div#bd div#contents .notice { font-size: 11px;
                              color: #CC0000;
                              }

div#bd div#contents div.description { margin-left: 25px;
                                      }

div#bd div#tinymenu { margin: 2px;
                      padding: 2px;
                      }
div#bd div#tinymenu div.tinymenu-help { float: right;
                                        }

div#bd div#tinymenu a { text-decoration: none;
                        }

div#bd div#tinymenu a:hover { text-decoration: underline;
                              }

/* */
div#bd div.yui-b div#bookmark { margin: 5px 0px 0px 0px;
                                padding: 0px;
                                }

div#bd div.yui-b div#login { margin: 5px 0px 5px 0px;
                             padding: 0px;
                             }

div#bd div.yui-b div#login ul { margin: 0px;
                                padding: 0px;
                                }

div#bd div.yui-b div#login li { list-style-type: none;
                                padding: 0px 0px 4px 0px;
                                }

div#bd div.yui-b div#login .point { font-size: 10px;
                                    font-weight: normal;
                                    margin-top: 10px;
                                    color: #AA0000;
                                    margin-bottom: 0px;
                                    }

div#bd div.yui-b div#announce { margin: 5px 0px 5px 0px;
                                padding: 0px;
                                }

div#bd div.yui-b div#announce ul { margin: 0px;
                                   padding: 0px;
                                   }


div#bd div.yui-b div#announce li { list-style-type: none;
                                   }

div#bd div.yui-b div#category { margin: 5px 0px 5px 0px;
                                padding: 0px;
                                }

div#bd div.yui-b div#tags { margin: 5px 0px 5px 0px;
                            padding: 0px;
                            }

div#bd div.yui-b div#questcom { margin: 5px 0px 5px 0px;
                                padding: 0px;
                                }

div#bd div.yui-b div#questcom img { margin-bottom: 3px;
                                    }

div#bd div.yui-b div#questcom a { text-decoration: none;
                                  color: #0000CC;
                                  }

div#bd div.yui-b div#questcom a:hover { text-decoration: underline;
                                        }

div#bd div.yui-b div#questcom div#contents { font-size: 12px;
                                             }


div#bd div.yui-b div#help { margin: 5px 0px 5px 0px;
                            padding: 0px;
                            }

ul.std-list { margin: 3px 0px 0px 20px;
              padding: 0;
              }

ul.std-list li { list-style: none url("/img/arrow_11x11.png") outside;
                 padding-bottom: 2px;
                 font-size: 12px;
                 }

div#bd div.yui-b ul.side-navi { margin: 0px 0px 0px 8px;
                                padding: 0px;
                                }

div#bd div.yui-b ul.side-navi li { list-style: none url("/img/arrow_11x11.png") outside;
                                   border-bottom: 1px dotted #AAAAAA;
                                   padding-bottom: 2px;
                                   font-size: 12px;
                                   }

ul.tagCloud li a:hover { color: #000;
                         }

div#bd div#yui-main div#help img.margin { margin: 10px;
                                          }

div#bd div#yui-main div#help li { padding-bottom: 3px;
                                  }

div#bd div#yui-main div#help h2 { font-size: 20px;
                                  padding: 3px 3px 3px 10px;
                                  }

div#bd div#yui-main div#help h3 { border-left: 3px solid #0066B3;
                                  border-bottom: 1px dotted #0066B3;
                                  margin: 20px 5px 5px 5px;
                                  padding: 2px 2px 2px 5px;
                                  font-size: 16px;
                                  }

div#bd div#yui-main div#help h4 { margin: 5px 16px 5px 16px;
                                  border-bottom: 1px dotted #0066B3;
                                  padding: 3px;
                                  }

div#bd div#yui-main div#help .point { color: #AA0000;
                                      }

div#bd div#yui-main div#help dl { margin: 5px 5px 5px 20px;
                                  }

div#bd div#yui-main div#help dt { color: #00487D;
                                  font-weight: bold;
                                  }

div#bd div#yui-main div#help dd { color: #000000;
                                  font-size: 12px;
                                  margin-top: 7px;
                                  margin-bottom: 7px;
                                  }

div#bd div#yui-main div#help table.support-blog { border: 1px solid #000000;
                                                  text-align: center;
                                                  }

div#bd div#yui-main div#help table.support-blog th { border: 1px solid #000000;
                                                     background-color: #80C9FF;
                                                     }

div#bd div#yui-main div#help table.support-blog td { border: 1px solid #000000;
                                                     }

div#bd div#yui-main div#help ol li p.title { font-size: 16px;
                                             font-weight: bold;
                                             margin: 20px 5px 5px 5px;
                                             border-bottom: 1px dotted #0066B3;
                                             }

div#bd div#yui-main div#help .inquiry { text-align: center;
                                        width: 500px;
                                        border: 1px dotted #0066B3;
                                        padding: 10px;
                                        margin-top: 40px;
                                        }

div#bd div#yui-main div#help div#inquiry input.text,textarea.text { width: 400px;
                                                                    font-size: 12px;
                                                                    }

div#bd div#yui-main div#help #inquiry input.big,input.big { height: 30px;
                                                            font-size: 16px;
                                                            font-weight: bold;
                                                            }

div#bd div#yui-main div#help #inquiry td { text-align: left;
                                           }

div#bd div#yui-main div#help #inquiry td.title { width: 100px;
                                                 font-weight: bold;
                                                 background-color: #BFE4FF;
                                                 text-align: right;
                                                 }

div#bd div#yui-main div#help #inquiry td.contents { width: 400px;
                                                    }

div#bd div#yui-main div#help fieldset  { margin-top: 5px;
                                         padding: 3px 7px 0 7px;
                                         border: 1px solid #999999;
                                         }

div#bd div#yui-main div#help  legend { font-weight: bold;
                                       }

div#bd div#yui-main div#welcome { margin: 5px 0px 5px 0px;
                                  padding: 10px;
                                  background-color: #FFFFFF;
                                  }

div#bd div#yui-main div#welcome h2 { border-width: 0;
                                     font-size: 18px;
                                     line-height: 32px;
                                     background: transparent url('/img/package_icon.png') no-repeat center left;
                                     height: 32px;
                                     padding-left: 34px;
                                     border-bottom: 1px dotted #0066B3;
                                     }

div#bd div#yui-main div#welcome dl { margin: 10px 10px 0px 10px;
                                     }

div#bd div#yui-main div#welcome dt { font-size: 18px;
                                     color: #00487D;
                                     font-weight: bold;
                                     }

div#bd div#yui-main div#welcome dd { padding: 3px 3px 6px 3px;
                                     }

div#bd div#yui-main div.yui-b div#popular_package { margin: 5px 0px 5px 0px;
                                                    padding: 0px;
                                                    }

div#bd div#yui-main div.yui-b div#dl_package { margin: 5px 0px 5px 0px;
                                               padding: 0px;
                                               }

div#bd div#yui-main div.yui-b div#new_package { margin: 5px 0px 5px 0px;
                                                padding: 0px;
                                                }

/* */
.bold {	font-weight:bold;
        }

div#message-area { background: #FFF9CC url('/img/alert.gif') no-repeat 8px center;
                   padding: 5px 5px 5px 32px;
                   margin-top: 3px;
                   border: 1px solid #DEE602;
                   font-size: 18px;
                   font-weight: bold;
                   }

div#message-area img { cursor: pointer;
                       float: right;
                       }

div.error-message { background-color: #FFF9CC;
                    border: 1px solid #DEE602;
                    color: red;
                    padding: 2px;
                    }

div.error-message img { cursor: pointer;
                        float: right;
                        }

.rating-message { color: red;
                  font-size: 10px;
                  }

div#flashMessage { color: red;
                   }

ul#packagelist { margin: 0px;
                 margin: 0px;
                 }

ul#packagelist li.package { list-style: none url("/img/feedpack.gif") inside;
                            padding: 0px;
                            margin: 2px 0px 2px 0px;
                            }

ul#feedlist { padding: 0px;
              margin: 0px;
              }

ul#feedlist li.feed { list-style: none url("/img/feed-icon-14x14.png") inside;
                      padding: 0px;
                      margin: 2px 0px 2px 0px;
                      }

ul#userlist li.user { list-style-type: none;
                      list-style-image: url("/img/user.gif");
                      padding-top: 5px;
                      padding-bottom: 5px;
                      }

.rating{ width:80px;
         height:16px;
         margin:0;
         padding:0;
         list-style:none;
         clear:both;
         position:relative;
         background: url("/img/rating.gif") no-repeat 0 0;
         }

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li { cursor: pointer;
               /*ie5 mac doesn't like it if the list is floated\*/
               float:left;
               /* end hide*/
               text-indent:-999em;
               list-style-type: none;
               }

ul.rating li a { position:absolute;
                 left:0;
                 top:0;
                 width:16px;
                 height:16px;
                 text-decoration:none;
                 z-index: 200;
                 }

ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover { z-index:2;
                       width:80px;
                       height:16px;
                       overflow:hidden;
                       left:0; 
                       background: url("/img/rating.gif") no-repeat 0 0;
                       }

ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

.rating-users { color: #00487D;
                background-color: #BFE4FF;
                font-weight: bold;
                padding: 0px 2px 0px 2px;
                font-size: 11px;
                }

.rating-users a { color: #00487D;
                  }

dl#package-info { padding-bottom: 4px;
                  margin: 0px 0px 3px 0px;
                  border-bottom: 1px dotted #AAAAAA;
                  }

dl#package-info img { margin-right: 2px;
                      }

dl#package-info dt .package-title { font-size: 15px;
                                    font-weight: bold;
                                    }

dl#package-info dt .feed-count { font-size: 11px;
                                 color: #666666;
                                 }

dl#package-info dt .package-mobile { font-size: 12px;
                                     }

dl#package-info dt .package-mod { font-size: 12px;
                                  }

dl#package-info dt .package-del { font-size: 12px;
                                  }

dl#package-info dt .package-del a:hover { color: #FF0000;
                                          }

dl#package-info dt .package-blogparts { font-size: 12px;
                                        }

div#package-feed { margin: 3px 0px 3px 16px;
                   }

dl#package-info ul.package-func { margin: 0;
                                  padding: 0;
                                  }

dl#package-info ul.package-func li { margin: 0;
                                     padding: 0px 7px 0px 0px;
                                     display: inline;
                                     font-size: 100%;
                                     }

.package-description { font-size: 12px;
                       color: #666666;
                       }

.package-user { font-size: 12px;
                color: #000000;
                }

.package-category { font-size: 12px;
                    color: #000000;
                    }

.package-news a { font-size: 12px;
                  color: #000000;
                  }

.package-tag { font-size: 12px;
               }

.package-tag a { color: #555555;
                 }

.package-rating { font-size: 12px;
                  }

.package-rating a { color: #000000;
                    }

.package-point { font-size: 12px;
                 color: #CC0000;
                 }

div#bd div.yui-b ul#category { margin: 0px;
                               padding: 0px;
                               } 

div#bd div.yui-b ul#category li { list-style: none url('/img/folder.gif') inside;
                                  }

div#bd div.yui-b ul#category li.type1 { list-style: none url('/img/user-red.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type2 { list-style: none url('/img/building.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type3 { list-style: none url('/img/network.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type4 { list-style: none url('/img/web_12x12.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type5 { list-style: none url('/img/pc.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type6 { list-style: none url('/img/cellphone.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type7 { list-style: none url('/img/music.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type8 { list-style: none url('/img/movie.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type9 { list-style: none url('/img/warai.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type10 { list-style: none url('/img/anime.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type11 { list-style: none url('/img/ribbon.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type12 { list-style: none url('/img/sports.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type13 { list-style: none url('/img/restaurant.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type14 { list-style: none url('/img/game.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type15 { list-style: none url('/img/money.png') inside;
                                        }

div#bd div.yui-b ul#category li.type16 { list-style: none url('/img/artwork.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type17 { list-style: none url('/img/home.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type18 { list-style: none url('/img/favorite.gif') inside;
                                        }

div#bd div.yui-b ul#category li.type19 { list-style: none url('/img/boutique.gif') inside;
                                        }

/* pages */
/* +packages */
/* ++packages-input */
div#packages { }

div#packages table { width: 650px;
                     }

div#packages tr { }

div#packages td { text-align: left;
                  }

div#packages td.title { width: 150px;
                        font-weight: bold;
                        background-color: #BFE4FF;
                        }

div#packages td.contents { width: 500px;
                           }

div#packages td.title .memo { font-size: 11px;
                              color: #993333;
                              }

div#packages td.contents .memo { font-size: 12px;
                                 color: #993333;
                                 }

div#packages .example { font-size: 11px;
                        color: #666666;
                        }

div#packages input.text { width: 480px;
                          font-size: 12px;
                          }

div#packages input.big,input.big { height: 30px;
                                   font-size: 16px;
                                   font-weight: bold;
                                   }

div#packages textarea { overflow: auto;
                        }

div#packages select { font-size: 12px;
                      }


div#packages div#feeds { border: 1px solid black;
                         padding: 5px;
                         }

div#packages fieldset { padding: 5px;
                        border: 1px solid #999999;
                        width: 650px;
                        text-align: left;
                        }

div#packages fieldset.logo { width: 350px;
                             }

div#packages fieldset input { margin: 0px 1px 0px 10px;
                              }

div#packages fieldset.preview { margin-top: 15px;
                                padding: 10px;
                                border: 1px solid #999999;
                                width: 350px;
                                text-align: center;
                                }

div#packages table.skin_area { width: 650px;
                               }

div#packages table.skin_area td.title { width: 150px;
                                        font-weight: bold;
                                        background-color: #BFE4FF;
                                        }

div#packages table.skin_area td.contents { width: 170px;
                                           }

li.feed-mod { cursor: move;
              }

input.colorcode { width: 6.0em;
                  }

.colorbox { width: 1.5em;
            height: 1.5em;
            border: 1px outset #666;
            }

/* ++packages-info */
div#packages-info div#title { font-weight: bold;
                              font-size: 18px;
                              }

div#packages-info div#description { font-size: 12px;
                                    padding: 5px;
                                    background-color: #F9F9F9;
                                    width: 250px;
                                    }

div#packages-info table { width: 670px;
                          }

div#packages-info td { text-align: left;
                       padding: 3px 0px 3px 0px;
                       }

div#packages-info td.title { font-weight: bold;
                             width: 125px;
                             }

div#packages-info fieldset { margin-top: 15px;
                             padding: 5px;
                             border: 1px solid #999999;
                             width: 500px;
                             }

div#packages-info fieldset legend { font-weight: bold;
                                    }


/* ++feeds-info */
div#feeds-info #package-title { font-size: 20px;
                                }

div#feeds-info div#news { width: 650px;
                          }

div#feeds-info div#news h3 { font-size:14px;
                             font-weight:bold;
                             }

div#feeds-info div#news h4 { padding: 0px 0px 2px 0px;
                             font-size: 16px;
                             }

div#feeds-info div#news h4 a { text-decoration: none;
                               }

div#feeds-info div#news h4 a:hover { text-decoration: underline;
                                     }

div#feeds-info div#news div#date { font-size: 11px;
                                   color: #009900;
                                   float: right;
                                   }

div#feeds-info div#news p#description { padding: 5px 5px 10px 5px;
                                          background-color: #F3F3F3;
                                          margin-bottom: 5px;
                                          }

/* ++ratings-user */
div#ratings-user table { width: 350px;
                         }

div#ratings-user td { border-top-width: 0px;
                      border-left-width: 0px;
                      border-right-width: 0px;
                      border-bottom: 1px dotted #AAAAAA;
                      }

div#ratings-user .user { background: url("/img/user.gif") center left no-repeat #FFFFFF;
                         padding-left: 18px;
                         width: 120px;
                         }

div#ratings-user .user-rating { width: 90px;
                                }

div#ratings-user .date { background: url("/img/time.gif") center left no-repeat #FFFFFF;
                         padding-left: 18px;
                         }

/* ++users-info */
div#users-info table { width: 350px;
                       }

div#users-info table .title { font-weight: bold;
                              width: 90px;
                              }

div#users-info table .contents { }

/* ++logins-info */
div#logins-info a { color: #000000;
                    }

div#logins-info li { }

div#logins-info li a { color: #0000FF;
                       }

ul.package-func-link { margin: 0;
                       padding: 0.5em 10px;
                       line-height: 1;
                       font-size: 16px;
                       }

ul.package-func-link li { margin-right: 16px;
                          padding: 3px;
                          display: inline;
                          }

ul.arrow-navi { margin: 0;
                padding: 0.5em 10px;
                line-height: 1;
                font-size: 13px;
                }

ul.arrow-navi li { margin: 0;
                   padding: 0px 11px 0px 0px;
                   display: inline;
                   font-size: 100%;
                   background: transparent url('/img/arrow_b_9x9.gif') no-repeat center right;
                   }

ul.arrow-navi li.no-image { background-image: none;
                            }


/* Tag Cloud */
ul.tagCloud { margin: 0;
              padding: 0.5em 10px;
              line-height: 1;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 13px;
              }

ul.tagCloud li { margin: 0;
                 padding: 0;
                 display: inline;
                 font-size: 100%;
                 }
                 

ul.tagCloud li a { text-decoration: none;
                   }

ul.tagCloud li.level6 a { font-size: 167%;
                          font-weight: bold;
                          color: #3e5b71;
                          }

ul.tagCloud li.level5 a { font-size: 136%;
                          font-weight: bold;
                          color: #668eac;
                          }

ul.tagCloud li.level4 a { font-size: 122%;
                          font-weight: bold;
                          color: #668eac;
                          }

ul.tagCloud li.level3 a { font-size: 114%;
                          color: #87a6be;
                          }

ul.tagCloud li.level2 a { font-size: 92%;
                          color: #a7becf;
                          }

ul.tagCloud li.level1 a { font-size: 77%;
                          color: #c7d5e0;
                          }

ul.tagCloud li a:hover { text-decoration: underline;
                         color: #FF6600;
                         }

div#packages-blogparts textarea { width: 500px;
                                  disable;
                                  font-size: 11px;
                                  }

div#packages-blogparts fieldset#blogparts-preview  { /*margin: 5px 5px 5px 250px;*/
                                                     padding: 10px;
                                                     width: 300px;
                                                     border: 1px solid #999999;
                                                     }

div#packages-blogparts fieldset#blogparts-preview  legend { font-weight: bold;
                                                            }

div#packages-blogparts fieldset#blogparts-preview-horizon  { padding: 10px;
                                                             border: 1px solid #999999;
                                                             float: right;
                                                             }

div#packages-blogparts fieldset#blogparts-preview-horizon  legend { font-weight: bold;
                                                                    }

div#packages-blogparts table { }

div#packages-blogparts tr { }

div#packages-blogparts td { text-align: left;
                            }

div#packages-blogparts td.title { width: 150px;
                                  font-weight: bold;
                                  background-color: #BFE4FF;
                                  }

div#packages-blogparts td.contents { width: 500px;
                                     }

div#packages-blogparts td.title .memo { font-size: 11px;
                                        color: #993333;
                                        }

div#packages-blogparts td.contents .memo { font-size: 12px;
                                           color: #993333;
                                           }

div#bd div#yui-main div#announce h3 { border-left: 3px solid #0066B3;
                                      border-bottom: 1px dotted #0066B3;
                                      margin: 5px 5px 5px 5px;
                                      padding: 2px 2px 2px 5px;
                                      font-size: 16px;
                                      }

div#bd div#yui-main div#announce h3 .date { color: #0066B3;
                                            }

div#bd div#yui-main div#announce p { margin: 5px 0 20px 20px;
                                     }

.flash-message { width: 400px;
                 background-color: #BFE4FF;
                 border: 1px solid #80C9FF;
                 text-align: center;
                 font-size: 14px;
                 color: #00487D;
                 margin-top: 100px;
                 padding: 30px;
                 }

.flash-message a { color: #00487D;
                   text-decoration: none;
                   }

.flash-message a:hover { text-decoration: underline;
                         }