@charset "utf-8";
/* CSS Document */

/*  Table of Contents 

01. FEATURE STYLES
	A. BACK TO TOP
	B. PROGRESS BAR
	C. HORIZONTAL TIMELINE
	D. GAUGE
	E. TIMER
	F. KENDO FORM LIST AND FORM VALIDATION
02. NAVIGATION STYLES
	A. OFF-CANVAS
	B. TOP BAR
    C. MAIN NAVIGATION BAR
    D. LEFT NAVIGATION BAR
03. CONTAINER STYLES
    A. MAIN SECTION
    B. LEFT SECTION
	C. RIGHT SECTION
	D. FOOTER
	E. OVERLAP OVER CONTAINERS
04. CONTENT STYLES
	A. HEADERS, PARAGRAPHS, BODY
	B. LISTS
    C. TABS AND ACCORDIONS
    D. DROPDOWNS
    E. TABLES
    F. HYPERLINKS
    G. LABELS AND HIGHLIGHTS
	H. LINES AND DIVIDERS
	I. COLOURS
	J. FORMS AND VALIDATIONS
05. BUTTON STYLES
	A. SINGLE BUTTONS
	B. BUTTON GROUPS
	C. SPLIT BUTTONS
	D. DROPDOWN BUTTONS    
06. CALLOUTS AND PROMPT STYLES
	A. MODALS
	B. ALERTS AND FIELD SETS
	C. PANELS, DIVISIONS AND SPANS
	D. TOOL TIPS
	E. JOYRIDES
	F.  WINDOWS
07. IMAGE AND MEDIA STYLES
	A. THUMBNAILS
	B. SLIDERS
	C. IFRAME
	D. VIDEO

*/

/* DEEJAYS.COM */

/*
=============================================== 01. FEATURE STYLES ===============================================
*/

/* -------------------- A. BACK TO TOP -------------------- */

.back-to-top {
    position: fixed;
    bottom: 5em;
    right: 0px;
    text-decoration: none;
	font-family: "futura-pt-condensed", sans-serif;
    color: #ffffff;
    background-color: rgba(36, 58, 108, 0.80);
    font-size: 16px;
	font-weight:bold;
    padding: 1em;
	z-index:99;
    display: none;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.back-to-top:hover {    
    background-color: rgba(51, 82, 152, 0.50);
	font-family: "futura-pt-condensed", sans-serif;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}

.back-to-top:visited {    
    background-color: rgba(36, 58, 108, 0.80);
	font-family: "futura-pt-condensed", sans-serif;
	color: #ffffff;
	font-weight:bold;
}

a.back-to-top {    
	color: #ffffff;
}

/* -------------------- B. PROGRESS BAR -------------------- */

.progress {
    padding: 0;
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px; 
}

.meter {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%; 
}

.percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: white; 
}

.meter.blue {
    background: cornflowerblue; 
}

.meter.red {
    background: #d33f4d; 
}

.meter.orange {
    background: #e67e22; 
}

.meter.green {
    background: #52962e; 
}

.meter.purple {
    background: #9b59b6; 
}


.reveal-modal, dialog {
    z-index:999999 !important;
}
 
 
 /* -------------------- C. HORIZONTAL TIMELINE -------------------- */
 
 
 .timeline {
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: text-top;
    justify-content: left;
}

.timestamp {
    margin-bottom: 1.250em;
    padding: 0em 1.250em;
    display: flex;
    flex-direction: column;
    -webkit-flex: 1 0 200px;
    flex: 1 0 200px;
    align-items: center;
    font-weight: 100;
}

.status {
  	/* padding: 0em 0.875em; */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0.575em;
	padding-right: 0.575em;
  	display: flex;
    -webkit-flex: 1 0 200px;
    flex: 1 0 200px;
    justify-content: center;
    border-top: 0.250em solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

.status h6 {
    padding-top: 1.563em;
    font-weight: 600;
    color: #646e71;
    text-align: center;
    font-size: 0.781em;
}

.status:before {
    content: "";
    width: 2.125em;
    height: 2.250em;
    background-color: white;
    border-radius: 2.250em;
    border: 0.250em solid #ddd;
    position: absolute;
    top: -1.250em;
    left: 35%;
    transition: all 200ms ease-in;
}

.li.complete .status {
    border-top: 0.250em solid #52962e;
}

.li.complete .status:before {  
    background-image:url('../img/timeline_checkmark.png');
    border: none;
    transition: all 200ms ease-in;
}

.li.complete .status h6 {
    color: #52962e;
    text-align:center;
}

.li.current .status {
    border-top: 0.250em solid #D6DCE0;
}

.li.current .status:before {
  top: -2.150em; 
  height: 3.125em;
  width: 2.125em;
  background-image:url('../img/timeline_map_marker.png');
  border: none;
left: 29%;
  transition: all 200ms ease-in;
}

.li.current .status h6 {
  color: #d33f4d;
  text-align:center;
}

.status_icon {	
text-align:center;		
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block;
  }

  .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  .timestamp {
    width: 100px;
  }

  .status:before {
    left: 50%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}

	
/* -------------------- D. GAUGE -------------------- */

.results_container {
  background-image: url('../img/bkg_gauge.png');
  }
  
  .title_container {
  background-image: url('../img/bkg_title.png');
  background-repeat: no-repeat;
  }
  
.results_container_highlight {
  background-image: url('../img/bkg_gauge_highlight.png');
  }
  
.results_container_normal {
  background-image: url('../img/bkg_gauge_normal.png');
  background-repeat: no-repeat;
  }
  
.results_container_top {
  background-image: url('../img/bkg_gauge_top.png');
  background-repeat: no-repeat;
  } 
  

	
/* -------------------- E. TIMER -------------------- */

.timer_percentage {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  line-height: 1.125em;
  font-size: 1.750em;		
}

.timer {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  line-height: 1.125em;
  font-size: 1.000em;	
}

.timer_acceptable {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.000em;	
}

.timer_impact {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.750em;	
}

.timer_action {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1.000em;	
}	

/* -------------------- F. KENDO FORM LIST AND FORM VALIDATION -------------------- */


#fieldlist {
  margin: 0 0 -2em;
  padding: 0;
  }

  #fieldlist li {
   list-style: none;
   }
   
 span.k-tooltip {
   margin-bottom: 10px;
   line-height: 1.7em;
   width: 100%;
   box-sizing: border-box;
   text-align: left;
  }
  
.k-widget.k-tooltip-validation
{
  border-top-color: #ffda6b;
  border-right-color: #ffda6b;
  border-bottom-color: #ffda6b;
  border-left-color: #ffda6b;
  background-color: #f2f2f2;
  color: #7f1d27;
}  

	
/*
=============================================== 02. NAVIGATION STYLES ===============================================
*/

 .nav_padding {
	padding-left: 3.438em; 	 
 }


/* -------------------- A. OFF-CANVAS -------------------- */	

.off-canvas-fixed {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
}

/* Trying to get a scrollbar in the left menu - works but with issues... I changed min-height from 100% to 0% ... I added "!important".  This creates the problem with the joyride. */

        .off-canvas-wrap, .inner-wrap {
            min-height: 0%;
        } 

        .off-canvas-wrap {  
		height: 100%;        
        overflow-y: auto !important;
        } 

/* This isn't being called to any element right now.  Created to try and fix the off-canvas / joyride issue. */		
		.scroll_fix {			
		height: 100%;				
		}
		


.move-right > .off-canvas-fixed {
  height: 100%;
  -webkit-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}

.left-off-canvas-menu {
  background-color: #f6f6f6;
  -webkit-transform: none;
  transform: none;
  margin-left: -15.625rem;
  z-index: 1 !important;
  /* vh UNITS NICER THAN JS LISTENER */
  /* height: 100vh; */
  /* (BUT LESS SUPPORTED) */
}

.move-right > .inner-wrap {
    webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate3d(15.625rem, 0, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0);		
}

.move-right .exit-off-canvas
{
  transition-property: background;
  transition-duration: 300ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  cursor: pointer;
  box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.10), 4px 0px 4px rgba(0, 0, 0, 0.10);
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.45);
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1002;
}

/* -------------------- B. TOP BAR -------------------- */

 .top-bar {
  background: #2c2c2c;
  border-style:solid;
  border-width: 0px 0px 0px 0px;
  text-align: left;
   }

.tab-bar-section.middle
{
  left: 2.8125rem;
  right: 0rem;
}

  
 .top-bar input, .top-bar .button
{
  font-size: 0.750rem;
  position: relative;
  top: 7px;
}

.top-bar input
{
  height: auto;
  padding-top: 0.375rem;
  padding-bottom: 0.313rem;
  font-size: 0.75rem;
  width: 25.000em; 
}


    .top-bar-section li:not(.has-form) a:not(.button) {
      padding-left: 1.500rem !important; }

    .top-bar-section .has-dropdown > a {
		
      padding-left: 1.500rem !important; }
	  
		
 .top-bar-section .has-form {
   background: #2c2c2c;
   background-color: #2c2c2c;
   padding: 0px 8px;
  border-style:solid;
  border-width: 0px 0px 0px 0px;
   height: 45px; }

