/*
/*
Theme Name:     pytheas child 
Description:    sjto website
Author:         sjto
Template:       pytheas

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../pytheas/style.css");

/*FONT RESIZE*/
.font-size-1 p { font-size: 1.8em; }
.font-size-2 p { font-size: 1.9em; }
.font-size-7 p { font-size: 1.7em; }
.font-size-7 h1, 
.font-size-7 h2 {
    font-size: 1.7em;
}

body * { font-size: 1em; }

.subheader { color:  #1A3A5C; }
p { margin: 5px 0 5px; }
p img { margin: 0; }
/*p.lead { font-size: 21px; line-height: 27px; color: #777; }*/
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
hr { border: solid rgba(0, 0, 0, 0.2); border-width: 1px 0 0; clear: both; height: 0; }

body a { color: #1C72B5; }
body ul li a { text-decoration: underline; }
body a:hover, body a:focus {  color: #995588; text-decoration: underline; }

subHeading {
    
    line-height: 1.42857143;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    /* font-size: 1.2em;*/
    color: #1A3A5C;
}

/*
===========================
    Content in Articles
===========================
*/

h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

h1 { font-size: 2.00em; text-transform: uppercase; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.50em; }
h4 { font-size: 1.20em; }
h5 { font-size: 1.10em; }
h6 { font-size: 1.00em; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 1em 0em 0.3em 0em; }

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: #1A3A5C; }
h5 { color: #000000; font-style: italic; }
h6, h5 a, h6 a { color: #000000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus
    { color: #1C72B5; }

h5 a:hover, h6 a:hover,
h5 a:focus, h6 a:focus 
    { color: #1A3A5C; }

sup {
	vertical-align: super;
	font-size: smaller;
}
	
p, pre, ul, ol {
    text-align: left;
    line-height: 1.4em;
    margin-bottom: 1em;
}

pre, blockquote {
    line-height: 1.5em;
    padding: 0em 2em 0em 1em;
    margin-left: 20px;
    border-left: 3px #cccccc solid;
}

ul, ol { margin-left: 4em; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul ul { list-style-type: circle; margin-bottom: 0em; }

blockquote {
    font-style: italic;
    font-size: 1.2em;
}

p + ul, p + ol, p + div {
    margin-top: -0.5em;
}

/* First child header has no extra margin on top*/
div > h2:first-child, hr + h3 { margin-top: 0em; }

td, th { padding: 0.25em 1em 0.25em 0em; }

/* No need test
div.tooltip 
{
    border:1px solid InfoText;
    background:InfoBackground;
    color:InfoText;
    font:small-caption;
    padding:2px 4px;
    text-align:left;
    position:absolute;
    width:auto;
    height:auto;
}

input:focus { bckground-color:yellow; }
*/

/*DELETED MAIN-BG.JPG TO SHOW WHITE BG*/
body {
    font: 0.9em Helvetica, Arial, sans-serif;
    color: #000; /*was #444*/
	line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
}

/* Un comment if needed
blockquote { border-left: double #ddd; margin: 20px; padding-left: 20px; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 21px; color: #999; line-height: 1.4em; }
*/

@-moz-document url-prefix() {  
  .logo img {   
    width: 100%;   }
}
@media \0screen {
    .logo img {
        width: auto;
    }
}

/*
=================================
    MASTHEAD: Logo and Search
=================================
*/

#masthead { padding: 20px 0px 10px 0px; }

#masthead-left a { position: absolute; width: 500px; }

#masthead-right {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: auto;
}

.masthead-right-content {
    color: #800000;
    text-align: right;
    font-weight: bold;
}

.masthead-right-content span {
    color: #000000;
    margin: 0em 0.3em;
}

#searchbox {
    width: 158px;
    height:27px;
    float:right;
    display: flex;
}

#searchlabel {
	display: block;
	width: 100%;
    margin-bottom: 3px;
}

input[type=search] {
    background: url(/icons/search_bar.png) no-repeat;
    float: left;
    border: 0px solid #ccc !important;
    border-right: none !important;
    font-size: 1em;
    padding: 0 10px;
    width: 130px;
    height: 27px;
    line-height: 30px;
    border: none;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.08);
    border-radius: 0em 0em 0em 0em;  
}

/*
=======================
    Navigation Menu
=======================
*/

#navbar {
    background: #1A3A5C;
    border-bottom: 0px solid #eee;
    position: relative;
}

/* Colour for each menu item */
.nav-menu ul {
    margin: 0;
    background: #1C72B5;
    width: 190px;
}

/* Light border and dark border to create "grooved" effect */
.nav-menu > li {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    border-left: 1px solid rgba(28, 114, 181, 0.5);;
}

/* When hovering over items on menu bar, change background colour */
.nav-menu > li a:focus, 
.nav-menu > li a:hover {
    color: #fff;
    background: #1C72B5;
}

/* When hovering over items in sub menus, change background colour */
.nav-menu ul li > a:hover,
.nav-menu ul li > a:focus {
    color: #000;
    background-color: #C7DCED;
}

/*
 * When hovering, or focusing on a block, make sub menu visible 
 * Potential visual strangeness, as the menu remains even when
 * the mouse moves outside of the menu.
 */
.nav-menu li:hover ul, 
.nav-menu li:focus ul, 
ul.show-menu,
.dropdown-menu a:focus + ul {
    margin: 0;
    opacity: 1;
    visibility: visible;
}

/* Hover for top menu */

.nav-menu ul a:hover, .nav-menu ul a:focus{
	text-decoration:none;
}

.nav-menu a:hover, .nav-menu a:focus{
	text-decoration:none;
}

/* Highlight the current page */
.nav-menu > .current-menu-item,
.nav-menu .current-menu-parent {
    background-color: #1C72B5;
}

/*MENU HEIGHT*/
.nav-menu a {
    font: arial, sans-serif;
    font-size: 0.9em;
    height: 40px;
    line-height: 40px;
    color: #fff;
    /*padding: 0 10px 0 10px;*/
    text-decoration: none;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;    
}

/*MENU DROPDOWN ICON*/
.nav-menu .icon-angle-down { display: none; }

/*MENU WIDTH/HEIGHT*/
.dropdown-menu > li ul {
    /*min-width: 70px;*/
    min-width: 100%;
}
.dropdown-menu ul ul li {
    width: 60%;
}

/*
========================
    Yoast Breadcrumbs
========================
*/

#breadcrumbs { font-size: 0.9em; margin: 10px 0px; width: 70%; float:left; color: #333; }
#primary { clear: both; } /* Get rid of aftereffect of float on the print button */


/*
==============
    FOOTER
==============
*/

#footer {
    color: #ffffff;
    text-align: right;
    font-size: 0.9em;
    padding: 20px 15px 40px 15px;
    border-top: 5px solid rgba(28, 114, 181, 0.5);
    background-color: #1A3A5C;
}

#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer a:visited { text-decoration: none; }

/*NO HEADER ON TOP OF PAGES*/
.page-header {
    position: relative;
    margin: 0px;
    padding: 0px 0;
    border-bottom: 0px solid #eee;
}

.page-header h1, .page-header h2 {
    font-size: 0em;
    line-height: 1.2em;
    color: #000;
    margin: 0px;
    max-width: 0%;
}

/*FOOTER LENGTHS*/
@media (min-width:768px) {
    .span_6 {
        width: 31%;
    }
    .span_12 {
        width: 100%;
    }
}

/*SHAPE OF MAIN*/
#wrap {
    margin: 0px auto;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);  
}

