﻿/*--------------------------------------------*/
/* Colour Scheme
	Html-Background : #9D9FA1;
	Background : #FFF
	General Text : #CCC
	Menu Background : (imgaes)
	Hyperlinks (left menu): #CCC
	Hyperlinks (anywhere): #892890
/*--------------------------------------------*/
/*--------------------------------------------*/
/* Main HTML 
/*--------------------------------------------*/
html{	
	background-color:#9D9FA1;
}

/*--------------------------------------------*/
/* Footer
/*--------------------------------------------*/
#footer{
	background:#FFF;
	border-top:1px solid #CCC;
}
#footer .copyright-message{
	color:#333;
}

/*--------------------------------------------*/ 
/* General Hyperlinks Styles 
/*  Contains hyperlink styles/colour for all
/*  parts.
/*--------------------------------------------*/
a,
A:link {
	color: #892890; 
	text-decoration: none; 
}
a:visited,
A:visited {
	color: #892890;
}
a:hover,
A:hover {
	text-decoration: underline;
	cursor:pointer;
}
.s4-wpTopTable a,
.s4-wpTopTable a:link,
.s4-wpTopTable a:visited{
    color:#892890;
}

/*--------------------------------------------*/
/* Text and Headings
/*--------------------------------------------*/
h1.ms-rteElement-H1,
h2.ms-rteElement-H2,
h3.ms-rteElement-H3,
h4.ms-rteElement-H4,
.ms-rteElement-P,
.ms-rtestate-field{
	color:#333;
}

h1.ms-rteElement-H1{
	font-size:26px;
	font-weight:bold;
	line-height:1.2em;
}
h2.ms-rteElement-H2{
	font-size:26px;
	font-weight:bold;
	line-height:1.2em;
}
h3.ms-rteElement-H3{
	font-size:19px;
	font-weight:bold;
}
h4.ms-rteElement-H4{
	font-weight:bold;
}
hr.ms-rteElement-Hr{
	background-color:#892890;
	color:#892890;
}

/*--------------------------------------------*/
/* Ribbon
/*--------------------------------------------*/
/* Neutralise the Background */
.ribbonbackground{
	background-color:white;
}

/* Ribbon Bar + Buttons Background */
.ms-cui-topBar2,
.ms-siteactionsmenuhover,
.s4-breadcrumb-anchor:hover,
.ms-qatbutton:hover{
	background-image:none;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 1%, #c4c4c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#c4c4c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#c4c4c4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 1%,#c4c4c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-8 */
}

/*--------------------------------------------*/
/* Quick Launch (Quick Links)
/*--------------------------------------------*/
/* Quick Link Container */
div#quick-link-container{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.1em !important;
	width: 260px;
	position:relative;
	padding: 10px 0 5px;
	background-image:url('/_layouts/images/igroup.tfgm.website/navigation/tfgm_quick_link_bg_content.png');
	background-repeat: repeat-y;
	margin-top:170px;
	margin-bottom:20px;
	z-index:50;
}
/* Top Image */
div#quick-link-top{	
	width:260px;
	height:41px;
	position:absolute;
	margin-top:-55px;
	padding:0;
	background-repeat: no-repeat;
	background-image:url('/_layouts/images/igroup.tfgm.website/navigation/tfgm_quick_link_bg_top.png');
	z-index:inherit;
}
/* Title */
div#quick-link-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	padding-left:10px !important;
	color:#333;
	width:260px;
	height:20px;
	position:absolute;
	margin-top:-30px;
	padding-left:0;
	background-image:url('/_layouts/images/igroup.tfgm.website/navigation/tfgm_quick_link_bg_content.png');
	background-repeat: repeat-y;
}
/* Bottom Image */
div#quick-link-bottom{
	width:260px;
	height:25px;
	position:relative;
	margin-bottom:-23px;
	background-image:url('/_layouts/images/igroup.tfgm.website/navigation/tfgm_quick_link_bg_bottom.png');
	background-repeat: no-repeat;
}
/* Main List Headers (e.g. Libraries/Lists) */
div.nightanday-menu ul.root > li > a {
	width:225px;
	padding:8px 0 8px 10px;
	margin-left:10px; 
	margin-top:3px;
	margin-bottom:3px;
	color:#333;
	border-left:4px solid #892890;
	background-color:#C6C8CA;
}
div.nightanday-menu ul.root > li > a:hover,
#quick-link-container ul.root> li ul li > a:hover {
	background-color:#9D9FA1;
	border-left: 4px solid #9D9FA1;
	text-decoration:none;
}

/* Sub List Headers (e.g. Libraries > Site Pages) */
#quick-link-container ul.root> li ul li > a{
	color:#333;
	width:215px;
	padding:8px 0 8px 10px;
	margin-left:20px;
	margin-bottom:3px;
	background-color:#C6C8CA;
	border-left:4px solid #892890;
	border-left:4px solid #892890;
}

