/* 
    Document   : beegle
    Created on : 2008/02/04, 13:57:21
    Author     : s_sato
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    padding: 0;
    margin: 0;
}
a:link {
    color:blue;
    text-decoration: underline;
}
a:visited {
    color:blue;
    text-decoration: underline;
}
a:active {
    color:#960;
    text-decoration:none;
}
a:hover {
    color:#384386;
    text-decoration:underline;
}

#browse{
    
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    padding-bottom: 4px;
}

#navi{
    margin: 0;
    padding: 0;
    width: auto;
}

ul#navi:after{
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

ul#navi li{
    margin: 0 0 1px 0;
    padding: 0;
    float: left;
    width: 180px;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}

ul#navi li a:link,
ul#navi li a:visited
{
    color:#333333;
    text-decoration: none;
}
ul#navi li a:active {
    color:blue;
    text-decoration:none;
}
ul#navi li a:hover {
    color:blue;
    text-decoration: underline;
}

#category{
    font-size: 12px;
    background-color: #ecedee;
    padding-top: 6px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    text-align: center;
}

#category a:link,
#category a:visited
{
    color:blue;
    text-decoration: none;
}
#category a:active {
    color:blue;
    text-decoration:none;
}
#category a:hover {
    color:olive;
    text-decoration: none;
}

#footer{
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

#title{
    color: teal;
    font-size: 36px;
    font-family: 'Times New Roman',Times,serif;
    margin-left: 50px;
    margin-top: 40px;
}

#search{
    margin-left: 50px;
    margin-bottom: 40px;
    margin-top: 10px;
    font-size: 14px;
}

#search input,textarea{
    /*    border:1px solid #c9c9c9;*/
    font-size: 12px;
    font-weight: normal;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #c9c9c9;
    border-bottom-color: #c9c9c9;
    border-left-color: #c9c9c9;
    border-right-color: #c9c9c9;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

#search select{
    /*    border:1px solid #c9c9c9;*/
    font-size: 12px;
    font-weight: normal;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #c9c9c9;
    border-bottom-color: #c9c9c9;
    border-left-color: #c9c9c9;
    border-right-color: #c9c9c9;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

#search input.btn{
    padding:2px 5px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #ccc;
    background:#ddd;
    border-top-style: solid;
    background-color: #eeeecc;
}
#searchboxlink{
    font-size: 12px;
    color: green;
    font-family: 'Times New Roman',Times,serif;
    text-align: left;
    margin-left: 50px;
    margin-bottom: 40px;
}

#searchboxlink a:link {
    color:green;
    text-decoration: none;
}
#searchboxlink a:visited {
    color:green;
    text-decoration: none;
}
#searchboxlink a:active {
    color:#960;
    text-decoration:none;
}
#searchboxlink a:hover {
    color:#384386;
    text-decoration:underline;
}
#sep{
    background-color: silver;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    border-right-color: #333333;
}
#searchboxtext{

    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin-left: 50px;
    color: #222222;
    /*    font-family: 'Times New Roman',Times,serif;*/
    margin-top: 10px;

}

#searchboxtext a {
    font-size: 18px;
}    
#subcategory{
    background-color: #ffffff;
    margin-bottom: 5px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    padding-bottom: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #666666;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
}
#contentbox{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pagenate{
    margin-left: 50px;
    font-size: 12px;
}