.container {
    width: 985px;
    min-width: 200px;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main {
    min-height: 600px; /*FOOTER AT BOTTOM!!! NEEDS FIXING */
    background: #fff;
    padding: 0em 1em;
}


/*SEARCH*/
#nav-image-links {
    width: 980px;
    height: 364px;
    display: table;
    table-layout: fixed; 
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

#nav-image-links > a {
    display: table-cell;
    width: 1%;
}

@media (max-width: 550px) {
    #nav-image-links {
        display: none;
    }
}

/*sidebar*/
.sidebar-container {
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}

/*META*/
.meta {
    display: none;
    float: none;
    font-size: 0em;
    color: #666;
    margin: 0;
    padding-bottom: 0px;
}

/*FORM LINKS*/
.Forms > a:link, .Forms > a:visited, .Forms > a:active ,
.Forms > div > a:link, .Forms > div > a:visited, .Forms > div > a:active {color: #000;}


/*IMPORTANT NOTICE*/
.no-important-notice, .no-contact-important-notice {
	display: none;
}

.important-notice, .contact-important-notice {
    margin: 10px 0px 0px 0px;
    background-color: #FFF;
    border: 3px solid #1A3A5C;
    border-radius: 10px;
}

.tpg-title-class h2 {
	color: #900000;
    font-size: 1.5em;
	margin-left: 15px;
}

.important-notice-content {
    font-size: 1.2em;
    margin: 5px 15px 15px 15px;
}


/*LATEST NEWS*/
.blog-entry-details h2 {
    margin-top: 0em;
    font-size: 1.15em;
}

.tpg-content-class {
    margin-bottom: 10px;
    font-size: 1em;
}

.backtotop, .read-more {
    display: block;
    float: right;
    margin: 1em 0em;
}


/* Dropdown menu */
#view { margin: 0px 5px; }


/* PICTURE LINKS */
a.shadow:hover {
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
a.hoveropacity:hover {
   	filter:alpha(opacity=80);
   	-khtml-opacity: 0.8;
      -moz-opacity: 0.8;
           opacity: 0.8;
}

.tribunal-logo { margin: 0px 0px -15px 0px; }
.tribunal-logo-main { margin-bottom: 0px; }

#footer-widgets a:hover {
    text-decoration: underline;
}

/*SEARCH BAR SHOWS
    COMMENT OUT */
@media only screen and (max-width: 767px) { 
	.container { max-width: 95% }
	.sidebar-container { padding: 0; margin-top: 50px; }
	.masthead-right { display: normal; }
	.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
	.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
	.comment-list .children { margin-left: 0 }
	#copyright, #footer-menu { text-align: center }
	#footer-menu ul { float: none; margin-top: 5px; }
	#footer-menu li { float: none; display: inline; display: inline-block; margin-left: 0; margin-right: 10px; }
	.related-posts .span_6, .related-posts .span_18, .related-posts .span_8 { width: 100%; padding: 0; }
	.related-posts .span_8, .related-posts .span_6 { margin-bottom: 1.5em }
	.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; }
	.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }
}

