/**
 * -----------------------------------------------------------------------------
 * (c) Wimbledon Fencing Club. All rights reserved.
 * -----------------------------------------------------------------------------
 * Project:   Wimbledon Fencing Club Website
 * File:      $File$
 * Revision:  $Revision$
 * Date:      $Date$
 * Author:    $Author$
 *
 * Purpose:   This CSS file overrides the Bootstrap CSS definitions.
 *
 * History:
 * $Log$
 * End Log
 * -----------------------------------------------------------------------------
 */
.container
{
    border           : 0px dotted #FF0000;
    background-color : #FFFFFF;
    padding-left     : 0px;
    padding-right    : 0px;
}

.divFooterContainer
{
    background-color : #FFFFFF;
    border-top       : #999999 1px dotted;
    padding-top      : 10px;
    padding-bottom   : 10px;
    padding-left     : 20px;
    padding-right    : 20px;
    margin-top       : 50px;
}


body
{
    background-color : #EEEEEE;
    color            : #666666;
    font-family      : Calibri, Verdana, Arial, Helvetica, sans-serif;
}


h1
{
    color : #FF9933;
    font-size: 3em;
}

a
{
    color : #999900;
    text-decoration : none
}
a:hover
{
    color : #FF9933;
    text-decoration : none
}

/**
 * -----------------------------------------------------------------------------
 * navbar overrides
 * -----------------------------------------------------------------------------
 */
.navbar-default
{
    /**
    color            : #FFFFFF;
    background-color : #CCCC66;
    **/
    background-color : #999900;
    font-family      : Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size        : 20px;
    font-weight      : bold;
    margin-bottom    : 0px;
    z-index          : 10;
}

/* title */
.navbar-default .navbar-brand
{
    color       : #FFFFCC;
    font-family : Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size   : 20px;
}
.navbar-default .navbar-brand a:hover
{
    color : #FF9933;
}

/* link */
.navbar-default .navbar-nav > li > a
{
    color : #FFFFCC;
}
.navbar-default .navbar-nav > li > a:hover
{
    color : #FF9933;
}

/* mobile version */
.navbar-default .navbar-toggle
{
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #CCC;
}
@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a 
    {
        color : #FFFFCC;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 
    {
        color: #333;
    }
}


.break 
{
    clear : both;
}

.btn
{
    text-align : left;
    white-space : normal;
}

.btn-block
{
    text-align : left;
    white-space : normal;
}

/**
 * -----------------------------------------------------------------------------
 * carousel overrides
 * -----------------------------------------------------------------------------
 */
.carousel-caption
{
    top        : 0px;
    left       : 40px;
    text-align : left;
    border     : 0px dotted #FF0000;
}

.carousel-fade .carousel-inner .item
{
    opacity                     : 0;
    -webkit-transition-property : opacity;
    -moz-transition-property    : opacity;
    -o-transition-property      : opacity;
    transition-property         : opacity;
}
.carousel-fade .carousel-inner .active
{
    opacity : 1;
    }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right
{
    left    : 0;
    opacity : 0;
    z-index : 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right
{
    opacity : 1;
}
.carousel-fade .carousel-control
{
    z-index : 2;
}

/**
 * -----------------------------------------------------------------------------
 * this is used to give the div holding in image a border
 * -----------------------------------------------------------------------------
 */
.divImgBorder
{
    text-align : center;
    font-size  : 8pt;
    border     : 1px solid #CCCCCC;

    margin-left   : 0px;
    margin-right  : 0px;
    margin-top    : 0px;
    margin-bottom : 0px;

    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    padding-bottom : 0px;
}

/**
 * -----------------------------------------------------------------------------
 * this is used to push the div holding in image to the left
 * -----------------------------------------------------------------------------
 */
.divImgLeft
{
    text-align : center;
    font-size  : 8pt;
    float      : left;
    border     : 1px solid #CCCCCC;

    margin-left   : 0px;
    margin-right  : 20px;
    margin-top    : 0px;
    margin-bottom : 10px;

    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    padding-bottom : 0px;
}

/**
this is used to push the div holding in image to the left
**/
.divImgLeftNoBorder
{
    text-align : center;
    font-size  : 8pt;
    float      : left;
    border     : 0px solid #CCCCCC;

    margin-left   : 0px;
    margin-right  : 20px;
    margin-top    : 0px;
    margin-bottom : 10px;

    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    padding-bottom : 0px;
}

/**
this is used to push the div holding in image to the right
**/
.divImgRight
{
    text-align : center;
    font-size  : 8pt;
    float      : right;
    border     : 1px solid #CCCCCC;

    margin-left   : 20px;
    margin-right  : 0px;
    margin-top    : 0px;
    margin-bottom : 10px;

    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    padding-bottom : 0px;
}



/*****************************************************************************/
.red
{
    color: #FF0000;
}

.boldRed
{
    color : #FF0000;
    font-weight : bold;
}

.darkDullOrange
{
    color : #996633;
}

.errorMsg
{
    color : #FF0000;
}

.errorBox
{
    color: #FF0000;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    PADDING-TOP: 4px;
    PADDING-BOTTOM: 4px;
    margin-TOP: 8px;
    margin-BOTTOM: 8px;
    border : 1px solid;
}

/**
================================================================================
**/
.smallPrint
{
  color: #999999;
  font-size: 8pt;
}

.smallPrint a:hover
{
  color: #FF9933;
}

/* this is the container for one event in the list of events on the front page */
#divEvent
{
    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 8px;
    padding-bottom : 8px;
    border-bottom  : 1px dotted #CCCCCC;
}

#divEvent:hover
{
    background-color : #EEEEEE;
}