.very_top_links ul li > a {
	
height: 45px;	
margin-left: -1.000rem;	
}
   
  .very_top_links label {
   background: #2c2c2c;
   background-color: #2c2c2c;
   padding: 12px 8px;
  border-style:solid;
  border-width: 0px 0px 0px 0px;
  color: #ffffff;
  cursor: text;
  display: block;
  font-weight: bold;
  margin-bottom: 0px;   
   height: 45px; } 
   
  
   

/*   To delete */ 
   .top-bar-section label {
   background: #2c2c2c;
   background-color: #2c2c2c;
   padding: 12px 8px;
  border-style:solid;
  border-width: 0px 0px 0px 0px;
  color: #ffffff;
  cursor: text;
  display: block;
  font-weight: bold;
  margin-bottom: 0px;   
   height: 45px; } 
   
    
   
.top-bar-section ul li.active_green > a {
   background: #607848;
   color: white; }
.top-bar-section ul li.active_green > a:hover {
   background: #475835; }
    
    .top-bar-section ul li.active > a {
      background: #d33f4d;
      color: #FFFFFF;
	  padding: 10px 12px;
	  font-family: "proxima-nova",sans-serif;
	  font-size: 0.875em;
	  font-weight: bold;}
      .top-bar-section ul li.active > a:hover {
        background: #aa313d;
        color: #FFFFFF; }   
   
   .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #ffc087;
    padding-top: 0.125;
    padding-right: 0.125;
    padding-bottom: 0;
    padding-left: 0;
    font-family: Arial, sans-serif;
    font-size: 0.750rem;
    font-weight: normal;
    text-transform: none;
   background-color: #2c2c2c;	
    background: #2c2c2c; }
	
   .top-bar-section ul li > a:hover {
    color: #FFFFFF;
	text-decoration: none; }
	
    .top-bar-section ul li > a span {
    color: #FFFFFF;
	 }
	
.top-bar-section li:not(.has-form) a:not(.button):hover {
   background: #284179;
    }	


.top-bar-section ul li {
  background: #2c2c2c; }

nav.tab-bar {
  background: #2c2c2c;
  border-style:solid;
  border-width: 0px 0px 0px 0px;
 }
 
 .contain-to-grid {
  background: #ffffff;
 }

.very_top {
  margin-top: 1.750em;
  height: 6.563em;
  background: #646e71;
  background-image:url('../img/bkg_header.png');
  position: left left;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-bottom: 0px solid #cccccc;
   }
   
.very_top_signin {
  margin-top: 1.750em;
  height: 6.563em;
  background: #646e71;
  background-image:url('../img/bkg_header.png');
  position: left left;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-bottom: 1px solid #ffffff;
   }   
   
.very_top_mobile {
  margin-top: 0em;
  height: 8.5em;
  background: #ffffff;
  background-image:url('../img/bkg_header_mobile.png');
  position: left left;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-bottom: 0px solid #646e71;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #d9d9d9;
  padding-top: 1.250em;
   }   
   
 .very_top_profile {
  margin-top: 2.813em;
  height: 7.500em;
  line-height: 4.688em;
  position: relative;
  border-style:solid;
  border-width: 0px 0px thin 0px;
  border-bottom:solid #185800;
  background: #185800;
   }
  
.very_top .logo {
padding-top: 1.900em;
 }
 
.very_top .logo_text {
padding-top: 1.625em;
/* max-width: 850px; */
 } 
 
.very_top .logo_text_right {
padding-top: 1.625em;
padding-right: 3.125em;
 }
 
.very_top .logo_banner {
padding: 0.625em 0;
 }

.very_top_profile .logo {
padding: 0.625em 0;
 }

.very_top .avatar {
padding: 0.625em 0 0; }

.very_top_profile .avatar {
padding: 0.625em 0 0; }

/*.very_top .avatar .ul {
margin-bottom: 0px;
line-height: 0px;
 }*/

.very_top .content_area {
padding: 1.250em 0; }

.very_top_profile .content_area {
padding: 1.250em 0; }

.very_top .content_area_mobile {
padding: -0.313em 0;
 }
 
 .very_top_profile .content_area_mobile {
padding: -0.313em 0;
 }
 
 .very_top .content_area_mobile {
line-height: 0em;
 }

 .very_top_profile .content_area_mobile {
line-height: 0em;
 }

.very_top .header_buttons {
padding: 0.625em 0; }

.very_top_profile .header_buttons {
padding: 0.625em 0; }

 .top-bar .name h1 a {
  font-weight: bold;
  font-family: "futura-pt-condensed", sans-serif;
  font-size: 110%;
  width: 10%;
  color: #333333;
  padding: 0 5px; }
  
 .globe {
  padding-top: 8px; }
  
   .icon_header {
  padding-top: 1px; }
  
  .header_icons {
	color: #288fae;
}
  

/* -------------------- C. MAIN NAVIGATION BAR -------------------- */

.navigation_bar_background {
  margin-top: 0;
  height: 2.625em;
  padding: 0.313em;
  padding-left: 2.063em;
  padding-top: 0.375em;
  position: relative;
  background-image:url('../img/bkg_navbar.jpg');	
  background-repeat: no-repeat;
   }
   
.navigation_bar_background_profile {
  margin-top: 0;
  height: 2.625em;
  padding: 0.313em;
  position: relative;
  line-height: 1em;
    border-style:solid;
  border-width: thin 0px 0px 0px;
  border-top:solid #25650d;
  background: #ffffff; }  
  
.navigation_bar_background_user {
  margin-top: 0;
  height: 2.625em;
  padding: 0.313em;
  position: relative;
  line-height: 1em;
  background: #3d5b99; }   

/* -------------------- D. LEFT NAVIGATION BAR -------------------- */

.grey_inside_nav {
  background-color: #e5e5e5;
  border-width: 0px 0px thin 0px;
  border-color: #ffffff;
}

	
/*
=============================================== 03. CONTAINER STYLES ===============================================
*/		   

.wider_row {
max-width: 121.563rem;
padding-top: 0em;	
}

.wider_row_news {
max-width: 100%;
padding-top: 0em;	
}

.wider_row_prelogin {
max-width: 95rem;
padding-top: 0em;	
}

.page_background {
background: #ffffff;
background-repeat: no-repeat;	
}

.page_background_darker {
background: #f6f6f6;
}

.no_padding {
  padding: 0px;
}

.little_padding {
  padding: 0.500em;
}

.negative_margin {
margin-top: -1.563em;	
	
}

 .header_padding {
	padding-left: 0em;
	padding-bottom: 0em;
	padding-top: 0em; 	 
 }
 
 .white_padding {
	background-color: #ffffff;
	padding: 0.313em;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.light_grey_row {
	background-color: #f6f6f6;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;		
}

.light_grey_row_questions {
	background-color: #f6f6f6;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0.625em;
	padding-right: 0em;		
}

.light_grey_row_border {
	background-color: #e7e6e6;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;
	border-width: 1px 0px 0px 0px;
	border-bottom: solid 1px #dddddd;	
}


/* -------------------- A. MAIN SECTION -------------------- */

.grey_area {
  background-color: #f2f2f2;
  border-style:solid;
  border-width: thick 0px 0px 0px;
  border-top:solid #ffffff;
  padding: 0px;
}

 .columns_nopadding {
	 padding: 0rem;
 }


/* -------------------- B. LEFT SECTION -------------------- */

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 0px #52c7c7;
  left: 0; }
  
.panel_left_column {
  background-color: #f6f6f6;
  border-right: 0px;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
}

div.padding_left_column {
	padding-top: 1.000em;
	padding-left: 1.375em;
	padding-bottom: 0em;
	padding-right: 1.250em;
}

div.padding_left_indentRow {
	padding-left: 2.813em;
} 

.side-nav {
  display: block;
  margin: 0;
  padding: 0.625rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "proxima-nova",sans-serif; }
  .side-nav li {
    margin: 0 0 0 0;
    font-size: 0.813rem;
	font-family: "proxima-nova",sans-serif;
    font-weight: normal; }
    .side-nav li a:not(.button) {
      display: block;
      color: #4d5054;
	  font-family: "proxima-nova",sans-serif;
      margin: 0;
      padding-top: 0.4375rem;
	  padding-left: 1.750rem;
	  padding-bottom: 0.4375rem;
	  padding-right: 0.875rem;   }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #428bca; 
		text-decoration: none; }
		
    .side-nav li a.header_completed:not(.button) {
      display: block;
      color: #52962e;
	  font-family: "proxima-nova",sans-serif;
      margin: 0;
      padding-top: 0.4375rem;
	  padding-left: 0.688rem;
	  padding-bottom: 0.4375rem;
	  padding-right: 0.875rem;   }
      .side-nav li a.header_completed:not(.button):hover, .side-nav li a.header_completed:not(.button):focus {
        background: rgba(240, 240, 240, 1);
		text-decoration: none; }
		
 /*   .side-nav li a.header_active:not(.button) {
      display: block;
      color: #bd4f5c;
	  font-family: "proxima-nova",sans-serif;
      margin: 0;
      padding-top: 0.4375rem;
	  padding-left: 1.375rem;
	  padding-bottom: 0.4375rem;
	  padding-right: 0.875rem;   }
      .side-nav li a.header_active:not(.button):hover, .side-nav li a.header_active:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
		text-decoration: underline; }	*/			
		
		
    .side-nav li.locked a:not(.button) {
      display: block;
      color: #a0a0a0;
	  font-family: "proxima-nova",sans-serif;
	  font-size: 0.813rem;
      margin: 0;
      padding-top: 0.4375rem;
	  padding-left: 0.688rem;
	  padding-bottom: 0.4375rem;
	  padding-right: 0.875rem;   }
      .side-nav li.locked a:not(.button):hover, .side-nav li.locked a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #cccbcb; 
		text-decoration: none; }
		
    .side-nav li.active_section.locked a:not(.button) {
      display: block;
      color: #a0a0a0;
	  font-family: "proxima-nova",sans-serif;
      margin: 0;
      padding-top: 0.4375rem;
	  padding-left: 1.750rem;
	  padding-bottom: 0.4375rem;
	  padding-right: 0.875rem;   }
      .side-nav li.active_section.locked a:not(.button):hover, .side-nav li.active_section.locked a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #a0a0a0; 
		text-decoration: none; }
				
    .side-nav li.active > a:first-child:not(.button) {
	  background: rgba(255, 238, 223, 1);
      color: #494949;
      font-weight: bold;
      font-family: "proxima-nova",sans-serif; }
	  
    .side-nav li.active_heading > a:first-child:not(.button) {
	  background: rgba(255, 255, 255, 1);
      color: #494949;
      font-weight: bold;
	  padding-top: 0.4375rem;
	  padding-bottom: 0.4375rem;
	  padding-left: 0rem;
	  text-transform: uppercase;
      font-family: "proxima-nova",sans-serif; }
	  
    .side-nav li.dashboard_unselect_heading > a:first-child:not(.button) {
	  background: rgba(255, 255, 255, 1);
      color: #494949;
      font-weight: normal;
	  padding-top: 0.4375rem;
	  padding-bottom: 0.4375rem;
	  padding-left: 0rem;
      font-family: "proxima-nova",sans-serif; }
	  
    .side-nav li.dashboard_unselect_heading > a:first-child:not(.button):hover {
	  background: rgba(255, 255, 255, 1);
      color: #428bca;
	 }		      
	  
    .side-nav li.active > a:first-child:not(.button):hover {
	  background: rgba(255, 238, 223, 1);
      color: #428bca;
      font-weight: bold;
      font-family: "proxima-nova",sans-serif; }	  	  
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: #e8e9e9; }
    .side-nav li.active_section {
	  background: rgba(255, 255, 255, 1);
      padding-left: 1.000rem; }
	  
    .side-nav li.active_section_active {
	  background: rgba(255, 238, 223, 1);
      padding-left: 1.000rem; }	  
	  
	 .side-nav li.active_section.heading {
	  background: rgba(255, 255, 255, 1);
	  padding-top: 0.4375rem;
	  padding-bottom: 0.4375rem;
	  padding-left: 0rem;
	  color: #2c2c2c;
	  font-weight: bold; }
	 .side-nav li.active_sub_section {
	  background: rgba(255, 255, 255, 1);
      padding-left: 3.375rem; }	
	  
	 .side-nav li.active_sub_section_active {
	  background: rgba(255, 238, 223, 1);
      padding-left: 3.375rem; }		  
	   
	/* .side-nav li.active_sub_section.heading {
	  color: #646e71;
	  font-weight: bold; } */
    .side-nav li.completed {
      background: rgba(246, 246, 246, 1);
	  padding-top: 0rem;
	  padding-bottom: 0rem;
	  padding-left: 0rem;
	  color: #52962e;
	  font-weight: bold;
	  text-transform: uppercase; }	   	  


/* -------------------- C. RIGHT SECTION -------------------- */





/* -------------------- D. FOOTER -------------------- */


/* -------------------- E. OVERLAP OVER CONTAINERS -------------------- */

div.yes {
  position: absolute;
  top: 125px;
  left: 0px;
  padding-top: 1.375em;
  padding-bottom: 1.375em;
  padding-left: 0em;
  padding-right: 3.750em;
  width: 450px;
  background-image:url('../img/bkg_hero_home.png');
  z-index:99 !important;
}

div.university {
  position: absolute;
  top: 162px;
  left: 0px;
  padding-top: 1.375em;
  padding-bottom: 1.375em;
  padding-left: 0em;
  padding-right: 1.375em;
  width: 315px;
  background-image:url('../img/bkg_hero_university.png');
  z-index:99 !important;
}

div.coreplan_yes {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:99 !important;
}



/*
=============================================== 04. CONTENT STYLES ===============================================
*/	

.deja_vu_font {
font-family: "DejaVu Sans", sans-serif;	
}

.bold
{
  font-weight: bold;	
}

.italics
{
  font-style: italic;	
}

.bold_text {	
	font-weight: bold;
}

.all_caps
{
	text-transform: uppercase;	
	
}

.capitals {
	text-transform: uppercase;
}


  blockquote cite {
	  color: #1a1a1a;
	  font-size: 0.875em;
 }
    blockquote cite a,
    blockquote cite a:visited {
	  color: #4968a9;		
    }

blockquote,
blockquote p {
  line-height: 1.6;
	font-size: 1.000em;
  color: #666666; }

.padding_top_text {
	padding-top: 0.375em;	
}

.adriane {
	font-family: "adriane",serif;
}

.helvetical_neue {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.make_it_left {
	text-align: left;		
}

.goog-te-banner-frame{visibility:hidden !important;}
#body-main{top:0px !important;}

.goog-te-gadget-icon{
  display:none;
}


/* -------------------- A. HEADERS, PARAGRAPHS, BODY -------------------- */

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "proxima-nova",sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

p {
  font-family: "proxima-nova",sans-serif;
  color: #000000;
  font-size: 1.000em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #000000;
  line-height: 1.125em;
  }

 h1.white_text, h2.white_text, h3.white_text, h4.white_text, h5.white_text, h6.white_text, p.white_text  {
	color: #ffffff;
}

 p.small_text
 {
	font-size: 75.0%; 
 }
 
  p.smallest_text
 {
	font-size: 60.0%; 
 }
 
  p.small_text_no_padding
 {
	font-size: 90.0%; 
	padding: 0px;
 }
 
 small_navtext {
font-size: 80.0%;	 
 }


h1.character_spacing, h2.character_spacing, h3.character_spacing, h4.character_spacing, h5.character_spacing, h6.character_spacing {
  letter-spacing: 0.188em;
  }

  
h1.less_space, h2.less_space, h3.less_space, h4.less_space, h5.less_space, h6.less_space {
  font-weight: light;
  color: #4d4d4d;
  line-height: 1;
  }
  
h1.alot_less_space, h2.alot_less_space, h3.alot_less_space, h4.alot_less_space, h5.alot_less_space, h6.alot_less_space {
  font-weight: light;
  color: #4d4d4d;
  line-height: .75em;
  margin-bottom: 0.313em;
  }  

  h1.more_space, h2.more_space, h3.more_space, h4.more_space, h5.more_space, h6.more_space {
  padding-bottom: 0.500em;
  } 
  
  h1.more_space_top, h2.more_space_top, h3.more_space_top, h4.more_space_top, h5.more_space_top, h6.more_space_top {
  padding-top: 0.500em;
  } 

  h1.editable_content, h2.editable_content, h3.editable_content, h4.editable_content, h5.editable_content, h6.editable_content {
   color: #d33f4d;
   font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  } 

 h1.logo_main, h2.logo_main, h3.logo_main, h4.logo_main, h5.logo_main, h6.logo_main, p.logo_main  {
	margin-top: -0.625em;
	font-weight: normal;
	font-size: 80%;
}

 h1.hero, h2.hero, h3.hero, h4.hero, h5.hero, h6.hero, p.hero  {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 100%;
	text-transform: uppercase;
}

 h1.page_title, h2.page_title, h3.page_title, h4.page_title, h5.page_title, h6.page_title, p.page_title  {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
}

 h1.program_title, h2.program_title, h3.program_title, h4.program_title, h5.program_title, h6.program_title, p.program_title  {
  font-family: "adriane",serif;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 1.4;
  text-transform: uppercase;
}

 h1.hero_white, h2.hero_white, h3.hero_white, h4.hero_white, h5.hero_white, h6.hero_white, p.hero_white  {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  color: #ffffff;
}


 h1.project_name, h2.project_name, h3.project_name, h4.project_name, h5.project_name, h6.project_name, p.project_name  {
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  color: #4d5054;
 /* background-color: #ffffff; */
  padding-top: 0.313em;
  padding-right: 0.313em;
  padding-left: 0.313em;
}

 h1.alert_white, h2.alert_white, h3.alert_white, h4.alert_white, h5.alert_white, h6.alert_white, p.alert_white  {
	font-family: "adriane",serif;
	font-weight: normal;
	font-size: 120%;
	color: #ffffff;
}

 h1.footer, h2.footer, h3.footer, h4.footer, h5.footer, h6.footer, p.footer  {
	font-family: "adriane",serif;
	font-weight: bold;
	font-size: 75%;
	text-transform: uppercase;
}

 h5.spotlight_black, h4.spotlight_black, h3.spotlight_black, h2.spotlight_black {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;	
}

  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 14px; }
	
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 0.875rem;
      margin: 0; }


/* -------------------- B. LISTS -------------------- */


 ul.pagination li.current a, ul.pagination li.current button {
      background: #646e70;
      color: #FFFFFF;
      font-weight: bold;
      cursor: default; }


ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
    background: #646e70;
}



.content_area li
{
  margin-left:0.938em;
}


.whats_newcontent_area li
{
  margin-left:0.938em;
  color: #000000;
}


  ul.inline_link li {
    padding-right: 1.000em;
 }
 
ol.results {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.results > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    background:#f6f6f6;
}
ol.results > li:before {
  content:" "; /* Use the counter as content */
 counter-increment:li;  /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:#d33f4d;
    font-weight:bold;
    font-family: 'Arial Black', "proxima-nova",sans-serif;
    text-align:center;
	min-height: 100%;
}
li ol.results,
li ul.results {margin-top:6px;}
ol.results ol.results li:last-child {margin-bottom:0;}


ol.results_acceptable {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.results_acceptable > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    background:#f6f6f6;
}
ol.results_acceptable > li:before {
    content:" "; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:#52962e;
    font-weight:bold;
    font-family: 'Arial Black', "proxima-nova",sans-serif;
    text-align:center;
	min-height: 100%;
}
li ol.results_acceptable,
li ul.results_acceptable {margin-top:6px;}
ol.results_acceptable ol.results_acceptable li:last-child {margin-bottom:0;}


ol.number_list {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.number_list > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    background:#f6f6f6;
}
ol.number_list > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:#646e71;
    font-weight:bold;
    font-family: "proxima-nova",sans-serif;
	font-size: 1.25rem;
    text-align:center;
	min-height: 100%;
}
li ol.number_list,
li ul.number_list {margin-top:6px;}
ol.number_list ol.number_list li:last-child {margin-bottom:0;}
 
  ul.panel_left li a {
    color: #3f8add;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.000em;
    font-weight: bold; }
	
    ul.panel_left li a:hover {
    color: #009999;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.000em;
    font-weight: bold; }
	
	ul.panel_left li {
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
	padding-bottom: 0.938em;
	 }	

