﻿/* Common                      */
/*-----------------------------*/
body
{
    background-color: #005AA8;
}

table
{
    border-width: 0px 0px 0px 0px; 
    border-spacing: 0px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
    empty-cells: show;
    text-align: left; 
}

p
{
    text-align: justify;
}

img
{
    border-width: 0px 0px 0px 0px;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.label
{
}

.textbox
{
    width: 100%;
}

.hyperlink
{
}

.dropdownlist
{
    height: 22px;
}

.button
{
    height: 25px;
    width: 60px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #005AA8;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #005AA8;
    font-weight: bold;
}

.imagebutton
{
}

.linkbutton
{
}

.radiobutton
{
}

/* Frame Set                   */
/*-----------------------------*/
.table_frame
{
    width: 950px;
}

.td_frame_header
{
}

.td_frame_menu
{
    width: 200px;
    vertical-align: text-top;
}

.td_frame_content
{
    width: 750px;
    padding: 0px 0px 0px 20px;
    vertical-align: text-top;
}

.td_frame_footer
{
    color: White;
    font-size: smaller;
    font-weight: bold;
    text-align: right;
}

/* Layer                       */
/*-----------------------------*/
.div_toplayer
{
    position: absolute;
    overflow: hidden;
}

.table_toplayer_header
{
    width: 950px;
    height: 350px;
}

.td_toplayer_header
{
    padding: 25px 50px 0 0;
    text-align: right; 
}

.div_lowlayer
{
}

.table_lowlayer_header_title
{
    width: 950px; 
    height: 100px; 
    border-width: 3px 0px 0px 0px;
    border-style: solid; 
    border-color: #F1EE41;
}

.td_lowlayer_header_title
{
     text-align: left;
}

.table_lowlayer_header_body
{
    width: 950px; 
    border-width: 0px 1px 2px 1px; 
    border-style: solid; 
    border-color: #32557F; 
    background-color: #B7CFFF;
}

.td_lowlayer_header_body_menu
{
     height: 30px;
}

.td_lowlayer_header_body_detail
{
    height: 220px; 
    text-align: left;
}

.div_content
{
    border-width: 0px 1px 2px 1px; 
    border-style: solid; 
    border-color: #32557F; 
    border-spacing: 0px; 
    padding: 0px 15px 0px 15px; 
    margin: 0px 0px 0px 0px; 
    empty-cells: show; 
    background-color: #B7CFFF;
}

/* Left Menu                   */
/*-----------------------------*/
.div_leftmenu
{
    width: 200px;
    border-width: 0px 1px 2px 1px; 
    border-style: solid; 
    border-color: #32557F; 
    background-color: #B7CFFF;
}

.table_menu
{
    width: 180px; 
}

.td_menu_header
{
    border-width: 1px 1px 1px 1px; 
    border-style: solid; 
    border-color: #304F7B; 
    padding: 0px 0px 0px 10px; 
    background-color: #303030;
    color: #F1EE41; 
    font-weight: bold;
}

.td_menu_content
{
    padding: 10px 0px 10px 0px;
    font-size: smaller;
    font-weight: bold;
}

/* Left Menu Detail            */
/*-----------------------------*/
.table_menudetail
{
    width: 180px;
}

.td_menudetail_header
{
    width: 180px;
    padding: 0px 0px 10px 0px;
}

.td_menudetail_col1
{
    width: 70px;
}

.td_menudetail_col2
{
    width: 110px;
    text-align: right;
}

.td_menudetail_footer
{
    width: 180px;
    text-align: right;
}

/* Content                     */
/*-----------------------------*/
.table_1column
{
    width: 500px;
}

.td_1column_col1
{
    width: 500px;
}

.table_2column
{
    width: 700px;
}

.td_2coltable_col1
{
    width: 450px;
    padding: 0px 10px 0px 0px;
    vertical-align: text-top;
}

.td_2coltable_col2
{
    width: 250px;
    text-align: center;
}

.table_3column
{
    width: 700px;
}

.td_3coltable_col1
{
    width: 100px;
    vertical-align: text-top;
}

.td_3coltable_col2
{
    width: 300px;
}

.td_3coltable_col3
{
    width: 300px; 
    text-align: right;
}

.table_5column
{
    height: 380px;
    width: 380px;
}

.tr_5coltable_content
{
    height: 110px;
}

.tr_5coltable_break
{
    height: 20px;
}

.td_5coltable_col135
{
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.td_5coltable_col24
{
    width: 20px;
}

.table_7column
{
    height: 580px;
    width: 700px;
}

.tr_7coltable_content
{
    height: 290px;
}

.tr_7coltable_break
{
    height: 20px;
}

.td_7coltable_col1357
{
    width: 168px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #005AA8;
    padding: 10px 5px 5px 5px;
    vertical-align: text-top;
    text-align: center;
    font-size: small;
}

.td_7coltable_col246
{
    width: 10px;
}

/* Slide                       */
/*-----------------------------*/
.div_ads_slide
{
    width: 500px;
}

/* Gellary Slide               */
/*-----------------------------*/
#gallery 
{
    position: relative; 
    width: 656px; 
    border: 6px solid #fff; 
    margin: 40px auto; 
    padding: 5px; 
    background: #AAA;
}

#image 
{
    position: relative; 
    width: 642px; 
    height: 375px; 
    border: 2px solid #666; 
    padding: 5px; 
    background: #FFF url(../../../App_Gallery/loading.gif) center center no-repeat;
}

#image img 
{
    position: absolute; 
    top: 5px; 
    left: 5px;
}

#thumbwrapper 
{
    width: 652px; 
    height: 100px; 
    border: 2px solid #666; 
    margin-top: 10px; 
    padding: 0px 0px 15px 0px; 
    background: #FFF;
}

#thumbarea 
{
    position: relative; 
    overflow: hidden; 
    width: 652px; 
    height: 100px; 
}

#thumbs 
{
    position: absolute; 
    width: 10000px; 
    height: 100px; 
    border-right: 5px solid #FFF;
    margin-left: 5px; 
    list-style: none; 
}

#thumbs li 
{
    float: left; 
    margin-right: 5px; 
    cursor: pointer;
}

.imgnav 
{
    position: absolute; 
    width: 20%; 
    height: 375px; 
    z-index: 200; 
    outline: none; 
    cursor: pointer;
}

#previmg
{
    left: 0;
    border-left: 5px solid #FFF;
    background: url(../../../App_Gallery/left.gif) left center no-repeat;
}

#previmg:hover 
{
    opacity: 1; 
    filter: alpha(opacity=100);
}

#nextimg 
{
    right: 0; 
    border-right: 5px solid #FFF;
    background: url(../../../App_Gallery/right.gif) right center no-repeat; 
}

#nextimg:hover 
{
    opacity: 1; 
    filter: alpha(opacity=100);
}
