/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}


/** Begin (defunct Superfish) Main Menu - Top Right **/

		/*
		 * Navigation bar
		 */
		 /*
		#navigation {
		  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. *//*
		  	  margin-top: -100px;

		}
		/*
		#navigation ul.links, /* Main menu and secondary menu links */
		/*
		#navigation .content ul /* Menu block links *//* {
		  margin: 0;
		  padding: 0;
		  text-align: left; /* LTR *//*
		}

		#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
		/*#navigation .content li {
		  float: left; /* LTR *//*
		  padding: 0 10px 0 0; /* LTR */
		}
		/*
		.region-navigation {
		}

		/*
		 * Main menu and Secondary menu links
		 */
			/*
			#main-menu {  }

			ul#main-menu li a, 
			ul#main-menu li a:link, 
			ul#main-menu li a:visited, 
			ul#main-menu li a:active {
				text-decoration: none;
				color:#fff;
				outline: none;
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				background-color:#007fa2;
				padding: 5px 43px 5px 43px;
				font-size:140%;
			}

			ul#main-menu li a:hover {
				color: #CCC;
				text-decoration: none;
			}


			*/

/** END defunct (defunct Superfish) Main Menu - Top Right **/


/** BEGIN Main Menu - Top Right **/

#secondary-menu {
	float: right;
	padding-top:15px;
}

ul#secondary-menu { 	
	float: right;
	padding-top:15px; 
}

ul#secondary-menu li {
	padding:0 5px 0 0;
	margin:0;
	background:url(../images/pipe.jpg) no-repeat right;
}

ul#secondary-menu li.last {
	padding:0px;
	margin:0px;
	background:none;
	border:none;
}

ul#secondary-menu li a, 
ul#secondary-menu li a:link, 
ul#secondary-menu li a:visited, 
ul#secondary-menu li a:active {
	text-decoration: none;
	color: #fff;
	outline: none;
	padding: 4px;
	font-size:90%;
	text-shadow: 0.15em 0.15em 0.15em rgba(0, 0, 0, 0.5);
}

.node-type-news ul#secondary-menu li.menu-501 a,
ul#secondary-menu li.active a, 
ul#secondary-menu li.active a:link, 
ul#secondary-menu li.active a:visited {
	text-decoration: none;
	color: #000;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	padding: 4px;
	font-size:90%;
	text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
}

ul#secondary-menu li a:hover {
	text-decoration: none;
	color: #000;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	padding: 4px;
	font-size:90%;
	text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
}

ul#secondary-menu li.last a, 
ul#secondary-menu li.last a:link, 
ul#secondary-menu li.last a:visited, 
ul#secondary-menu li.last a:active {
	text-decoration: none;
	color: #fff;
	outline: none;
	padding: 4px 4px 4px 4px;
	font-size:90%;
	text-shadow: 0.15em 0.15em 0.15em rgba(0, 0, 0, 0.5);
}

ul#secondary-menu li.last.active a, 
ul#secondary-menu li.last.active a:link, 
ul#secondary-menu li.last.active a:visited {
	text-decoration: none;
	color: #000;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	padding: 4px 4px 4px 4px;
	font-size:90%;
	text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
}

ul#secondary-menu li.last a:hover {
	text-decoration: none;
	color: #000;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	padding: 4px 4px 4px 4px;
	font-size:90%;
	text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
}

/** END Main Menu - Top Right **/



/** BEGIN TB Megamenu styling **/
.tb-megamenu {
    background-image: none;
	width:990px;
	background-color:transparent;
	float: left; /* LTR */
  	padding: 10px 10px 15px 0; /* LTR */
}

.tb-megamenu .nav > li > a {
	outline: none;
	text-decoration:none;
	font-size:133%;
	color: #FFF; 
	border:none;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 7px 27px 7px 31px;
	margin: 0 29px 0 0;
	border-right:none;
	font-weight: 100;
	background-color:#0a6c8e;
}

body.i18n-ga .tb-megamenu .nav > li > a {
	margin: 0 26px 0 0;
}

.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover {
	background-color:#00a8d6;
	color: #FFF;
}

.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus {
	color: #FFF;
}

.tb-megamenu .nav-collapse .nav > li.active > a:hover, 
.tb-megamenu .nav-collapse .nav > li.active > a:focus {
	color: #FFF;
}