.screen_contents ul, .screen_contents_noRightPadding ul {
	padding-left: 0em;
} 

/*.screen_contents ul li, .screen_contents_noRightPadding ul li {
	padding-left: 1em;
	text-indent: -1.25em;
} */

/*.screen_contents ul li:before, .screen_contents_noRightPadding ul li:before {
	content: "●";
	padding-right: 0.875em;
	color: #d33f4d;
	font-weight:bold;
} */

.screen_contents ul li:before, .screen_contents_noRightPadding ul li:before {

	padding-left: 1.000em;

} 

.sub_div ul {
	list-style: none;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
}

.sub_div ul li {
	padding-left: 0.313em;
	text-indent: -1.25em;
}

.sub_div ul li:before {
	content: "●";
	padding-right: 0.875em;
	color: #8e8f8f;
	font-weight:bold;
}



/*.alert-box ul {
	list-style: none;
	padding-top: .5em;
}*/

.alert-box ul li {
	padding-top: .25em;
	/*padding-left: 1em;*/
	/*text-indent: -1.25em;*/
	font-size: 0.8125rem;
}

/*.alert-box ul li:before {
	content: "●";
	padding-right: 0.875em;
	color: #4197fb;
	font-weight:bold;
}*/

.padding_mainarea_home ul li {
  font-family: arial,sans-serif;
  color: #414439;
  font-size: 0.875em;
}