/*
=================
    PDF Files
=================
*/

.extra-info span {
    display: inline-block;
    width: 90%;
    margin: 0.5em 0em 0.3em 0em;
    padding: 0px;
    font-size: 1.20em;
    font-weight: bold;
    line-height: normal;
    color: #1A3A5C;
}

.extra-info a { float: right; margin-top: 0.5em;}
.extra-info + p { display: table-cell; }


.pdf-list-items { margin-left: 2em; }
.pdf-list-items > a { font-weight: bold; }
.pdf-list-items > a > img { vertical-align: text-bottom; }

.pdf-list { margin-left: 0em; }
.pdf-list li {
    list-style: none;
    background: url(/icons/pdf-bullet.png) no-repeat left 2px;
	margin-bottom: 0.75em;
	padding-left: 20px;
}
.pdf-list > li> a { font-weight: bold; }

.no-pdf-list{margin-left: 1em;}

.no-pdf-list > li> a { font-weight: bold; }


/*
===========
    FAQ
===========
*/

input[type=checkbox] { height: 1px; opacity:0; }
input[type=checkbox] ~ h3 { margin-top: 0px; }


/*IMPORTANT!*/
.impt {
	width: 13px;
	height: 13px;
	margin-bottom: -0.05em;
}

.impt2{
	margin-bottom:-0.1em;
}

/*
==============
    Videos
==============
*/
.videos-list img {
	position: relative;
	width: 16px;
	height: 16px;
	top: 2px;
}

/*
==============
    TABLES
==============
*/

/* Forms and Filing */
.forms {
    width: 95%;
    height: 300px;
    margin: 1em auto;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: auto;
}

.forms-list{ display: block; }

.forms-intro{ display: none; margin-left: 1em; }


