@import url("basics.css?25");
@import url("forms.css?25"); 
@import url("tables.css?25");

/* basic look */

body {
  background : #dadada;
  color : #333;
  font-family : Helvetica, Arial, sans-serif;
  font-size : 12px;
  line-height : 1.4;
}

h1, h2, h3, h4, h5 {
}
h1, h2, h3 {
}
/*h1 a, h2 a, h3 a {
  color : inherit;
}*/
h1 {
  font-size : 2.8em;
  font-weight : normal;
  line-height : 1;
  margin : 0;
}
h1 {
  height : 2.0835em;
  background : url(img/1x1.png) 0 100% repeat-x;
  line-height : 88px;
  margin : 0 0 .72em -944px;
  text-indent : 100%;
  width : 300%;
}
.columns-2 h1 {
  margin-left : -100%;
}

h2 {
  font-size : 1.5em;
  font-weight : bold;
  line-height : 1.2;
  color : #333;
  /* margin : 2.2em 0 .6em 0; */
  margin : 1.2em 0 .6em 0;
}
h1 + h2 {
  margin : .6em 0 .6em 0;
}
h3 {
  font-size : 1.2em;
  font-weight : bold;
  line-height : 1.2;
  /* margin : .8333em 0; */
  margin : 1.66666em 0 0.8333em 0;
}

a {
  color : #004292;
}
a:visited {
  color : #493879;
}
a:hover, a:active, a:focus {
  color : #a24400;
}


ul {}
li {}


img[align=right] {
  float : right;
  margin-bottom : 13px;
  margin-left : 13px;
}
img[align=left] {
  float : left;
  margin-bottom : 13px;
  margin-right : 13px;
}

a.image,
a .image {
  border : 1px solid #ccc;
  background : #ccc;
  overflow : hidden;
  margin-bottom : 10px;
  display : inline-block;
}
a.image img,
a .image img {
  display : inline-block;
}


/* The notice only IE6 users see. */
#ie6notice {
  margin : 0;
  padding : 2em;
}


/* messages & notices */

.notice {
  margin: 1.4em 0;
  border : 1px solid #00a;
  background : #f0f0ff;
  padding : 1em 20px .5em 20px;
  /*font-size : 1.12em;*/
  color : #00a;
  -moz-border-radius : 8px;
  -webkit-border-radius : 8px;
  border-radius : 8px;
}
.notice h3,
.notice h2 {
  color : inherit;
  margin : 0 0 .5em 0;
  font-size : 1.1em;
}
.notice p {
  color : #000;
  margin : 0 0 .5em 0;
}
.notice.info {
  color : #7F7A57;
  border-color : #C4B27A;
  background : #FDF6CF;
}
.notice.error {
  color : #800;
  border-color : #d00;
  background : #fee;
}




.footnotes {
  margin : 1em 0 3em 0;
  font-size : .92em;
}
.footnotes hr {
  width : 30%;
}
.footnotes li p {
  margin : 0;
}

/*h2, h3, h4 {
  text-transform : uppercase;
}*/


a.editlink {
  padding : 4px 6px 3px 6px;
  line-height : 1;
  text-transform : uppercase;
  font-weight : bold;
  font-size : 10px;
  -moz-border-radius : 6px;
  -webkit-border-radius : 6px;
  border-radius : 6px;
  border : 1px solid #660;
  background : #ffc;
  color : #660;
}
a.editlink:hover {
  text-decoration : none;
  border-color : #440;
  background : #ff4;
  color : #220;
}


/* layout */

#top {
  background : #fff url(img/head-bg.png) 0 0 repeat-x;
}

#page-header {
  height : 100px;
  width : auto;
  max-width : 944px;
  padding : 0 12px;
  margin : 0 auto;
}
#page-header a {
  float : left;
  margin : 8px 0 0 -4px;
}


.page-content {
  padding : 0;
  margin : 0 auto;
  position : relative;
  overflow : hidden;
}
.page-content .wrap {
  margin : 0 auto;
  padding-bottom : 50px;
  _height:0;min-height:0;/* ie hasLayout fix */
  width : auto;
  max-width : 944px;
  padding-left : 12px;
  padding-right : 12px;
}
.page-content .wrap:after,
.page-content:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

#page-related,
#page-main {
  margin : 0;
  padding : 0;
  width : 100%;
}
.columns-3 #page-main,
.columns-2 #page-main {
  float : left;
  width : 70%;
}
.columns-3 #page-related,
.columns-2 #page-related {
  float : right;
  width : 24%;
  padding-top : 70px;
  position : relative;
}