.padding_mainarea ul li {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
  margin-left: 1.250em;
}

.padding ul li {
  font-family: "jaf-facitweb",sans-serif;
  color: #414439;
  font-size: 0.875em;
  margin-left: 1.250em;
}

.panel_main_content_area_inside ul li {
font-size: 0.813em;
}

 ul.small_ul
{
	font-size: 87.5%;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 150%;
	}

  ul.featured li a {
    font-family: arial, sans-serif;
    font-size: 0.813rem;
    font-weight: bold; }
	
    ul.featured li a:hover {
    font-family: arial, sans-serif;
    font-size: 0.813rem;
    font-weight:  bold; }
	
	ul.featured li {
    color: #595858;
    font-family: arial, sans-serif;
    font-size: 0.813rem;
    font-weight: normal;
	padding-bottom: 0.500em;
	 }	
	 



/* -------------------- C. TABS AND ACCORDIONS -------------------- */

.tabs {
  *zoom: 1;
  margin-bottom: 0 !important; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd {
    position: relative;
    margin-bottom: 0 !important;
    float: left; }
    .tabs dd > a {
      display: block;
      background: #efefef;
      color: #222222;
      padding: 1rem 2rem;
      font-family: "proxima-nova",sans-serif;
	  text-decoration: none;
      font-size: 1rem; }
      .tabs dd > a:hover {
        background: #e1e1e1;
		text-decoration: none; }
    .tabs dd.active a {
      background: white;
	  text-decoration: none; }
  .tabs.radius dd:first-child a {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a {
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 0rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }


dl.spotlight {
	background: #ededed;
	margin-top: 1.25rem;
}

.tabs dd.spotlight > a
{
  display: block;
  background-color: #f2f2f2;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #4968a9;
  padding-top: .5rem;
  padding-right: 1rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-family: Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: normal;
  border-right: 0px solid #d0d0d0;
}

.tabs dd.spotlight > a:hover
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-right: 0px solid #d0d0d0;
}

.tabs dd.spotlight.active a
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #222222;
  border-right: 0px solid #d0d0d0;
  font-weight: bold;
}


.tabs dd.spotlight_radio
{
  padding-top: .30rem;
  padding-right: 1rem;
  padding-left: 1rem;
  background-position: 0% 0%;
  border-right: 1px solid #d0d0d0;
}

dl.spotlight {
	background: #f2f2f2;
}

.tabs dd.spotlight > a
{
  display: block;
  background-color: #f2f2f2;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #4968a9;
  padding-top: .5rem;
  padding-right: 1rem;
  padding-bottom: .75rem;
  padding-left: 1rem;
  font-family: Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: normal;
  border-right: 0px solid #d0d0d0;
}

.tabs dd.spotlight > a:hover
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-right: 0px solid #d0d0d0;
}

.tabs dd.spotlight.active a
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #262626;
  border-right: 0px solid #d0d0d0;
  font-weight: bold;
}

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 30%;
    max-width: 30%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical {
    width: 70%;
    max-width: 70%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }


dl.featured {

	background-image:url('../img/bkg_popular2.jpg');
	background-repeat: no-repeat;
  	background-position: top center;	
	border-right: 1px solid #c6c3b7;
	/*-webkit-box-shadow: 6px 0px 5px 0px rgba(163, 159, 141, 0.75); */
	/*-moz-box-shadow:    6px 0px 5px 0px rgba(163, 159, 141, 0.75); */
	/*box-shadow:         6px 0px 5px 0px rgba(163, 159, 141, 0.75); */
	padding-top: 0.313em;
}

.tabs.vertical dd.featured a {
		font-size: 85%;
		padding: 0.625em;
		color: #214871;
		font-family: "proxima-nova",sans-serif;
		background: transparent;
 }
 
.tabs.vertical dd.featured a:hover {
		background: #f3f0e0;
 }


.tabs.vertical dd.featured.active a {
		color: #16151b;		
		font-size: 85%;
		font-weight: bold;
		background-image: url("../img/popular_button.jpg");
  		background-repeat: no-repeat;
  		background-position: right center;	
      	 }


/* -------------------- D. DROPDOWNS -------------------- */





/* -------------------- E. TABLES -------------------- */

table {
  background: #f2f2f2;
  margin-bottom: 1.25rem;
  border: solid 0px #DDDDDD;
  table-layout: auto; }

