@CHARSET "ISO-8859-1";

/*--------------------------------------------------------------*/
@media print {
    * {
        color: black !important;
        background: white !important;
    }
    @page {
        size: 7.5in;
        margin: 0.5in;
    }
}
/*--------------------------------------------------------------*/
.header1, .header2, .body1 { display: block; }
.item-left-logo, .item-left, .item-center, .item-right { display: inline; }

html, body {
    margin: 0;
    border: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 1000px;
    bottom: auto;
    font-family: Times, Georgia, serif;
    color: #000000;
    background-color: #FFFFFF;
}
/*--------------------------------------------------------------*/
.button {
    cursor: pointer;
    transition-duration: 0.2s;
    padding: 4px 12px;
    border-radius: 8px;
    border: outset;
    border: 2px;
}
.button:hover {
    background-color: #008CBA;
    color: white;
}

/*--------------------------------------------------------------*/
.header {
    position: relative;
    font-size: 30px;
    height: 2.05em;
}
/*--------------------------------------------------------------*/
.header0 {
    position: fixed;
    height: 2.05em;
    width: 1000px;
}
/*--------------------------------------------------------------*/
.header1, .header2, .body1 {
    display: block;
    position: relative;
    width: 1000px;
    float: left;
    font-size: 16px;
}
/*--------------------------------------------------------------*/
.header1 {
    background-color: #FEFEFE;
    z-index: 11000;
}
.header1 .item-left-logo, .header1 .item-left, .header1 .item-center, .header1 .item-right {
    display: inline;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
}
.header1 .item-left-logo {
    padding-top: 5px;
    padding-right: 15px;
}
.header1 .item-left, .header1 .item-right {
    border: 2px;
    font-size: 16px;
    background-color: #eeeeee;
    border: outset;
    border-radius: 8px;
}
.header1 .item-left {
}
.header1 .item-right {
    float: right;

    /*-moz-border-radius: 10px;*/
}
.header1 .item-center {
    float: right;
    padding-top: 2px;
    padding-right: 50px;
    font-size: 18px;
}
/*--------------------------------------------------------------*/
.header2 {
    background-color: #eeeeee;
    z-index: 11000;
    font-size: 30px;
    height: 1.3em;
}
.header2 .item-title, .header2 .item-time {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 4px;
}
.header2 .item-title {
    font-size: 30px;
    width: auto;
    left: 20%;
    right: 30%;
    text-align: center;
    z-index: 990;
    color: #0000A0;
}
.header2 .item-time {
    font-size: 16px;
    border-radius: 10px;
    background-color: #eeeeaa;
    width: auto;
    top: 25%;
    right: 0%;
    bottom: 25%;
    z-index: 980;
}
/*--------------------------------------------------------------*/
.body1 {
}
/*--------------------------------------------------------------*/
.body_home_page {
    background-color: #cccccc;
    z-index: 12000;
    font-size: 30px;
    height: 4.3em;
}
.body_home_page .item-title {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 5px;

    font-size: 30px;
    width: auto;
    left: 20%;
    right: 30%;
    text-align: center;
    z-index: 990;
    color: #0000A0;
}

/*--------------------------------------------------------------*/
.edit_item {
    display: block;
    position: relative;
    width: 1000px;
    float: left;
    font-size: 20px;
    /*   height: 10em;*/
    background-color: #FEFFaa;
    z-index: 100;

}

.edit_item .status_message {
    display: block;
    position: relative;
    width: 1000px;
    float: left;
    font-size: 16px;
    color: #00aa00;
    padding-left: 20px;
}



.edit_item .form1 {
    display: block;
    position: relative;
}

.edit_item .form1 .line1 {
    display: block;
    position: relative;
    /*   background-color: #55eeaa;*/
    z-index: 900;
    font-size: 16px;
    height: 2em;
}

.edit_item .form1 .line1 .name1-right {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    -moz-border-radius: 20px;
    width: auto;
    right: 80%;
    text-align: left;
    z-index: 990;
    color: #0000A0;
    background-color: #FE55aa;

}

.edit_item .form1 .line1 .data1-left {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    background-color: #eeeeaa;
    width: auto;
    left: 22%;
    text-align: right;
    z-index: 980;
    /*   background-color: #FEee55;*/

}


/*--------------------------------------------------------------*/

.edit_item .form2 {
    display: block;
    position: relative;
}

