/*hides jadu generated page headers*/
#content > h2 {
   display:none;
}

.blurb_wrap {
   margin: 0 10px 0 0;
}

div.styles8  #od_title {
   color:#000;
   text-align:center;
   font-size:1.9em;
}

div.styles8 #od_flag {
   max-width:150px;
   display:block;
   margin: 0 auto;
}

div.styles8 #od_blurb {
    position: relative;
    background: #ccc;
    position: relative;
    padding:20px;
    border-radius:12px;
    margin: 20px 0px 10px 0px;
    height: auto;
}

div.styles8 #od_blurb:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 15px;
    margin-left: -15px;
}

div.styles8 .bqstart {
     color: #3c3c3c;
     float: left;
     font-family: arial;
     font-size: 700%;
     height: 45px;
     left: 0;
     margin-bottom: 0;
     margin-top: 0;
     padding-top: 0;
     position: relative;
     top: 0;
     z-index:3;
}
div.styles10 {
    color: #000;
}

div.styles10 li {
    margin:5px;
}

div.styles10 ul {
    list-style-type: square;
    margin:5px;
}

/* link styles */

div.styles10 a:link {
    text-decoration:underline;
    color:#5C829B;
}
div.styles10 a:visited {
    color:#2b5e80;
}
div.styles10 a:hover {
    color:#000;
    transition: color 0.7s ease;
}
div.styles10 a:active {
    color:#2b5e80;
}

/* data types link styles */

div.styles10 .data_types a:link {
    font-size: 1em;
    text-decoration:none;
    color:#fff;
}
div.styles10 .data_types a:visited {
    color:#fff;
}
div.styles10 .data_types a:hover {
    color:#d53f58;
    transition: color 0.7s ease;
}
div.styles10 .data_types a:active {
    font-size: 1em;
}
div.styles10 h3 {
    margin: 20px 0 10px 0;
}

div.styles10  .azList li {
    display: block;
    float:left;
    height: auto;
    width: auto;
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:auto;
    font-size:12pt;
}

div.styles10  .tag {
    background-color: #444;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #bbb;
    color: #dedede;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    padding: 4px 8px;
    text-decoration: none;
}
div.styles10  a.tag {
    color: #dedede;
    text-decoration: none;
}

div.styles10  a.tag:hover {
    background-color: #D64057;
    color: #222;
    text-decoration: none;
}

div.styles10  .tag_inactive {
    background-color: #444;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #bbb;
    color: #dedede;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    padding: 4px 8px;
    text-decoration: none;
}

div.styles10  a.tag_inactive {
    color: #dedede;
    text-decoration: none;
}

div.styles10  a.tag_inactive:hover {
    background-color: #444;
    color: #dedede;
    cursor: default;
    text-decoration: none;
}
div.styles13 {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
}

div.styles13 .data_types {
  background: #3c3c3c url('/open/images/od_data_formats_sprite.png') no-repeat;
  background-size: 100px auto;
  height: 100px;
  margin: 20px;
  position: relative;
}

div.styles13 .data_types p {
  color: #FFF;
  padding: 5px;
  font-size: 0.95em;
}

div.styles13 .more_info {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

/*data types link styles*/
 div.styles13 a:link {
  color:#fff;
  text-decoration: none;
}

 div.styles13 a:visited {
    color: #fff;
}

div.styles13 a:hover {
    color: #d64057;
}

div.styles13 a:active {
    color: #d64057;
}

div.styles13 .data_desc {
    position:absolute;
    left:110px;
}

/* background position for image sprite*/

div.styles13 #csv {
  background-position: 0px 0px;
}
div.styles13 #json {
  background-position: 0px -100px;
}
div.styles13 #geojson {
  background-position: 0px -200px;
}
div.styles13 #pdf {
  background-position: 0px -300px;
}
div.styles13 #kml {
  background-position: 0px -400px;  
}
div.styles13 #kmz {
  background-position: 0px -500px;
}
div.styles13 #rtf {
  background-position: 0px -600px;
}
div.styles13 #xml {
  background-position: 0px -700px; 
}
@font-face { 
                                font-family:'fedra'; 
                                  src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000007.eot'); 
                                  src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000007.eot?#iefix') format('embedded-opentype'), url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000007.woff') format('woff'), url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000007.ttf') format('truetype'); 
                                font-weight: normal; 
                                font-style: normal; 
} 
@font-face { 
                                font-family:'fedra'; 
src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000008.eot'); 
  src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000008.eot?#iefix') format('embedded-opentype'), url('fonts/WF-020550-002332-000008.woff') format('woff'), url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000008.ttf') format('truetype'); 
                                font-weight: normal; 
                                font-style: italic; 
} 

@font-face { 
                                font-family:'fedra'; 
  src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000025.eot'); 
  src: url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000025.eot?#iefix') format('embedded-opentype'), url('fonts/WF-020550-002332-000025.woff') format('woff'), url('https://www.manchester.gov.uk/site/styles/generic/fonts/WF-020550-002332-000025.ttf') format('truetype'); 
                                font-weight: bold; 
                                font-style: normal; 
} 

