/* CSS Document */
/* force.css */

/* 06 Aug 15 */

/* FORCE standard colours:- 
 * #427730 dark green 
 * #a0cf67 light (pea) green 
 * #f1a802 main orange 
 * #f08e5e Dragonfly trail orange 
 * #3255a4 dark blue 
 * #65c1c9 mid blue */

/* set standard paragraph and heading font sizes */
p {
	font-size: 14px;
	text-decoration: none;
	vertical-align: top;
	text-align: justify;
	margin: 0px 20px 10px 20px;
}

p.outdent { 
	text-indent: -10px; 
	margin-left: 20px; 
}
outdent { 
	text-indent: -10px; 
	margin-left: 20px; 
}


p.wingdings {
	font-family: Wingdings;
} 

/* Smaller Headings */
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 16px; } /* Page head 1 */
h4, .h4 { font-size: 15px; }
h5, .h5 { font-size: 16px; } /* Table head 1 */
h6, .h6 { font-size: 14px; } /* Table head 2 */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	margin: 15px 20px 10px 20px;
}

/* ==================================== 
 * MODIFIES: custom.css
 * Slider heading title */
.flexslider h2.slider-title {
    font-size: 20px;
}

/* ==================================== 
 * MODIFIES: custom3014.css
 * COMMUNITY NAME IN HEADER size and color */
h1.community-name {
	margin-top: 15px; 
	font-size: 25pt;
	color: #427730;
}


/* ==================================== 
* MODIFIES: theme-style.ccs */
#content {
	padding: 15px 0;
}

/* ==================================== 
 * MODIFIES: appstrap-color.css
 * darker text for links	*/
 
body a:focus {
  color: #0000ee;
}
body a:hover {
  text-decoration: underline;
}

/* MODIFIES: appstrap-color.css & bootstrap.ccs 
 * darker text for links	*/

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
	 font-weight: bold;
	 text-decoration: none;
	 color: #0000ee;
}
a:link, 
a:visited,
a:active 
a:hover {
}

/* Lists */
ul, 
ol {
	font-size: 14px;
	 text-decoration: none;
} 

/* overcome symbol margin for left-float img 
 * http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements */
/*
 ul {
	list-style: outside disc;
	margin-left: 1em;
}
ul li {
	position: relative;
	left: 1em;
	padding-right: 1em; 
}
*/
/* ==================================== 
 * MODIFIES: bootstrap.ccs BREADCRUMB
 * darker text 
 * links already darker via a:links etc 
 * padding-left to match margins below */

.breadcrumb { 
	padding: 10px 20px;
	margin-bottom: 0px;
}

/* FORCE dark "/" divider character, was #cccccc */
.breadcrumb > li + li:before {
	color: #427730; 
	margin-bottom: 5;
}
/* FORCE dark active page, was #999999 */
.breadcrumb > .active {
	color: #427730; 
}

/* MODIFIES: bootstrap.ccs ALERT */
.alert-warning {
	margin-bottom: 10px;
	padding: 0px 15px; 
}

/* ==================================== 
 * MODIFIES: theme-style.ccs 
 * LEFT HAND NAVIGATION MENU 
 *
 * Reduced padding to compress menu height */
.section-menu ul.nav-list li a {
	padding: 2px 7px;
}
/* position ">" character in LH menu */ 
.section-menu ul.nav-list li a i {
	font-size: 22px;
	font-weight: bold;	/* add bold */
	position: absolute; 
	top: 2px;			/* was 20px */
	right: 10px;	/* was 20px */
	color: #e6e6e6;
/*
	webkit-transform: rotate(90deg);
	ms-transform: rotate(90deg);
	transform: rotate(90deg); 
*/
}

/* ================================ 
 * FORCE Site Top section style */


/* panel borders
.panel, .panel-default {
	border-radius: 3px;	
	border-bottom: 1px solid transparent #427730; 
	border-left: 1px solid transparent #427730; 
	border-right: 1px solid transparent #427730; 
	padding-bottom: 10px;
}
*/

