body  
{
    margin:15px 0 0 0;
    background-color:#fff;
    font-size:80%;
    color:#444;
    font-family:'Open Sans',Geneva,sans-serif;  
}

form 
{
    padding:0;
    margin:0;
}

/* HR */
hr 
{
	border: 0;
    height: 1px;
}

/* Block quotes */
.Blockquote-left
{
    float:left;
}
	
.Blockquote-right
{
    float:right;
}

.Blockquote-left, .Blockquote-right
{
    position:relative;
    width:49%;
    padding:0 0 29px 35px !important;
    background:url(images/blockquote_open.png) no-repeat 0 5px;
    font-style:italic;
}

p.Blockquote-left:after, p.Blockquote-right:after
{
    content:"";
    height:29px;
    width:29px;
    background:url(images/blockquote_close.png) no-repeat 0 0;
    position:absolute;
    bottom:0;
    right:0;
}

	/* HIS Table */
	table.ImmTS_HIS		{padding:0px;margin-top:10px; width:100%;color:#444;border-collapse:collapse;} /* Overall table style */

	table.ImmTS_HIS th, 
	table.ImmTS_HIS td	{text-align:left;padding:10px 8px;border:0;} /* Cell padding and spacing styles */

	table.ImmTS_HIS, 
	table.ImmTS_HIS th, 
	table.ImmTS_HIS td	{ } /* Table border style */
	     
	table.ImmTS_HIS th	{font-weight:bold;color:#fff;background-color:#003158;}						/* Apply style to header cells */
	table.ImmTS_HIS tr	{vertical-align:top;}	/* Apply style to data cells */
	table.ImmTS_HIS td	{background-color:#E9EEF0;}						/* Apply style to data cells */	

/* Default sprite styling */
.sprite 
{
    background-image: url("images/sprite.png");
    background-repeat: no-repeat;
    text-indent:-9999em;
    overflow:hidden;
    display:block;
}



/* Housekeeping bar */
div#housekeeping { float:right;padding:5px 0;font-size:120%;border-bottom:1px solid #fff; margin-bottom:30px }

div#housekeeping ul { padding:0 0 10px 0; }

div#housekeeping li { float:left; }

/* added to work with IE11 */
li#resize { display : none;}

div#housekeeping a  
{
    color:#333;
    text-decoration:none; 
    padding:0px 10px 0px 10px;
    display:inline-block;
    border-bottom:0;
    border-right:1px solid black; 
}

div#housekeeping a:hover { color:#319AC5; }

div#housekeeping a#low-graphics {border-right: 0;}

/* Header */
div#header { padding:0; margin-bottom:15px;}

/* Logo */
a#logo { float:left; width:330px;height:92px;background-position:-171px -237px;border-bottom:0; margin-top:26px; }

/* Primary Nav */
div#primary-nav {background-color:#002d72;padding:0; position:relative; z-index:5999;}

div#primary-nav li { float:left;padding-top:12px;padding-bottom:12px; z-index:5998; }

div#primary-nav a  
{
    padding:12px 19.5px;
    font-weight:600;
    font-size:1.2em;
    color:#fff; 
    text-decoration:none;
    border-bottom:0;
}

div#primary-nav a:hover {background-color:#4A5A74;}

div#primary-nav li#mega-menu  
{
    background-position: 110px -401px;
    border: 0 none;
    display: inline;
    text-indent: 0;
    padding-right: 30px; 
    color:#fff;
    font-weight:bold;
    overflow:visible;
    cursor:pointer;
}

div#primary-nav li#mega-menu a 
{
    padding-right: 0px;
}
/* GM 30/10/2014 */
div#primary-nav li#mega-menu:hover {
    background-color: #4A5A74;
}

li.hoverOff:hover div.content {
    display: block;
    }

/* end GM */

li#mega-menu 
{
    position:relative;
    z-index:6000;
    background-image: url("/HIS/images/HIS_Menu_Mobile_Closed.png");
    background-repeat : no-repeat;
    background-position: 95% 6px;
}

li#mega-menu div.content  
{
    position:absolute;
    background:#39578e;
    right:-16px;
    top:44px;
    border:0; 
    white-space:nowrap;
  /*&  padding-bottom:10px;*/
    z-index:3;
    color:#fff;
    overflow:visible;
    font-size:0.8em;
    border:1px solid #dee0df;
}

.sprite { overflow:visible !important; }

div#primary-nav li#mega-menu ul a,
li#mega-menu ul { padding:0;margin:0; }

li#mega-menu h3 { color:#fff; padding:10px;margin:0; font-size: 1.5em;}

li#mega-menu ul { list-style:none; }

div#primary-nav li#mega-menu ul a 
{
    color:#fff;
    display:block;
    text-indent:0; 
    padding: 2px 10px;
}

/*
Attempt to colour the menu background
mobile-menu div.container div.row ul.fc.reset li#mega-menu.sprite.hoverOn div.content { background : red;}
li#mega-menu .sprite .hoverOn{background-color: Red;}
*/

.subnav { position:absolute; display:none; border:1px solid #dee0df;}
.subnav.left { position:absolute; display:none; }
.subnav li, .subnav li a { height:18px; line-height:18px; }
.subnav li a {background-color:#39578e; color:#fff !important; font-weight:normal !important; background-image:none !important; padding-left:6px !important;  white-space: nowrap !important;  }
.subnav li a:hover { background-color:#666; }
li#mega-menu, li#mega-menu ul, li#mega-menu { overflow:visible; }

.subnav li, .subnav li a { z-index:10000; position:relative; }
li#mega-menu div.content li { overflow:visible; }

i#mega-menu ul li { float:left; position:relative; }

li#mega-menu li {  *width:307px !important; *display:block !important;  }
li#mega-menu li ul li {  *width:220px !important; *display:block !important; *margin:0px !important; *padding:0px !important; *line-height:20px !important; *height:20px !important; }
li#mega-menu li ul li a { *margin:0px !important; *padding:0px 0px 0px 10px !important; *line-height:20px !important; *height:20px !important;  }



div#primary-nav li#mega-menu ul a:hover, 
div#primary-nav li#mega-menu li.hover > a { background-color:#666;color:#fff;border-color:#056D98; }

li#mega-menu li {float:none;padding:0 !important; height:22px; }

li.hoverOff div.content { display:none; }

li.hoverOn div.content { display:block; }

li.hoverOn { background-color:#4A5A74; }

/* Content */
#content { padding:15px 0; }

/* Breadcrumb */
ul#breadcrumb  
{
    font-weight:bold;
    font-size:90%;
    padding:0;
    margin-bottom:15px; 
}

ul#breadcrumb li  
{
    float:left; 
    display: block;
}

ul#breadcrumb li a
{
    float:left; 
    background:url("images/grey-right-triangle.png") no-repeat 99% 5px;
    display: block;
    padding-right: 12px;
    margin-right:6px;
    text-indent: 0;
}

ul#breadcrumb a:hover { text-decoration:underline; border:none;}

/* Sub Navigation */

.left-navigation, .col_24
{
    border-top:10px solid #002d72;
    padding-top:10px;
}

ul#sub-nav { padding:0; margin-bottom:10px; border-bottom:1px solid #999; }
ul#sub-nav li {background-image:none; padding-left:0px; margin-bottom:0px; }

ul#sub-nav a { display:block;padding:5px 8px;color:#002d72;font-weight:bold; }

ul#sub-nav a:hover { background-color:#FAFAFA; border:none; }

/* main content areas */

#main-content
{
    border-top:10px solid #002d72;
    padding:10px 0;
    border-bottom: 4px solid #002d72;
}

#main-content #columns1
{
    border-bottom:4px solid #002d72;
    padding-bottom:10px;
}


#main-content #middle-content
{
    border-bottom:4px solid #ccc;
    padding-bottom:10px;
}


/* Footer */
div#footer  
{
    background: #003159; 
    padding:20px 0;
    font-size:90%;
    color:#fff;
}

div#footer li.first a,
div#footer p a
{
    margin:0px;
}


div#footer a  
{
    color:#fff;
    font-weight:bold;
    padding-bottom:1px;
    text-decoration:none; 
    margin-left:80px;
}

div#footer a:hover { border:none; text-decoration:underline; }

span#nhs { width:65px;height:45px;background-position:-103px -254px;margin-right:35px; }

div#footer a.roktalk { width:152px;height:100px;background-position:-103px -136px;border-bottom:0;margin-top:-20px;position:relative; }

/* Partner Logos */
div#partners  
{
    width: 100%;
    /*height:100%;*/
    padding:0;
    position:relative;
    min-height:119px;
}

div#partners ul {border-top:10px #dee0df solid;padding:16px 0 25px; overflow: hidden;}

div#partners li 
{
    padding-left: 38px;
	padding-top: 10px;
    display: block;
    float: left;
	overflow: hidden;	
}
@media only screen and (min-width: 1200px) {
  div#partners li:first-child
      {
    padding-left: 15px;    
   }
}


div#partners a { vertical-align:middle;border-bottom:0; }

a#partner-1 { width:90px;height:50px; background-image:url(images/Website-component-parts-SHTG.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-6{ width:137px;height:43px; background-image:url(images/Website-component-parts-HIS.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-2 { width:136px;height:50px; background-image:url(images/Website-component-parts-ihub.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-3 { width:92px;height:50px; background-image:url(images/Website-component-parts-SIGN.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-4 { width:82px;height:50px; background-image:url(images/Website-component-parts-SMC.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-5 { width:85px;height:50px; background-image:url(images/Website-component-parts-SPSP.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}
a#partner-7 { width:136px;height:50px; background-image:url(images/Website-component-parts-SAPG.png); background-repeat:no-repeat; background-size: cover; text-indent:-9999em;
    overflow:hidden;
}


/* Acronym  Handler */
.acronym 
{
    border-bottom:1px dashed black;
    cursor:pointer;
}

/* Expanding Shared Content */
.expandingSharedContent h3.contentTitle 
{
    padding-left:20px;
    cursor:pointer;
}

.expandingSharedContent h3.collapsed
{
    background:url(images/black_arrow_right.png) no-repeat 6px 3px;
}

.expandingSharedContent h3.expanded
{
    background:url(images/black_arrow_down.png) no-repeat 3px 6px;
}

/* Media Mobile Plugin */
div.vjs-loading-spinner,
div.vjs-loading-spinner div 
{
    padding:0 !important;
    margin:0 !important;
}

.ImmColours_ff0000 { color:red !important; }



/* -------------------------  RESPONSIVE STYLES ---------------------*/
/* ANY STYLE NOT GIVEN A @media RULE WILL BE USED ACROSS ALL WIDTHS */

/*Options below based on common devices */
/* LARGE SCREEN (optional) */
@media (min-width: 1600px) 
{
    /* START : DEBUG COLOURS
    div#header {border : 4px solid red;}  
    div#footer {border : 4px solid red;}
     END : DEBUG COLOURS */
}

/* MEDIUM SCREEN */
@media (min-width: 1280px) and (max-width: 1599px) 
{
    /*  START : DEBUG COLOURS
    div#header {border : 4px solid orange;}  
    div#footer {border : 4px solid orange;}
    END : DEBUG COLOURS */
}

/* SMALL SCREEN */
@media (min-width: 1025px) and (max-width: 1279px) 
{
    /*  START : DEBUG COLOURS
    div#header {border : 4px solid yellow;}  
    div#footer {border : 4px solid yellow;}
     END : DEBUG COLOURS */
     
    .subnav { left: -227px !important; right: 204px;}
}

/*  TABLET  WIDE*/
@media (min-width: 993px) and (max-width: 1024px) 
{
    /*  START : DEBUG COLOURS
    div#header {border : 4px solid green;}  
    div#footer {border : 4px solid green;}
    END : DEBUG COLOURS */
    
     .subnav { left: -227px !important; right: 227px;}
}

/*  TABLET */
@media (min-width: 768px) and (max-width: 992px) 
{
    /*  START : DEBUG COLOURS
    div#header {border : 4px solid blue;}  
    div#footer {border : 4px solid blue;}
     END : DEBUG COLOURS*/
    
     div#footer {display: inline-block; width: 100%;}
     div#primary-nav a {padding: 8px 8px; font-size: 1.1em;}
     div#partners li { padding-left: 15px;   display: inline;   float: none;}
     .subnav { left: -227px !important; right: 190px;}
}


/* MOBILE & MOBILE WIDE*/
@media (max-width: 767px) 
{
   div#primary-nav {display: none;}
   div#housekeeping {display : none;}
   div#header .sharing{ display : none;}
   a#logo.sprite {display: none;}
   img.logo-print{ display : inline}
}

/* MOBILE WIDE*/
@media (min-width: 481px) and (max-width: 767px) 
{
  /* START : DEBUG COLOURS
  div#header { border : 4px solid indigo;}  
  div#footer {border : 4px solid indigo;} 
   END : DEBUG COLOURS  */
   
   div#footer {display: inline-block; width: 100%;}
  
}

/* MOBILE*/
@media (max-width: 480px) 
{
    /* START : DEBUG COLOURS
   div#header { border : 4px solid violet;}  
  div#footer {border : 4px solid violet;} 
     END : DEBUG COLOURS */
     
   div#partners ul.reset.inline li {padding-left: 24px;    float: none;
    padding-bottom: 20px;} 
div#partners {
    height: auto;
}

div#partners ul {
    padding-bottom: 0;
}
   
   div#footer a{margin-left: 0px; width: 100%;}
   div#footer {display: inline-block;}
   li#mega-menu div.content {background:#0ba9e8;}
   ul#breadcrumb {display : none;}
   li#mega-menu:hover{ background-image: url("/HIS/images/HIS_Menu_Mobile_Opened.png");
    background-repeat : no-repeat;  background-position: 95% 2% !important; }
    
    /*START : Alt table solution */
    /*
    table.ImmTS_HIS thead tbody th td tr {display: block;}
    table.ImmTS_HIS thead tr {position: absolute; top: -9999px; left: -9999px;}
    table.ImmTS_HIS thead td {border: none; border-bottom: 1px solid #eee; position: relative;	padding-left: 50%;}
    table.ImmTS_HIS thead td:before   {
        // Now like a table header
		position: absolute;
		// Top/left values mimic padding 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    */
    /*END : Alt table solution */
}


/* -------------------------  END : RESPONSIVE STYLES ---------------------*/