.columns-2-alt #page-main {
  float : right;
  width : 680px;
}
.columns-2-alt #page-related {
  float : left;
  width : 220px;
  padding-top : 70px;
  position : relative;
}

#page-navigation {
  clear : both;
  width : auto;
  margin : 0 auto;
  max-width : 944px;
  padding : 0 12px;
}

.content-column2 .box {
  border : 1px solid #ccc;
  background : #f4f4f4;
  margin-bottom : 2em;
  -moz-border-radius : 8px;
  -webkit-border-radius : 8px;
  border-radius : 8px;
  padding : 18px 18px 5px 18px;
}
.content-column2 .box h3 {
  margin-top : 0;
}


/* modules */

#main-nav {
  position : absolute;
  top : 80px;
  margin-top : -1em;
  text-transform : uppercase;
  z-index: 2;
  line-height : 1.2;
}
#main-nav .head,
#main-nav ul ul { position:absolute;right:9999em;left:auto; }
#main-nav ul {
  margin : 0 0 0 -12px;
  display : block;
  float : left;
}
#main-nav li {
  float : left;
}
#main-nav li,
#main-nav li a {
  -moz-border-radius-topright : 5px;
  -moz-border-radius-topleft : 5px;
  -webkit-border-top-left-radius : 5px;
  -webkit-border-top-right-radius : 5px;
  border-top-left-radius : 5px;
  border-top-right-radius : 5px;
}
#main-nav li a {
  display : block;
  text-decoration : none;
  color : #ccc;
  color : rgba(255,255,255,.8);
  ~color : #ccc; /* IE7 */
  height : 16px;
  padding : 7px 12px;
  line-height : 16.5px;
  text-transform : uppercase;
  -webkit-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
}
#main-nav li a:hover,
#main-nav li a:active,
#main-nav li a:focus {
  text-decoration : none;
  color : #fff;
  background : #000;
  background : rgba(255,255,255,0.1);
  -webkit-transition: background 0 ease-in;
  -moz-transition: background 0 ease-in;
}
#main-nav li a strong {
  font-weight : normal;
}
#main-nav li.current {
  background : #e6480c url(img/bgs.png) 0 -220px repeat-x;  /* cf4f1d */
  border : 0;
  margin-right : -1px;
  position : relative;
  z-index : 3;
}
#main-nav li.current a {
  color : #eee;
}
.msie #main-nav li.current a:hover {
  background : none;
}



#lang-nav {
  position : absolute;
  top : 68px;
  z-index: 2;
  margin-left : 944px;
  width : 0;
  overflow : visible;
}
#lang-nav .head { position:absolute;right:9999em;left:auto; }
#lang-nav ul {
  text-transform : uppercase;
  position : absolute;
  top : 0px;
  right : -8px;
}
/*
Hack because the datamarket styles are used both for datamarket whitelabel and also as base styles for others.
This will be fixed when cleaning up the datamarket styles.
 */
#lang-nav ul.lang-is {
  right:64px;
}
#lang-nav ul.lang-en {
  right:118px;
}
/* End of hack */

#lang-nav ul li a {
  display : block;
  display:block;
  height : 16px;
  line-height : 16.5px;
  padding : 7px 36px 7px 4px;
  color : #bbb;
  text-decoration : none;
}
#lang-nav ul li a:hover {
  color : #fff;
/*  background-color : rgba(255, 255, 255, 0.1);*/
}
#lang-nav .en a {
  background : url(img/lang-en.png) 100% 49% no-repeat;
}
#lang-nav .is a {
  background : url(img/lang-is.png) 100% 49% no-repeat;
}
#lang-nav .en:lang(en),
#lang-nav .is:lang(is) { position:absolute;right:9999em;left:auto; }
/* lang for IE */
html[lang=en] #lang-nav .en,
html[lang=is] #lang-nav .is { position:absolute;right:9999em;left:auto; }



#profile {
  position : absolute;
  top : 20px;
  width : 98%;
  max-width : 940px;
  height : 0;
  overflow : visible;
}
#profile p {
  margin : 0;
  text-align : right;
  color : #777;
  line-height : 1;
  float: right;
}
#profile em {
  font-style : normal;
  padding-right : 8px;
  margin-right : 6px;
  border-right : 1px solid #666;
  display : inline-block;
}
#profile .login em:first-letter {
  text-transform : uppercase;
}
#profile span,
#profile h3 { position:absolute;right:9999em;left:auto; }
#profile a {
  color : #e6480c;
}
#profile .logout a {
  font-style : normal;
  padding-right : 4px;
  margin-right : 6px;
  border-right : 1px solid #666;
}
#profile .logout a.signout {
  border : 0;
  margin : 0;
  padding : 0;
}






