﻿@charset "UTF-8";


body {
    background-image:url(background-blacks.png);
    background-repeat:repeat-y;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    line-height:11pt;
    margin:0px;
    padding:0px;
    background-color:#fff;
    color:#000;
}

div,h1,h2,h3,h4,p{border:none;margin:0pt;padding:0pt;}

#migi {float:right;}
#migi2 {float:right;margin:5 0 5 5;}
#hidari{float:left;}
#hidari2 {float:left;margin:5 10 5 0;}

.r{font:9pt;color:#ff0000;line-height:12px;}
.b{font:9pt;color:#0000ff;line-height:12px;}
.g{font:9pt;color:#999999;line-height:12px;}
.rb{color:#f00000;font-weight:bold;}
.bb{color:#0000a0;font-weight:bold;}


#head{
    background-color:#000;
    padding:0;
    margin:0;
    height:39px;
    width:1004;

}

#title{
    position:absolute;
    left:0;
    top:0;
}

#subtitle{
    position:absolute;
    left:264;
    top:4;
}

#tabs{
    position:absolute;
    left:450;
    top:3;
    margin-top:0;
    text-align:right;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#aaf;
    font-weight:bold;
}
#tabs ul{
    list-style:none;
    margin:1 0 0 0;
    padding:0;
}
#tabs ul li{
    display:inline;
    margin:0;
    text-transform:capitalize;

}
#tabs ul li a{
    padding:2px 12px;
    color:#FFF;
    background:#000;
    float:left;
    text-decoration:none;
    border:1px solid #888888;
    border-left:0;
    border-bottom:0;
    margin:0;
    text-transform:capitalize;
}
#tabs ul li a:hover{
    background:#cccccc;
    color:#7F9298;
    text-decoration:none;
}
#tabs ul li a.active{
    background:#ffffff;
    color:#7F9298;
}

#tabs ul li a.solidleft{
   border-left:1px solid #888888;
}

#tabs ul li a.solidlefta{
    border-left:1px solid #888888;
    background:#ffffff;
    color:#7F9298;
}

#tabs span{
    margin-right:20px;
}


#joint{
    margin:0;
}



#bottom{
    position:relative;
}

#bottom h2{
    line-height:27px;
}


#subindexes{
    margin:0;
    padding:0;
    width:190px;
    font-size:12px;
    color:#FFF;
    position:absolute;
    left:0;
    top:0;
}

#subindexes ul{
    list-style:none;
    margin:20px 0 0 0;
    padding:0;
    text-align:right;
    width:180;
}

#subindexes ul li{
    margin-top:0px;
    margin-left:10;
    width:180;
    height:16;
    text-align:left;
}

#subindexes ul li a{
    padding:0px 14px;
    background:#000;
    text-decoration:none;
    border:1px solid #888888;
    border-right:0;
    border-bottom:0;
    margin-bottom:0;
    margin-left:0;
    width:180;
    color:#FFF;
}

#subindexes ul li a:hover{
    background:#cccccc;
    color:#7F9298;
    text-decoration:none;
}

#subindexes ul li a.active{
    background:#ffffff;
    color:#7F9298;
}

#subindexes ul li a.red{
    background:red;
    color:#000;
}

#subindexes ul li a.solidbottom{
   border-bottom:1px solid #888888;
}

#subindexes ul li a.solidbottoma{
    border-bottom:1px solid #888888;
    background:#ffffff;
    color:#7F9298;
}



#whatsnew{
    position:absolute;
    left:220;
    top:10;
    background-color:#000;
    width:420px;
    margin:0;
    padding:0;
}

#whatsnew ol {
    margin:0 0 5 20;
    list-style:none;
    font-weight:bold;
    font-size:12pt;
    color:#aaf;
}

#whatsnew li{
    margin-bottom:10;
    line-height:14px;
}


#whatsnewcontents{
    background-color:#fff;

    padding:15 20 10 0;
    margin-left:10;
    margin-right:10;
}

#profile{
    position:absolute;
    left:660;
    width:320;
    top:10;
    background-color:#000;
    margin:0;
    padding:0;
}

#profile ol {
    margin:0 0 5 20;
    list-style:none;
    font-weight:bold;
    font-size:12pt;
    color:#5d8;
    
}

#profile li{
    margin-bottom:12;
}


#profilecontents{
    background-color:#fff;
    padding:15 10 15 10;
    margin-left:10;
    margin-right:10;
}

#profile form{
    text-align:right;
    font-size:8pt;
    margin:0 10 0 0;
}

#opi {
    position:absolute;
    left:220;
    top:10;
    width:740px;
    margin-left:10;
    padding:0;
}

#opiform{
    background-color:#000;
    width:740px;  
    margin:-5 0 -5 0;
    padding-left:20;
}

#opiform td{
   color:#fff;
   font-size:10pt;
   padding:3 3 3 3;
}

#opicontents{
   margin:0 20 0 40;
}

#links{
    position:absolute;
    left:220;
    top:10;
    width:760px;
    margin:0;
    padding:0;
}

#links ol {
    margin:0 0 10 20;
    list-style:none;
    font-weight:bold;
    font-size:12pt;
    color:#aaf;
}

#linkscontents{
    background-color:#fff;
    padding:0;
    margin-left:10;
    margin-right:10;
}


#links td{
    font-size:9pt;
    border:3px solid #000;
    padding:15;
}

#search{
    position:relative;
    left:210;
    top:20;
    width:760;
    background:#fff;
}

#text{
    position:relative;
    left:620;
    top:65;
    width:350;
    background:#fff;
}

#text td{
font-size:9pt;
}

#heading{
    position:absolute;
    left:-410;
    top:-45;
}

#heading h2{
    line-height:26px;
}

#eateryname{
    position:absolute;
    left:210;
    top:20;
    width:750;
}

#bottombar {
   padding:2px 18px;
   text-align:right;
   background:#aaf;
   margin-bottom:100;
}