table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
	  font-family: "proxima-nova",sans-serif;
      font-weight: bold;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.813rem;
    color: #414439; }
	
  table ul li {
	font-size: 0.813rem;  	  
  }

.pricing-table .description
{
  background-color: white;
  padding-top: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-left: 0.9375rem;
  text-align: center;
  color: #222222;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.4;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #dddddd;
}

  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1rem;
    font-family: "adriane",sans-serif;
	line-height: 1.4;
	}
	
  .pricing-table .price {
    background-color: #f6f6f6;
    padding: 0.9375rem 1rem;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 1rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	 }
	 
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd;
	line-height: 1.2;
	 }
	 
a.tables
{
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	
}
   
a.tables:visited
{
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}  
   
a.tables:hover
{
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}	

.bccsa_grey_tabletitle {
background: #646e71;
color: #ffffff;
font-weight:bold;
}

td.white {
background: #ffffff;
text-align: center;	
}

th.white {
background: #ffffff;
text-align: center;	
}

/*table.bccsa_table_white tr.even, table.bccsa_table_white tr.alt, table.bccsa_table_white tr:nth-of-type(2n)
{
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
} */

.bccsa_grey_table {
background: #cdcdcd;
}

table.bccsa_table_border, table.bccsa_table_border th, table.bccsa_table_border td {
    border: 1px solid #9a9a9a;
	vertical-align: top;
}

table.bccsa_table_no_border, table.bccsa_table_no_border th, table.bccsa_table_no_border td {
    border: 0px solid #9a9a9a;
	vertical-align: top;
}

/* table.bccsa_table_white, table.bccsa_table_white th, table.bccsa_table_white td {
    border-collapse: collapse;
	 padding: 0;
	 border: 0px solid #ffffff;
	 background: #ffffff;
} */

table.bccsa_table_border {
    border-collapse: collapse;
}


.orange_table_header {
	background-color: #e37d21;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;
	border-width: 1px 0px 0px 0px;
	border-bottom: solid 1px #dddddd;	
}


.black_table_header {
	background-color: #27303c;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;
	border-width: 1px 0px 0px 0px;
	border-bottom: solid 1px #dddddd;	
}


.light_orange_row {
	background-color: #ffeedf;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;
	border-width: thin 0px 0px 0px;
  	border-top: solid #e37d21;	
}


.light_bccsa_red_row {
	background-color: #faeceb;
	padding-top: 1.375em;
	padding-bottom: 0.625em;
	padding-left: 1.375em;
	padding-right: 1.375em;
	border-width: thin 0px 0px 0px;
  	border-top: solid #d33f4d;	
}

.bccsa_highlight_row {
	background-color: #ffeedf;
	padding: 15px;
}

.light_bccsa_green_row {
	background-color: #e6f7d6;
	padding-top: 1.375em;
	padding-bottom: 0.625em;
	padding-left: 1.375em;
	padding-right: 1.375em;
	border-width: thin 0px 0px 0px;
  	border-top: solid #539633;	
}

.light_orange_row_controls {
	background-color: #fef6ee;
	padding-top: 1.250em;
	padding-bottom: 1.250em;
	padding-left: 1.063em;
	padding-right: 1.063em;
	border-width: thin 0px 0px 0px;
  	border-top: solid #c7c7c7;	
}

.light_orange_row_controls_listing {
	background-color: #fef6ee;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 2.500em;
	padding-right: 2.500em;	
}


.light_red_row_warning {
	background-color: #faeceb;
	padding-top: 1.250em;
	padding-bottom: 1.250em;
	padding-left: 1.063em;
	padding-right: 1.063em;
	border-width: thin 0px 0px 0px;
  	border-top: solid #cc4438;	
}


.light_red_row {
	background-color: #faeceb;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0em;
	padding-right: 0em;
	border-width: 1px 0px 0px thick;
	border-left: solid 10px #cc4438;
	border-top: solid 1px #cc4438;
}


.light_green_row {
	background-color: #dbeccb;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0em;
	padding-right: 0em;
	border-width: 1px 0px 0px thick;
	border-left: solid 10px #539633;
	border-top: solid 1px #539633;
}


.light_grey_row_assessment {
	background-color: #ffffff;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0em;
	padding-right: 0em;
	border-width: 0px 0px 0px thick;
	border-left: solid 10px #656565;
}


.light_blue_row_assessment {
	background-color: #ffffff;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0.625em;
	padding-right: 0.625em;
	border-width: 0px 0px 0px thick;
	border-left: solid 10px #008cba;
}


.light_red_row_border {
	background-color: #f4e7e6;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;
	border-width: 1px 0px 0px 0px;
  	border-bottom: solid 1px #dddddd;	
}


.white_row {
	background-color: #ffffff;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 2.500em;
	padding-right: 0em;	
}


.white_row_no_padding {
	background-color: #ffffff;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	padding-right: 0em;	
}

.white_row_questions {
	background-color: #ffffff;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0.625em;
	padding-right: 0em;	
}

/* -------------------- F. HYPERLINKS -------------------- */

a
{
  font-family: "proxima-nova",sans-serif;
  font-size: 1.000em;
  color: #4968a9; 
  text-decoration: none;	
}
   
a:visited
{
  color: #4968a9; 
  text-decoration: none;
}  
   
a:hover
{
  color: #4968a9; 
  text-decoration: underline;
}

.text_highlight a
{
  font-family: "proxima-nova",sans-serif;
  font-size: 1.000em;
  color: #d33f4d; 
  text-decoration: underline;	
}
   
.text_highlight a:visited
{
  color: #d33f4d; 
  text-decoration: none;
}  
   
.text_highlight a:hover
{
  color: #ec6d61; 
  text-decoration: underline;
}

.text_highlight_red_large a
{
  font-family: "proxima-nova",sans-serif;
  font-size: 1.000em;
  color: #d33f4d; 
  text-decoration: underline;	
}
   
.text_highlight_red_large a:visited
{
  color: #d33f4d; 
  text-decoration: underline;
}  
   
.text_highlight_red_large a:hover
{
  color: #ec6d61; 
  text-decoration: none;
}

.text_highlight_green_large a
{
  font-family: "proxima-nova",sans-serif;
  font-size: 1.000em;
  color: #539633; 
  text-decoration: underline;	
}
   
.text_highlight_green_large a:visited
{
  color: #539633; 
  text-decoration: underline;
}  
   
.text_highlight_green_large a:hover
{
  color: #6bbc44; 
  text-decoration: none;
}


a.whats_this
{
  font-size: 0.750em;
  color: #ffc087;
  font-weight: normal; 
  text-decoration: none;
  padding-left: 0.500em;	
}

a.whats_this:hover, .whats_this:focus
{
  text-decoration: underline;
}

a.whats_this:visited
{
  color: #ffc087;
  text-decoration: none;
  padding-left: 1.250em;	
}

a.recommendation
{
  font-size: 0.750em;
  color: #4968a9;
  font-weight: normal; 
  text-decoration: none;	
}

a.recommendation:hover, .recommendation:focus
{
  text-decoration: underline;
}

a.recommendation:visited
{
  color: #4968a9;
  text-decoration: none;	
}

a.small:link
{
 font-size: 75.0%; 	
}

a.light_blue:link
{
	color: #2790b0;
	
	}

a.light_blue:hover
{
	text-decoration: underline;
	color: #2790b0;
	
	}

a.light_blue:visited
{
	color: #2790b0;
	
	}
	
a.light_blue_alert:link
{
	color: #2790b0;
	}

a.light_blue_alert:hover
{
	text-decoration: underline;
	color: #2790b0;
	}

a.light_blue_alert:visited
{
	color: #2790b0;
	}
	
a.footer_title:link
{
  font-family: arial,sans-serif;
  font-weight: bold;
  color: #4d4d4d;
	}

a.footer_title:hover
{
  text-decoration: underline;
  font-family: arial,sans-serif;
  font-weight: bold;
  color: #4d4d4d;
	}

a.footer_title:visited
{
  font-family: arial,sans-serif;
  font-weight: bold;
  color: #4d4d4d;
	}
	
a.footer_title_blue:link
{
  font-family: arial,sans-serif;
  font-weight: bold;
  font-size: 0.750em;
	}

a.footer_title_blue:hover
{
  text-decoration: underline;
  font-family: arial,sans-serif;
  font-weight: bold;
	}

a.footer_title_blue:visited
{
  font-family: arial,sans-serif;
  font-weight: bold;
	}	

.padding_mainarea_home a
{
  font-family: arial,sans-serif;
  color: #4968a9;
  text-decoration: none;
}

.padding_mainarea_home a:visited
{
  color: #4968a9;
  text-decoration: none;
}