#page-footer {
  position : relative;
  line-height : 1.455;
  color : #444;
  border-top : 1px solid #888;
  background : #dadada;
  min-height : 20em;
}
#page-footer .wrap {
  width : auto;
  max-width : 944px;
  margin : 0 auto;
  position : relative;
  height : 190px;
}

#page-footer .licence {
  margin : 0;
  position : absolute;
  left : 8.5%;
  top : 20px;
  z-index: 2;
}
#page-footer address i {
  font-style : normal;
}

#contact {
  position : absolute;
  left : 30%;
  top : 20px;
  ~width : 20%;
  ~min-height:0;/* ie hasLayout fix */
}
#contact a.url {
  color : inherit;
}


#about-nav ul ul {
  padding-left: 16px;
}
#about-nav ul a {
  text-transform:none;
}
#about-nav a:hover {
  background:#ededed;
  text-decoration:none;
  color:#004292;
}
#about-nav .current {
  font-weight:bold;
}
#about-nav .current a {
  color : #333;
}
#about-nav a:visited {
  color:#004292;
}


/* footer nav */

#support-nav {
  position : absolute;
  z-index: 4;
  margin-top : 20px;
  right : 0;
  width : 50%;
}
#support-nav a {
  text-decoration : none;
  display : block;
}
#support-nav h3 {
  font-size : 1.12em;
  font-weight : normal;
  margin : 0 0 6px 0;
  text-transform : uppercase;
}
#support-nav ul {
  padding : 0;
  _height:0;min-height:0;
}
#support-nav ul ul {
  padding-left : 16px;
}
#support-nav ul:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
#support-nav li {
  margin : 0;
  padding : 0;
  display : block;
}
#ql-internal {
  float : left;
  padding-left : 70px;
  width : 30%;
  max-width : 170px;
}
#ql-external {
  float : left;
}
#ql-external li {
  padding-right : 9px;
}
#ql-external span { position:absolute;right:9999em;left:auto; }
#ql-external a {
  display : block;
  height : 28px;
  width : 28px;
  text-indent : -999em;
  background : url(img/social-media-icons.png) 0 0 no-repeat;
}
#ql-external li {
  float : left;
}
#follow_twitter a {
  background-position : -36px 0;
}


/* search box */

.search {
  margin-bottom : 2em;
  margin-top : 2em;
  position : relative;
}
.search fieldset {
  position : static;
  border : 0;
  background : url(img/search-bg.png) 0 100% repeat-x;
  padding : 25px 0 24px 0;
}
.search .body:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.search span.formcontrol {
}
.search h2 { position:absolute;right:9999em;left:auto; }
.search p { margin : 0; }
.search #main-terms { 
  margin : 0;
}

.search #main-terms label {
  display : inline-block;
  font-size : 2.2em;
  font-weight : normal;
  line-height : 1.2;
  margin : 0 17px 0 0;
  padding : 0;
  text-align : right;
  width : 220px;
  color : #333;
  white-space : nowrap;
}

.search #main-terms input {
  margin-top : 0px;
  font-size : 14px;
  vertical-align : top;
  padding : 8px 5px;
  width : 456px;
}
.search .buttons {
  position : absolute;
  top : 25px;
  left : 725px;
  margin : 0;
}


.search .buttons button {
  float : none;
  font-size : 18px;
  font-weight : normal;
  padding : 5px 15px;
  white-space : nowrap;
}

.search #facets .facet {
    float: left;
    margin-right: 1em;
}

.search #facets .facet select {
    height: 11.5em;
    width: 24em;
    font-family: monospace;
}

.autocomplete-results {
  font-family: Helvetica, Arial, sans-serif;
  font-size : 11px;
  background: #eee;
  padding : 0 5px;
  margin : 0;
  list-style: none;
  border : 1px solid #999;
  border-top : 0;
  position : relative;
  z-index: 1006; /* needs to work with dialog boxes */
}
.autocomplete-results li {
  padding : 1px 6px;
  margin : 1px -5px -1px -5px;
  border-bottom : 1px dotted #999;
  cursor : pointer;
}
.autocomplete-results li strong {
  background : #fff;
}
.autocomplete-results li.autocomplete-active,
.autocomplete-results li.autocomplete-active strong {
  background : #333;
  color : #CCCC99;
}


