﻿/*
=======================================================================
Filename:		csshacks.css
Date Created:	2007-11-14
Description:	Non-valid CSS hacks for non-IE modern browers
Site:			london.gov.uk
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* Quick search
--------------------------------------------------------------------- */
@media all and (min-width: 0px) {
	body:not(:root:root) #qs_textbox { /* Safari Only */
		/*min-height: 16px;*/
		min-height: 19px !important;
		min-width: 19em;
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
    head~body #qs_textbox {
		min-height: 19px !important;
		min-width: 17em;
	}
}
html:not([lang*=""]) #qs_textbox { /* Firefox/Gecko Only */
	position: relative;
	top: -1px;
}
@media all and (min-width: 0px) {
	body:not(:root:root) #quicksearch input.submitbtn { /* Safari Only */
		padding: 1px 0 7px 0 !important;
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body #quicksearch input.submitbtn { 
		padding: 4px 0 4px 0;
	}
}
#quicksearch input.submitbtn, x:-moz-any-link { /* Firefox 2 only */
	padding: 4px 0 4px 0 !important;
} 

#quicksearch input.submitbtn, x:-moz-any-link, x:default { /* Firefox 3 only */
	padding: 2px 0 8px 0 !important;
}

/* Sub Navigation and Secondary Navigation
--------------------------------------------------------------------- */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) #secondary-nav ul li, #sub-nav ul li {
		background-position: 10px 0.8em;
	}
}


/* Components
--------------------------------------------------------------------- */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component li.rss {
		background-position: 0px 0.0em; 
		line-height: 1.75em;
		vertical-align: top;
		padding-bottom: 4px;
	}
	body:not(:root:root) .mainfeature img.floatright {
		float: right !important;
	}
}
html:not(:selected) .component li.rss { /* Safari 1.x and 2.x Only */
	background-position: 0px 0.25em;
	background-repeat: no-repeat;
	line-height: 2em;
}
@media all and (min-width:0px) { /* Opera 9.x Only */
    head~body .component li.rss {
		background-position: 0px 0em;
	}
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) #pagecontentwrapper .component h2.component-heading,
#pagecontentwrapper .component h2.component-heading_long,
#pagecontentwrapper .component h2.component-heading_medium
    {
        border-right:3px solid white;
    }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) #pagecontentwrapper .col2 .component h2.component-heading
    {
        border-right:0px solid white;
    }
}
/* Table Layout (Safari Only)
--------------------------------------------------------------------- */
@media all and (min-width: 0px) { 
	body:not(:root:root) .tablelayout {
		clear: both;
	}
	body:not(:root:root) .tablelayout img {
		float: left;
	}
	body:not(:root:root) .tablelayout .textbody {
		overflow: auto;
		height: auto !important;
		height: 1%;
	}
}
html:not(:selected) .tablelayout {
	clear: both;	
}
html:not(:selected) .tablelayout img {
	float: left;
}
html:not(:selected) .tablelayout .textbody {
	overflow: auto;
	height: auto !important;
	height: 1%;
}


/* Table Layout (Firefox/Gecko Only)
--------------------------------------------------------------------- */
html:not([lang*=""])  .tablelayout .textbody {
	/*overflow: inherit;*/
}

/* Publication list search 
--------------------------------------------------------------------- */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .col1_component_form
    {
        width:100%;
    }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .pubsearchform div.go fieldset {
	margin-right:0px;
}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .pubsearchform
    {
	 padding-right:0px;
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .pubsearchform div.go fieldset
   {
	padding-right:.5em;
	margin-right:0px;
   }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component input.textbox2 {
	min-height: 15px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component input.textbox2 {
	min-height: 15px;
    }
}
/* Park details full */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component hr.park
    {
    margin:35px 0 7px 0;
    }
}
/* Submit FAQ */
	
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .faq_results .tabs a, .component .search_recycle .tabs a {
    padding-bottom:5px;
    }	
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .faq_results .tabs li.active, .component .search_recycle .tabs li.active {
    padding-bottom:4px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .component button, .component .faq_search input.search {
	width: 50px;
	margin-left:5px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .faq_results ul.tabs, .component .search_recycle ul.tabs 
   {
   padding-bottom:4px;
   }
}
/*	Newsletters */
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .subscribe_to td.center
    {
    margin-top:0px;
    padding-bottom:0px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .subscribed .name a, .component .subscribe_to .name a 
    {
    margin-top:10px;
    }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .subscribed .name a, .component .subscribe_to .name a 
    {
    margin-top:0px;
    }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .subscribed .bottom_blue 
	{
    height:25px;
    }
}
/* My London Summary */
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component .ml_widget4 .line2c
    {
    margin-top:-10px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .blue_box 
    {
    padding-bottom: 6px;
    }
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .blue_box 
    {
    padding-bottom: 8px;
    }
}

/* Ecard - Add Recipients and Message */
html:not([lang*=""]) #pagecontentwrapper .ecard_add fieldset input.submitbtn {
	padding: 3px;
}
/* Ecard - Preview */
html:not([lang*=""]) .component fieldset input.submitbtn { /* Firefox/Gecko Only */
	padding: 3px 3px;
}