.padding_mainarea_home a:hover
{
  font-family: arial,sans-serif;
  color: #4968a9;
  text-decoration: underline;
}

      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 100%;
        display: block;
        padding: 0 15px; }

 .top-bar .name h1 a {
  font-weight: bold;
  font-family: "futura-pt-condensed", sans-serif;
  color: #a1a1c7; }
  
 .top-bar .name h1 a:hover {
  text-decoration: none;
  color: #a1a1c7; }

a.white_action:link
{
  font-weight: bold;
  color: #ffffff;
	}

a.white_action:hover
{
  text-decoration: none;
  font-weight: bold;
  color: #eeebeb;
	}

a.white_action:visited
{
  font-weight: bold;
  color: #ffffff;
	}
	
a.white:link
{
  color: #ffffff;
  text-decoration: underline;
	}

a.white:hover
{
  text-decoration: none;
  color: #eeebeb;
	}

a.white:visited
{
  color: #ffffff;
  text-decoration: underline;
	}	

/* -------------------- G. LABELS AND HIGHLIGHTS -------------------- */

span.text_highlight {
	color: #d33f4d;
	font-weight:bold;	
}

span.text_highlight_red {
	color: #cc4438;
	font-weight:bold;	
}

span.text_highlight_green {
	color: #539633;
	font-weight:bold;	
}

span.text_highlight_red_large {
	color: #cc4438;
	font-weight:bold;
}

span.text_highlight_green_large {
	color: #539633;
	font-weight:bold;
}

span.text_highlight_black_large {
	color: #000000;
	font-weight:bold;
}


label {
  color: #414439;
  cursor: text;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
}

label.checkbox_label {
  color: #414439;
  cursor: text;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
}

  .label.alert {
    background-color: #d33f4d;
    color: #FFFFFF; }

label.controls {
  font-size: 1.000em;
  color: #222;
  cursor: text;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  padding-right: 1.250em;
}


/* -------------------- H. LINES AND DIVIDERS -------------------- */

  hr.dotted {
  border-top: 1px dotted #999999;
  color: #fff;
  background-color: transparent;
  height: 1px;
  width:100%;
  padding: 0px;  
  }

 	hr.white {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #ffffff;
    margin: 1em 0; padding: 0;	
  }
  
  hr.red {
	display: block; height: 1px;
    border: 0; border-top: 6px solid #d33f4d;
    margin: 1em 0; padding: 0;	
  }  
  
 	hr.grey {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #cccccc;
    margin: 1em 0; padding: 5px;	
  }
  
   	hr.brown {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #8d774d;
    margin: 1em 0; padding: 0;	
  }  
  
     	hr.black_footer {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #231f20;
    margin: 1em 0; padding: 0;	
  }  
  
      	hr.black_footer2 {
	display: block; height: 2px;
    border: 0; border-top: 2px solid #443c3e;
    margin: 1em 0; padding: 0;	
  }    

div.vertical_line {
	border-right: 1px solid #d0d0d0;
}

div.vertical_line_left {
	border-left: 1px solid #d0d0d0;
}

  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #d5d5d5;
    clear: both;
    height: 1px;
    width: 100%; }  

    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #d5d5d5;
      clear: none;
      height: 45px;
      width: 0; }

/* -------------------- I. COLOURS -------------------- */

.blue {
	background-color: #26376b;
}

.grey_footer {
	background-color: #ededed;	
}

.white_area {
  background-color: #ffffff;
}

.grey {
	color: #333333;
}

.light_grey {
	color: #888888;
}

.lightest_grey {
	color: #d6dce0;
}

.icon_red {
	color: #cc4438;	
}

.green {
color: #539633;		
}

.orange {
color: #cf701f;	
}

.bccsa_red {
color: #d33f4d;	
}

.bccsa_grey {
background: #646e71;
color: #ffffff;
font-weight:bold;
padding-top: 0.625em;
padding-bottom: 0.625em;
padding-left: 2.500em;
padding-right: 0em;	
}

.dark_grey {
color: #2c2c2c;		
}

.bccsa_blue {
color: #008cba;	
}

.bccsa_green {
color: #52962e;	
}

.yellow {
	color: #dfb44c;
}

.brown {
	background-color: #c4bfaa;	
	border-top: 0px solid #8c8877;
	padding: 0em;
	background-image:url('../img/leather.jpg');
	}

.red {
	color: #cc4438;
}

.action_blue {
	color: #2790b0;		
}

.black_footer {
	background-color: #231f20;
	padding-top: 0px;
	border-top:solid #ffffff;
	border-top-width: 6px;	
}

/* -------------------- J. FORMS AND VALIDATIONS -------------------- */

select {
  font-family: "proxima-nova",sans-serif;
 }
 
 .white_text {
	color: #ffffff;	
}


.switch label
{
  display: block;
  margin-bottom: 1rem;
  position: relative;
  color: transparent;
  background-color: #dedede;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  cursor: pointer;
  transition-property: left;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}

.switch input:checked + label
{
  background-color: #52962e;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
}

.switch input:checked + label
{
  background-color: #52962e;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
}



/*
=============================================== 05. BUTTON STYLES ===============================================
*/	

/* -------------------- A. SINGLE BUTTONS -------------------- */


button, .button
{
  font-family: "proxima-nova",sans-serif;
}

button.success, .button.success
{
  background-color: #539633;
  border-top-color: #539633;
  border-right-color: #539633;
  border-bottom-color: #539633;
  border-left-color: #539633;
  color: #ffffff;
}

button.alert, .button.alert
{
  background-color: #d33f4d;
  border-top-color: #d33f4d;
  border-right-color: #d33f4d;
  border-bottom-color: #d33f4d;
  border-left-color: #d33f4d;
  color: #ffffff;
}

button.secondary, .button.secondary
{
  background-color: #646e71;
  border-top-color: #646e71;
  border-right-color: #646e71;
  border-bottom-color: #646e71;
  border-left-color: #646e71;
  color: #ffffff;
  font-family: "proxima-nova",sans-serif;
  font-size: 85%;
}


button.top_white, .button.top_white {
    padding-top: 0.125;
    padding-right: 0.125;
    padding-bottom: 0.125;
    padding-left: 0.125;
    font-size: 0.625em;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #333333; }
button.top_white:hover, button.top_white:focus, .button.top_white:hover, .button.top_white:focus {
	background-color: #d9d9d9; }
button.top_white:hover, button.top_white:focus, .button.top_white:hover, .button.top_white:focus {
	color: white; }

    .top-bar-section ul li > a.button.secondary {
    padding-top: 0.125;
    padding-right: 0.125;
    padding-bottom: 0.125;
    padding-left: 0.125;
    font-size: 0.688em;
    background-color: #284179;
    border-color: #284179;
    color: #ffffff; }
      .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
        background-color: #284179; }
      .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
        color: #a1a1c7; }

@media only screen and (min-width: 40.063em) {

    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0px;
      line-height: 42px;
      background: #2c2c2c; } } 

  button.featured, .button.featured {
    background-color: #646e71;
    border-color: #646e71;
	text-align: center;
	font-family: "proxima-nova",sans-serif;	
	font-weight: bold;
    color: white; }
    button.featured:hover, button.featured:focus, .button.featured:hover, .button.featured:focus {
      background-color: #27303c;
	   }
    button.featured:hover, button.featured:focus, .button.featured:hover, .button.featured:focus {
      color: white; }

button:hover, button:focus, button:visited, .button:hover, .button:focus, .button:visited
{
  text-decoration: none;
  color: white;
}

button.featured_small, .button.featured_small {
	background-color: #bd6911; }
button.featured_small:hover, button.featured_small:focus, .button.featured_small:hover, .button.featured_small:focus {
	background-color: #a1590f; }
button.featured_small:hover, button.featured_small:focus, .button.featured_small:hover, .button.featured_small:focus {
	color: white; }
	
button.action, .button.action {
	background-color: #023164; }
button.action:hover, button.action:focus, .button.action:hover, .button.action:focus {
	background-color: #011d3b; }
button.action:hover, button.action:focus, .button.action:hover, .button.action:focus {
	color: white; }	

  button.home_calendar, .button.home_calendar {
  background-image: url("../img/home_buttons_calendar.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
    background-color: #2790b0;
    border-color: #2790b0;
	text-align: left;
	font-family: "proxima-nova",sans-serif;
	padding-left: 17px;
    color: white; }
    button.home_calendar:hover, button.home_calendar:focus, .button.home_calendar:hover, .button.home_calendar:focus {
      background-color: #1e6e86;
	    background-image: url("../img/home_buttons_calendar_hover.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
	   }
    button.home_calendar:hover, button.home_calendar:focus, .button.home_calendar:hover, .button.home_calendar:focus {
      color: white; }
	  
	  
  button.home_member, .button.home_member {
  background-image: url("../img/home_buttons_member.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
    background-color: #2790b0;
    border-color: #2790b0;
	text-align: left;
	font-family: "proxima-nova",sans-serif;
	padding-left: 17px;
    color: white; }
    button.home_member:hover, button.home_member:focus, .button.home_member:hover, .button.home_member:focus {
      background-color: #1e6e86;
	    background-image: url("../img/home_buttons_member_hover.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
	   }
    button.home_member:hover, button.home_member:focus, .button.home_member:hover, .button.home_member:focus {
      color: white; }


  button.home_jobs, .button.home_jobs {
  background-image: url("../img/home_buttons_jobs.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
    background-color: #2790b0;
    border-color: #2790b0;
	text-align: left;
	font-family: "proxima-nova",sans-serif;
	padding-left: 17px;
    color: white; }
    button.home_jobs:hover, button.home_jobs:focus, .button.home_jobs:hover, .button.home_jobs:focus {
      background-color: #1e6e86;
	    background-image: url("../img/home_buttons_jobs_hover.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
	   }
    button.home_jobs:hover, button.home_jobs:focus, .button.home_jobs:hover, .button.home_jobs:focus {
      color: white; }

  button.home_photos, .button.home_photos {
  background-image: url("../img/home_buttons_photos.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
    background-color: #2790b0;
    border-color: #2790b0;
	text-align: left;
	font-family: "proxima-nova",sans-serif;
	padding-left: 17px;
    color: white; }
    button.home_photos:hover, button.home_photos:focus, .button.home_photos:hover, .button.home_photos:focus {
      background-color: #1e6e86;
	    background-image: url("../img/home_buttons_photos_hover.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
	   }
    button.home_photos:hover, button.home_photos:focus, .button.home_photos:hover, .button.home_photos:focus {
      color: white; }

  button.save_continue, .button.save_continue {
    background-color: #539633;
    border-color: #539633;
	text-align: center;
	font-family: "proxima-nova",sans-serif;
    color: white; }
    button.save_continue:hover, button.save_continue:focus, .button.save_continue:hover, .button.save_continue:focus {
      background-color: #3c7c31;
	   }
    button.save_continue:hover, button.save_continue:focus, .button.save_continue:hover, .button.save_continue:focus {
      color: white; }

  button.back, .button.back {
    background-color: #646e71;
    border-color: #646e71;
	text-align: center;
	font-family: "proxima-nova",sans-serif;
    color: white; }
    button.back:hover, button.back:focus, .button.back:hover, .button.back:focus {
      background-color: #494848;
	   }
    button.back:hover, button.back:focus, .button.back:hover, .button.back:focus {
      color: white; }
	
	
button.alt_action, .button.alt_action {
	background-color: #0099d9;
	color: white;
	font-weight:bold;
	 }
button.alt_action:hover, button.alt_action:focus, .button.alt_action:hover, .button.alt_action:focus, .button.alt_visited:focus {
	background-color: #016e9c;
	color: white;
	font-weight:bold;
	 }
button.alt_action:hover, button.alt_action:focus, .button.alt_action:hover, .button.alt_action:focus, .button.alt_visited:focus {
	color: white;
	text-decoration: none;
	 }
	
button.home_featured, .button.home_featured {
	background-color: #ffffff;
	border-style:solid;
  	border-width: thick;
  	border:solid #023164;
	color: #023164;
	 }
button.home_featured:hover, button.home_featured:focus, .button.home_featured:hover, .button.home_featured:focus {
	background-color: #023164; }
button.home_featured:hover, button.home_featured:focus, .button.home_featured:hover, .button.home_featured:focus {
	color: white;	
	 }		

button.turquoise, .button.turquoise {
	background-color: #52C7C7; }
button.turquoise:hover, button.turquoise:focus, .button.turquoise:hover, .button.turquoise:focus {
	background-color: #419a9a; }
button.turquoise:hover, button.turquoise:focus, .button.turquoise:hover, .button.turquoise:focus {
	color: white; }	

button.searchcanvas, .button.searchcanvas {
    background-color: #333333;
    border-color: #333333;
    color: white; }
	
button.searchcanvas:hover, button.searchcanvas:focus, .button.searchcanvas:hover, .button.searchcanvas:focus {
    background-color: #94ba65; }
	  
button.searchcanvas:hover, button.searchcanvas:focus, .button.searchcanvas:hover, .button.searchcanvas:focus {
    color: white; }


button.small, .button.small
{
  color: white;
}

button.small:hover, button.small:focus, .button.small:hover, .button.small:focus {
	color: white;
	text-decoration: none;
	 }
	 
button.small:visited, button.small:visited, .button.small:visited, .button.small:visited {
	color: white;
	 }	


/* -------------------- B. BUTTON GROUPS -------------------- */

/* -------------------- C. SPLIT BUTTONS -------------------- */

/* -------------------- D. DROPDOWN BUTTONS -------------------- */

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 0rem; }
  
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #023164;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }  
  
  .f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #023164;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
	
  .f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #023164;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }	 

/* -------------------- E. RADIO BUTTONS -------------------- */

input[type=radio].question_radios {
    float: left;
    margin: 5px;
}
label.question_radios {
    margin-left: 30px;
    display: block;
}



input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:23px; 
							display:inline-block;
							line-height:23px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:23px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -23px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_73face735936ee95d8552d16980facf9.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


/*
=============================================== 06. CALLOUTS AND PROMPT STYLES ===============================================
*/

/* -------------------- A. MODALS -------------------- */

.reveal-modal-bg {
  z-index:99 !important;
 }

/* -------------------- B. ALERTS AND FIELD SETS -------------------- */

fieldset {
  border: 1px solid #DDDDDD;
  background: #ffffff;
  padding: 1.25rem;
  margin: 1.125rem 0; }  
fieldset.red {
  border: 1px solid #DDDDDD;
  background: #faeceb;
  padding: 1.5rem;
  border-width: thin 0px 0px 0px;
border-top: solid 10px #cc4438;
  margin: 1.125rem 0; }
fieldset.grey {
  border: 1px solid #a6a6a6;
  background: #dedede;
  padding: 1.5rem;
  border-width: 1px 1px 1px 1px;
  margin: 1.125rem 0; }      
  fieldset legend {
    font-weight: bold;
    background: #ffffff;
	color: #27303c;
    padding: 0.625rem;
    margin: 0;
    margin-left: -0.1875rem; }
fieldset legend.black {
    font-weight: bold;
    background: #27303c;
	color: #ffffff;
    padding: 0.625rem;
    margin: 0;
    margin-left: -0.1875rem; }
fieldset legend.grey {
    font-weight: bold;
    background: #656565;
	color: #ffffff;
    padding: 0.625rem;
    margin: 0;
    margin-left: -0.1875rem; }
fieldset legend.blue {
    font-weight: bold;
    background: #008cba;
	color: #ffffff;
    padding: 0.625rem;
    margin: 0;
    margin-left: -0.1875rem; }				
fieldset legend.orange {
    font-weight: bold;
    background: #e37d21;
	color: #ffffff;
    padding: 0.625rem;
    margin: 0;
    margin-left: -0.1875rem; }
fieldset legend.red {
    font-weight: bold;
	font-size: 0.875em;
    background: #cc4438;
	color: #ffffff;
    padding: 0.750rem;
    margin: 0;
    margin-left: -0.1875rem; }
fieldset legend.green {
    font-weight: bold;
	font-size: 0.875em;
    background: #539633;
	color: #ffffff;
    padding: 0.750rem;
    margin: 0;
    margin-left: -0.1875rem; }	

  .alert-box.success {
    background-color: #52962e;
    border-color: #3a945b;
    color: #FFFFFF; }
	
  .alert-box.alert {
    background-color: #d33f4d;
    border-color: #bb6711;
    color: #FFFFFF; }


/* -------------------- C. PANELS, DIVISIONS AND SPANS -------------------- */


div.vertical_align {
	
  position: relative;
  bottom: 50%;
  transform: translateY(-50%);	
	
}

div.screen_contents {
  padding-top: 1.250em;
  padding-left: 1.250em;
  padding-right: 1.250em;
  background-color: #ffffff;
  
  border-left-width: 0px;
  border-left-style: none;

  border-right-width: 0px;
  border-right-style: none;
  border-bottom-width: 0px;
  border-bottom-style: none;
}

.panel_white {
  background-color: #ffffff;
  border-width: 0px 0px 0px 0px;
  padding-bottom: 1.250em;
}

.panel_opacity {
	opacity: 0.9;
}

.panel_opacity_lighter {
	opacity: 0.9;
}

.panel_white_border {
  background-color: #ffffff;
  border: 4px solid #333333;
}

.panel_no_padding {
  padding: 0px;
}


.panel_home_buttons {
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

.panel_inside_nav {
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;  
}

.panel_blue_buttons {
  background-color: #52C7C7;
  border-width: 1px 1px 1px 1px;
  border-color: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;  
}

.panel_title {
	
  background-color: #d33f4d;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
	
}

	.panel_main_content_area {
	border-width: 0px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
  	border-radius: 0px;
	padding: 0px;
	}
	
	.panel_main_content_area_inside {
	border-width: 0px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
  	border-radius: 0px;
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 5px;
	} 

div.ecp_left_center {
  padding-left: 10.375em;
}

div.screen_contents_noRightPadding {
  padding-top: 2.500em;
  padding-left: 2.500em;
  padding-right: 0em;
}

div.screen_contents_noPaddingTop {
  padding-top: 0em;
  padding-left: 2.500em;
}

span.pdf_ecp_header_footer {
	font-size: 0.750em;
	font-weight: normal;
	color: #666666;
}

span.established {
	font-size: 0.750em;
	font-weight: bold;
	color: #33567e;
}

span.sub_title {
	font-size: 0.875em;
	font-style: italic;
	font-weight: normal;
	color: #333333;		
}

span.office {
	font-size: 0.750em;
	font-style: italic;
	font-weight: normal;
	color: #333333;
}

div.padding_get_prepared {
	padding-top: 0em;
	padding-left: 0em;
	padding-bottom: 1.875em;
	padding-right: 0em;
}

  div.heading_blue {
	background-color: #243a6c;
	padding:  0.625em;
	color: #ffffff;
	font-size: 0.750em;
	text-transform: uppercase;
 }
 
 div.home_listing
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;
	line-height: 125%;
	padding: 0.625em;
	padding-bottom: 20px;
	padding-left: 1.500em;
}

div.news_listing
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;
	line-height: 125%;
	padding: 0.625em;
	padding-right: 1.500em;
}

  div.leading_title {
	background-color: transparent;
	padding:  0em;
	color: #830509;
	font-family: Arial, sans-serif;
	font-size: 0.688em;
	text-transform: uppercase;
	font-weight: normal;
 } 


  div.leading_title_mainarea {
	background-color: transparent;
	padding:  0em;
	color: #6f6f6f;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.000em;
	font-weight: bold;
 } 


	.panel_spotlight {
	border-width: 0px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
  	border-radius: 0px;
	padding: 0px;
	}


  div.black_bkg_title {
	background-color: #2c2c2c;
	padding:  0.500em 1.000em;
	color: #ffffff;
	font-size: 1.000em;
	font-weight: bold;
 } 

 div.heading {
	background-color: #d33f4d;
	padding:  0.625em;
	color: #ffffff;
	font-size: 0.875em;
	text-transform: uppercase;
	font-weight:bold;
 }

div.padding {
	padding: 1.500em;
}


div.padding_off_canvas_nav {
	padding-left: 1.563em;
}


div.padding_mainarea {
	padding-top: 0em;
	padding-left: 1.500em;
	padding-right: 1.500em;
	padding-bottom: 1.500em;
}

div.padding_mainarea_home {
	padding-top: 1.500em;
	padding-left: 1.000em;
	padding-right: 1.000em;
	padding-bottom: 0em;
}
	  
div.featured_text {
	color: #d8d8d8;
	font-size: 0.650em;
	font-weight: normal;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

div.action {
	background-color: #26376b;
	color: white;
	padding-top: 1.500em;
	padding-bottom: 1.500em;
	padding-left: 0em;
	padding-right: 0em;
}

div.dark_blue {
	background-color: #003063;
	color: white;
	padding-top: 1.063em;
	padding-bottom: 1.063em;
	padding-left: 0em;
	padding-right: 0em;
}

div.header_grey {
	background-color: #cccccc;
	color: white;
	padding-top: 0.625em;
	padding-bottom: 0.313em;
	padding-left: 0.563em;
	padding-right: 0em;
}

div.grey {
	background-color: #dedede;
	color: white;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	padding-right: 0em;
	border-style:solid;
  	border-width: thick 0px 0px 0px;
  	border-top:solid #646e71;
}

div.white {
	background-color: #ffffff;
}

div.translate
{
  background-color: #ffffff;
  border-left-width-value: 0px;
  border-left-style-value: solid;
  border-left-color-value: #d5d5d5;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: #9b9b9b;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #e8e8e8;
  border-right-width-value: 0px;
  border-right-style-value: solid;
  border-right-color-value: #d5d5d5;
  font-size: 8pt;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}


div.featured_description {
	font-size: 0.750em;
	color: #4e4b3a;
	font-family: sans-serif;
	line-height: 120%;
}

div.featured_title {
	font-size: 85%;
	padding: 0.625em;
	font-weight: bold;
	font-style:italic;
	font-family: "proxima-nova",sans-serif;
		}
		
	.panel_featured_content {
	border-width: 0px;
	background-color: transparent;
	padding-top: 1.000rem;
  	padding-right: 0.625rem;
  	padding-bottom: 0rem;
  	padding-left: 0.625rem;
	}
	
div.featured_listing
{
	font-size: 0.750em;
	font-weight: normal;
	color: #595858;

	padding: 0em;
	padding-top: 0.750em;	
}

	.featured_bkg {
	background-color: #d6d2c1;	
	border-top: 0px solid #d6d2c1;
	padding: 0em;
	}
	
  div.heading_blue {
	background-color: #284179;
	padding:  0.625em;
	color: #ffffff;
	font-size: 0.750em;
	text-transform: uppercase;
 }	

/* -------------------- D. TOOL TIPS -------------------- */

.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  cursor: text;
  font-weight: normal;
  color: #333333; }
  
.has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #CCCCCC;
    color: #333333; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.750rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #FFFFFF;
  background: #27303c; }

span.tooltip_text
{
  font-size: 0.875em;
  color: #4968a9;
  font-weight: normal; 
  text-decoration: none;
  padding-left: 1.875em;	
}


/* -------------------- E. JOYRIDES -------------------- */
 
.joyride-content-wrapper p {
	color: #ffffff;	
}

/* Default styles for the container */
.joyride-tip-guide {
  position: absolute;
  z-index: 101;
  top: 0; /* keeps the page from scrolling when calculating position */
  left: 0;
 }

/* -------------------- F. WINDOWS -------------------- */

.k-window-title
{
  font-size: 75%;
}


/*
=============================================== 07. IMAGE AND MEDIA STYLES ===============================================
*/


/* -------------------- A. THUMBNAILS -------------------- */

.th
{
  line-height: 0;
  display: inline-block;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  max-width: 100%;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}

/* -------------------- B. SLIDERS -------------------- */  

.img_content {
  display: flex;
  justify-content: center;
  align-items: center;
	padding-bottom: 1.500em;
}
  
 
div.slide1_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide1.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

div.slide2_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide2.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

div.slide3_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide3.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

div.slide4_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide4.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

div.slide5_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide5.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

div.slide6_bkg {
	background-color: #ffffff;
	background-image:url('../img/bkg_slide6.jpg');
	background-repeat: repeat-x;
	height: 295px;
	width: 1334px;
	border-top: solid 4px #ffffff;
}

.panel_slider_large {
	width: 38%;
	float: left;
	background-image:url('../img/bkg_slider_panel.jpg');
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
	margin-left: 0.938em;
	margin-top: 1.250em;
}

.panel_slider_medium {
	width: 65%;
	float: left;
	background-image:url('../img/bkg_slider_panel.jpg');
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
	margin-left: 0.938em;
	margin-top: 1.875em;
}

.panel_slider_small {
	width: 100%;
	height: 100%;
	float: left;
	background-color: #ededed;
	margin-left: 0em;
	margin-top: 0em;
	border-width: 0px;
	border-bottom: 1px solid #d0d0d0;
}

/* Slick Content Slider */
.slick-prev, .slick-next
{
  font-size: 16px; 
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: bold;
  color: white;  
  line-height: 16px;
  position: absolute;
  top: 45%;
  display: block;
  width: 60px;
  height: 25px;
  margin-top: -10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  cursor: pointer;
  border-top-width: medium;
  border-right-width-value: medium;
  border-bottom-width: medium;
  border-left-width-value: medium;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  outline-width: medium;
  outline-style: none;
  background-color: #284179;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.slick-next
{
  right: 0px;
}

.slick-prev
{
  left: 0px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{
  color: #a1a1c7;
  outline-width: medium;
  outline-style: none;
  background-color: black;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

/* -------------------- C. IFRAME -------------------- */ 

 iframe { overflow: hidden; } 

/* Below is for iframe ios scroll... currently not working */

.scroll-wrapper {
  position: relative; 
  right: 0; 
  left: 0;
  top: 0;
  bottom: 0;

  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
}

.scroll-wrapper iframe {
  height: 100%;
  width: 100%;
  line-height: 0;
    display: block;
}


/* Taking out Window scrollbar... currently not working */
/*.k-window  div.k-window-content
{
        overflow: hidden;

} */

div.k-window-iframecontent
{
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  overflow-x: visible;
  overflow-y: visible;
  border: 5px solid #ffffff;
}

/* -------------------- D. VIDEO -------------------- */