/* common navigation styles */

ul.nav,
ul.nav li,
.nav ul,
.nav ul li {
  margin : 0;
  padding : 0;
  list-style : none;
  display : block;
}


/* pages & articles */

.column.article .pull {
  position : absolute;
  right : 0px;
  /*max-width : 304px;
  width : 304px;*/
}
.article .top-pull {
  top : 4.5em;
}
.article {
  position : relative;
  line-height : 1.3;
}
.article a {
  text-decoration : underline;
}

.article ol,
.article ul {
  margin : 1em 0 1em 1.5em;
}
.article ul {
  list-style : square;
}

.subnav,
#page-related form,
.sidebar .box {
  margin-bottom : 3em;
  margin-top : 2em;
}
#page-related h3 {
  font-size : 2.24em;
  ~font-size : 2.14em;
  font-weight : normal;
  line-height : 1.2;
  margin : 0 0 0.2em;
  text-transform : none;
}

#page-related .formcontrol input {
  width : 90%;
}
#page-related .buttons {
  padding : 0;
  text-align : right;
}
#page-related .buttons a {
  float : left;
  margin-right : 1em;
  margin-left : 0;
  padding : 3px 0;
}



/* related pages (pagetab) */


#subpages {
  width : 944px;
  position : absolute;
  top : 5.8333em;
}
#subpages h3 { position:absolute;right:9999em;left:auto; }
#subpages ul {
  margin-top : -2.3em;
  float : right;
}
.mozilla #subpages ul {
  margin-top : -2.4em;
  float : right;
}
#subpages ul li {
  float : left;
}
#subpages ul li a {
  background: #f3f3f3 url(img/grad-bottom-12-black.png) 0 100% repeat-x;
  border: 1px solid #aaa;
  color: #777;
  display: block;
  letter-spacing: .1em;
  padding: .5em 28px .3em 28px;
  margin-right : -1px;
  ~margin-right : 0;
  ~margin-left : -1px;
  text-decoration : none;
  text-transform : uppercase;
}
#subpages ul li:first-child a {
  -moz-border-radius-topleft : 3px;
  -webkit-border-top-left-radius : 3px;
  border-top-left-radius : 3px;
}
#subpages ul li:last-child a {
  -moz-border-radius-topright : 3px;
  -webkit-border-top-right-radius : 3px;
  border-top-right-radius : 3px;
}
#subpages ul li.current a {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #555;
  _height:0;min-height:0;/* ie hasLayout fix */
}



/* breadcrumbs */

#page-related .breadcrumbs {
  margin : 0;
  position : absolute;
  top : 37px;
  right : 0;
  line-height : 24px;
  text-transform : uppercase;
  color : #ccc;
}
#page-related .breadcrumbs strong { position:absolute;right:9999em;left:auto; }
#page-related .breadcrumbs i {
  font-style : normal;
}
#page-related .breadcrumbs a {
  text-decoration : underline;
}
#page-related .breadcrumbs span {
  color : #666;
  font-weight : bold;
}



/* subnav */

.subnav ul {
  border-bottom : 1px solid #ccc;
}
.subnav ul ul {
  border-bottom : 0;
}
.subnav li {
  position : relative;
  border-top : 1px solid #ccc;
  margin : 0;
}
.subnav li a {
  padding : 3px 24px 2px 6px;
  display : block;
  text-transform : uppercase;
  border-bottom : 1px solid #ccc;
  margin-bottom : -1px;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.subnav ul ul li {
  border-top : 0;
}
.subnav li.current a {
  color : #000;
}
.subnav ul ul a {
  border : 0;
  margin : 0;
}


/* provider overview */
.inventory-overview h1 { position:absolute;right:9999em;left:auto; }


#provider-overview {
  width : auto;
  float : none;
  overflow : hidden;
  clear : both;
}
#provider-overview h2 { position:absolute;right:9999em;left:auto; }
#provider-overview .provider {
  float : left;
  position : relative;
  padding-top : 9px;
  padding-left: 80px;
  padding-right: 12px;
  width : 209px;
  margin-left : 20px;
  margin-bottom : 20px;
  border-top : 1px solid #ccc;
  background : #fff;
  line-height : 1.1;
  _height : 6.6em;
  min-height : 6.6em;
}
#provider-overview .n30 {
  clear : left;
  margin-left : 0;
}
#provider-overview ul {
  list-style : none;
  margin : 0;
  padding : 0;
  border : 0;
  _height:0;min-height:0;/* ie hasLayout fix */
}
#provider-overview ul:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
#provider-overview i {
  display : none;
}
#provider-overview .provider h4 { margin : 0; }
#provider-overview .provider .title {
  padding : 0 0 .2em 0;
  font-size: 140%;
  background : none;
  text-transform : none; 
  display : block;
}
#provider-overview .provider .image {
  background : none;
  border : 0;
  position : absolute;
  left : 4px;
  top : 12px;
  height : 64px;
  width : 64px;
  line-height : 32px; /* horizontal center 25% from top if img < 64px */
  text-align : center;
  margin : 0;
  -moz-border-radius : 0px;
  -webkit-border-radius : 0px;
  border-radius : 0px;
}
#provider-overview .provider .image img {
  vertical-align : middle;
}

