.fa-map-marker.p
{
    color: #3b7f3c; /* The colour of the pickup marker icon */
}
.fa-map-marker.v1
{
    color: #CCCC00; /* The colour of the via1 marker icon */
}
.fa-map-marker.v2
{
    color: #CCCC00; /* The colour of the via2 marker icon */
}
.fa-map-marker.v3
{
    color: #CCCC00; /* The colour of the via3 marker icon */
}
.fa-map-marker.v4
{
    color: #CCCC00; /* The colour of the via4 marker icon */
}
.fa-map-marker.d
{
    color: #982d2d; /* The colour of the dropoff marker icon */
}
.navbar-brand
{
    background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAIAAAASSxgVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAATSURBVChTY/hPBBhVNFQV/f8PAA3h0jzJ4GsLAAAAAElFTkSuQmCC); /* The relative path to the logo - the logo should be no higher than 40px */
    background-repeat:no-repeat;
    background-position:1em center;
    padding-left:50px;
    padding-right:0em; /* Alter this to compensate for the width of the logo = width of logo + 20px */    
}
.navbar-default
{
    background-color: transparent;
    border-color: #e7e7e7;
    background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAIAAAASSxgVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAATSURBVChTY/hPBBhVNFQV/f8PAA3h0jzJ4GsLAAAAAElFTkSuQmCC); /* The relative path to the navigation bar background. */
    background-repeat: repeat;
    background-position: top left;
}
.navbar-default .navbar-brand
{
    color: #000000; /* Link text colour for navbar */
}
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus
{
    color: #000000; /* Link text colour for navbar */
    background-color: transparent;
}
.navbar-default .navbar-text
{
    color: #ccc; /* Normal text colour for navbar */
}
.navbar-default .navbar-nav > li > a
{
    color: #000000; /* Link text colour for navbar */
}
.navbar-default .navbar-nav > li > a i.fa
{
    color: #000000; /* Icon colour for nabvar */
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus
{
    color: #000000; /* Link text colour on hover for navbar */
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a > span:hover, 
.navbar-default .navbar-nav > li > a > span:focus
{
    border-bottom-width:3px;
    border-bottom-style: solid;
    padding-bottom:5px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{
    color: #555;
    background-color: #e7e7e7;
}
.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: #888;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form
{
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus
{
    color: #000000;
    background-color: transparent;
}
@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, 
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-link
{
    color: #777;
}
.navbar-default .navbar-link:hover
{
    color: #333;
}
.navbar-fixed-bottom
{
    background-color: #999999;
}

.stagecontrol
{
    background-color: #000000; /* The background colour of the Step 1, Step 2, Step 3 control. */
}

.nav-pills.nav-pills-special > li.disabled > a, 
.nav-pills.nav-pills-special > li.disabled > a:hover, 
.nav-pills.nav-pills-special > li.disabled > a:focus
{
    color: #fff; /* The disabled link text colour of the Step 1, Step 2, Step 3 control. */
}
.nav-pills.nav-pills-special > li > a
{
    color: #fff; /* The link text colour of the Step 1, Step 2, Step 3 control. */
    background-color: #000000; /* The background colour of the link text of the Step 1, Step 2, Step 3 control. */
}

.nav-pills.nav-pills-special > li > a .badge
{
    color: #000000; /* The text colour of the number indicator of the Step 1, Step 2, Step 3 control. */
    background-color: #fff; /* The background colour of the indicator of the Step 1, Step 2, Step 3 control. */
}

.nav-pills.nav-pills-special > li.active > a, 
.nav-pills.nav-pills-special > li.active > a:hover, 
.nav-pills.nav-pills-special > li.active > a:focus
{
    color: #000000; /* The active link text colour of the Step 1, Step 2, Step 3 control. */
    background-color: #fff; /* The background colour of the active link text of the Step 1, Step 2, Step 3 control. */
}

.nav-pills.nav-pills-special > li.active > a .badge
{
    color: #fff; /* The text colour of the active number indicator of the Step 1, Step 2, Step 3 control.  */
    background-color: #000000; /* The background colour of the active indicator of the Step 1, Step 2, Step 3 control. */
}

.UserProfileTabs
{
    background-color: #231f20; /* background colour of tabs on user profile page. */
    padding-top: 100px;
}
.UserProfileTabs .nav-tabs
{
    border-bottom: 1px solid #231f20;
    background-color: #231f20; /* background colour for the tabs area on user profile page. */
}
.UserProfileTabs .nav-tabs > li
{
    float: left;
    margin-bottom: -1px;
}
.UserProfileTabs .nav-tabs > li > a
{
    margin-right: 17px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #675b5e; /* background colour of tabs on user profile page. */
    color: #fff; /* text colour of tabs on user profile page. */
    width: 250px;
    text-align: center;
}
.UserProfileTabs .nav-tabs > li > a:hover
{
    background-color: #827e7f; /* background colour of tabs on hover on user profile page. */
    border-color: #827e7f;
}
.UserProfileTabs .nav-tabs > li.active > a, 
.UserProfileTabs .nav-tabs > li.active > a:hover, 
.UserProfileTabs .nav-tabs > li.active > a:focus
{
    color: #555; /* text colour of active tab on user profile page. */
    cursor: default;
    background-color: #fff; /* background colour of active tab on user profile page. */
    border: 1px solid #231f20;
    border-bottom-color: transparent;
}
.UserProfileTabs .nav-tabs.nav-justified
{
    width: 100%;
    border-bottom: 0;
}
.UserProfileTabs .nav-tabs.nav-justified > li
{
    float: none;
}
.UserProfileTabs .nav-tabs.nav-justified > li > a
{
    margin-bottom: 5px;
    text-align: center;
}
.UserProfileTabs .nav-tabs.nav-justified > .dropdown .dropdown-menu
{
    top: auto;
    left: auto;
}

.tab-content {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius:0 0 5px 5px;
	padding:1em 1em 0 1em;
	margin-bottom:1.5em;
}
.tab-content .well {
	padding-bottom:0;
}
.bookingtabs 
{
    background-color:#f5f5f5;
    border-radius:5px 5px 0 0;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    font-size:12pt;
}