/* bottom border FORCE dark */
.panel-f {
	border-bottom: 3px solid #427730; 
	border-radius: 3px;	
	border-left: 1px solid transparent #427730; 
	border-right: 1px solid transparent #427730; 
	padding-bottom: 10px;
}
.panel-f-top-border {
	border-top: 4px solid #427730; 
	border-bottom: 3px solid #427730; 	
	border-radius: 3px;	
}
.panel-f-bottom-border {
	padding-bottom: 3px;
	border-bottom: 3px solid #427730; 
	border-radius: 3px;	
}
.panel-f-bottom-border1 {
	padding-bottom: 3px;
	border-bottom: 1px solid #427730; 	
}
.panel-f-highlight {
	padding-bottom: 1px;
	border-bottom: 1px solid #427730;
/*	background-color: #BCE0B0; */
	background-color: #D9EED2;
	font-weight: bold; 	
}

/* FORCE tables */

/* height (& width) limited with scroll-bar */

 .table-height-600 {
    height: 600px;
/*	width: 300px;  */
    overflow: scroll;
}

/* row bottom borders  */
 
.table-f-bottom-thick {
	padding-bottom: 3px;
	border-bottom: 3px solid #427730; 
	border-radius: 3px;	
}
.table-f-header {
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-bottom: 1px;
	border-top: 3px solid #427730; 	
	border-bottom: 1px solid #427730; 	
	border-radius: 3px;	
}
.table-f-bottom-thin {
	padding-bottom: 1px;
	border-bottom: 1px solid #427730; 	
}
.table-f-top-thin {
	padding-top: 1px;
	border-top: 1px solid #427730; 	
}
.table-f-bottom-none {
	padding-bottom: 0px;
	border-bottom: 0px; 	
} 
.table-f-highlight {
	background-color: #D9EED2;  /* background highlight */
	font-weight: bold; 	
}
.table-f-highlight_pink{
	background-color: #FFEEEE;  /* pink highlight*/
}
 td, .td {
 	text-align:left;
}

td > p {
	text-align: left;
	margin: 0px;
}
td > h5, td > .h5, td > h6, td > .h6 { 
	margin: 5px 0px 5px 0px;}
 
 td, .td { border-color: #427730; }

/* FORCE wells 
 * white background color=fff */
.well-f-fff {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
s	background-color: #fff;
}
/* v light grey background color=eee - mimic dd menu */
.well-f-eee {
	vertical-align: bottom;
	margin-left: -10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #eee;
}

/* FORCE navigation buttons */
.btn-f,
.btn-f-dummy,
.btn-f-sm-font:visited 
.btn-f-sm-font:focus 
.btn-f-map,
.btn-f-sm-font { 
	padding: 6px 12px 3px 12px;
	background-color: #eee;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	border: 0px 0px 4px 0px #eee;
	border-bottom: 4px solid #eee; 
	border-radius: 0px 0px 4px 4px;
}

.btn-f-dummy, 
.btn-f-dummy:hover {
  pointer-events: none;
  cursor: not-allowed;
}


/* Smaller font in button
 * reduced line height, font & padding */
.btn-f-sm-font { 
	padding: 4px 8px 1px 8px;
	line-height: 1.0;
	font-size: 12px;
	white-space: normal;
}

.btn-f-open, 
.btn-f:hover,
.btn-f-map:hover,
.btn-f-sm-font:hover {
/* darker background and bottom border FORCE green */
	background-color: #ddd;
	border-bottom-color: #427730; 
	border-bottom-radius: 3px;	

}

/* to counteract 12px in theme-style.css */
.btn-f span, 
.btn-f-map span,
.btn-f-green { 
	font-size: 14px;
}

/* Rounded FORCE green button */
.btn-f-green {
	padding: 6px 12px 6px 12px; 
	background-color: #427730;
	border: 3px solid #427730;
	border-radius: 20px;	
	color: #ffffff !important; 
	font-size: 14px; 
	font-weight: bold;
}
.btn-f-green:hover {
	background-color: #fff;
	color: #427730 !important;
/* flips colors */
}

/* vertical text for table header */
.f-table-vtext {
	width:130px;
	height:50px;
	-ms-transform:rotate(270deg); /* IE 9 */
	-moz-transform:rotate(270deg); /* Firefox */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	-o-transform:rotate(270deg); /* Opera */
}

.table-responsive-600 {
    height: 600px;
    overflow: scroll;
}