#provider-overview .provider .desc {
  margin : 0;
  color: #555;
  font-size: 0.96em;
}

#provider-overview h3 {
  font-size : 1.8em;
  font-weight : normal;
  margin : 1em 0 .3em 0;
  clear : both;
}
#provider-overview ul {
  clear : both;
}
#provider-overview .minor li {
  padding-top : 9px;
  padding-left: 80px;
  padding-right: 12px;
  min-height: 2.3em;
  margin-bottom : 10px;
}
#provider-overview .minor li h4 {
}
#provider-overview .minor li .image {
  height: 32px;
  width: 32px;
  top : 8px;
  left : 20px;
}
#provider-overview .minor li .image img {
  max-height: 32px;
  max-width: 32px;
}
#provider-overview .minor li .title {
  font-size : 120%;
}
#provider-overview .minor li .desc {
  display : none;
}





/* When the app is hidden (either because Javascript is disabled or
   the dataset is private), these styles are used instead. */
#full-details {
  float : left;
  width : 540px;
}
#logo-and-description {
  margin-left : -14px;
}
#logo-and-description img {
  float : none;
  margin : 0;
  padding : 0;
}
#logo-and-description img.datamarket-logo {
  display : none;
  padding : 0 40px 0 0;
}
#logo-and-description p {
  float : left;
  margin : 0 0 2em 14px;
  width : 386px;
}
#full-details ul.meta {
  clear : left;
}
#dataset-info ul.meta {
  list-style : none;
  margin : 0;
  padding : 0;
}
#dataset-info ul.meta ul {
  list-style : disc;
  margin : 0 0 0 3em;
}
#dataset-info ul.meta ul ul {
  color : #999;
  list-style : none;
  margin : 0 0 0 1em;
}
#dataset-info ul.meta ul ul li {
  display : inline;
}
#want-access {
  background : #f7f1e2;
  border : 1px solid #ddc486;
  border-radius : 2px;
  float : right;
  margin : 0 0 0 24px;
  padding : 1em 0;
  text-align : center;
  width : 378px;
}
#want-access h2 {
  font-size : 2em;
  margin : 0;
}
#want-access p {
  margin : 0 .5em 1em;
}
#want-access button {
  background-image : url(img/forms/grad-green-large.png);
  font-size : 1.4em;
  padding : .3em 2em;
}
#want-access button strong {
  display : block;
  font-size : 1.2em;
}
#want-access a.button {
  background  : #cf4f1d url(img/forms/grad-orange.png) 0 100% repeat-x;
  border  : 1px solid #888;
  border-color  : #cf4f1d;
  border-radius  : 5px;
  color  : #fff;
  display : block;
  margin : 1em auto 0;
  padding  : .3em 1em;
  width : 14em;
  text-decoration : none;
}
#want-access a.button:hover {
  background-position : 0 90%;
}


/* gallery pages */

body.gallery .intro {
  padding : 1px 0;
  ~padding : 0;
  _height:320px;min-height:320px;/* ie hasLayout fix */
}
body.gallery .intro:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
body.gallery .intro h1 {
}
body.gallery .intro p {
  ~width : 400px;
}
body.gallery .intro img {
  float : right;
  margin-left : 2em;
  margin-top : 1em;
  ~position : absolute;
  ~top : 0px;
  ~right : 0px;
}
body.gallery #gallery {
  margin-top : 3em;
}
body.gallery #gallery h2 { position:absolute;right:9999em;left:auto; }