/* Used around the site */
.equal-width-table {
    width: 100%;
    display: table;
    table-layout: fixed; 
    margin: auto;
    margin-bottom: 1.5em;
    font-size: 0.9em; 
}

.equal-width-table > div {
    display: table-cell;
    width: 1%;
    padding: 5px;
}

.equal-width-table img {
    margin: auto;
    margin-bottom: 0.5em;
    display: block;
}

.equal-width-table h3, .equal-width-table h4, .equal-width-table h5 { margin: 0em 0em 0.5em 0em; }

.equal-width-table p { text-align: center; }

/*LTB Application and Hearing Process tables */
.help-table {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}

.help-table > tbody > tr > th > ul,
.help-table > tbody > tr > td > ul {
	margin-left: 2em;
}

.help-table > tbody > tr > th > ul > ul,
.help-table > tbody > tr > td > ul > ul {
	margin-left: 2em;
}

.help-table > thead > tr > th,
.help-table > tbody > tr > th,
.help-table > tfoot > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 3px solid #ddd;
    font-weight: bold;
    font-size: 1.15em;
    color: #1A3A5C;
}

.help-table > thead > tr > td,
.help-table > tbody > tr > td,
.help-table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 3px solid #ddd;
    width: 50%;
}

.help-table > tbody > tr:nth-of-type(even) {
     background-color: #f9f9f9;
}

/* Open Data Table */
.openDataTable {
	border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}
.openDataTable> caption {
    line-height: 1.42857143;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-size: 1.2em;
    color: #1A3A5C;
	padding-bottom: 1.0em;
}

.openDataTable > thead > tr > th {
	text-align: left;
}

.openDataTable > tbody > tr:nth-of-type(odd) {
     background-color: #f9f9f9;
}

/*LTB Pages tables */
.fees-table {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}

.fees-table > caption {
    line-height: 1.42857143;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    /* font-size: 1.2em;*/
    color: #1A3A5C;
}

.fees-table > tbody > tr > th > ul,
.fees-table > tbody > tr > td > ul {
	margin-left: 2em;
}

.fees-table > tbody > tr > th,
.fees-table > thead > tr > td,
.fees-table > tbody > tr > td,
.fees-table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 50%;
}

.fees-table > tbody > tr:nth-of-type(odd) {
     background-color: #f9f9f9;
}


.forms-table {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}

.forms-table > thead > tr > th,
.forms-table > tbody > tr > th,
.forms-table > tfoot > tr > th {
	display: none;
}

.forms-table > thead > tr > td,
.forms-table > tbody > tr > td,
.forms-table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    width: 50%;
}

.forms-table > tbody > tr:nth-of-type(even) {
     background-color: #f9f9f9;
}

.forms-table > caption {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
	text-align: left;
}
.top-sub-menu {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}

.top-sub-menu > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    width: 50%;
	font-weight: bold;
}

.top-sub-menu > tbody > tr:nth-of-type(even) {
     background-color: #f9f9f9;
}

/* Timeline styling (used in OSET/LTB Forms & Filing) */
.timeline-table {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
}

.timeline-table > thead > tr > th,
.timeline-table > tbody > tr > th,
.timeline-table > tfoot > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 1.15em;
    color: #1A3A5C;
}

.timeline-table > thead > tr > td,
.timeline-table > tbody > tr > td,
.timeline-table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    width: 50%;
}

.timeline-table > tbody > tr:nth-of-type(even) {
     background-color: #f9f9f9;
}

.timeline-table > caption {
    text-align: left;
}


/* Consultations page */
#consultations { width: 100%; }
#consultations th, #consultations td {
    width: 1%;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}

#consultations p, 
#consultations h3 { text-align:left; }
#consultations h4 { text-align: center; margin: 0px; }
#consultations tr:nth-of-type(even) > td:nth-of-type(even) {
     background-color: #f9f9f9;
}

/* Contact Pages */
#contact { margin-bottom: 1em; text-align: left; font-size: 1em; width: 100%;}
#contact caption{ margin-bottom:1em;  text-align: left; }
#contact th { text-align: left; }

#map {
    border: 0;
    margin: auto;
    width: 95%;
    height: 275px;
}


#backtotop a {
	font-weight: bold;
	float: right;
}

