html, body { 
        height:100%, width:100%}
		
#banner {background-image: url('header.jpg');  background-size:100% 70px; color:#000;}
.bannerPadding {padding: 6px;}
.eventLogo {width:225px;}
.eventText {margin-left:20px;}

.pageLink { color:#003865; }
.pageLink:hover,
.pageLink:focus { color:#fff; }

.extraLink {font-size:2em; margin-right:25px;color:#003865;text-decoration:none;}


.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color:#003865;}

#status { color:#003865; }
#closePanel, #closeTeam { color:#003865; }
#positionTable i { color:#003865; font-size:1.3em;  }

.feed > .entry .publishedDate { 
	background-color:#003865;	
}
#partnertrackinglogo{bottom:35px;left:5px;}
.sidebar-tabs > li, .sidebar-tabs > ul > li {color:#003865; }
.sidebar-header,.sidebar-tabs > ul > li.active {background-color:#003865;}
.sidebar-tabs > ul > li.active {background-color:#000;} 

.courseFilter, .courseHistory { color:#003865; font-size:1.4em; width:15px;line-height: 1.5em;cursor:pointer; }

.favourite-star, .only-favourites { color:#003865;}

#switcher, #raceTime, #elapsedTime, #localTime, #startIcon, #pauseIcon, #stopIcon { color:#003865; }
#slider .ui-slider-range { background: #003865 none repeat scroll 0% 0%; }

#tml-gmap { width:66px; height:45px; position:absolute; left:150px; bottom:0px; z-index:5999; }
#tml-gmap a,
#tml-gmap a:visited { background:url("tml-small.png") left top no-repeat; width:66px; height:45px; display:block; text-indent:-9000px; }


.close-arrow {color:#003865;}

h1, h2, h3 { color:#003865; }
h4, h5, h6 { color:#003865; }

a,
a:visited { color:#003865; }
a:focus,
a:hover { color:#003865; }
a:active { color:#1c7030; }

.feed > .entry a.morelink {color:#003865;}

#instagram { background-color:#e8e8e8; }

#teams,
#teamsProfile,
#boardPanel,
#twitter,
#facebook,
#instagram,
#flickrPanel,
#routePanel,
#infoPanel,
#replayPanel { background-color:#FFFFFF; }

#sponsors { background-color:#FFFFFF;}
#sponsors .padding {padding-left: 50px;}
#sponsors .padding li {padding-right: 35px;}

@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {
	
	#status { background-color:#FFF; }
	.eventLogo {left:10px;}
	.eventLogo img {height:35px;}
	#banner {background-size:100% 50px; color:#000; height:50px;}
	#sidebar {top:45px;height:190px;}
	.bannerPadding {padding: 0px;}
}


.map-text { 
    margin-top: .05em;
    font-size: 30%;
}
.calendar-text { margin-top: .3em; }
.file-text { margin-top: .2em; }

.map-icons {
  margin-top: 20px;
  text-align: center;
  color: #c0c0ff;
  
}

/* other styles for demo */
.fa-stack { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.stacked-icons {
  margin-top: 20px;
  text-align: center;
}
.fa-stack + .fa-stack { margin-left: .3em; }
.fa-stack { margin-bottom: 20px; }



.icon-background1 {
    color: #ffc0ff;
}

.icon-background2 {
    color: #ffffc0;
}

.icon-background3 {
    color: #c0ffff;
}

.icon-background4 {
    color: #c0ffc0;
}

.icon-background6 {
    color: #40c040;
}

.icon-background5 {
    color: #c0c0ff;
}

.circle-icon2 {
    background: #ffc0c0;
    padding:30px;
    border-radius: 50%;
}

.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}