/**
 * Simple lists styles
 */

/****************** Basic list ******************/
.bullet-list li {
  padding-top: 0.083em;
  margin-bottom: 0.75em;
  background: url(../img/fugue/control-000-small.png) no-repeat 0 0.167em;
  padding-left: 1.5em;
  line-height: 1.25em;
}

/**************** Keywords list *****************/
.keywords {
  font-size: 0.833em;
  line-height: 2.2em;
}
.keywords li {
  display: inline-block;
  background: #3399cc;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -webkit-background-clip: padding-box;
  line-height: 1.6em;
  border-radius: 0.4em;
  padding: 0.2em 0.5em;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
}
/* IE class */
.ie7 .keywords li {
  display: inline;
  margin-right: 0.3em;
}
.keywords li.blue-keyword {
  background-color: #3399cc;
}
.keywords li.orange-keyword {
  background-color: #cc9900;
}
.keywords li.purple-keyword {
  background-color: #cc0066;
}
.keywords li.green-keyword {
  background-color: #009900;
}
.keywords li a {
  margin: -0.4em -0.5em;
  padding: 0.4em 0.5em;
  color: white;
}
.keywords li img {
  margin-bottom: -4px;
}
/* IE class */
.ie7 .keywords li img {
  margin-bottom: 0;
  vertical-align: middle;
}

.table tbody th .keywords,
.table tbody td .keywords {
  margin: -0.3em -0.2em;
}

/****************** Tags list *******************/
ul.floating-tags {
  float: right;
  width: 10em;
  margin-bottom: 0;
}
ul.tags {
  line-height: 2em;
}
ul.tags li,
ul.floating-tags li {
  background: #808080;
  font-size: 0.833em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -webkit-background-clip: padding-box;
  border-radius: 0.4em;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.3em;
  background-repeat: no-repeat;
  background-position: 0.2em center;
  padding: 0.4em 0.5em;
}
ul.tags li {
  display: inline-block;
}
/* IE class */
.ie7 ul.tags li {
  float: left;
  margin-right: 0.25em;
}
/* IE class */
.ie7 ul.tags li.last-child {
  margin-right: 0;
}
ul.floating-tags li {
  margin-bottom: 0.3em;
}
ul.floating-tags li:last-child {
  margin-bottom: 0;
}
/* IE class */
ul.floating-tags li.last-child {
  margin-bottom: 0;
}
ul.tags li a,
ul.floating-tags li a {
  color: white;
}

ul.tags .tag-time,
ul.tags .tag-tags,
ul.tags .tag-user,
ul.tags .tag-exclamation,
ul.tags .tag-down,
ul.floating-tags .tag-time,
ul.floating-tags .tag-tags,
ul.floating-tags .tag-user,
ul.floating-tags .tag-exclamation,
ul.floating-tags .tag-down {
  padding-left: 2em;
}

ul.tags .tag-time,
ul.floating-tags .tag-time {
  background-image: url(../img/fugue/clock.png);
}
ul.tags .tag-tags,
ul.floating-tags .tag-tags {
  background-image: url(../img/fugue/tags-label.png);
}
ul.tags .tag-user,
ul.floating-tags .tag-user {
  background-image: url(../img/fugue/user.png);
}
ul.tags .tag-exclamation,
ul.floating-tags .tag-exclamation {
  background-image: url(../img/fugue/exclamation-red.png);
}
ul.tags .tag-down,
ul.floating-tags .tag-down {
  background-image: url(../img/fugue/arrow-270.png);
}

/*************** Small pagination ***************/
.small-pagination {
  text-align: center;
}
ul + .small-pagination {
  margin-top: -0.667em;
}
.small-pagination li {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: inline-block;
  font-size: 0.75em;
  height: 1.555em;
  line-height: 1.555em;
  padding: 0 0.333em 0 0.222em;
  min-width: 1em;
  text-align: center;
  background: #d0d0d0;
  color: #666666;
  -moz-border-radius: 0.778em;
  -webkit-border-radius: 0.778em;
  -webkit-background-clip: padding-box;
  border-radius: 0.778em;
}
/* IE class */
.ie7 .small-pagination li {
  display: inline;
  margin-right: 0.333em;
}
/* IE class */
.ie7 .small-pagination li.last-child {
  display: inline;
  margin-right: 0;
}
.small-pagination li a {
  display: block;
  margin: 0 -0.333em 0 -0.222em;
  padding: 0 0.333em 0 0.222em;
  height: 1.555em;
  min-width: 1em;
  color: white;
  background-color: #3399cc;
  -moz-border-radius: 0.778em;
  -webkit-border-radius: 0.778em;
  -webkit-background-clip: padding-box;
  border-radius: 0.778em;
}