/* Special case for Contact the HRTO */
.equal-width-table tr td:first-child { width: 30%; }

/* Special case for LTB ten other languages */
.ten-other-lang { font-weight: normal !important; }

/*
=====================================
    Landing/Splash and Error Page
=====================================
*/

#landing {
    width: 855px;
    height: 220px;
    margin: auto;
    margin-top: 20%;
    background-color: #ffffff;
    border: 2px solid #1A3A5C;
}

#landing h1 {
    display: inline-block;
    width: 425px;
    margin: auto;
    text-align: center;
}

#landing img { margin: 30px 15px; }

#landing-links {
    width: inherit;
    margin: 15px auto;
    text-align: center;
}

#landing a, #landing-links a { color: black; text-decoration: none; }
#landing a:hover, #landing a:focus, #landing-links a:hover, #landing-links a:focus { text-decoration: underline; text-decoration-skip: ink; }

#not-found {
    width: 855px;
    height: auto;
    margin: auto;
    margin-top: 10%;
    background-color: #ffffff;
    border: 2px solid #1A3A5C;
}

#not-found > div > div { padding: 0px 15px; }
#not-found .errimg { width:30px; height: 30px; float: left; }
#not-found > img { margin: 30px 15px 15px 15px; }
#not-found h1 { font-size: 1.75em; margin-left: 40px; margin-top: 0em; display: block; }
#not-found h2 { font-size: 1.25em; margin-left: 10px; }


/*
======================
    Search Results
======================
*/

#search-results {
    width: 95%; margin: auto;
}

.search-entry {
    margin-bottom: 20px;
    padding: 0px 25px;
    border-bottom: 1px solid #eeeeee;
}

.search-entry h2 {
    font-size: 1.25em;
}

.search-entry h2 span {
    margin-left: 5px;
    color: #aaaaaa;
    font-size: 0.8em;
}

/* Not sure if needed in the future
.search-entry-img-link { display: block; float: left; border: 5px solid #f5f5f5; }
.search-entry-img-link img { display: block }
.search-entry-text { float: right; width: 500px; }
.search-entry-text p:last-child { margin: 0 }
*/

/*
=============
    Print
=============
*/

@media print {
    body { margin: 0; padding: 0;}
	.a11y-toolbar, .no-print { display: none; }
    .show-on-print { display: block; }
    #masthead, #navbar, #breadcrumbs, .tribunal-logo, .menu, #footer{ display: none; margin: 0; padding: 0; }

    h2 { margin-top: 0; }
    article > div { margin: 0; padding: 0; }
    article > div > div > div:last-child { width: 100% !important; }
    .panel-grid-cell, .panel {
        min-height: 0 !important;
        margin:0 !important;
        padding:0 !important;
    }
}

@page { margin: 0.5in; }

/*
===================
  Open Data Page
===================
*/
.accessLevel {
	background: #e6f8a4;
	border-radius: 3px;
	margin: 0 .3125rem .3125rem 0;
	padding: .15rem .25rem;
}

#customPhpCode {
	padding: 0 1.5rem;
}

#search-text-input{
	border-top:thin solid  #e5e5e5;
	border-right:thin solid #e5e5e5;
	border-bottom:0;
	border-left:thin solid  #e5e5e5;
	border-radius: 5px;
	box-shadow:0px 1px 1px 1px #e5e5e5;
	float:left;
	height:1.9em;
	margin:.8em 0 0 .5em; 
	outline:0;
	padding:.4em 0 .4em .6em; 
	width:14em; 
}
 

#search-button , #filter-button{
	background-color:#f1f1f1;
	border-top:thin solid #e5e5e5;
	box-shadow:1px 1px 1px 1px #e5e5e5;
	cursor:pointer;
	float:left;
	height:30px;
	margin:11px 0 0 0;
	text-align:center;	
}

#filter-button {
}

#openDataSearch {
	display:inline-block;
	float: right;
	width: 40%;
	padding: 0;
	margin-right: 5em;
}

#openDataFilter {
	margin: 0 0 0 5em;
	display:inline-block;
	width: 40%;
}

#openDataFilter form input {
	margin-bottom: 8px;
}