/* ================= JALPAK International America, Inc. - common.css ================== */

body.basic
    {
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 50px 0px;
    font-family: Arial;
    font-size: small;               
    background-color: White;
    }

div.commonbase
    {
    width: 750px;
    height: 100%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;   
    background-color: White;
    filter: alpha(opacity=100);
    opacity: 1;       
    }
    
/* Hx ============================================================================= */

h1
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: large;
    font-weight: bold;
    }
    
h2
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: medium;
    font-weight: bold;
    }

h3
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: small;
    font-weight: bold;    
    }

h4
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: small;
    font-weight: normal;    
    }

h5
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: small;
    font-weight: normal;    
    }

h6
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-size: small;
    font-weight: normal;    
    }

/* p / ul ============================================================================= */

p
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    }

ul
    {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;    
    }
    
ul.circle
    {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    list-style-type: disc;
    }
    
ul.square
    {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    list-style-type: square;
    }
    
/* Table ============================================================================= */

table
    {
    border-collapse: collapse;
    }

    table th, table td
        {
        border: solid 1px #E8E8E8; /* assumed to be overridden */
        padding: 2px 2px 2px 2px;
        font-weight: normal;               
        }     
        
    table.grayborder th, table.grayborder td
        {
        border: solid 1px Gray;
        }     

    table.noborder th, table.noborder td
        {
        border-style: none;
        }     

/* Spacer ============================================================================= */

div.spacer5type01
    {
    height: 5px;
    
    background-image:url('../images/spacer01.JPG');
    background-repeat:no-repeat;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer5type02
    {
    height: 5px;
    
    background-image:url('../images/spacer02.JPG');
    background-repeat:no-repeat;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer5type03
    {
    height: 5px;
    
    background-image:url('../images/spacer03.JPG');
    background-repeat: repeat-x;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer10type01
    {
    height: 10px;
    
    background-image:url('../images/spacer01.JPG');
    background-repeat: repeat-x;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer10type02
    {
    height: 10px;
    
    background-image:url('../images/spacer02.JPG');
    background-repeat: repeat-x;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer10type03
    {
    height: 10px;
    
    background-image:url('../images/spacer03.JPG');
    background-repeat: repeat-x;
    background-position: center;
    
    overflow: hidden;
    
    clear: both;
    }

div.spacer5
    {
    height: 5px;
    
    line-height: 5px;
    
    clear: both;
    }

div.spacer10
    {
    height: 10px;
    
    line-height: 10px;
    
    clear: both;    
    }

div.spacer20
    {
    height: 20px;
    
    line-height: 20px;
    
    clear: both;    
    }

/* Anchor ============================================================================= */      

a img
    {
    border-style: none;
    }

a.red:link, a.red:visited, a.red:active
    {
    color: #C00000; /* JAL red */
    text-decoration: none;
    }
    
a.red:hover
    {
    color: gray;
    text-decoration: none;
    }

a.navy:link, a.navy:visited, a.navy:active
    {
    color: #000050; /* Navy Blue */
    text-decoration: underline;
    }
    
a.navy:hover
    {
    color: #C00000; /* JAL red */
    text-decoration: underline;
    }

a.gray:link, a.gray:visited, a.gray:active
    {
    color: gray;
    text-decoration: none;
    }

a.gray:hover
    {
    color: #C00000; /* JAL red */
    text-decoration: underline;
    }

a.white:link, a.white:visited, a.white:active, span.white
    {
    color: white;
    text-decoration: none;
    }

a.white:hover
    {
    color: white;
    text-decoration: underline;
        }           

/* Zoom Box ============================================================================= */

div.zoompic_box
    {
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    border: solid 2px Gray;
    background-color: #E8E8E8;
    visibility: hidden;
    z-index: 1;
    position: absolute;
    display: block;
    padding: 2px 2px 2px 2px;
    }

div.zoompic_closebtn
    {
    width: 50px;
    height: 20px;
    font-weight: bold;
    color: White;
    background-color: Gray;
    text-align: center;
    height: 20px;
    padding-top: 2px;
    float: right;
    cursor: pointer;
    }

/* Top Bookmark ============================================================================= */
            
div.contentbase div.top
    {
    width: 100px;
    height: auto;            
    margin-top: 3px;            
    font-size: xx-small;
    text-align: right;            
    float: right;
    }
            
/* Universal ============================================================================= */

.nonvisible, notvisible /* must delete second class */
    {
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    }
    
.filterdefault
    {
    filter: alpha(opacity=100);
    opacity: 1;  
    }

.center
    {
    text-align: center;
    }
    
.right
    {
    float: right;
    }

.left
    {
    float: left;
    }

.clear
    {
    clear: both;
    }

.large
    {
    font-size: large;
    }

.medium
    {
    font-size: medium;
    }

.small
    {
    font-size: small;
    }

.tiny
    {
    font-size: 7pt;
    }

.underline
    {
    text-decoration: underline;
    }
    
.bold
    {
    font-weight: bold;
    }

.orange
    {
    color: Orange;
    }

.blue
    {
    color: #0066FF;
    } 

.darkblue
    {
    color: #003388;
    }
    
.red
    {
    color: #CC0000;
    }

.yellow
    {
    color: yellow;
    }
    
.indent1
    {
    text-indent: 20px;
    }

.indent2
    {
    text-indent: 40px;
    }
    
.shift1
    {
    margin-left: 20px;
    }

.shift2
    {
    margin-left: 40px;
    }
    
.button, .pointer
    {
    cursor: pointer;
    }

/* Reusable Parts ============================================================================= */    

div.contactbutton
    {
    height: 35px;
    width: 150px;

    border: solid 2px gray;

    background-image: url("/images/contactus.png");
    background-repeat: no-repeat;
    background-position: top;
    
    cursor: pointer;
    }