.small-pagination li.current a,
.small-pagination li a:hover {
  background-color: #7cc5e9;
}

.small-pagination li.prev,
.small-pagination li.next {
  background: none;
  vertical-align: middle;
}
/* IE class */
.ie7 .small-pagination li.prev,
.ie7 .small-pagination li.next {
  vertical-align: auto;
}
.small-pagination li.prev a,
.small-pagination li.next a {
  margin: -0.111em -0.444em -0.111em -0.333em;
  padding: 0.111em 0.444em 0.111em 0.333em;
  width: 1em;
  overflow: hidden;
  text-indent: 100em;
}
.small-pagination li.prev a {
  background: url(../img/fugue/navigation-180.png) no-repeat center center;
}
.small-pagination li.prev a:hover {
  background-image: url(../img/fugue/navigation-180-white.png);
}
.small-pagination li.next a {
  background: url(../img/fugue/navigation.png) no-repeat center center;
}
.small-pagination li.next a:hover {
  background-image: url(../img/fugue/navigation-000-white.png);
}
/* IE class */
.ie7 .small-pagination li.prev a,
.ie7 .small-pagination li.next a {
  background-position: 0 0;
}

/********************* Arbo *********************/
ul.arbo,
ul.arbo ul {
  list-style-type: none;
  margin: 0.5em 0 0;
  padding-left: 0;
}
ul.arbo a:hover {
  text-decoration: none;
}
ul.arbo ul {
  margin: 0;
}
ul.arbo li {
  background: url(../img/arbo-points-v.gif) repeat-y 8px 0.667em;
  padding-left: 20px;
  line-height: 1.333em;
  padding-bottom: 0.333em;
}
ul.arbo li:last-child {
  background: url(../img/arbo-points-v-end.gif) no-repeat 8px -7px;
}
/* IE class */
ul.arbo li.last-child,
ul.arbo li.first-child.last-child {
  background: url(../img/arbo-points-v-end.gif) no-repeat 8px -7px;
}
ul.arbo > li:only-child {
  background: url(../img/arbo-points-h.gif) no-repeat 8px 0.75em;
}
/* IE class */
ul.arbo > li.first-child.last-child {
  background: url(../img/arbo-points-h.gif) no-repeat 8px 0.75em;
}
ul.arbo li > a,
ul.arbo li > span {
  color: #333;
  display: block;
  padding-left: 12px;
}
/* IE class */
.ie7 ul.arbo li > a,
.ie7 ul.arbo li > span {
  float: left;
}
.dark-grey-gradient ul.arbo li > a,
.dark-grey-gradient ul.arbo li > span {
  color: white;
}
ul.arbo li > a:hover span,
ul.arbo li > a.current span {
  background: #999999;
  color: white;
  padding: 0.083em 0.25em 0.167em;
  margin: -0.083em -0.25em -0.167em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -webkit-background-clip: padding-box;
  border-radius: 0.25em;
}
ul.arbo li.closed ul {
  display: none;
}
ul.arbo li ul li:first-child {
  padding-top: 0.5em;
  background-position: 8px 1.167em;
}
/* IE class */
ul.arbo li ul li.first-child {
  padding-top: 0.5em;
  background-position: 8px 1.167em;
}
ul.arbo li ul li:only-child {
  background-position: 8px -1px;
}
/* IE class */
ul.arbo li ul li.first-child.last-child {
  background-position: 8px -1px;
}

ul.arbo li span.toggle {
  padding: 0;
  float: left;
  width: 16px;
  height: 1.333em;
  margin: 1px 0 -1px -19px;
  background: url(../img/toggle-small-sprite.png) no-repeat 0 center;
  cursor: pointer;
}
ul.arbo li span.toggle:hover {
  background-position: -16px center;
}
ul.arbo li.closed span.toggle {
  background-position: -32px center;
}
ul.arbo li.closed span.toggle:hover {
  background-position: -48px center;
}