body {
     font-family: fedra,helvetica,sans-serif;
}
#bc a:link {
     color:#5c829b;
     text-decoration:none;
}
#bc a:visited {
     color:#5c829b;
}
#bc a:hover {
     color:#000;
     transition: color 0.7s ease;
}
#bc a:active {
     color:#5c829b;
}


/* Table styles */

table {
    margin:10px 0px 10px 0px;
}

    table, td, tr, th	{
    padding:10px;
    border-collapse: collapse;
    border: 1px solid #dEdEdE;
}

th {
    background: #d53f58 !important;
    text-align:left;
    color:#fff;
    font-weight:normal;
}

tbody tr:nth-child(odd) {
        background-color: #fff;
}

div.styles3 a:link {
     color:#3C3C3C;
     text-decoration:underline;
}

div.styles3 a:visited {
     color:#3c3c3c;
}

div.styles3 a:hover {
     transition: color 0.7s ease;
     color:#d64057;
}
div.styles14   {
    background: none repeat scroll 0 0 #f9f9f9;
    padding: 15px;
   height: auto;
}

div.styles14 a:link {text-decoration: none;
}

div.styles14 a:hover{text-decoration: underline;
}

div.styles14 a:active{text-decoration: underline;
}
div.styles15  h1, h2 { font-size: 1.5em; margin: 0; padding: 10px 0 5px 0; }
/* more info icon styles */

div.styles6 .pink_box:after {
  border-color: transparent transparent #d64057;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 15%;
  margin-left: -15px;
  pointer-events: none;
  position: absolute;
  width: 0;
}

div.styles6 .pink_box {
  background: none repeat scroll 0 0 #d64057;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  padding: 15px 15px 15px 20px;
  position: relative;
  top: 0px;
  text-decoration: none;
}

div.styles6 .pink_box:hover {
  transition: background-color 0.5s ease;
  background-color:#aE3446;
}

div.styles6 .pink_box:hover:after {
  transition: border-color 0.5s ease;
  border-color: rgba(214, 64, 87, 0) rgba(214, 64, 87, 0) #aE3446;

}  
  
/* icon and text */

div.styles6 .info_header {
  font-weight: lighter;
  background: url(http://open.manchester.gov.uk/open/images/od_more_info_icon_1.png) no-repeat left;
  padding: 12px 0 10px 80px;
}

div.styles6 .about_open_data_h3 {       
  background-position: 0 0;
}

div.styles6 .data_formats_h3 {
  background-position: 0 -75px;
}

div.styles6 span {
  display:block;
}

div.styles6 .more_info_icon {
  width: 290px;
  display: inline-block;
}

div.styles6 .more_info_wrapper{
  position:relative;
  top:50px;
  left:20px;
  max-width:610px;
  margin: 0 auto;
  height:200px;
}
div.styles4 .tile {
  background: #3c3c3c url('https://www.manchester.gov.uk/images/od_homepage_icons.png') no-repeat;
  width:175px;
  height:175px;
  margin: 10px;
  background-size: 175px auto;
  border-radius:15px;
  display:inline-block;
  position:relative;
  text-decoration:none;
}

/* tile label styles */
div.styles4 .tile span {
  color:white;
  font-size:0.85em;
  padding:10px 0 5px 15px;
  background-color:#d64057;
  position:absolute;
  bottom:0;
  width:160px;
  height:20% ;
  border-bottom-left-radius: 15px ;
}
div.styles4 .nav_tiles_box {
  max-width: 600px;
  margin: 0 auto;
  background-color:#eFeFeF;
}
div.styles4 a:hover span{
  transition: background-color 0.5s ease;
  background-color:#ae3446;
}         

/* individual tile styles with filter to scale background images for IE8 */
div.styles4 .tile1 {
  background-position: 0 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_govtrans_icon.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_govtrans_icon.png', sizingMethod='scale')";
}

div.styles4 .tile2 {
  background-position: 0 -175px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_catalogue_icon_1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_catalogue_icon_1.png', sizingMethod='scale')";
}

div.styles4 .tile3 {
  background-position: 0 -350px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_GMDSP_icon_1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_GMDSP_icon_1.png', sizingMethod='scale')";
  
}

div.styles4 .tile4 {
  background-position: 0 -525px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_inspire_icon.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_inspire_icon.png', sizingMethod='scale')";

}

div.styles4 .tile5 {
  background-position: 0 -700px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_pub_icon.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_pub_icon.png', sizingMethod='scale')";
  
}

div.styles4 .tile6 {
  background-position: 0 -875px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_terms.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.manchester.gov.uk/images/od_terms.png', sizingMethod='scale')";

}
div.styles5 #odcat a { 
        text-decoration: underline; 
        color: #456171; 
        cursor: pointer; 
} 
div.styles5 #odcat dt { 
        font-weight: bold; 
        color: #555; 
} 
div.styles5 #odcat dd { 
        display: inline; 
        display: inline-block; 
        margin: 0.5em 0; 
} 
div.styles5 .field { 
        border: none; 
} 
@media screen and (min-width:900px) { 
        div.styles5 #odcat dl { 
                display: table-row; 
        } 
        div.styles5 #odcat dt { 
                display: table-cell; 
                white-space: nowrap; 
                padding: 0 1em 1em 0; 
        } 
        div.styles5 #odcat dd { 
                display: table-cell; 
                padding: 0 0 1em 0; 
        } 
}