/* Recycle Theme */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) #pagecontentwrapper .recycle_fac label 
	{
    float:left;
    clear:right;
    }   
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) #pagecontentwrapper .recycle_fac input.textbox
	{
    float:left;
    clear:both;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body #pagecontentwrapper .recycle_fac input.textbox
	{
    float:left;
    clear:both;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body #pagecontentwrapper .recycle_fac label 
	{
    float:left;
    clear:right;
    }   
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component button, .component input.register2 
	{
	   height:20px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .component button, .component input.register2 
	{
	   height:20px;
    }
}
.component .search_recycle .tabs li, .component .search_tabs li, x:-moz-any-link { /* Firefox 2 only */
	border: none;
} 

.component .search_recycle .tabs li, .component .search_tabs li, x:-moz-any-link, x:default { /* Firefox 3 only */
	border: none;
}

/* RSS feed icon */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component ul.newsfeed li.rss 
	{
	background-position: 0px 0.45em;
	padding: 3px 0 0 19px;
	margin-bottom:2px;
    }
}
@media all and (min-width:0px) { /* Opera 9.x Only */ 
   head~body .component ul.newsfeed li.rss 
	{
	background-position: 0px 0.4em;
	padding: 5px 0 0 19px;
	margin-bottom:2px;
    }
}
@media all and (min-width: 0px) { /* Safari Only */ 
	body:not(:root:root) .feed_link
    {
    background-position:0px 0px;
    margin-bottom:2px;
    padding-top:2px;
    }
}
@media all and (min-width: 0px) {
	body:not(:root:root) #quicksearch input.submitbtn { /* Safari Only */
		padding: 1px 0 7px 0 !important;
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body #quicksearch input.submitbtn { 
		padding: 4px 0 4px 0 !important;
	}
}
#quicksearch input.submitbtn, x:-moz-any-link { /* Firefox 2 only */
	padding: 4px 0 4px 0;
} 

#quicksearch input.submitbtn, x:-moz-any-link, x:default { /* Firefox 3 only */
	padding: 2px 0 8px 0;
}

/* Public Sector Jobs */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component img.mapfloatright {
		float: right;
		display: inline; 
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
   head~body .feed_link
    {
    background-position:0px 0px;
    margin-bottom:2px;
    padding-top:2px;
    }
}
/* Search tabs */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component .search_tabs li a {
		padding-bottom: 10px;
	}
}
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component ul.search_tabs {
		padding-bottom: 3px;
	}
}
/* Register */
@media all and (min-width: 0px) { /* Safari Only */
	body:not(:root:root) .component button, .component input.register2 {
		padding: 2px;
	}
}
@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body .component button, .component input.register2 {
		padding: 2px;
	}
}
/* Login button - set the text transform to none */
@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body .component .component-body .article_block .register h3, .component .component-body .article_block .login {
		text-transform: none;
	}
}
/* Convert the h3 to uppercase - does not work in Opera */
@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body .component .component-body .article_block .text-wrap h3 {
		text-transform: uppercase;
	}
}
/* Custom widths for hour/minutes form elements in gla089_fyn_advancedplanner */
@media all and (min-width: 0px) {
	body:not(:root:root) #find_a_park .floattext .hour, #find_a_park .floattext .minutes, #find_a_park .floattext .day { /* Safari Only */
		width: 60px;
	}
}
/* HTML element PRE formatting */
pre {

	white-space: -moz-pre-wrap !important;	/* Mozilla, since 1999 */
	white-space: pre-wrap !important;		/* css-3 */
	white-space: -pre-wrap !important;		/* Opera 4-6 */
	white-space: -o-pre-wrap !important;	/* Opera 7 */
	word-wrap: break-word !important;		/* Internet Explorer 5.5+ */
	font-size: 1em;
	font-family: Arial,Helvetica,Verdana,Tahoma,Sans-Serif;
	border: 2px thick #999999;
} 

@media all and (min-width: 0px) {
	body:not(:root:root) pre { /* Safari Only */
		white-space: normal !important;
		font-size: 1em;
		font-family: Arial,Helvetica,Verdana,Tahoma,Sans-Serif;
	}
}

@media all and (min-width:0px) { /* Opera 9.x Only */
	head~body pre {
		white-space: -o-pre-wrap !important;    /* Opera 7 */
	}
}
html:not([lang*=""]) pre { /* Firefox/Gecko Only */
	white-space: -moz-pre-wrap !important;
	font-size: 1em;
	font-family: Arial,Helvetica,Verdana,Tahoma,Sans-Serif;
}

/* for Internet Explorer */
/*\*/
* html pre {
	word-wrap: break-word !important;
	display: block;
}
/**/