.edit_item  .form2 .block1 {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    /*float: left;*/
    /*   background-color: #55eeaa;*/
    z-index: 900;
    font-size: 16px;
    height: auto;
}
.edit_item  .form2 .block1 .block1-left {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    /*float: left;*/
    /*   background-color: #55eeaa;*/
    z-index: 900;
    font-size: 16px;
    height: auto;
}

.edit_item  .form2 .block1 .block1-right {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    /*float: left;*/
    /*   background-color: #55eeaa;*/
    z-index: 900;
    font-size: 16px;
    height: auto;
}

.edit_item .form2 .block1 .block1-left .image1 {
    display: block;
    position: relative;
    /*position: absolute;*/
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    -moz-border-radius: 20px;
    width: auto;
    left: 0%;
    text-align: center;
    z-index: 990;
    color: #0000A0;
    background-color: #FE55aa;
}


.edit_item .form2 .block1 .block1-right .line1 {
    display: block;
    position: relative;
    /*   background-color: #55eeaa;*/
    z-index: 900;
    font-size: 16px;
    height: 2em;
}

.edit_item .form2 .block1 .block1-right .line1 .name1-right {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    -moz-border-radius: 20px;
    width: auto;
    right: 80%;
    text-align: left;
    z-index: 990;
    color: #0000A0;
    background-color: #FE55aa;

}

.edit_item .form2 .block1 .block1-right .line1 .data1-left {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    background-color: #eeeeaa;
    width: auto;
    left: 22%;
    text-align: right;
    z-index: 980;
    /*   background-color: #FEee55;*/

}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.edit_cat {
    display: block;
    position: relative;
    width: 690px;
    float: left;
    font-size: 20px;
    /*   height: 10em;*/
    background-color: #FEFFaa;
    z-index: 100;

}

.edit_cat .status_message {
    display: block;
    position: relative;
    width: 690px;
    float: left;
    font-size: 16px;
    color: #00aa00;
    padding-left: 20px;
}



.edit_cat .form1 {
    display: block;
    position: relative;
}

.edit_cat .form1 .line1 {
    display: block;
    position: relative;
    /*   background-color: #55eeaa;*/
    z-index: 590;
    font-size: 16px;
    height: 2em;
}

.edit_cat .form1 .line1 .name1-right {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    -moz-border-radius: 20px;
    width: auto;
    right: 80%;
    text-align: left;
    z-index: 680;
    color: #0000A0;
    background-color: #FE55aa;

}

.edit_cat .form1 .line1 .data1-left {
    display: block;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;

    font-size: 16px;
    background-color: #eeeeaa;
    width: auto;
    left: 22%;
    text-align: right;
    z-index: 670;
    /*   background-color: #FEee55;*/

}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.user_body {
    display: block;
    position: relative;
    width: 1000px;
    float: left;
    font-size: 10px;
    /*   height: 20em;*/
    /*   background-color: #FEFFaa;*/
    background-color: #FFFFFF;
    z-index: 500;
}
/*--------------------------------------------------------------*/
.user_body .block1 {
    display: block;
    position: relative;
    z-index: 510;
}
.user_body .block1 {
/*    float: left;
    width: 240px;
    background-color: #FFFFFF;
*/
    padding-top: 3em;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 20px;
    float: left;
    width: 210px;
    background-color: #eeeeee;

}
.user_body .block2 {
    float: right;
    width: 760px;
    background-color: #FFFFFF;
    padding-top: 20px;
}



.user_body .block1 .user_image {
    display: block;
    position: relative;
    width: 200px;
    float: left;
    font-size: 16px;
    color: #00aa00;
    padding-left: 4px;
    padding-top: 4px;
}
.user_body .block1 .user_image_label {
    display: block;
    position: relative;
    float: left;
    color: #aaaaaa;
    background-color: #eeeeee;
    width: 190px;
    border: 5px outset;
    margin: 0px 5px 5px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    border-radius: 10px;
}

.user_body .block1 .user_image_label .button {
    display: block;
    width: 165px;
}


.user_body .block2 .form1 {
    display: block;
    position: relative;
    float: left;
    width: 760px;
    float: none;
    /*padding-left: 5px;*/
}

.user_body .block2 .form1 .label-line, .user_body .block2 .form1 .input-line, .user_body .block2 .form1 .submit-line {
    display: block;
    position: relative;
    float: left;
    width: 760px;
    /*   background-color: #aaffff;*/
    /*   z-index: 600;*/
    font-size: 18px;
    /*height: 3em;*/
}

