﻿/* 
colors
-----------------------
Orange - #ffa500
White - #ffffff
Gray - #CCCCCC
LightGray - #DDDDDD
DarkBlue - #0066CC
BackGroundLightBlue - #EEF7FF
BorderLightBlue - #45A2FE

tomato-red - #FF4500
*/

/* MainLinks */
.MainLinkNormal
{
    color: #ffffff;
    background-color: #0066CC;
    height: 20px;
    border-top: 1px solid #45A2FE;
    border-bottom: 1px solid #0152A0;
    cursor: pointer; /* padding: 2px 4px 0 0;     border-right: 1px solid #015EBA;     border-left: 1px solid #015EBA; */
}
.MainLinkHover
{
    color: #ffffff;
    background-color: #026FDB;
    height: 20px;
    border-top: 1px solid #45A2FE;
    border-bottom: 1px solid #0152A0;
    cursor: pointer; /* padding: 2px 4px 0 0;     border-right: 1px solid #015EBA;     border-left: 1px solid #015EBA; */
}
.MainLinkSelected
{
    color: #ffffff;
    background-color: #0159B1;
    height: 20px;
    border-top: 1px solid #45A2FE;
    border-bottom: 1px solid #0152A0;
    cursor: default; /* padding: 2px 4px 0 0;     border-right: 1px solid #015EBA;     border-left: 1px solid #015EBA; */
}
/* --------------------------- */

/* MainSubLinks */
.MainSubLinkNormal
{
    color: Gray;
    cursor: pointer;
    background-color: #EEF7FF;
}
.MainSubLinkHover
{
    color: Gray;
    background-color: #B4DAFE;
    cursor: pointer;
}
.MainSubLinkSelected
{
    color: #ffffff;
    background-color: #9BCCFD;
    cursor: default;
}
/* --------------------------- */

/* Admin MainLinks */
.AdminMainLinkNormal
{
    color: #ffffff;
    height: 20px;
    width: 139px;
    padding: 2px 4px 0 0;
    background-color: #CCCCCC;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    cursor: pointer;
}
.AdminMainLinkHover
{
    color: #ffffff;
    height: 20px;
    width: 139px;
    padding: 2px 4px 0 0;
    background-color: #DDDDDD;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    cursor: pointer;
}
.AdminMainLinkSelected
{
    color: #ffffff;
    height: 20px;
    width: 139px;
    padding: 2px 4px 0 0;
    background-color: #999999;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    cursor: default;
}
/* --------------------------- */

/* Store Cats */
.StoreCatsNormal
{
    background-color: #0066CC;
    padding: 5px;
    color: White;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #45A2FE;
}
.StoreCatsHover
{
    background-color: #026FDB;
    padding: 5px;
    color: White;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #45A2FE;
}
.StoreCatsSelected
{
    background-color: #eeeeee;
    padding: 5px;
    color: #FF4500;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
/* --------------------------- */


/* href's */
.hrefNormal
{
    display: inline-block;
    color: #45a2fe;
    cursor: pointer;
    text-decoration: underline none;
}
.hrefHover
{
    display: inline-block;
    color: #FF4500;
    cursor: pointer;
}
/* --------------------------- */
/* smallImg's */
.imgFiltered
{
    background-color: White;
    filter: alpha(opacity=70);
}
.imgClean
{
}

/*
Rounded Containers !!
=======================================================================
=======================================================================
*/

/* Rounded + Border */
.b1m, .b2m, .b3m, .b4m
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b1m
{
    height: 1px;
    background: #ffffff;
    margin: 0 5px;
}
.b2m
{
    height: 1px;
    background: #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    margin: 0 3px;
}
.b3m
{
    height: 1px;
    background: #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin: 0 2px;
}
.b4m
{
    height: 2px;
    background: #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin: 0 1px;
}
.contentbm
{
    background: #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
.contentbm div
{
}
/* -------------------------------- */

/* Rounded + Border */
.b1, .b2, .b3, .b4
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b1
{
    height: 1px;
    background: #dddddd;
    margin: 0 5px;
}
.b2
{
    height: 1px;
    background: #EEF7FF;
    border-right: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    margin: 0 3px;
}
.b3
{
    height: 1px;
    background: #EEF7FF;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    margin: 0 2px;
}
.b4
{
    height: 2px;
    background: #EEF7FF;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    margin: 0 1px;
}
.contentb
{
    background: #EEF7FF;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
.contentb div
{
}
/* -------------------------------- */

/*
Rounded Containers + Border + Header
====================================
*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh
{
    overflow: hidden;
    display: block;
}
.b1h
{
    height: 1px;
    background: #eeeeee;
    margin: 0 5px;
}
.b2h, .b2bh
{
    height: 1px;
    background: #eeeeee;
    border-right: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    margin: 0 3px;
}
.b3h, .b3bh
{
    height: 1px;
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin: 0 2px;
}
.b4h, .b4bh
{
    height: 2px;
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin: 0 1px;
}
.b2bh, .b3bh, .b4bh
{
    background: #ffffff;
}
.headh
{
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}
.headh h3
{
    text-align: right;
    color: #0159B1;
    margin: 0px 10px 0px 10px;
    padding-bottom: 5px;
}
.headh h4
{
    text-align: right;
    color: #0159B1;
    margin: 0px 10px 0px 10px;
    padding-bottom: 5px;
}
.headh headDiv
{
    margin: 0px 10px 0px 10px;
    padding-bottom: 20px;
}

.headh h5
{
    text-align: right;
    color: #0159B1;
    margin: 0px 10px 0px 10px;
    padding-bottom: 10px;
}
.contenth
{
    display: inline-block;
    background: #ffffff;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

/* -------------------------------- */

/*
DivingLocations - Rounded Containers + Border + Header
======================================================
*/
.b1h_d, .b2h_d, .b3h_d, .b4h_d, .b2bh_d, .b3bh_d, .b4bh_d
{
    overflow: hidden;
    display: block;
}
.b1h_d
{
    height: 1px;
    background: #eeeeee;
    margin: 0 5px;
}
.b2h_d, .b2bh_d
{
    height: 1px;
    background: #eeeeee;
    border-right: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    margin: 0 3px;
}
.b3h_d, .b3bh_d
{
    height: 1px;
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin: 0 2px;
}
.b4h_d, .b4bh_d
{
    height: 2px;
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin: 0 1px;
}
.b2bh_d, .b3bh_d, .b4bh_d
{
    background: #eef7ff;
}
.headh_d
{
    background: #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}
.headh_d h4
{
    text-align: right;
    color: #FF4500;
    margin: 0px 10px 0px 10px;
    padding-bottom: 5px;
}
.headh_d headDiv_d
{
    margin: 0px 10px 0px 10px;
    padding-bottom: 20px;
}

.headh_d h5
{
    text-align: right;
    color: #FF4500;
    margin: 0px 10px 0px 10px;
    padding-bottom: 10px;
}
.contenth_d
{
    display: inline-block;
    background: #eef7ff;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

/* -------------------------------- */

/* txtBoxes Font */
.arial
{
    font-family: Arial;
    background-color: #eeeeee;
    border: solid 1px #cccccc;
}

/* Dock Menu - Locations */
.dockclass
{
    display: inline-block;
    position: relative;
}