/*--------------------------------------------*/
/* Web Part Skins
/*--------------------------------------------*/
/* Outer Border (bottom half) */
.s4-wpTopTable > tbody:first-child > tr:nth-child(2) > td:first-child
{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:none;
}
/* IE8 Fix for (nth-child) selector, requires jquery */
.s4-wpTopTable > tbody:first-child td.ms-WPBorder{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:none;
}
.ms-wpFooter{
	height:6px;
	margin-top:-1px;
	background-color:#FFF !important;
}
.ms-WPHeader td{
	background-image:url('/_layouts/images/igroup.tfgm.website/web_part_skins/tfgm_web_part_bg_body.png');
	background-repeat:repeat-x;
	border-bottom:none !important;
}
.ms-WPTitle{
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-left:4px;
}
/* Main Web Part Title */
.ms-WPHeaderTd{
    height:50px;
	background-image:url('/_layouts/images/igroup.tfgm.website/web_part_skins/tfgm_web_part_bg_body.png');
	background-repeat:repeat-x;
}
/* Corner Piece - Top Left */
.ms-WPHeader td:first-child.ms-wpTdSpace{
	background-position: top left;
}
/* Corner Pieces */
.ms-WPHeader td.ms-wpTdSpace{
	background-image:url('/_layouts/images/igroup.tfgm.website/web_part_skins/tfgm_web_part_bg_corner.png');
	background-position:top right;
}
/* Clear the web part drop-down menu border */
.ms-WPHeaderTdMenu { 
	border: none !important; 
}
.ms-WPHeaderTdMenu:hover { 
	background-color: #CCC; 
}
/* Web Part Body */
.ms-WPBody{
	color:#333;
}

/*--------------------------------------------*/
/* FAQ Web Part (Normal Skin)
/*--------------------------------------------*/
#tfgm-faq-container{        
    width:640px;
    border:none;
    border-top:1px solid #9D9FA1;
    border-left:1px solid #9D9FA1;
    border-right:1px solid #9D9FA1;
    font-family:Arial, Helvetica, sasns-serif;
}
#tfgm-faq-container .question{
    border:none;
    border-bottom:1px solid #9D9FA1;
    padding:10px 35px 10px 10px;
    font-size:12px;
    font-weight:bold;
    background-color:#E7E7E8;
    background-image:url('/_layouts/images/CustomWebparts/tfgm_faq_accordion_arrow.gif');
    background-repeat:no-repeat;
    background-position:right -47px;
}
#tfgm-faq-container .answer{
    border:none;
    border-bottom:1px solid #9D9FA1;
    padding:10px;
    font-size:12px;
    line-height:16px;
}
#tfgm-faq-container .question:hover
{
    cursor:pointer;
    background-color:#C6C8CA;
    border-bottom:1px solid #9D9FA1;
}
#tfgm-faq-container .active
{
    background-color:#C6C8CA;
    background-image:url('/_layouts/images/CustomWebparts/tfgm_faq_accordion_arrow.gif');
    background-repeat:no-repeat;
    background-position:right 10px;
    border-bottom:1px solid #9D9FA1;
}

/*--------------------------------------------*/
/* Contact Forms (Normal Skin)
/*--------------------------------------------*/
/* Border color */
.tfgm-contact-form-container table tr td{
    border: 1px solid #9d9fa1;
}
.tfgm-contact-form-container .inputs input, 
.tfgm-contact-form-container .inputs textarea, 
.tfgm-contact-form-container .inputs select{
    border:1px solid #9d9fa1;
}
/* Submit Button Colour */
.tfgm-contact-form-container .submit-button-container input,
.submit-button-custom{
    border:1px solid #9d9fa1;
    background-color:#FFF;
}

/*--------------------------------------------*/
/* Journey Planning Tool
/*--------------------------------------------*/
#tfgm-journey-planning-tool a{
    background-color:#C6C8CA;
    border-left:4px solid #892890;
    color:#333;
}
#tfgm-journey-planning-tool a:hover{
    background-color:#9D9FA1;
    border-left:4px solid #9D9FA1;
    color:#333;
}
.custom-wp-border{
	border-top:2px solid #FFF !important;
	background: #cdced0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2VkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRlZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cdced0 0%, #dddedf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdced0), color-stop(100%,#dddedf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdced0 0%,#dddedf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdced0 0%,#dddedf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdced0 0%,#dddedf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdced0 0%,#dddedf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdced0', endColorstr='#dddedf',GradientType=0 ); /* IE6-8 */	
}
.custom-wp-footer{
	background-color:#dddedf !important;
}
.custom-wp-footer-container{
	background-color:#ccc !important;
}
.custom-wp-body{
	padding:0 !important;	
}
#tfgm-journey-planning-tool table .left-column{
	border-right:2px solid #EEE;
}

/*--------------------------------------------*/
/* Corporate > Have Your Say Table Styling
/*--------------------------------------------*/
.table_headers{
	background-color:#E7E7E8;
	color:#333;
}
.mytable td{
	border:1px solid #9D9FA1;
	color:#333;
}

/*--------------------------------------------*/
/* Travel Shop (Table CSS)
/*--------------------------------------------*/
tr.days{
	background-color:#9D9FA1;
	font-weight:bold;
	height:35px;
}
tr.times,
tr.lunch{
	background-color:#E7E7E8;
}
#tfgm-faq-container .answer table.travel-shop{
	width:625px;
}
#tfgm-faq-container .answer table.travel-shop th,
#tfgm-faq-container .answer table.travel-shop td{    
    border:2px solid white;
}

/*--------------------------------------------*/
/* Search Results
/*--------------------------------------------*/
/* Result Link */
.srch-results .srch-Title3 > a,
.srch-results .srch-Metadata1 a
{
    color:#892890 !important;
    text-decoration:none !important;
}
/* End of search result item */
.srch-results .srch-Metadata1
{
    border-bottom:1px solid #892890;
}