.user_body .block2 .form1 .label-line {
    /*   height: 1em;*/
}
.user_body .block2 .form1 .input-line {
    height: 2em;
}
.user_body .block2 .form1 .submit-line {
    height: 2em;
}
.user_body .block2 .form1 .submit-line {
    padding: 16px 25px;
}

.user_body .block2 .form1 .label, .user_body .block2 .form1 .error, .user_body .block2 .form1 .input {
    display: block;
    position: relative;
    float: left;
}

.user_body .block2 .form1 .label {
    font-size: 14px;
    width: 760px;
}

.user_body .block2 .form1 .error {
    font-size: 14px;
    color: #ff0000;
    width: 700px;
    padding-left: 60px;
}

.user_body .block2 .form1 .input {
    font-size: 18px;
    width: 740px;
    padding-left: 20px;
    height: 2em;
}

/*-----------------------------------*/
.user_body .block2 .info {
    display: block;
    position: relative;
    float: left;
    width: 760px;
    float: none;
    /*padding-left: 5px;*/
}

.user_body .block2 .info .label-line, .user_body .block2 .info .input-line, .user_body .block2 .info .submit-line {
    display: block;
    position: relative;
    float: left;
    width: 760px;
    /*   background-color: #aaffff;*/
    /*   z-index: 600;*/
    font-size: 18px;
    /*height: 3em;*/
}

.user_body .block2 .info .label-line {
    height: 1.8em;
}
.user_body .block2 .info .input-line {
    height: 2em;
}
.user_body .block2 .info .submit-line {
    height: 2em;
}

.user_body .block2 .info .label {
    display: block;
    position: relative;
    float: left;
    width: 100px;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}
.user_body .block2 .info .label .button{
    padding: 4px 2px;
}
.user_body .block2 .info .baton {
    display: block;
    position: relative;
    float: right;
    font-size: 14px;
}

.user_body .block2 .info .input {
    display: block;
    position: relative;
    float: left;
    font-size: 18px;
    padding-left: 10px;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.user_body .img_block1 {
    display: block;
    position: relative;
    z-index: 510;
    float: right;
    width: 760px;
    height: 173px;
    background-color: #FFffFF;
    padding-top: 0px;
    overflow-x: scroll;
    overflow-y: auto;
}

.user_body .img_block1 .flow_box {
    display: block;
    position: relative;
    z-index: 510;
    float: left;
    width: 2000px;
    height: 155px;
    background-color: #ffffff;
    padding-top: 0px;
}

.user_body .img_block1 .flow_box .user_image {
    display: block;
    position: relative;
    float: left;
    width: 200px;
    font-size: 16px;
    color: #000000;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}

.user_body .img_block1 .flow_box .user_image_label {
    display: block;
    position: relative;
    float: left;
    width: 200px;
    padding-left: 4px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #00aa00;
}
.hex_code {
    font-family: monospace;
    font-size: 20px;
    background-color: rgb(255, 255, 255);
}
.hex_code2 {
    display: block;
    position: relative;
    float: left;
    width: 850px;
    line-height: 15px;
    text-align: center;
    border: maroon;
    font-family: monospace;
    font-size: 18px;
    background-color: rgb(239, 229, 214);
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
* {
    margin: 0;
}
html, body {
    height: 100%;
}

#map-canvas {
    width: 800px;
    height: 400px;
    margin: 20px;
}

#page_wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1.4em;
}
#page_footer, #page_push {
    display: block;
    position: relative;
    width: 1000px;
    float: left;
    z-index: 1000;
}

#page_push {
    height: 1em;
}

#page_footer {
    height: 1.4em;
}

#page_footer .left, #page_footer .center, #page_footer .right, #page_footer .line {
    display: block;
    position: relative;
    font-size: 16px;
    /*height: 1em;*/
}

#page_footer .left {
    width: 345px;
    float: left;
    padding-left: 5px;
    text-align:left;
    background-color: #eeeeee;
}

#page_footer .center {
    width: 300px;
    float: left;
    text-align: center;
    background-color: #eeeeee;
}

#page_footer .right {
    width: 345px;
    float: left;
    padding-right: 5px;
    text-align: right;
    background-color: #eeeeee;
}

#page_footer .line {
    width: 990px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    background-color: #803f00;
    /*background-color: #dc661d;*/
    /*background-color: #dc853f;*/
    height: 0.1em;
}
#page_footer .legal {
    width: 990px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: #e2e2e2;
    /*height: 0.5em;*/
}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/