.tb-megamenu .dropdown .caret, .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret  {
	border-top-color: #FFF;
  	border-bottom-color: #FFF;
	color: #FFF;
	margin-left: 7px;
}

.tb-megamenu .dropdown-menu {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	padding:0 5px 0 0;
	margin:0;
	border-bottom: 1px dotted #FFF;
}

.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover {
	color: #FFF;
	outline: 0;
	background-color: #00a8d6;
}

.tb-megamenu .dropdown-menu li > a {
	padding: 5px 0px;
	text-decoration:none;
}

.tb-megamenu .dropdown-menu li:first-child > a {
	border-top: 0;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
	background-color:#00a8d6;
	color: #fff;
}

.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > a:focus {
	background-color:#00a8d6;
	color: #FFF;
}

/*Drop down menu Colour*/
.tb-megamenu .dropdown-menu {
	background-color:#00a8d6;
	border: none;
}

/*Link colours*/

.tb-megamenu .dropdown-menu li > a {
	color:#FFF;
	font-size: 110%;
}

/*Roll overs*/
.tb-megamenu .dropdown-menu li > a:hover, 
.tb-megamenu .dropdown-menu li > a:focus, 
.tb-megamenu .dropdown-submenu:hover > a {
	background: none;
	color: #CCC;
	text-decoration:none;
}

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
	background: none;
	color: #333;
	text-decoration:none;
}


li.level-4,
li.level-3,
li.level-2 {
	display:none;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
	background-color:#00a8d6;
	color: #fff;
	border-radius: 7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
}

.tb-megamenu .mega > .mega-dropdown-menu {
	min-width: 275px;
}



.tb-megamenu .mega-nav .mega-group > .mega-group-title, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
	color: #fff;
	font-weight:normal;
}

.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover {
	text-decoration:none;
	color:#FFF;
}

.tb-megamenu .dropdown-menu .active > a.mega-group-title,
.tb-megamenu .dropdown-menu .active > a.mega-group-title:hover {
	text-decoration:none;
}

.tb-megamenu .row-fluid .span2 {
	width: 16.5%;
	*width: 16.5%;
}

.tb-megamenu .row-fluid [class*="span"] {
	margin-left: 0.0%;
	*margin-left: 0.0%;
}

.tb-megamenu [class*="span"] {
  	margin-left: 0px;
}


/** END TB Megamenu styling **/




/** BEGIN Superfish side menu styling **/

.sf-menu, .sf-menu * {
	/**border-radius: 4px;
	margin:4px 0 4px 0;**/
}

.sf-menu.menu {
	background-color: #00a8d6 ;
	padding: 0;
	margin: 0;
}
.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul,
.sf-menu.menu ul {
	margin: 0;
	background: transparent; ;
	border: 0px solid #0a6c8e;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
	padding: 0px 0px 0px 0px !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;

}
.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul {
	background: none;
}


 .sf-menu.menu li {
	padding: 0;
	margin: 0;
	background-color: #00a8d6 ;
	color: #FFF;
	border-bottom: 1px dashed #FFF;

	
}
 .sf-menu.menu li:last-child {
	border-bottom: 0px;
}

.sf-menu.menu li a {
	padding: 11px 0 11px 7px;
	text-decoration:none;
	color:#FFF;
	height: 25px;
  	line-height: auto ;
}
.sf-menu.menu li a:active {
	background-color: #0783ae;
	color:#FFF;
}
.sf-menu.menu li a:hover {
	background-color: #0783ae;
	text-decoration:underline;
	color:#FFF;
	border-left: 0px;
	padding-right: 10px;
}

.sf-menu.menu li.sfHover {
	/**background: #0a6c8e;**/
	background-color: #0783ae;
	margin:0px;
	padding-right: 5px;
}
.sf-menu.menu li.sf-depth-2 {
	margin-left: 5px;
}
.sf-menu.menu li.sf-depth-3 {
	margin-left: 0;
}

.sf-menu.menu span.nolink:hover, .sf-menu.menu.sf-navbar li li {
		background: #990000;
}