ul.arbo li .loading {
  padding-left: 32px;
  color: #999999;
  background: url(../img/arbo-loader.gif) no-repeat 10px center;
}
.dark-grey-gradient ul.arbo li .loading,
ul.arbo.dark-grey-gradient li .loading {
  background-image: url(../img/arbo-loader-grey.gif);
}
ul.arbo li .empty {
  color: #999999;
  font-style: italic;
}

ul.arbo li .document,
ul.arbo li .document-access,
ul.arbo li .document-binary,
ul.arbo li .document-bookmark,
ul.arbo li .document-code,
ul.arbo li .document-excel,
ul.arbo li .document-film,
ul.arbo li .document-flash,
ul.arbo li .document-illustrator,
ul.arbo li .document-image,
ul.arbo li .document-music,
ul.arbo li .document-office,
ul.arbo li .document-pdf,
ul.arbo li .document-photoshop,
ul.arbo li .document-powerpoint,
ul.arbo li .document-text,
ul.arbo li .document-web,
ul.arbo li .document-word,
ul.arbo li .document-zip,
ul.arbo li .folder,
ul.arbo li .folder-bookmark,
ul.arbo li .folder-document,
ul.arbo li .folder-music,
ul.arbo li .folder-text,
ul.arbo li .folder-film,
ul.arbo li .folder-image,
ul.arbo li .folder-table,
ul.arbo li .folder-zipper,
ul.arbo li .user,
ul.arbo li .users,
ul.arbo li .resource,
ul.arbo li .module,
ul.arbo li .controller,
ul.arbo li .action,
ul.arbo li .other {
  padding-left: 20px;
  background-repeat: no-repeat;
}
ul.arbo li .document {
  background-image: url(../img/fugue/document.png);
}
ul.arbo li .document-access {
  background-image: url(../img/fugue/document-access.png);
}
ul.arbo li .document-binary {
  background-image: url(../img/fugue/document-binary.png);
}
ul.arbo li .document-bookmark {
  background-image: url(../img/fugue/document-bookmark.png);
}
ul.arbo li .document-code {
  background-image: url(../img/fugue/document-code.png);
}
ul.arbo li .document-excel {
  background-image: url(../img/fugue/document-excel.png);
}
ul.arbo li .document-film {
  background-image: url(../img/fugue/document-film.png);
}
ul.arbo li .document-flash {
  background-image: url(../img/fugue/document-flash-movie.png);
}
ul.arbo li .document-illustrator {
  background-image: url(../img/fugue/document-illustrator.png);
}
ul.arbo li .document-image {
  background-image: url(../img/fugue/document-image.png);
}
ul.arbo li .document-music {
  background-image: url(../img/fugue/document-music.png);
}
ul.arbo li .document-office {
  background-image: url(../img/fugue/document-office.png);
}
ul.arbo li .document-pdf {
  background-image: url(../img/fugue/document-pdf.png);
}
ul.arbo li .document-photoshop {
  background-image: url(../img/fugue/document-photoshop.png);
}
ul.arbo li .document-powerpoint {
  background-image: url(../img/fugue/document-powerpoint.png);
}
ul.arbo li .document-text {
  background-image: url(../img/fugue/document-text.png);
}
ul.arbo li .document-web {
  background-image: url(../img/fugue/document-globe.png);
}
ul.arbo li .document-word {
  background-image: url(../img/fugue/document-word.png);
}
ul.arbo li .document-zip {
  background-image: url(../img/fugue/document-zipper.png);
}

ul.arbo li .folder {
  background-image: url(../img/fugue/folder-open.png);
}
ul.arbo li.closed .folder {
  background-image: url(../img/fugue/folder.png);
}
ul.arbo li .folder-bookmark {
  background-image: url(../img/fugue/folder-bookmark.png);
}
ul.arbo li .folder-document {
  background-image: url(../img/fugue/folder-open-document.png);
}
ul.arbo li .folder-music {
  background-image: url(../img/fugue/folder-open-document-music.png);
}
ul.arbo li .folder-text {
  background-image: url(../img/fugue/folder-open-document-text.png);
}
ul.arbo li .folder-film {
  background-image: url(../img/fugue/folder-open-film.png);
}
ul.arbo li .folder-image {
  background-image: url(../img/fugue/folder-open-image.png);
}
ul.arbo li .folder-table {
  background-image: url(../img/fugue/folder-open-table.png);
}
ul.arbo li .folder-zipper {
  background-image: url(../img/fugue/folder-zipper.png);
}

