body
{
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    color: #333;
    background-color: #fff;
    background:#EEE url(../images/back.gif) repeat top center;

    /*background-color: #fff;*/
    /*margin: 40px;*/
    /*font-family: Lucida Grande, Verdana, Sans-serif;
    font-size: 14px;*/
    /*color: #4F5155;*/
}

/*a
{
    color: #003399;
    background-color: transparent;
    font-weight: normal;
}*/

/*h1
{
    color: #444;
    background-color: transparent;
    border-bottom: 1px solid #D0D0D0;
    font-size: 16px;
    font-weight: bold;
    margin: 24px 0 2px 0;
    padding: 5px 0 6px 0;
}*/

code
{
    font-family: Monaco, Verdana, Sans-serif;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #D0D0D0;
    color: #002166;
    display: block;
    margin: 14px 0 14px 0;
    padding: 12px 10px 12px 10px;
}

/* --------------------------------------------------
 * head
 * --------------------------------------------------*/
h1
{
    margin: 0 0 0.1em 0;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px solid #3366FF;
    padding-bottom: 4px;
    margin-bottom: 13px;
    color: #3366FF;
}

h2
{
    margin: 0 0 0.1em 0;
    padding-bottom: 2px;
    font-size: 105%;
    font-weight: bold;
    line-height: 1.3;
    color: #333;
}

/* ------------------------------------------------
 * anchor
 * ------------------------------------------------*/
a
{
    color: blue;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    padding: 0 1px;
}
a:hover
{
    color: blue;
    border-bottom: 1px solid #999;
    background: #eee;
}
a.flat
{
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #333;
    font-weight: normal;
}
a.flat:hover
{
    text-decoration: underline;
    color: #454545;
}    
a.plain, .plain a, a.plain:hover, .plain a:hover
{
    border: 0;
    padding: 0;
    background-color: transparent;
}

/* ------------------------------------------------
 * text modules
 * ------------------------------------------------*/
p
{
    margin: 0.5em 0 1.2em 0;
    padding: 0;
    line-height: 1.5;
}

img
{
    vertical-align: middle;
    border: none;
}

/* ------------------------------------------------
 * form modules
 * ------------------------------------------------*/
dt label {
    font-weight: bold;
}

p.form_box {
    margin: 0;
    padding: 0;
}

input, textarea, select {
    margin: 1px 0 1px 0;
    padding: 0;
    font-size: 12px;
    color: #333;
    background-color: #fff;
}

p.form_note {
    clear: both;
    font-size: xx-small;
    margin: 0;
    padding: 0 0 1px 0; 
}

input.button {
    text-align: center!important;
    color: #333;
    font-weight: bold;
    background-color: #eee;
    line-height: 12px;
    margin: 2px 0;
    padding: 2px 4px 0 4px;
    margin-top: 10px;
}

/* ------------------------------------------------
 * list modules
 * ------------------------------------------------*/
dl
{
    font-size: 100%; 
}

dl dt
{
    font-size: 105%;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1.3;
    padding: 3px 0 0 0;
    margin-bottom: 3px;
}

dl dd
{
    font-size: 100%;
    vertical-align: middle;
    margin-bottom: 1em;
    line-height: 1.5;
}

ul, ol
{
    list-style: none;
    padding: 0 0 0.7em 0;
}

ul li, ol li {
    padding: 0.2em 0 0.2em 0; 
    font-size: 14px; 
    line-height: 1.5; 
    vertical-align: middle; 
    list-style: none; 
}

/* ------------------------------------------------
 * structure
 * ------------------------------------------------*/
div#Top
{
    z-index: 20;
    margin: 0px 0px 5px 0px;
    padding-top: 4px;
    background: white;
}

div#container
{
    position: relative;
    margin: 15px auto 15px auto;
    padding: 15px 15px;
    width: 600px;
    height: 100%;
    /*text-align: center;*/
    background-color: #fff; 
    border: 1px solid #3366FF;
    border-top: 10px solid #3366FF;
}

div#video_download
{
    text-align: center;
}

div#footer
{
    clear: both;
    border-top: 1px solid #3366FF;
    position: relative; 
    width: 600px; 
}

.qooqle_link
{
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
}

address
{
    padding: 6px 0 0 0; 
    font-size: 12px; 
    line-height: 1.2; 
    text-align: center; 
}

/* ------------------------------------------------
 * common
 * ------------------------------------------------*/
span.control_text
{
    margin-left: 8px;
}

.help
{
    cursor: help;
}

/* ------------------------------------------------
 * details
 * ------------------------------------------------*/
div#help
{
    border: 1px dashed #3366FF;
    padding: 10px 15px;
    margin-bottom: 15px;
    text-align: left;
}

div#addToWebsite
{
    border: 1px dashed #3366FF;
    padding: 10px 15px;
    margin-bottom: 15px;
}

div#code
{
    border: 1px solid #3366FF;
    padding: 10px 15px;
    margin-bottom: 15px;
}

div#loading {
    margin-left: 6px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    color: red;
}

p.example {
    font-size: 12px;
    color: #999;
}

p.example a {
    color: #999;
}

div#link a {
    font-weight: bold;
    color: #3366FF;
}

div#reset {
    text-align: right;
}

div#loader {
    margin-top: 10px;
}

div#loader a {
    font-weight: bold;
}

span.explain {
    color: #999;
    font-size: 12px;
}

div#adsense
{
    margin: 10px 0 10px 0;
    text-align: left;
}

.LinkLike
{
    color: Blue;
    background-color: transparent;
    border: 0;
    padding: 0 1px;
    cursor: default;
}
.LinkLikeHover
{
    color: Blue;
    background: #eee;
    text-decoration: none;
    border-bottom: 1px solid #999;
    padding: 0 1px;
    cursor: hand;
}

.NavigationTab a
{
    color: #888888;
    background: #EEEEEE;
    text-decoration: none;
}

.NavigationTab a:hover
{
    color: black;
    background: #99CCFF;
}

.NavigationTab
{
    z-index:9;
    display:inline;
    margin-left:4px;
    margin-right:4px;
    padding-left:7px;
    padding-right:7px;
    background: #EEEEEE;
    font-size: 12px;
    color: #888888;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    cursor: hand;
}
.NavigationTabHighlight
{
    z-index:9;
    display:inline;
    margin-left:4px;
    margin-right:4px;
    padding-left:7px;
    padding-right:7px;
    font-size: 12px;
    color: #888888;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    background: #99CCFF;
    cursor: hand;
}
a.NavigationTab
{
    color: #888888;
}
a.NavigationTab:hover
{
    background: #99CCFF;
}

.SelectedNavigationTab
{
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    padding: 0 1px;

    z-index:9;
    display:inline;
    margin-left:4px;
    margin-right:4px;
    padding-left:7px;
    padding-right:7px;
    background: #99CCFF;
    font-size: 12px;
    color: #000000;
    border-top: 3px solid #666699;
    border-left: 3px solid #666699;
    border-right: 3px solid #666699;
}

.DisabledNavigationTab
{
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    padding: 0 1px;

    z-index:9;
    display:inline;
    margin-left:4px;
    margin-right:4px;
    padding-left:7px;
    padding-right:7px;
    background: #DDDDDD;
    font-size: 12px;
    color: #ACA899;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}

.enabled
{
    color: #333333;
}

.disabled
{
    color: #ACA899;
}

.optional
{
    color: #3300FF;
}

.error
{
    color: #FF0000;
}