﻿@import url("../../Fragments/Media/Hacks/IE6.css?v=$version$");

/* Remove the png used the glass effect */
.button {
    background-image: none;
}
.mainButton {
    padding:0 !important;
}

.enquiry {
    padding:0 !important;
}

.favourite button {
    padding:1px 20px 1px 0;
}

#leftNavigation li {
    line-height: 0;
}

#leftNavigation li a {
    line-height: 1.5em;
}

/* fixes IE z-index bug*/
#header {
    z-index: 200;
}
div.contentLayoutBox {
    zoom:1;
}

#content {
    margin-left: 5px;
    overflow: hidden !important;
}

body.sidebars-left #content {
    width: 753px !important;
    overflow: hidden !important;
}

body.sidebars-right #content {
    width: 753px !important;
}

body.sidebars-left-wide-right #content {
    width: 417px !important;
}

body.sidebars-none div#content {
    width: 938px !important;
}

/* Fix for Third level dropdown Nav Start */

#topNavigation ul.level3 * {
    zoom: 1;
}

#topNavigation ul.level3 {
    width: 200px;
}

/* Fix for Third level dropdown Nav End */


/*http://www.sitepoint.com/forums/showthread.php?t=565994*/
#topNavigation ul li a {
    float: left;
}

#topNavigation ul.level2 {
    clear: left;
}

#topNavigation ul.level2 li.hover ul li a {
    float: none;
}

/* http://it.toolbox.com/blogs/css-asylum/the-ie6-absolute-positioning-bug-15285 */
#topNavigation li ul.level2 li.hover ul {
    clear: left;
}

#breadcrumb ol li {
    background-position: right 8px;
}

#pageTools {
    width: 350px;
}

#pageTools ul {
    float: right;
}

/* search input width as pushing button down */

#sidebarRight #search input {
    width: 126px;
}

/* Width was too large, had to shrink it or the floating right column would slip down below (Miles) */
body.sidebars-left #content {
    width: 730px;
}

#sidebarLeft {
    margin-right: 0 !important;
}

#sidebarLeft .unmanagedContent {
    padding-right: 0;
    margin-right: 0 !important;
}

#sidebarLeft .unmanagedContent img {
    margin-right: 0 !important;
}

#searchApplied li a.remove {
    margin-left:-20px;
}

/* IE6 calculates width wrong when the item also has a margin. */
#sidebarRight {
    width: 175px;
}
#quickLinks {
    width: 175px;
}
#quickLinks ul {
    margin: 0 !important;
}

#pageTopContainer {
    padding-bottom: 20px;
}

#brand {
    height: 85px;
    z-index: 101; /* to make the produced by logo appear in front of the top navigation */
}

/* Two IDs in selector? This is because #search can appear within #header OR within #sidebarRight. Never both so #'s are OK*/
#header #search {
    z-index: 102;
}

div.layoutBlockContainer {
    overflow: visible;
}

div.layoutBlockContainer1Col div.layoutBlock {
    width: 99%;
}

div.layoutBlockContainer2Col div.layoutBlock {
    width: 49%;
}

div.layoutBlockContainer3Col div.layoutBlock {
    width: 33%;
}

#footer .vertical #footerNavigation {
    height: 100%;
}

select {
    font-family: Arial Unicode MS;
}

/* Hub Page Template */
.singleColumnTeaserList .teaserColumn, .twoColumnTeaserList .teaserList li.odd {
    margin-right: -1px; /* Fix for rounding error */
}

.twoColumnTeaserList .teaserList li {
    display: inline;
    float: none;
}

ul.feedContent 
{
    overflow: hidden !important;
}

body.feed ul.itemList li {
    position: static !important;
}

.wrapWhiteSpace {
    white-space: pre; 
    zoom:1;
}

.novaObject-Comment input.save {
    overflow: visible; /* remove padding from left/right */
}

#pageTopContainer 
{
    zoom: 1;
}

#header { zoom: 1;}

.fileTypeIcon li .iconButton 
{
    width: auto;
    overflow: visible;
    margin-left: 5px;
    margin-right: 5px;
}
span.help {
    padding:5px 0;
}

#cookieComplianceMessage {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: expression( ( - cookieComplianceMessage.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/
    width: expression((document.documentElement.clientWidth - 10) + 'px');
    height: 85px;
    filter: none;
}

#cookieComplianceMessageAction #btnCloseComplianceMessage {
    background: none;
}

#browserUpgradeMessage {
    position: absolute;
    top: expression( ( - browserUpgradeMessage.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/
    width: expression((document.documentElement.clientWidth - 10) + 'px');
    height: 85px;
}

#browserUpgradeMessageAction #btnCloseUpgradeMessage {
    background: none;
}

/******* reinstate buttons **************/
.button-flat-contact {
    background-image: url("../Images/Buttons/Flat/delegate_display_non_over.png");
}

.button-flat-contact:hover {
    background-image: url("../Images/Buttons/Flat/delegate_display_over.png");
}

.button-flat-message {
    background-image: url("../Images/Buttons/Flat/mail_non_rollover.png");
}

.button-flat-message:hover {
    background-image: url("../Images/Buttons/Flat/mail_rollover.png");
}

.button-flat-meeting {
    background-image: url("../Images/Buttons/Flat/calendar_non_rollover.png");
}

.button-flat-meeting:hover {
    background-image: url("../Images/Buttons/Flat/calendar_rollover.png");
}

.toolbar-item-languages, .toolbar-item-profile
{
    padding-top: 4px;	
}