ul.arbo li .user {
  background-image: url(../img/fugue/user.png);
}
ul.arbo li .users {
  background-image: url(../img/fugue/users.png);
}

ul.arbo li .resources {
  background-image: url(../img/fugue/applications.png);
}
ul.arbo li .module {
  background-image: url(../img/fugue/application-block.png);
}
ul.arbo li .controller {
  background-image: url(../img/fugue/application-icon-large.png);
}
ul.arbo li .action {
  background-image: url(../img/fugue/application-dialog.png);
}
ul.arbo li .other {
  background-image: url(../img/fugue/document.png);
}

ul.arbo.with-title > li {
  background: none;
  padding-left: 0;
  padding-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.71em;
  font-weight: bold;
}
ul.arbo.with-title > li > a,
ul.arbo.with-title > li > span {
  padding-left: 7px;
}
/* IE class */
.ie7 ul.arbo.with-title > li > a,
.ie7 ul.arbo.with-title > li > span {
  float: none;
}
ul.arbo.with-title > li > ul {
  margin-left: 5px;
  font-size: 0.8em;
  font-weight: normal;
}

ul.arbo.with-title > li > .title-computer,
ul.arbo.with-title > li > .title-picture,
ul.arbo.with-title > li > .title-print,
ul.arbo.with-title > li > .title-user,
ul.arbo.with-title > li > .title-search {
  padding-left: 30px;
  padding-bottom: 3px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
ul.arbo.with-title > li > .title-computer {
  background-image: url(../img/icons/web-app/24/Loading.png);
}
ul.arbo.with-title > li > .title-picture {
  background-image: url(../img/icons/web-app/24/Picture.png);
}
ul.arbo.with-title > li > .title-print {
  background-image: url(../img/icons/web-app/24/Print.png);
}
ul.arbo.with-title > li > .title-user {
  background-image: url(../img/icons/web-app/24/Profile.png);
}
ul.arbo.with-title > li > .title-search {
  background-image: url(../img/icons/web-app/24/Search.png);
}

/****************** Icons lists *****************/
.picto-list li {
  line-height: 1.25em;
  padding: 0.083em;
  padding-left: 1.667em;
  margin-bottom: 0.333em;
  background: url(../img/fugue/control-000-small.png) no-repeat 0 1px;
}
.picto-list.with-line-spacing li {
  margin-bottom: 1em;
}
.picto-list li:last-child {
  margin-bottom: 0;
}

.picto-list.icon-info li,
.picto-list li.icon-info {
  background-image: url(../img/fugue/information-blue.png);
}
.picto-list.icon-image li,
.picto-list li.icon-image {
  background-image: url(../img/fugue/image.png);
}
.picto-list.icon-user li,
.picto-list li.icon-user {
  background-image: url(../img/fugue/user.png);
}
.picto-list.icon-top li,
.picto-list li.icon-top {
  background-image: url(../img/fugue/arrow-curve-090.png);
}
.red .picto-list.icon-top li,
.red .picto-list li.icon-top {
  background-image: url(../img/fugue/arrow-curve-090-red.png);
}
.picto-list.icon-tag-small li,
.picto-list li.icon-tag-small {
  background-image: url(../img/fugue/tag-small.png);
}
.picto-list.icon-doc-small li,
.picto-list li.icon-doc-small {
  background-image: url(../img/fugue/document-small.png);
}
.picto-list.icon-pin-small li,
.picto-list li.icon-pin-small {
  background-image: url(../img/fugue/pin-small.png);
}

/****************** Simple list *****************/
.simple-list li {
  background: #f2f2f2;
  -moz-border-radius: 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  border-radius: 0.417em;
  padding: 0.75em;
  color: #333333;
  margin-bottom: 0.25em;
}
.simple-list li:last-child {
  margin-bottom: 0;
}
/* IE class */
.simple-list li.last-child {
  margin-bottom: 0;
}
.simple-list li a,
.simple-list li span {
  display: block;
  margin: -0.75em;
  padding: 0.75em;
  color: #333333;
  background-repeat: no-repeat;
  background-position: 0.667em center;
  -moz-border-radius: 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  border-radius: 0.417em;
}
.simple-list li a:hover,
.simple-list li span:hover,
.simple-list li a.current {
  background-color: #e0e0e0;
}

.simple-list.with-icon li a,
.simple-list.with-icon li span,
.simple-list .with-icon li a,
.simple-list .with-icon li span,
.simple-list li.with-icon a,
.simple-list li.with-icon span {
  background-image: url(../img/fugue/control-000-small.png);
  padding-left: 2.5em;
}

/*************** Collapsible list ***************/
.collapsible-list > li {
  padding: 0.75em;
  color: #333333;
  -moz-border-radius: 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  border-radius: 0.417em;
  margin-bottom: 0.25em;
}
.collapsible-list.with-bg > li {
  background: #f2f2f2;
}
.collapsible-list > li:last-child {
  margin-bottom: 0;
}
/* IE class */
.collapsible-list > li.last-child {
  margin-bottom: 0;
}
.collapsible-list li a,
.collapsible-list li span {
  display: block;
  margin: -0.5em;
  padding: 0.5em;
  color: #333333;
  background-repeat: no-repeat;
  background-position: 0.417em center;
}
.collapsible-list > li > a,
.collapsible-list > li > span {
  margin: -0.75em;
  padding: 0.75em;
  background-position: 0.667em center;
}
.collapsible-list.with-bg > li > a,
.collapsible-list.with-bg > li > span {
  -moz-border-radius: 0.417em 0.417em 0 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 0.417em 0.417em 0 0.417em;
}
.collapsible-list.with-bg > li.closed > a,
.collapsible-list.with-bg > li.closed > span {
  -moz-border-radius-bottomright: 0.417em;
  -webkit-border-bottom-right-radius: 0.417em;
  border-bottom-right-radius: 0.417em;
}
.collapsible-list li a:hover,
.collapsible-list li span:hover {
  background-color: #e0e0e0;
}
.collapsible-list li ul {
  margin: 0.5em -0.5em 0 1em;
}
.collapsible-list li.closed ul {
  display: none;
}
.collapsible-list > li > ul {
  margin: 0.75em 0 0 0.25em;
}
.collapsible-list li ul li {
  padding: 0.5em;
  color: #333333;
}

.collapsible-list.with-icon a,
.collapsible-list.with-icon span,
.collapsible-list .with-icon a,
.collapsible-list .with-icon span {
  background-image: url(../img/fugue/control-000-small.png);
  padding-left: 2.25em;
}
.collapsible-list.with-icon > li > a,
.collapsible-list.with-icon > li > span,
.collapsible-list > li.with-icon > a,
.collapsible-list > li.with-icon > span {
  padding-left: 2.5em;
}

.collapsible-list li .toggle {
  float: left;
  width: 16px;
  height: 2em;
  background: url(../img/toggle-sprite.png) no-repeat 0 center;
  margin: -0.5em 2px -0.5em 0;
  padding: 0;
  cursor: pointer;
}
.collapsible-list li.closed > .toggle {
  background-position: -32px center;
}
.collapsible-list li .toggle:hover {
  background-color: transparent;
  background-position: -16px center;
}
.collapsible-list li.closed > .toggle:hover {
  background-position: -48px center;
}
.collapsible-list > li > .toggle {
  height: 2.5em;
  margin: -0.75em 2px -0.75em 0;
}
.collapsible-list li .toggle + a,
.collapsible-list li .toggle + span {
  margin-left: 18px;
  padding-left: 0.25em;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  cursor: pointer;
}
.collapsible-list.with-icon .toggle + a,
.collapsible-list.with-icon .toggle + span,
.collapsible-list .with-icon .toggle + a,
.collapsible-list .with-icon .toggle + span {
  padding-left: 2em;
  background-position: 0.25em center;
}

.with-icon.no-toggle-icon .toggle + a,
.with-icon.no-toggle-icon .toggle + span,
.with-icon .no-toggle-icon .toggle + a,
.with-icon .no-toggle-icon .toggle + span {
  background-image: none !important;
  padding-left: 0.25em;
}

.with-icon.icon-info a,
.with-icon.icon-info span,
.with-icon .icon-info a,
.with-icon .icon-info span {
  background-image: url(../img/fugue/information-blue.png) !important;
}
.with-icon.icon-group a,
.with-icon.icon-group span,
.with-icon .icon-group a,
.with-icon .icon-group span {
  background-image: url(../img/fugue/users.png) !important;
}
.with-icon.icon-user a,
.with-icon.icon-user span,
.with-icon .icon-user a,
.with-icon .icon-user span {
  background-image: url(../img/fugue/user.png) !important;
}
.with-icon.icon-file a,
.with-icon.icon-file span,
.with-icon .icon-file a,
.with-icon .icon-file span {
  background-image: url(../img/fugue/document.png) !important;
}
.with-icon.icon-tags a,
.with-icon.icon-tags span,
.with-icon .icon-tags a,
.with-icon .icon-tags span {
  background-image: url(../img/fugue/tags-label.png) !important;
}
.with-icon.icon-date a,
.with-icon.icon-date span,
.with-icon .icon-date a,
.with-icon .icon-date span {
  background-image: url(../img/fugue/calendar-day.png) !important;
}
.with-icon.icon-building a,
.with-icon.icon-building span,
.with-icon .icon-building a,
.with-icon .icon-building span {
  background-image: url(../img/fugue/building.png) !important;
}
.with-icon.icon-inbox-document a,
.with-icon.icon-inbox-document span,
.with-icon .icon-inbox-document a,
.with-icon .icon-inbox-document span {
  background-image: url(../img/fugue/inbox-document.png) !important;
}
.with-icon.icon-inbox-arrow a,
.with-icon.icon-inbox-arrow span,
.with-icon .icon-inbox-arrow a,
.with-icon .icon-inbox-arrow span {
  background-image: url(../img/fugue/inbox--arrow.png) !important;
}
.with-icon.icon-inbox-pencil a,
.with-icon.icon-inbox-pencil span,
.with-icon .icon-inbox-pencil a,
.with-icon .icon-inbox-pencil span {
  background-image: url(../img/fugue/inbox--pencil.png) !important;
}
.with-icon.icon-mail-pencil a,
.with-icon.icon-mail-pencil span,
.with-icon .icon-mail-pencil a,
.with-icon .icon-mail-pencil span {
  background-image: url(../img/fugue/mail--pencil.png) !important;
}

/*************** Definitions list ***************/
dl.definition dt {
  background: url(../img/fugue/control-000-small.png) no-repeat;
  font-weight: bold;
  padding-left: 20px;
  line-height: 1.25em;
  margin-bottom: 0.167em;
}
dl.definition dd {
  padding-left: 20px;
  color: #666;
  margin-bottom: 1em;
  line-height: 1.25em;
}
dl.definition dd:last-child {
  margin-bottom: 0;
}
/* IE class */
dl.definition dd.last-child {
  margin-bottom: 0;
}

/**************** Accordion list ****************/
dl.accordion {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -webkit-background-clip: padding-box;
  border-radius: 0.5em;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  padding: 1px;
}
.ie dl.accordion {
  border: 1px solid #cccccc;
}
dl.accordion dt {
  background: #e7e7e7 url(../images/old-browsers-bg/accordion-tab-bg.png)
    repeat-x top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, #f8f8f8, #e7e7e7);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f8f8f8),
    to(#e7e7e7)
  );
  padding: 0.75em;
  border: 1px solid #cccccc;
  color: #3399cc;
  cursor: pointer;
}
dl.accordion dt:first-child {
  -moz-border-radius-topleft: 0.417em;
  -moz-border-radius-topright: 0.417em;
  -webkit-border-top-left-radius: 0.417em;
  -webkit-border-top-right-radius: 0.417em;
  border-top-left-radius: 0.417em;
  border-top-right-radius: 0.417em;
}
dl.accordion dt:last-of-type {
  -moz-border-radius-bottomleft: 0.417em;
  -moz-border-radius-bottomright: 0.417em;
  -webkit-border-bottom-left-radius: 0.417em;
  -webkit-border-bottom-right-radius: 0.417em;
  border-bottom-left-radius: 0.417em;
  border-bottom-right-radius: 0.417em;
}
dl.accordion dt.opened {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
dl.accordion dt .number {
  display: block;
  float: left;
  margin: -0.333em 0.5em -0.333em -0.333em;
  font-weight: normal;
  background: #0c5fa5 url(../images/old-browsers-bg/title-bg.png) repeat-x top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, #72c6e4, #0c5fa5);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#72c6e4),
    to(#0c5fa5)
  );
  border: 0.083em solid white;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
dl.accordion dt:hover {
  border-color: #3399cc;
}
dl.accordion dd {
  background: url(../images/old-browsers-bg/accordion-content-bg.png) repeat-x
    top;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0))
    no-repeat;
  -moz-background-size: 100% 2.5em;
  background: -webkit-gradient(
    linear,
    0 0,
    0 2.5em,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0))
  );
  padding: 1em;
  color: #666666;
}