.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator, .sf-vertical span.nolink > .sf-sub-indicator, .sf-vertical li:hover > span.nolink > .sf-sub-indicator, .sf-vertical li.sfHover > span.nolink > .sf-sub-indicator {
	background-position: -30px 0px;
}

 .sf-menu.sf-style-light-blue li:hover, .sf-menu.sf-style-light-blue li.sfHover, .sf-menu.sf-style-light-blue a:focus, .sf-menu.sf-style-light-blue a:hover, .sf-menu.sf-style-light-blue a:active, .sf-menu.sf-style-light-blue span.nolink:hover, .sf-menu.sf-style-light-blue.sf-navbar li li {
	background-color: #00a8d6;
	border: 1px solid #00a8d6;
}


/** END Superfish side menu styling **/




/* Isotope Menu: Filters */
.isotope-options {
  background-color: transparent;
  padding:0px;
  margin:10px 0px 0px 0px; 
  position: relative;
}
.isotope-options ul {
  margin: 0;
  list-style: none;
  padding:0px;
}
.isotope-options li {
  float: left;
  margin-bottom: 0.2em;
  margin-left:0px;
}
.isotope-options li a {
  font-size: 16px;	
  text-decoration: none;
  padding:6px 14px 8px 14px; 
  background: #436B18; 
  color:#fff; 
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right:3px;
}
.isotope-options li a:hover {
  background-color: #00B5EB;
}
.isotope-options li a:active {
  background-color:#00B5EB;
}
.isotope-options li a.selected {
  background-color: #00B5EB;
  text-shadow: none;
  color: white;
}


/* Isotope Gallery: Container */
#isotope-container { margin:-10px; padding: 10px 0 0 10px;}
/* Isotope item: Container */
.view-media-library .isotope-element {
  width: 245px;
  height: 200px;
  margin: 10px 10px 10px 0px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #fff !important;
  z-index: 10; 
}
/* Isotope item: Image */
.view-media-library .isotope-element img {
  width: 230px;
  height: 130px;
  margin: 0 auto;
  text-align: center;
  background: none repeat scroll 0% 0% #EBEBEB;
  border: 1px dashed #ADADAD;
  padding: 4px;
  border-radius: 5px;
}
/* Isotope item: Title Text */
.view-media-library .isotope-medialibrary-title a {
  color:#1A98C0 !important;
  text-decoration: none;
  background: url(../images/video_rolloff.png) no-repeat;
  width: 100%;
  height: 100%;
  position:absolute;
  padding-top: 135px;
  margin: 5px 0 0 5px ;
}
/* Isotope item: Title Text */
.view-media-library .isotope-medialibrary-title a:hover {
  background: transparent;
  text-decoration: underline;
  width: 230px;
  height: 130px;
  margin: 5px 0 0 5px ;
  background: url(../images/video_rollover.png) no-repeat;

}
/* Isotope item: Sub-Title Text */
.view-media-library .isotope-medialibrary-subtitle  {
  color:#666  !important;
  font-size: 12px;
  margin: 163px 0 0 5px ;
  position: absolute;
}


/*Video Item: Sub-Title Text */

.node-type-media .field-name-field-sub-title {
  font-size: 20px;
  padding-bottom: 20px;
  margin: 0px;
  color: #97B238;
}

.node-type-media .field-type-text-with-summary {
  padding: 15px 0 0 8px;
  background-color: #EBEBEB;
  margin-bottom: -1px;
}


/*** Video Player ***/

/* Show the controls (hidden at the start by default) */
.video-js .vjs-control-bar { display: block; padding-top: 5px; padding-bottom: 5px; }

/* Hide big button (displayed at the start by default)  */
.video-js .vjs-big-play-button {
  display: none;
}

/*Responsive Video */
.video-js {
  width: auto !important; /* override the plugin's inline dims to let vids scale fluidly */
  height: auto !important;
  /* width: 640px !important;  override the plugin's inline dims to let vids scale fluidly */
  /* height: 360px !important; */
  cursor: pointer;
}

/* The video should expand to force the height of the containing div. Margin cuts black border of bottom */
.video-js video {
  position: relative !important; margin-bottom: -8px;
}
/*.video-js video {position: relative !important; height: auto; } */
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.node-type-media .custom-back-btn {
  position: absolute;
  margin: -20px auto 0 auto;
  padding: 10px 0 0 0; 
  height: 40px;	
  width: 760px;
  background-color: #EBEBEB;
}
.node-type-media .custom-back-btn a {
  position:relative;
  float:right;
  margin: 3px 12px 0 0;
  font-weight: bold;
}