/******************
* Popup window Styling
******************/

body {
    background-color:#221212;
}


a {
    font-family:"Helvetica", "Arial", sans-serif;
    font-weight:bold;
    text-decoration:none;
    color:#0084b6;
}

a:hover {
    text-decoration:underline;
}

h1  {
    font:200 24px/28px "Narrow Arial", "Trebuchet MS", "Arial", sans-serif;
    color:#fff;
    text-transform:uppercase;
    text-shadow:rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only */
}

h1 a {
    color:#02a0dc;
    font:200 24px/28px "Narrow Arial", "Trebuchet MS", "Arial", sans-serif;
}

h2 {
    font:200 18px/22px "Narrow Arial", "Trebuchet MS", "Arial", sans-serif;
    color:#111;
    text-shadow:rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only */
}
h3 {
    font:bold 14px/16px "Helvetica", "Arial", sans-serif;
    color:#333;
    margin-bottom:0;
    margin-top:15px;
    text-shadow:rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only */
}



/******************
* Left Content Box
******************/

.content {
    width:429px; 
    float:left;
    color:#000;
    padding:0;
}
.content .top {
    width:429px;
    height:7px;
    margin:0;
    padding:0;
    background-image:url('../../_img/content_frame/left/top.gif');
}
.content .middle {
    min-height:150px;
    margin:0;
    background:#e4dfde url('../../_img/content_frame/left/bg.gif') repeat-x top;
    padding:1px 10px 1px 10px;
}
.content .middle h2 {
    color:#111;
    margin-top:0;
}
.content .bottom {
    width:429px;
    height:7px;
    margin:0;
    padding:0;
    background-image:url('../../_img/content_frame/left/bottom.gif');
}



/******************
* Button
******************/


.btn {
    white-space:nowrap;
    width:100px;
    padding:0;
}
.btn input, .btn a {
    display:block;
    margin:0;
    border:0;
    height:35px;
    width:100px;
    font:bold 14px/26px "Narrow Arial", "Trebuchet MS", "Arial", sans-serif;
    color:#fff;
    padding:2px 0 8px 0;
    text-align:center;
    background:url('../../_img/btn/btn_100.png') 0 3px no-repeat;
    text-shadow:rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only */
}
.btn input:hover, .btn a:hover { 
    background-position:0 -57px;
    text-decoration:none;
}



/******************
* Info Table
******************/


.info_table {
    padding:10px;border:1px solid #000;width:410px;
}

.info_table th 
{
    font-weight:bold;
    text-decoration:underline;
    margin: 2px 6px 2px 6px;
    text-align:right;
}

.info_table td 
{
    vertical-align:top;
    text-align:left;
    background-color:#fff;
}