body.gallery #gallery li,
body.gallery #gallery ul {
  margin : 0;
  padding : 0;
  list-style : none;
}
body.gallery #gallery ul {
  overflow : hidden;
  margin-right : -30px;
}
body.gallery #gallery li {
  float : left;
  width : 222px;
  height : 27em;
  margin-right : 18px;
  margin-bottom  : 20px;
}
body.gallery #gallery li a {
  display : block;
  padding : 0;
  text-decoration : none;
}
body.gallery #gallery h3 {
  font-size:1.5em;
  font-weight:bold;
  line-height:1.2;
  margin:0 0 0.2em 0;
}
body.gallery #gallery p {
  margin : .5em 0;
}


/* dataset search */

#data-search .results {
  height : 300px;
  overflow : auto;
}



/* toasts */
.toast {
  position : fixed;
  top : 0;
  left : 50%;
  width:  400px;
  margin-left : -220px;
  background : #fd8;
  border : 2px solid #fff;
  border-top : 0;
  z-index : 55;
  padding : 10px 20px;
  font-size:1.2em;
  -moz-border-radius-bottomright : 6px;
  -moz-border-radius-bottomleft : 6px;
  -webkit-border-bottom-left-radius : 6px;
  -webkit-border-bottom-right-radius : 6px;
  border-bottom-left-radius : 6px;
  border-bottom-right-radius : 6px;
  -moz-box-shadow : 1px 1px 4px rgba(0,0,0,0.4);
  -webkit-box-shadow : 1px 1px 4px rgba(0,0,0,0.4);
  box-shadow : 1px 1px 4px rgba(0,0,0,0.4);
}
.toast a {
  text-decoration : underline;
}
.toast .close {
  background:#000;
  bottom:4px;
  color:#fff;
  font-weight:bold;
  padding:3px 5px;
  position:absolute;
  right:5px;
  font-size : 10px;
  line-height:1;
  -moz-border-radius : 8px;
  -webkit-border-radius : 8px;
  border-radius : 8px;
  text-decoration : none;
  
}
.trialfinished { 
  text-align: center;
  padding:10px;
  font-size: 1.3em;
  background: #f4a83d;
}
.trialfinished a{
  font-weight:bold;
}

/* paginator */

.paging {
  margin : 1.5em 0;
}
.paging .jump span { position:absolute;right:9999em;left:auto; }
/*.paging p {
  position : absolute;
  top : 4px;
  right : 4px;
  margin : 0;
  font-size : .92em;
}*/
.paging p {
  display : none;
}
.paging p em {
  font-style : normal;
}
.paging .next,
.paging .prev {
  text-transform : uppercase;
  border-left : 1px solid #bbb;  
  border-right : 1px solid #bbb;
  position : absolute;
  top : 0px;
}
.paging .next {
/*  float : right;*/
  background : #ddd url(img/white-top-grad-30.png) 0 50% repeat-x;
  right : 0px;
}
.paging .prev {
/*  float : left;*/
  background : #ddd url(img/white-top-grad-30.png) 0 50% repeat-x;
  left : 0px;
}
.paging div.jump {
  border-bottom : 1px solid #bbb;
  border-top : 1px solid #bbb;
  position : relative;
}
.paging ul.jump {
  list-style : none;
  margin : 0 2px;
  padding : 0;
  text-align : center;
}
.paging ul.jump:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.paging ul.jump li {
  display : inline-block;
  ~display : inline;
  margin : 0;
  padding : 0;
}
.paging .jump strong,
.paging .jump a {
  padding : 3px 10px;
  height : 1.4em;
  line-height : 1.4em;
  margin : 0 0 0 -1px;
  display : block;
  display : inline-block;
  background : #ddd url(img/white-top-grad-30.png) 0 50% repeat-x;
  color : #333;
  border-left : 1px solid #ccc;
  border-right : 1px solid #ccc;
}
.paging li.first,
.paging li.last {
  font-style: italic;
  text-transform : lowercase;
  height : 1.4em;
  line-height : 1.4em;
}
.paging li.first a,
.paging li.last a {
  /*font-size : .92em;*/
  font-style: italic;
  text-transform : lowercase;
  height : 1.4em;
  line-height : 1.4em;
}
.paging ul.jump li.ellipsis i {
  padding : 3px 8px;
  margin : 0;
  display : block;
  display : inline-block;
}
.paging ul.jump li strong {
  font-weight : normal;
  color : #fff;
  background : #333;
}
.paging a:hover {
  background : #c3d6e7;
  text-decoration : none;
  color : #000;
}