/*
 * Suggested order:
 *  display, position, float, clear
 *  width, height
 *  margin, padding
 *  border, background
 *  color, font, line-height, text-align, text-decoration
 *  vertical-align, white-space, overflow, cursor, list-style
 */

HTML,
BODY {
    background: #e0e0e0;
}

HTML {
    height: 100%;
}

BODY {
    position: relative;
    min-width: 960px;
    min-height: 100%;
    line-height: 1.5;
}

* HTML BODY {
    height: 100%;
}

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

H1, H2, H3, H4, H5, H6 {
    color: #000;
    line-height: normal;
}

H1 {
    font-size: 20px;
}

H1.alt {
    color: #b71521;
}

H2 {
    font-size: 18px;
    line-height: 1.278;
}

H3, H4, H5, H6 {
    font-size: 15px;
}

A {
    color: #0060af;
    text-decoration: underline;
}

A:hover {
    color: #b90065;
}

OL {
    margin-left: 3em;
}

OL OL {
    margin: .5em 0 .5em 3em;
}

UL {
    /*margin-left: 2em;*/
}

#content UL A {
    text-decoration: none;
}

#content UL A:hover {
    text-decoration: underline;
}

UL UL {
    margin: .5em 0 .5em 1.5em;
}

/* debug
   TODO: Remove for production
-------------------------------------------------- */
FIELDSET.debug-dump {
    position: relative;
    border-left: 1px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    font-family: monospace;
    background-color: #FFFFFF;
    z-index: 100000;
    -moz-border-radius: 8px;
}

FIELDSET.debug-dump LEGEND {
    padding: 2px 8px 2px 8px;
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 0px;
    font-weight: bold;
    -moz-border-radius: 4px;
}

/* =domain
-------------------------------------------------- */
#domain {
    background: #044e7e url(bg_domain.png) no-repeat 50% 100%;
    color: #fff;
}

#domain A {
    color: #99b7c7;
    text-decoration: none;
}

#domain A:hover {
    color: #fff;
    text-decoration: underline;
}

#domain P,
#domain UL {
    margin: 0;
    line-height: 1.25;
}

#domain P {
    float: right;
    text-transform: uppercase;
}

#domain P A,
#domain P SPAN {
    float: left;
}

#domain P A {
    padding: 7px 6px;
}

#domain P SPAN {
    padding: 7px 0;
    color: #426577;
}

#domain UL,
#domain LI,
#domain LI A,
#domain LI STRONG {
    float: left;
}

#domain LI {
    padding: 0;
    background: none;
}

#domain LI A {
    padding: 8px 6px;
}

#domain LI STRONG {
    padding: 8px 12px;
}

#domain LI.active STRONG {
    background: #264d56 url(bg_domain_active.png) repeat-x 0 0;
    color: #fff;
    cursor: default;
}

#domain LI + LI.active,
#domain LI.active + LI {
    padding-left: 6px;
}

/* =layout
-------------------------------------------------- */

.link_alpha {
    float: left;
    width: 235px;
    display: inline-block;
    background: url("bg_box_235.png");
}

.sep {
    display: inline-block;
    width: 10px;
    padding-top: 6px;
    padding-bottom: 9px;
    background: url("separator.png");

}

.link_group {
    float: right;
    width: 235px;
    display: inline-block;
    background: url("bg_box_235.png");

}

#alphabetically-ordered-link {
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #404040;
    width: 220px;
}

#grouped-by-decade-link {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #404040;
    width: 220px;
}

#wrap,
#wrap2,
#wrap3,
#domain DIV.a,
#header DIV.a,
#footer DIV.a {
    width: 960px;
    margin: 0 auto;
}

#wrap,
#wrap2 {
    padding-bottom: 70px;
}

#wrapper {
    padding-top: 10px;
}

#content {
    float: left;
    width: 480px;
}

#left,
#right {
    overflow: hidden;
}

#left {
    float: left;
    width: 200px;
    margin-right: 10px;
}

#left DIV.box-header,
#left DIV.box-header-unpadded,
#left DIV.box-content,
#left DIV.box-content-only {
    background: url(bg_box_200.png) no-repeat 0 0;
}

#left DIV.box-content {
    background-position: -200px 100%;
}

#left DIV.box-content-only {
    padding: 3px 0 0;
    background-position: -400px 0;
}

#right {
    float: right;
    width: 260px;
}

#right P.meta {
    margin-top: 5px;
}

#right DIV.box-header,
#right DIV.box-header-unpadded,
#right DIV.box-content {
    background: url(bg_box_260.png) no-repeat 0 0;
}

#right DIV.box-content {
    background-position: -260px 100%;
}

#photo-archive-right {
    float: right;
    width: 750px;
}

#photo-archive-right P.meta {
    margin-top: 5px;
}

#photo-archive-right DIV.box-header,
#photo-archive-right DIV.box-header-unpadded,
#photo-archive-right DIV.box-content {
    background: url(bg_box_750.png) no-repeat 0 0;
}

#photo-archive-right DIV.box-content {
    background-position: -750px 100%;
}

#wrap2 #content {
    float: right;
    width: 750px;
}

#wrap2 #content DIV.box-header {
    background-position: -960px 0;
}

#wrap2 #content DIV.box-content {
    background-position: -1710px 100%;
}

#wrap3 DIV.box-header {
    background-position: 0 0;
}

#wrap3 DIV.box-content {
    background-position: 0 100%;
}

#wrapper-wide #content {
    float: none;
    width: 960px;
}

#wrapper-wide #page,
#wrapper-wide #page-header {
    background: url(bg_page_wide.png) no-repeat 0 0;
}

#wrapper-wide #page {
    background-color: #fff;
    background-position: -960px 100%;
}

/* =header
-------------------------------------------------- */
#header {
    position: relative;
    height: 75px;
    background: #034e7f url(bg_header.png) no-repeat 50% 0;
    z-index: 50;
}

#header DIV.a {
    position: relative;
    height: 75px;
}

#header A {
    color: #fff;
    text-decoration: none;
}

#header A:hover {
    text-decoration: underline;
}

#loader {
    height: 37px;
    margin-bottom: -37px;
    background-image: url(bg_loading.gif);
    background-position: right center;
    background-repeat: no-repeat;
    display: none;
}

/* logo */

#logo,
#logo A {
    width: 180px;
    height: 45px;
    overflow: hidden;
    background: url(logo.png) no-repeat 100% 0;
}

#logo {
    position: absolute;
    top: 11px;
    left: 0;
    margin: 0;
}

#logo A {
    display: block;
    text-indent: -5000px;
}

/* links */

UL.links {
    position: absolute;
    top: 20px;
    right: 0;
    margin-top: 0;
    line-height: 1.417;
    z-index: 1000;
}

UL.links-row2 {
    top: 44px;
}

UL.links LI {
    float: left;
    padding: 0;
    background: url(bg_links.png) no-repeat -5px -5px;
}

UL.links A {
    display: block;
    padding: 4px 10px;
    text-decoration: none !important;
}

UL.links LI:hover {
    background-repeat: repeat;
}

UL.links LI.admin {
    position: relative;
}

UL.links LI.admin A,
UL.links LI.login A {
    padding-right: 19px;
    background: url(bg_links_drop.gif) no-repeat 100% 50%;
}

UL.links UL {
    display: none;
    position: absolute;
    right: 0;
    margin: 0;
    border: 1px solid #0d3a5a;
    z-index: 1000;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

UL.links UL LI {
    float: none;
    display: inline;
    background: none;
}

UL.links UL A {
    padding: 4px 10px !important;
    border-bottom: 1px solid #0b3f64;
    background: #034e7f !important;
}

UL.links UL LI:last-child A {
    border: none;
}

UL.links UL A:hover {
    background: #08446d !important;
    color: #fff;
}

UL.links LI:hover UL,
UL.links LI.hover UL {
    display: block;
}

* HTML UL.links LI.hover {
    height: 1%;
}

UL.links UL LI.password A {
    padding-left: 29px !important;
    background: #034e7f url(ico_password.png) no-repeat 10px 3px !important;
    line-height: normal;
}

UL.links UL LI.password A:hover {
    background-color: #08446d !important;
    color: #fff;
}

* HTML UL.links UL LI.password A {
    background-image: url(ico_password.gif) !important;
}

/* login */

#login {
    position: absolute;
    top: 16px;
    right: -6px;
    margin: 0;
    line-height: 1.417;
}

#login LI {
    position: relative;
    float: left;
    padding: 0;
    background: url(bg_links.png) no-repeat -5px -5px;
}

#login A {
    display: block;
    padding: 4px 10px;
    text-decoration: none !important;
}

#login LI.opened DIV {
    display: block;
}

#login DIV {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    width: 303px;
    margin: 0;
    padding-top: 4px;
    background: url(bg_login3.png) no-repeat 0 0;
}

#login UL {
    margin: 0;
    padding: 7px 6px 11px 11px;
    background: url(bg_login3.png) no-repeat 0 100%;
}

* HTML #login DIV,
* HTML #login UL {
    background-image: url(bg_login.png);
}

#login DIV LI {
    position: static;
    float: left;
    padding: 0 6px 0 0 !important;
    background: none;
}

#login DIV A {
    padding: 0 !important;
}

#login DIV LI.password A {
    display: block;
    margin-top: 9px;
    padding-left: 8px !important;
    background: url(dot04.gif) no-repeat 0 6px;
}

#login DIV LI.password A:hover {
    text-decoration: underline !important;
}

#login A.enter,
#login A.enter STRONG {
    float: left;
    background-image: url(bg_login2.png);
    cursor: pointer;
}

#login A.enter {
    height: 30px;
    overflow: hidden;
    padding: 0 18px 0 0;
    background-position: 100% 0;
    background-color: #fc6;
    line-height: 1.25;
    outline: none;
}

#login A.enter STRONG {
    padding: 10px 0 10px 30px;
    background-position: 0 0;
    color: #000;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

#login LI.opened A.enter {
    background-position: 100% -30px;
}

#login LI.opened A STRONG {
    background-position: 0 -30px;
}

/* search */

#search,
#search-field INPUT,
#search-field BUTTON {
    float: left;
}

#search {
    position: absolute;
    top: 17px;
    left: 272px;
}

#search-field P {
    margin: 0;
}

#search-field INPUT {
    width: 350px;
    margin-right: 5px;
    padding: 4px;
    border: 1px solid #3c698a;
    background: #ecf8f4;
    color: #000;
    font-size: 14px;
}

#search-field INPUT:hover {
    border-color: #034e7f;
    outline: 1px solid rgba(255, 255, 255, 0.25);
}

#search-field INPUT:focus {
    background: #fff;
    border-color: #123048;
    outline: 1px solid #ddf0ea;
    outline: 1px solid rgba(255, 255, 255, 0.5);
}

#search-field INPUT.example {
    color: #7f9cac !important;
}

#search-field BUTTON SPAN {
    padding-right: 12px;
    background-position: 100% -52px;
    background-color: #fc6;
}

#search-field BUTTON STRONG {
    padding: 6px 0 6px 12px;
    background-position: 0 -52px;
    color: #000;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

#search-field BUTTON:hover SPAN,
#search-field BUTTON:focus SPAN {
    background-position: 100% -78px;
}

#search-field BUTTON:hover STRONG,
#search-field BUTTON:focus STRONG {
    background-position: 0 -78px;
}

#search-field A {
    display: inline-block;
    padding-right: 12px;
    padding-left: 8px;
    color: #000000;
    background: url(dot03.gif) no-repeat 1px 7px !important;
}

#my-profile A {
    display: block;
    padding-left: 17px;
    margin-top: -2px;
    background: url(dot08.gif) no-repeat 10px 10px !important;
}

DIV.search-input-loading {
    width: 18px;
    height: 18px;
    background-image: url("/gfx/search_loading.gif");
    background-repeat: no-repeat;
    margin: 4px 0px 0px 4px;
}

/* layer */

#search-options {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 3;
    margin-top: 1px;
}

#search-options DIV.inner {
    padding: 0 12px 12px;
    border: 1px solid #808080;
    background: #f0f0f0;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

#search-options INPUT.text {
    width: 225px;
}

/* filter */

DIV.filter,
DIV.filter-inner,
DIV.filter-inner2 {
    background: url(bg_accordion.png) no-repeat -710px 0;
}

#wrapper-wide DIV.filter,
#wrapper-wide DIV.filter-inner,
#wrapper-wide DIV.filter-inner2 {
    background: url(bg_filter_wide.png) no-repeat 0 0;
}

DIV.filter {
    margin-top: 1em;
    background-repeat: repeat-y;
    background-position: -2130px 0;
}

#wrapper-wide DIV.filter {
    background-repeat: repeat-y;
    background-position: -1840px 0;
}

DIV.filter-inner2 {
    padding: 4px 10px 8px;
    background-position: -3550px 100%;
}

#wrapper-wide DIV.filter-inner2 {
    background-position: -920px 100%;
}

DIV.filter P {
    float: left;
    margin: 0;
    padding: 0 .3em 0 0;
    white-space: nowrap;
}

DIV.filter LABEL,
DIV.filter INPUT,
DIV.filter SELECT {
    margin-right: 3px;
    vertical-align: middle;
}

DIV.filter LABEL {
    display: block;
    padding-bottom: .1em;
}

DIV.filter P.check {
    padding-top: 1.7em;
}

DIV.filter P.check2 {
    padding-top: .7em;
}

DIV.filter P.search {
    padding: .5em 1.5em 0 0;
}

DIV.filter P.check LABEL {
    display: inline;
    padding: 0;
}

DIV.filter P.action {
    padding-top: 1.25em;
}

/* =nav
-------------------------------------------------- */
#nav {
    height: 36px;
    overflow: hidden;
    margin-bottom: 9px;
    background: #fff url(bg_nav.png) no-repeat 0 0;
}

#nav P {
    float: left;
    margin: 0;
    padding: 8px 10px 0 15px;
    color: #606060;
}

#rights {
    height: 48px;
    overflow: hidden;
    margin-bottom: 9px;
    background: #fff url(bg_rights.png) no-repeat 0 0;
}

#rights P {
    float: left;
    margin: 0;
    padding: 6px 10px 0 15px;
    color: #606060;
}

#help {
    float: right !important;
    padding: 0 0 0 15px !important;
}

#help A {
    display: block;
    padding: 8px 15px 8px 18px;
    background: url(ico_help.gif) no-repeat 0 11px;
    text-decoration: none !important;
}

#help A:hover {
    text-decoration: underline !important;
}

#basket {
    float: right !important;
    padding: 0 0 0 15px !important;
}

#basket A {
    display: block;
    padding: 8px 15px 8px 18px;
    background: url(ico_cart.gif) no-repeat 0 11px;
    text-decoration: none !important;
}

#basket A:hover {
    text-decoration: underline !important;
}

SPAN.add-to-basket {
    padding: 0px 0px 0px 15px;
    background: url(ico_cart.gif) no-repeat;
    text-decoration: none !important;
}

SPAN.add-to-basket2 {
    margin-left: 70px;
    padding: 0px 0px 0px 15px;
    background: url(ico_cart.gif) no-repeat;
    text-decoration: none !important;
}

#add-to-basket A:hover {
    border: none;
}

UL.nav,
UL.nav LI,
UL.nav A,
UL.nav SPAN {
    float: left;
}

UL.nav {
    float: left;
    margin: 0;
    padding: 5px 0 0 5px;
}

UL.nav LI {
    margin-right: 5px;
    padding: 0;
    background: none;
}

UL.nav A,
UL.nav SPAN {
    background: url(bg_nav_a.png) no-repeat 0 0;
    cursor: pointer;
}

UL.nav A {
    height: 25px;
    overflow: hidden;
    padding-left: 15px;
    background-color: #e0e0e0;
    color: #606060;
    font-weight: bold;
    text-decoration: none;
}

UL.nav SPAN {
    padding: 3px 15px 10px 0;
    background-position: 100% 0;
}

UL.nav A:hover {
    background-color: #f0f0f0;
    background-position: 0 -25px;
    color: #b90065;
}

UL.nav A:hover SPAN {
    background-position: 100% -25px;
}

UL.nav LI.active A {
    background-color: #034e7f !important;
    background-position: 0 -50px !important;
    color: #fff !important;
}

UL.nav LI.active A SPAN {
    background-position: 100% -50px !important;
}

/* =login
-------------------------------------------------- */
.js #login {
    display: none;
}

#login DIV.a {
    padding: 20px;
}

#login P {
    margin: 0;
}

/* =sidebar
-------------------------------------------------- */
#left DIV.banner,
#right DIV.banner {
    margin-bottom: 10px;
}

#left P.logo {
    text-align: center;
}

DIV.menu {
    padding: 0 !important;
    background: #fff;
}

DIV.menu UL {
    margin: 0;
    background-position: 0 0;
}

DIV.menu LI {
    display: inline;
    padding: 0;
    background: none;
}

DIV.menu UL A {
    display: block;
    padding: 6px 29px 6px 15px;
    border-top: 1px dotted #d0d0d0;
    background: url(bg_menu_a.png) no-repeat -30px 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-decoration: none;
}

DIV.menu LI.first A {
    border: none;
}

DIV.menu UL A:hover {
    background-position: 100% 10px;
    text-decoration: underline;
}

DIV.menu LI.active A {
    background-position: 100% -160px;
    color: #000;
    font-weight: bold !important;
}

DIV.menu UL LI.active UL LI.active A {
    color: #000;
    font-weight: bold !important;
}

DIV.menu UL UL,
DIV.menu UL UL A,
DIV.menu UL UL LI {
    border: none !important;
}

DIV.menu UL UL {
    padding: 0 0 0 10px;
    background: none;
}

DIV.menu UL UL A {
    padding: 3px 5px 3px 17px;
    background: url(bg_menu_a.gif) no-repeat 6px 8px !important;
    font-weight: normal;
    font-size: 12px !important;
}

DIV.menu UL LI.active UL A,
DIV.menu UL LI.active UL LI.active UL LI A {
    color: #0060af;
    font-weight: normal !important;
}

DIV.menu UL LI.active UL A:hover {
    text-decoration: underline;
    color: #b90065;
}

/* =cal
-------------------------------------------------- */
DIV.cal {
    padding-top: 0 !important;
}

#date {
    margin-top: 14px;
}

#date P {
    margin-top: 0;
}

#date DIV.inner {
    position: absolute;
    height: 103px;
    margin-top: 3px;
    padding-bottom: 3px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}

#date DIV.inner2 {
    padding: 3px 1px 0;
    background-repeat: no-repeat;
}

#date UL {
    height: 100px;
    overflow: auto;
    margin: 0 !important;
}

#date UL LI {
    display: inline;
    padding-left: 0;
    background: none;
}

#date LI A {
    display: block;
    padding: 1px 8px;
}

#date LI A.active,
#date LI A:hover {
    background: #acdbfb;
}

#date A {
    color: #000;
    text-decoration: none;
    outline: none;
}

#month {
    position: relative;
    float: left;
    width: 98px;
}

#month P A {
    width: 71px;
}

#month DIV.inner,
#month DIV.inner2 {
    background-image: url(bg_cal02.png);
}

#month DIV.inner {
    width: 98px;
}

#year {
    position: relative;
    float: right;
    width: 63px;
}

#year P A {
    width: 36px;
}

#year DIV.inner,
#year DIV.inner2 {
    background-image: url(bg_cal03.png);
}

#year DIV.inner {
    width: 63px;
}

#date P A,
#date P SPAN {
    float: left;
    background-image: url(bg_cal01.png);
}

#date P A {
    height: 23px;
    overflow: hidden;
    padding-right: 27px;
    background-position: 100% 0;
    cursor: pointer;
}

#date P SPAN {
    float: left;
    padding: 3px 0 2px 8px;
}

DIV.cal TABLE {
    width: 170px;
    margin: .8em 1px 0;
    border: 1px solid #d2d2d2;
}

DIV.cal TABLE TD,
DIV.cal TABLE TH {
    border: 1px solid #d2d2d2;
    text-align: center;
    font-size: 11px;
}

DIV.cal TABLE TH {
    padding: 4px 3px;
    border-bottom-color: #c0c0c0 !important;
    background: #e1e1e1 url(bg_thead.gif) repeat-x 0 0;
}

DIV.cal TABLE A {
    color: #000;
}

DIV.cal TABLE TD A,
DIV.cal TABLE TH A {
    display: block;
    text-decoration: none;
}

DIV.cal TABLE TD A {
    padding: 4px 0;
    text-align: center;
}

DIV.cal TABLE TD A:hover {
    background: #eee;
    color: #000;
}

DIV.cal TABLE TD.event A {
    color: #0060af;
    font-weight: bold;
}

DIV.cal TABLE TD.disabled {
    padding: 4px 0;
    color: #999;
}

DIV.cal TABLE TD.today A,
DIV.cal TABLE TD.today {
    color: #b90065;
    font-weight: bold;
}

/* =content
-------------------------------------------------- */
#page,
#page-header {
    background: url(bg_page.png) no-repeat 0 0;
}

#page {
    padding: 0 20px 20px;
    margin-bottom: 10px;
    background-color: #fff;
    background-position: -750px 100%;
}

#page-header {
    overflow: hidden;
    margin: 0 -20px 20px;
    padding: 0 20px 5px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
}

#page-header A {
    text-decoration: none;
}

#page-header A:hover {
    text-decoration: underline;
}

/* path */

#path {
    float: left;
    margin: 0;
    padding-top: 11px;
    font-size: 11px;
    line-height: 1.273;
}

#path STRONG {
    color: #606060;
    font-weight: normal;
}

/* tools */

#tools {
    float: right;
    margin: 0;
    padding-top: 5px;
}

#tools A,
#tools LI {
    float: left;
}

#tools LI {
    padding: 0 0 0 1.2em;
    background: none;
}

#tools A {
    padding: 2px 0;
}

#tools LI.pdf A {
    padding-left: 19px;
    background: url(ico_pdf.gif) no-repeat 0 3px;
}

#tools LI.print A {
    padding-left: 21px;
    background: url(ico_print.gif) no-repeat 0 3px;
}

#tools LI.pdf A,
#tools LI.print A {
    padding-top: 3px;
}

/* common */

DIV.hr {
    position: relative;
    height: 27px;
    overflow: hidden;
    margin: 0 -15px;
    background: url(bg_separator.gif) repeat-x 0 15px;
}

DIV.hr HR {
    display: none;
}

.highlight {
    background-color: #fdfd79;
    padding-left: 1px;
    padding-right: 1px;
    -moz-border-radius: 3px;
}

A.digidoc {
    height: 16px;
    line-height: 16px;
    background-image: url("ico_digidoc.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
}

A.audio-download {
    height: 16px;
    line-height: 16px;
    background-image: url("ico_audio2.gif");
    background-repeat: no-repeat;
    padding-left: 17px;
}

A.download {
    height: 16px;
    line-height: 26px;
    background-image: url("arrow_down.gif");
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-left: 15px;
}
.download-single {
    padding: 0px 0px 0px 0px;
    height: 15px;
}


A.download-large {
    background-image: url("ico_download_green2_32x32.png");
    background-repeat: no-repeat;
    padding: 5px 0px 10px 40px;
    margin-left: -40px;
    font-size: 20px;
}

/* heading */

DIV.heading H1,
DIV.heading H2 {
    float: left;
    width: 500px;
}

#wrapper-wide DIV.heading H1,
#wrapper-wide DIV.heading H2 {
    width: 600px;
}

DIV.heading P {
    float: right;
    width: 300px;
    margin-top: 7px;
    text-align: right;
}

DIV.heading P A.button {
    float: right;
    margin-left: .5em;
}

DIV.heading P BUTTON {
    margin-left: .5em;
}

* HTML DIV.heading BUTTON,
* HTML DIV.heading BUTTON SPAN {
    position: static !important;
}

* + HTML DIV.heading BUTTON,
* + HTML DIV.heading BUTTON SPAN {
    position: static !important;
}

/* heading2 */

DIV.heading2 {
    margin-top: 1em;
}

DIV.heading2 H2 {
    float: left;
    width: 230px;
    margin-top: 1px;
    font-size: 14px;
}

DIV.heading2 P {
    float: right;
    width: 200px;
    margin-top: 2px;
    text-align: right;
}

/* img */

P.img {
    float: left;
    margin: 0;
}

P.img A,
P.img IMG {
    display: block;
}

P.img A {
    border: 1px solid #fff;
    padding: 1px;
    background: #fff;
}

P.img A:hover {
    border-color: #c0c0c0;
}

/* meta */

P.meta {
    color: #606060;
}

P.meta SPAN {
    margin: 0 3px;
    color: #c0c0c0;
}

DIV.col-meta P.meta {
    float: left;
}

DIV.col-meta P.ip {
    float: right;
}

/* meta */

P.meta2 {
    margin-top: .2em !important;
    color: #606060;
    font-size: 12px;
}

P.meta2 SPAN {
    margin: 0 3px;
    color: #c0c0c0;
}

/* more */

P.more {
    font-size: 12px;
}

#right P.more {
    margin-top: 5px;
    padding-left: 19px;
}

P.more A {
    padding-right: 7px;
    background: url(dot06.gif) no-repeat 100% 5px;
    text-decoration: underline !important;
}

A.more {
    white-space: nowrap;
}

A.more {
    padding-right: 7px;
    background: url(dot06.gif) no-repeat 100% 5px;
    text-decoration: underline !important;
}

/* back */

P.back {
    height: 20px;
    line-height: 20px;
}

P.back A {
    padding-left: 7px;
    background: url(dot07.gif) no-repeat 0 5px;
    text-decoration: underline !important;
}

P.forward {
    position: relative;
    width: 50%;
    height: 20px;
    line-height: 20px;
    margin-left: 50%;
    margin-top: -20px;
    text-align: right;
}

P.forward A {
    padding-right: 7px;
    background: url(dot06.gif) no-repeat right 5px;
}

/* add */

P.add A {
    padding-left: 19px;
    background: url(ico_add.png) no-repeat 0 0;
    font-weight: bold;
}

/* rss */

P.rss,
P.rss A {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(bg_rss.png) no-repeat 100% 0;
}

P.rss {
    float: right;
    margin: 10px 0 0 10px;
}

P.rss A {
    display: block;
    text-indent: -5000px;
    outline: none;
}

P.rss A:hover {
    background-position: 100% -16px;
}

/* quote */

BLOCKQUOTE.quote {
    clear: both;
    margin: 2em 0;
    min-height: 31px;
    padding: 0 20px 20px 84px;
    border: double #e0e0e0;
    border-width: 3px 0;
    background: url(bg_quote.png) no-repeat 20px 20px;
    color: #606060;
    font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

BLOCKQUOTE.quote P + P {
    margin-top: .75em;
}

/* box */

DIV.box,
DIV.box-header,
DIV.box-content {
    background: url(bg_box_480.png) no-repeat 0 0;
}

DIV.box {
    margin-bottom: 10px;
    background-color: #fff;
    background-position: -960px 0;
}

DIV.box-header {
    padding: 0 15px;
    border-bottom: 1px solid #d0d0d0;
    background-color: #e0e0e0;
}

DIV.box-header-unpadded {
    padding: 0px;
    background-color: #e0e0e0;
}

DIV.box-header H2 {
    float: left;
    margin: 0;
    padding: 6px 0;
    color: #404040;
    text-shadow: 1px 1px 0 #fff;
}

DIV.box-header-unpadded H2 {
    float: left;
    margin: 0;
    padding: 6px 15px;
    color: #404040;
    text-shadow: 1px 1px 0 #fff;
}

DIV.box-header H2 SPAN {
    color: #606060;
}

DIV.box-header P.meta {
    float: right;
    margin: 9px 0 0;
}

DIV.box-content {
    padding: 0 15px 15px;
    background-position: -480px 100%;
}

DIV.box-content-photos {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

DIV.box-content-popular {
    padding-top: 12px;
}

DIV.box-content-photos1 {
    padding-left: 0px;
    padding-right: 0px;
}

DIV.box-content2 {
    padding-bottom: 0px;
}

DIV.box-content-only {
    padding: 0 15px 15px;
}

DIV.box H3 {
    font-size: 12px;
    line-height: 1.25;
}

DIV.box H3 A {
    color: #000;
    text-decoration: none;
}

DIV.box H3 A:hover {
    text-decoration: underline;
}

DIV.box H3 SPAN.comments,
DIV.box H3 SPAN.comments A {
    color: #606060;
    font-weight: normal;
}

DIV.comment-edit-button-container {
    text-align: right;
    margin-top: 4px;
}

DIV.box H3 SPAN.ico {
    margin-left: 3px;
}

DIV.box P.action A,
DIV.box P.action BUTTON {
    vertical-align: top;
}

DIV.box P.action A {
    display: inline-block;
    margin: .25em 0 0 .75em;
}

P.action A.button {
    margin-right: .35em;
}

DIV.box H3.alt {
    margin: 1em -15px 0;
    padding: 0 10px;
    background: url(bg_h3_alt.gif) repeat-x 0 55%;
    color: #e45d27;
    text-transform: uppercase;
}

DIV.box H3.alt2 {
    background: url(bg_h3_alt.gif) repeat-x 0 97%;
}

DIV.box H3.alt STRONG {
    display: block;
    padding: 1px 0;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

DIV.box H3.alt SPAN {
    padding: 0 5px;
    background: #fff;
}

DIV.box H3.ph {
    position: absolute;
    left: 50px;
    top: 50px;
}

H3.logo-etv STRONG {
    background-image: url(logo_etv3.png);
}

H3.logo-etv2 STRONG {
    background-image: url(logo_etv2.png);
}

H3.logo-r2 STRONG {
    background-image: url(logo_r2.png);
}

H3.logo-r4 STRONG {
    background-image: url(logo_r4.png);
}

H3.logo-tln STRONG {
    background-image: url(logo_tln.png);
}

H3.logo-kr STRONG {
    background-image: url(logo_kr.png);
}

H3.logo-vr STRONG {
    background-image: url(logo_vr.png);
}

/* segment */

UL.segment {
    float: right;
    margin: 6px -9px 0 0;
    line-height: 1.25;
}

UL.segment2 {
    float: none !important;
    margin: 1em 0;
    font-size: 12px !important;
}

* HTML UL.segment {
    margin-right: -5px;
}

UL.segment LI {
    float: left;
    padding: 0;
    background: none;
}

UL.segment A,
UL.segment SPAN,
UL.segment STRONG {
    float: left;
    background: url(bg_segment.png) no-repeat 0 0;
}

UL.segment A,
UL.segment STRONG {
    height: 23px;
    overflow: hidden;
    margin-left: -1px;
    padding-left: 10px;
}

UL.segment A {
    background-position: 0 -23px;
    color: #606060;
    text-decoration: none !important;
    outline: none;
}

UL.segment SPAN {
    padding: 4px 10px 12px 0;
    background-position: 100% -23px;
    cursor: pointer;
}

UL.segment A:hover {
    position: relative;
    z-index: 2;
    background-position: 0 -92px;
    color: #b90065;
}

UL.segment A:hover SPAN {
    background-position: 100% -92px;
}

UL.segment LI.first A {
    background-position: 0 0;
}

UL.segment LI.first SPAN {
    background-position: 100% 0;
}

UL.segment LI.first A:hover {
    background-position: 0 -69px;
}

UL.segment LI.first A:hover SPAN {
    background-position: 100% -69px;
}

UL.segment LI.last A {
    background-position: 0 -46px;
}

UL.segment LI.last SPAN {
    background-position: 100% -46px;
}

UL.segment LI.last A:hover {
    background-position: 0 -115px;
}

UL.segment LI.last A:hover SPAN {
    background-position: 100% -115px;
}

UL.segment STRONG,
UL.segment .active,
UL.segment .active:hover {
    background-position: 0 -161px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #606060;
}

UL.segment STRONG SPAN,
UL.segment .active SPAN,
UL.segment .active:hover SPAN {
    background-position: 100% -161px;
    cursor: default;
}

UL.segment LI.first STRONG,
UL.segment LI.first .active,
UL.segment LI.first .active:hover {
    background-position: 0 -138px;
}

UL.segment LI.first STRONG SPAN,
UL.segment LI.first .active SPAN,
UL.segment LI.first .active:hover SPAN {
    background-position: 100% -138px;
}

UL.segment LI.last STRONG,
UL.segment LI.last .active,
UL.segment LI.last .active:hover {
    background-position: 0 -184px;
}

UL.segment LI.last STRONG SPAN,
UL.segment LI.last .active SPAN,
UL.segment LI.last .active:hover SPAN {
    background-position: 100% -184px;
}

/* tabs */

UL.tabs {
    margin: 1em 0;
    font-size: 14px;
}

UL.tabs LI {
    float: left;
    padding: 0;
    background: none;
}

UL.tabs A,
UL.tabs SPAN,
UL.tabs STRONG {
    float: left;
    background: url(bg_tabs.png) no-repeat 0 0;
}

UL.tabs A,
UL.tabs STRONG {
    height: 30px;
    overflow: hidden;
    margin-left: -1px;
    padding-left: 14px;
}

UL.tabs A {
    background-position: 0 -30px;
    color: #606060;
    text-decoration: none !important;
    outline: none;
}

UL.tabs SPAN {
    padding: 5px 14px 10px 0;
    background-position: 100% -30px;
    cursor: pointer;
}

UL.tabs A:hover {
    position: relative;
    z-index: 2;
    background-position: 0 -120px;
    color: #b90065;
}

UL.tabs A:hover SPAN {
    background-position: 100% -120px;
}

UL.tabs LI.first A,
UL.tabs LI A.first {
    margin-left: 0;
    background-position: 0 0;
}

UL.tabs LI.first SPAN,
UL.tabs LI A.first SPAN {
    background-position: 100% 0;
}

UL.tabs LI.first A:hover,
UL.tabs LI A.first:hover {
    background-position: 0 -90px;
}

UL.tabs LI.first A:hover SPAN,
UL.tabs LI A.first:hover SPAN {
    background-position: 100% -90px;
}

UL.tabs LI.last A,
UL.tabs LI A.last {
    background-position: 0 -60px;
}

UL.tabs LI.last SPAN,
UL.tabs LI A.last SPAN {
    background-position: 100% -60px;
}

UL.tabs LI.last A:hover,
UL.tabs LI A.last:hover {
    background-position: 0 -150px;
}

UL.tabs LI.last A:hover SPAN,
UL.tabs LI A.last:hover SPAN {
    background-position: 100% -150px;
}

UL.tabs STRONG,
UL.tabs LI.ui-state-active A,
UL.tabs LI.ui-state-active A:hover {
    background-position: 0 -210px;
    position: relative;
    z-index: 2;
}

UL.tabs STRONG SPAN,
UL.tabs LI.ui-state-active A SPAN,
UL.tabs LI.ui-state-active A:hover SPAN {
    background-position: 100% -210px;
    cursor: text;
    color: #606060;
}

UL.tabs LI.first STRONG,
UL.tabs LI.ui-state-active A.first,
UL.tabs LI.ui-state-active A.first:hover {
    background-position: 0 -180px;
}

UL.tabs LI.first STRONG SPAN,
UL.tabs LI.ui-state-active A.first SPAN,
UL.tabs LI.ui-state-active A.first:hover SPAN {
    background-position: 100% -180px;
    cursor: text;
    color: #606060;
}

UL.tabs LI.last STRONG,
UL.tabs LI.ui-state-active A.last,
UL.tabs LI.ui-state-active A.last:hover {
    background-position: 0 -240px;
}

UL.tabs LI.last STRONG SPAN,
UL.tabs LI.ui-state-active A.last SPAN,
UL.tabs LI.ui-state-active A.last:hover SPAN {
    background-position: 100% -240px;
    cursor: text;
    color: #606060;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

/* gallup */

DIV.gallup-a {
    float: left;
    width: 450px;
}

DIV.gallup-b {
    float: right;
    width: 400px;
}

DIV.gallup UL.data2 LI {
    padding-left: 11px;
    background: url(bg_menu_a.gif) no-repeat 0 14px;
}

DIV.gallup LI.active A {
    color: #777;
}

/* banners */

DIV.banner IMG {
    display: block;
}

/* actions */

P.actions SPAN {
    margin: 0 3px;
    color: #c0c0c0;
}

/* toggle */
H2.toggle {
    margin-top: 0;
}

H2.toggle A {
    display: block;
    padding-left: 21px;
    border-bottom: 1px solid #e0e0e0;
    outline: none;
    text-decoration: none;
}

H2.toggle SPAN {
    float: right;
    font-size: 12px;
    color: #777;
    font-weight: normal;
}

/* banners */

DIV.accordion,
DIV.accordion-a,
DIV.accordion-b {
    background: url(bg_accordion.png) no-repeat -710px 0;
}

DIV.accordion {
    margin-top: 1em;
    background-repeat: repeat-y;
    background-position: -2130px 0;
}

DIV.accordion-b {
    padding: 6px 15px 15px;
    background-position: -3550px 100%;
}

DIV.accordion H2 {
    margin-top: 0;
}

DIV.accordion H2 A {
    padding-bottom: .2em;
    border-bottom-color: #e0e0e0;
}

DIV.accordion H2.toggle-close A {
    padding-bottom: 0;
    border-bottom: none;
}

DIV.accordion-closed {
    background-position: -1420px 0;
}

DIV.accordion-closed DIV.accordion-a {
    background-position: 0 0;
}

DIV.accordion-closed DIV.accordion-b {
    padding: 6px 15px;
    background-position: -2840px 100%;
}

/* Video player box*/
.videoBox{
    width: 518px;
    float: left;

}

.player-expanded{
    width: 920px;
    height: 517px;
}

/* box01 */

DIV.box01 DIV.col1,
DIV.box01 DIV.col2 {
    float: left;
    width: 345px;
}

DIV.box01 DIV.col2 {
    float: right;
}

DIV.accordion DIV.box01 DIV.col1,
DIV.accordion DIV.box01 DIV.col2 {
    width: 335px;
}

/* box02 */

DIV.box02 DIV.col1 {
    float: left;
    width: 387px;
}

DIV.box02 DIV.col2 {
    float: right;
    width: 513px;
}

/* box03 */

DIV.box03 DIV.col1 {
    float: left;
    width: 513px;
}

DIV.box03 DIV.col2 {
    float: right;
    width: 387px;
}

DIV.video-outer {
    position: relative;
    height: 189px;
    margin-top: .2em;
    overflow: auto;
    border: 1px solid #e0e0e0;
}

DIV.video-outer-small {
    height: 94px;
}

DIV.video-outer UL.video {
    padding: 0 0 0 5px;
}

DIV.video-outer UL.video LI {
    padding: 5px 0;
}

DIV.video-outer UL.video P.img {
    position: relative;
    margin-right: 6px;
}

DIV.video-outer UL.video P.img SPAN.locked {
    top: 66px;
    left: 4px;
}

DIV.video-outer UL.video DIV.content {
    float: left;
    width: auto;
}

/* flash */

DIV.video {
    margin-top: .5em;
}

DIV.audio {
    margin-top: 1em;
}

#thumbnail {
    position: relative;
    margin-top: 0;
}

#thumbnail SPAN.locked {
    top: 356px;
    left: 2px;
    width: 26px !important;
    height: 26px !important;
    background-image: url(ico_locked2.png);
}

#flashplayer-info-container {
    position: relative;
    display: block;
    padding: 10px;
    background-color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    top: 2px;
    margin: 0px 2px 0px 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* =lists
-------------------------------------------------- */
UL.av,
UL.poll,
UL.news,
UL.video,
UL.content,
UL.comments {
    margin: 0;
}

UL H3 {
    margin: 0;
    font-size: 12px;
    line-height: 1.25;
}

UL H3 A {
    color: #000;
    text-decoration: none;
}

UL H3 A:hover {
    text-decoration: underline;
}

UL P.meta {
    margin: 0 !important;
    padding: 0 !important;
}

/* data */

UL.data {
    margin-left: 0;
}

UL.data LI {
    padding-left: 0;
    background: none;
}

/* data2 */

UL.data2 {
    margin: 0;
    font-size: 13px;
    line-height: normal;
}

UL.data2 LI {
    padding: .8em 0 0;
    background: none;
}

/* audio */

UL.av LI {
    padding: 5px 0 0 19px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
}

UL.av LI H3 {
    font-weight: normal;
}

UL.av LI.unknown {
    background-image: none;
}

UL.av LI.audio {
    background-image: url(ico_audio2.gif);
}

UL.av LI.video {
    background-image: url(ico_video2.gif);
}

UL.av LI.photo {
    background-image: url(ico_photo.gif);
}

H2.av {
    padding: 5px 0px 0px 19px;
    background-repeat: no-repeat;
}

H2.audio {
    background-image: url(ico_audio2.gif);
    background-position: 0px 4px;
}

H2.video {
    background-image: url(ico_video2.gif);
    background-position: 0px 6px;
}

H2.photo {
    background-image: url(ico_photo.gif);
    background-position: 0px 5px;
}

UL.av LI.admin-only A, UL.news LI.admin-only A {
    color: #b90065;
    font-weight: bold;
}

#right p.meta {
    padding-left: 19px;
}

/* links2 */

UL.links2 {
    margin: .5em 0 0 1em;
    font-size: 13px;
    line-height: normal;
}

UL.links2 LI {
    padding: .6em 0 0 11px;
    background: url(bg_menu_a.gif) no-repeat 0 11px;
}

/* actions */

UL.actions {
    margin: 0;
    font-size: 13px;
    line-height: normal;
}

UL.actions LI {
    padding: .8em 0 0;
    background: none;
}

UL.actions LI SPAN {
    float: left;
    margin-right: .5em;
}

UL.actions LI H3 {
    float: left;
    width: 400px;
    font-weight: normal;
}

UL.actions LI H3 A {
    color: #0060af;
}

/* result */

UL.result {
    margin: 0;
}

UL.result LI {
    padding: 8px 0;
    background: none;
    line-height: normal;
    font-size: 12px;
}

UL.result LI P {
    margin-top: 0;
}

UL.result LI SPAN {
    float: left;
    margin-top: 2px;
    height: 10px;
    background: #005589;
    text-indent: -5000px;
}

UL.result LI STRONG {
    float: none;
}

UL.result LI STRONG SPAN {
    float: none;
    height: auto;
    margin: 0;
    background: none;
    color: #777;
    font-weight: normal;
    text-indent: 0;
}

/* news */

UL.news {
    margin-top: 10px;
}

UL.news LI {
    padding: 5px 0 0 10px;
    background: url(dot01.gif) no-repeat 1px 10px;
}

UL.news IMG {
    vertical-align: top;
}

UL.news LI.main {
    padding-left: 0;
    background: none;
}

UL.news LI.main H3 {
    margin: .444em 0;
    font-size: 18px;
    line-height: 1.167;
}

UL.news LI.main P.img {
    float: none;
}

#news-video-results {
    overflow-y: auto;
    height: 150px;
    margin-top: 10px;
}

/* video */

UL.video {
    padding-top: 5px;
}

UL.video LI {
    padding: 10px 0 0;
    background: none;
}

UL.video H2 {
    margin: 0;
    padding-top: 2px;
    font-size: 16px;
    line-height: 1.25;
}

UL.video H2 A {
    text-decoration: none;
}

UL.video H2 A:hover {
    text-decoration: underline;
}

UL.video P.img {
    position: relative;
}

.box-content-only UL.video P.img {
    position: static;
}

UL.video P.img EM {
    position: absolute;
    top: 66px;
    right: 4px;
    padding: 0 3px;
    background: url(bg_time.png) repeat;
    color: #c0c0c0;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    line-height: normal;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

UL.video P.img SPAN.locked {
    top: 66px;
    left: 4px;
}

UL.video DIV.content {
    float: right;
    width: 296px;
}

UL.video DIV.content P,
UL.video DIV.content TABLE {
    margin-top: .5em;
}

UL.video-type1 LI {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

UL.video-type1 DIV.content {
    width: 553px;
}

DIV.tabs2 UL.video DIV.content {
    width: 355px !Important;
}

UL.video LI.admin-only {
    background: #eee;
    color: #b90065;
}

UL.video LI.admin-only A {
    border-color: #ccc;
    color: #b90065;
}

/* comments */

UL.comments {
    margin: 1em -15px 0;
    border-top: 1px solid #e0e0e0;
}

UL.comments LI {
    padding: 15px 15px 15px 5px;
    border-bottom: 1px solid #e0e0e0;
    background: none;
    vertical-align: top;
}

UL.comments P.nr {
    float: left;
    width: 25px;
    margin: 0;
    color: #e0e0e0;
    line-height: 1;
    font-size: 32px;
    font-weight: bold;
    text-align: right;
}

UL.comments P.nr-large {
    font-size: 22px;
}

UL.comments P.nr A {
    color: #e0e0e0;
    outline: none;
    text-decoration: none !important;
}

UL.comments P.nr A:hover {
    color: #b90065;
}

UL.comments DIV.content {
    float: right;
    width: 480px;
}

UL.comments DIV.content P {
    margin-top: .5em;
}

UL.comments DIV.header P,
UL.comments DIV.header H3 {
    float: left;
    margin: 0;
}

UL.comments DIV.header H3 {
    margin-right: .75em;
    font-size: 12px;
    line-height: 1.5;
}

UL.comments DIV.header P {
    line-height: 1.5;
    font-size: 12px;
}

UL.comments DIV.header P.actions {
    float: right;
    padding-left: 18px;
}

UL.comments DIV.header P.actions A {
    padding-left: 5px;
    font-size: 12px;
}

UL.comments LI.alt {
    border-top: 1px solid #fff;
    background: #f8f8f8;
}

/* grid */

UL.grid {
    margin: 0;
    padding-top: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

UL.grid LI {
    float: left;
    width: 144px;
    margin: 9px 9px 0 0;
    padding: 0;
    background: none;
    /*border: 1px solid pink;*/
}

UL.grid LI.last {
    margin-right: 0;
}

UL.grid A,
UL.grid IMG,
UL.grid SPAN,
UL.grid STRONG {
    display: block;
}

UL.grid A {
    /*padding: 1px 1px 5px;*/
    /*border: 1px solid #fff;*/
    /*border: 1px solid pink;*/
    font-size: 11px;
    line-height: 1.273;
    text-decoration: none !important;
}

UL.grid SPAN,
UL.grid STRONG {
    overflow: hidden;
    padding: 0 0 0 4px;
}

UL.grid STRONG {
/*    height: 28px; */
    margin-top: 4px;
}

UL.grid SPAN {
    height: 14px;
    color: #606060;
}

UL.grid SPAN.audio {
    padding: 1px 0px 1px 23px;
    background: url(ico_audio2.gif) no-repeat 5px 1px;
}

UL.grid SPAN.video {
    padding: 1px 0px 1px 23px;
    background: url(ico_video2.gif) no-repeat 4px 0px;
}

UL.grid EM {
    position: absolute;
    top: 65px;
    right: 3px;
    padding: 0 3px;
    background: url(bg_time.png) repeat;
    color: #c0c0c0;
    font-weight: bold;
    font-style: normal;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

UL.grid A:hover {
    border-color: #c0c0c0;
}

UL.grid A:hover EM {
    color: #fff;
    background: #000;
}

SPAN.locked {
    display: block;
    position: absolute;
    top: 65px;
    left: 3px;
    width: 13px;
    height: 14px !important;
    overflow: hidden;
    padding: 0 !important;
    background: #fff url(ico_locked.png) no-repeat 0 0;
    text-indent: -5000px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

A:hover SPAN.locked {
    background-position: 0 -14px;
}

UL.grid LI.admin-only {
    background: #eee;
}

UL.grid LI.admin-only SPAN {
    color: #b90065;
}

UL.grid LI.admin-only A {
    border-color: #ccc;
    color: #b90065;
}

SPAN.photo9 {
    padding: 1px 0px 1px 20px;
    background: url(ico_photo.gif) no-repeat 4px 0px;
    color: #606060;
}

/*photogrid 2*/
UL.photogrid2 {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

UL.photogrid2 LI {
    padding: 0px;
    width: 134px;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-align: center;
    vertical-align: top;
}

UL.latest1 LI {
    width: 143px;
}

UL.popular1 LI {
    width: 141px;
}

UL.photolist9 LI {
    width: 139px;
}

UL.photogrid2 A {
    overflow: hidden;
    border: 1px solid #fff;
    font-size: 11px;
    text-decoration: none !important;
    padding: 1px;
    margin: 0px;
}

UL.photogrid2 A:hover {
    border-color: #c0c0c0;
}

UL.photogrid2 DIV.groupname {
    background: url(bg_h3_alt.gif) repeat-x 0 55%;
    background-position-y: 12px;
    color: #e45d27;
    text-transform: uppercase;
    height: 25px;
    text-align: left;
}

UL.photogrid2 DIV.groupname STRONG {
    padding-left: 5px;
}

UL.photogrid2 DIV.groupname SPAN {
    padding: 0 3px;
    background: #fff;
}

UL.photogrid2 DIV.filelink {
    padding: 2px;
}

UL.latest-photos-grid DIV.empty {
    height: 17px;
}

UL.photogrid2 A,
UL.photogrid2 IMG,
UL.photogrid2 STRONG {
    display: block;
}

UL.photogrid2 STRONG {
    padding-top: 5px;
}

UL.photogrid2 SPAN.photo {
    background-position: top left;
    background: url(ico_photo.gif) no-repeat 0px 0px;
    padding: 1px 0px 1px 23px;
}

UL.photogrid2 IMG.preview {
    display: block;
    position: absolute;
    top: -45px;
    left: -40px;
    z-index: 1001;
    border: 1px solid #fff;
    border-color: #c0c0c0;
    background-color: white;
    padding: 4px;
}

IMG.preview3 {
    display: block;
    position: absolute;
    top: -45px;
    left: -40px;
    z-index: 1001;
    border: 1px solid #fff;
    border-color: #c0c0c0;
    background-color: white;
    padding: 4px;
}

IMG.preview3 {
    display: none;
    top: -130px;
    left: +70px;
}

UL.photogrid2 IMG.preview2 {
    display: none;
}

UL.photogrid2 IMG.preview2 :hover {
    background-color: pink;
}

UL.photogrid2 LI img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

UL.photogrid2 LI.admin-only {
    background: #eee;
    color: #b90065;
}

UL.photogrid2 LI.admin-only A {
    border-color: #ccc;
    color: #b90065;
}

UL.photogrid2 LI DIV.admin-only {
    background: #eee;
    color: #b90065;
}

UL.photogrid2 LI DIV.admin-only A {
    border-color: #ccc;
    color: #b90065;
}

/* basket images */
UL.basketimages {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

UL.basketimages LI {
    padding: 0px;
    width: 70px;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-align: center;
    vertical-align: top;
}

/* poll */

UL.poll {
    margin: .5em 0 0 .5em;
}

UL.poll LI {
    padding: 0;
    background: none;
}

UL.poll INPUT,
UL.poll LABEL {
    line-height: normal;
    vertical-align: middle;
}

UL.poll LI P {
    margin-top: 0;
}

UL.poll LI P.label {
    margin-top: .3em;
}

UL.poll LI P.result SPAN {
    float: left;
    height: 10px;
    background: #034e7f;
    font-size: 10px;
    color: #fff;
    line-height: normal;
    text-indent: -5000px;
}

/* content */

UL.content LI {
    padding: 3px 0;
    background: none;
}

UL.content LI P {
    margin-top: .5em;
}

UL.content LI P.date {
    float: left;
    width: 70px;
    margin-right: 10px;
}

UL.content LI P.img {
    float: left;
    width: 140px;
    margin-top: .85em;
}

UL.content LI DIV.content {
    float: right;
    width: 280px;
}

/* =pager
-------------------------------------------------- */
DIV.pager {
    margin-top: 15px;
}

DIV.pager-right UL {
    float: right !important;
}

DIV.pager UL,
DIV.pager LI {
    float: left;
    margin: 0;
    padding: 0;
}

DIV.pager UL LI {
    margin-right: 2px;
    background: none;
    line-height: 1.25;
}

DIV.pager UL A,
DIV.pager UL SPAN,
DIV.pager UL STRONG {
    float: left;
    background: url(bg_pager.png) no-repeat 100% 0;
}

DIV.pager UL A SPAN,
DIV.pager UL A {
    cursor: pointer;
}

DIV.pager UL A {
    text-decoration: none !important;
    color: #555;
}

DIV.pager UL SPAN {
    padding: 4px 0 4px 8px;
    background-position: 0 0;
}

DIV.pager UL A,
DIV.pager UL STRONG {
    height: 23px;
    overflow: hidden;
    padding-right: 8px;
    text-decoration: none !important;
}

DIV.pager UL STRONG {
    font-weight: normal;
}

DIV.pager LI A:hover {
    background-position: 100% -23px;
    color: #b90065;
}

DIV.pager LI A:hover SPAN {
    background-position: 0 -23px;
}

DIV.pager LI.active STRONG {
    background-position: 100% -46px;
}

DIV.pager LI.active STRONG SPAN {
    background-position: 0 -46px;
    color: #fff;
    font-weight: bold;
}

DIV.pager UL LI.next STRONG,
DIV.pager UL LI.back STRONG,
DIV.pager UL LI.first STRONG,
DIV.pager UL LI.last STRONG {
    font-weight: normal;
    color: #999;
}

DIV.pager P {
    float: right;
    margin-top: 4px;
    white-space: nowrap;
    line-height: 1.25;
}

DIV.pager P SPAN {
    margin: 0 3px;
    color: #c0c0c0;
}

DIV.pager P SPAN.type1 {
    margin: 0 1px;
}

/* =tables
-------------------------------------------------- */
TABLE.data {
    width: 100%;
    border: 1px solid #c0c0c0;
}

TABLE.data TH,
TABLE.data TD {
    padding: 5px 8px;
    border: solid #d2d2d2;
    border-width: 1px 0 0 1px;
    background: #fff;
}

TABLE.data TR TH:first-child,
TABLE.data TR TD:first-child {
    border-left-color: #d2d2d2;
}

TABLE.data THEAD TH {
    text-align: left;
    border: 1px solid #d2d2d2;
    border-bottom-color: #c0c0c0 !important;
    background: #e1e1e1 url(bg_thead.gif) repeat-x 0 0;
}

TABLE.data TBODY TD.input {
    padding: 2px 3px;
}

TABLE.data TBODY TR:hover TD,
TABLE.data TBODY TR.hover TD {
    background-color: #e3f3fd;
}

TABLE.data TBODY TR.marked TD,
TABLE.data TBODY TR.checked TD {
    background: #d2edfe;
}

TABLE.data TBODY TD.actions {
    width: 1%;
    white-space: nowrap;
}

TABLE.data TBODY TD.actions SPAN {
    margin: 0 3px;
    color: #c0c0c0;
}

TABLE.data TBODY.filter TD,
TABLE.data TBODY.filter TD INPUT,
TABLE.data TBODY.filter TD LABEL {
    vertical-align: middle;
}

TABLE.data TBODY.filter TD INPUT.text {
    width: 97%;
}

TABLE.data TBODY.filter TD INPUT.wide {
    width: 98%;
}

TABLE.data TBODY.filter TD.w1p {
    padding-right: 6px;
}

TABLE.data TBODY TD.button-cell {
    padding: 1px 4px 1px 4px !important;
}

TABLE.data TD SPAN.comments {
    font-size: 10px;
    color: #888;
}

TABLE.basket {
    width: 100%;
    border: 1px solid #c0c0c0;
}

TABLE.basket TH {
}

TABLE.basket TH,
TABLE.basket TD {
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
}

TABLE.basket TD.right {
    text-align: right;
}

TABLE.basket TR.alt TD {
    background-color: #f8f8f8;
}

TABLE.basket-price {
    width: 100%;
    border-style: none;
    margin-top: 0px;
    margin-bottom: 20px;
}

TABLE.basket-price TD {
    padding: 5px 8px;
    border-style: none;
    text-align: right;
    font-weight: bold;
}

TABLE.basket-price TD.action-button-cell {
    text-align: center;
    padding-top: 10px;
}

/* form */

TABLE.form {
    width: 100%;
}

TABLE.form2,
TABLE.form3 {
    width: auto;
}

TABLE.form TH {
    padding: 6px 6px 3px;
    text-align: right;
    font-weight: normal;
}

TABLE.form2 TH {
    padding-right: 12px;
    text-align: left;
    font-weight: bold;
}

TABLE.form3 TH {
    padding-left: 0;
    text-align: left;
}

TABLE.form2 TH,
TABLE.form2 TD {
    font-size: 13px;
}

TABLE.form TD {
    padding: 3px 12px 3px 0;
}

TABLE.form3 TH,
TABLE.form3 TD {
    padding-top: 2px;
    padding-bottom: 1px;
}

TABLE.form TD P {
    margin: 0;
    padding: .5em 0;
    line-height: normal;
}

TABLE.form TD INPUT,
TABLE.form TD SELECT,
TABLE.form TD IMG,
TABLE.form TD LABEL {
    vertical-align: middle;
}

TABLE.form TD.data {
    padding-top: 6px;
}

TABLE.form TD.order-purpose {
    padding-top: 10px;
    padding-bottom: 15px;
}

TABLE.form TD.data2 {
    padding-top: 0;
}

TABLE.form TD.data2 UL.data {
    margin: 0;
}

TABLE.form TD.data2 UL.data LI {
    padding-top: 6px;
}

TABLE.form TD LI A {
    text-decoration: underline !important;
}

TABLE.form TD SPAN.sep {
    margin: 0 3px;
    color: #999;
}

TABLE.form TR.action TH,
TABLE.form TR.action TD {
    padding-top: 1em;
}

TABLE.form TD.middle {
    text-align: center;
}

TH.error,
TD.error,
.error TH,
.error TD {
    background-color: #fbebed !important;
}

.error,
.error TH,
.error TD,
.error LABEL,
.error SPAN.req {
    color: #cc0a0a !important;
}

.error SELECT,
.error TEXTAREA,
.error INPUT[type="text"],
.error INPUT[type="password"] {
    border: 1px solid !important;
    border-color: #710606 #efb5b5 #efb5b5 #710606 !important;
    outline: none !important;
}

/* form */

DIV.form P STRONG {
    display: block;
    font-weight: normal;
}

DIV.form DIV.form-cols P {
    float: left;
    margin: .5em 10px 0 0;
}

DIV.form DIV.form-cols P.last {
    float: right;
    margin-right: 0;
}

DIV.form TEXTAREA.type1 {
    width: 99%;
}

/* search */

TABLE.search {
    width: 100%;
    border-top: 1px solid #f4f2f2;
}

TABLE.search TD {
    border-bottom: 1px solid #f4f2f2;
    padding: 5px 10px 5px 0;
}

TABLE.search TD EM {
    line-height: 24px;
}

TABLE.search TD.action {
    width: 1%;
    padding-top: 8px;
    padding-right: 0;
    white-space: nowrap;
    text-align: right;
}

TABLE.search TD.select {
    width: 1%;
    white-space: nowrap;
}

TABLE.search TD.check LABEL,
TABLE.search TD.check INPUT {
    vertical-align: middle;
}

TABLE.search TD.search-parameter {
    width: 180px;
}

TABLE.search TD.search-parameter SELECT {
    width: 180px;
}

TABLE.search TD.search-input {
    width: 350px;
}

TABLE.search TD.search-input LI.asmListItem {
    width: 338px !important;
}

TABLE.search TD.search-input INPUT[type="text"] {
    width: 334px;
}

TABLE.search TD.search-input SELECT {
    width: 340px;
}

TABLE.search TD.search-input SELECT.search-compound-select {
    width: 140px !important;
}

TABLE.search TD.search-input INPUT.time {
    width: 60px;
}

TABLE.search TD.search-input INPUT.compound {
    width: 186px !important;
    margin-left: 8px;
}

TABLE.search TD.search-input SELECT.compound {
    float: right;
    width: 192px !important;
    margin-left: 8px;
}

TABLE.search TD.search-remove {
    text-align: left;
    padding-top: 12px;
}

DIV#search-generating {
    height: 3px;
    background-image: url(/gfx/progressbar.gif);
    background-repeat: repeat-x;
}

/* = asmselect
-------------------------------------------------- */
.asmContainer {
}

.asmSelect {
    display: inline;
}

.asmOptionDisabled {
    color: #999;
}

.asmHighlight {
    height: 20px;
    line-height: 20px;
    padding: 0px 6px 0px 6px;
}

.asmList {
    margin: 0.25em 0 1em 0;
    position: relative;
    display: block;
    padding-left: 0;
    list-style: none;
}

.asmListItem {
    position: relative;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    width: 100%;
    margin: 0 0 -1px 0;
    line-height: 1em;
}

.asmListItem:hover span {
    background-color: #FFFFFF;
    -moz-border-radius: 3px;
}

.asmListItem:first-child {
    -moz-border-radius: 6px 6px 0px 0px;
}

.asmListItem:last-child {
    -moz-border-radius: 0px 0px 6px 6px;
}

.asmListItem:hover {
    background-color: #EEEEEE;
}

.asmListItemLabel {
    /* this is a span that surrounds the text in the item, except for the remove link */
    padding: 5px;
    display: block;
}

.asmListSortable .asmListItemLabel {
    cursor: move;
}

.asmListItemRemove {
    /* the remove link in each list item */
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
}

/* =messages
-------------------------------------------------- */
DIV.message {
    margin: 1.25em 0 0;
    border: solid #d8d8d8;
    border-width: 1px 0;
    background: #f0f2f4;
    font-size: 14px;
    line-height: normal;
}

DIV.message-type1 {
    margin: 0 0 1.4em;
}

DIV.message DIV {
    padding: .3em 12px .6em;
    border: solid #fff;
    border-width: 1px 0;
}

DIV.message H2 {
    margin: .4em 0 0;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

DIV.message P,
DIV.message OL,
DIV.message UL {
    margin-top: .6em;
}

DIV.message UL LI {
    background: url(bg_msg_ul.gif) no-repeat 0px 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
}

DIV.message A {
    color: #000;
    text-decoration: underline;
}

DIV.msg-ok {
    border-color: #adddc1;
    background-color: #e5f4ec;
}

DIV.msg-standalone {
    margin-top: 0px;
    margin-bottom: 10px;
}

DIV.msg-error {
    border-color: #f8c3c3;
    background-color: #fdecec;
}

DIV.msg-error H1,
DIV.msg-error H2 {
    color: #b71521;
}

/* =form
-------------------------------------------------- */
SPAN.req {
    color: #808080;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

DIV.form-row P {
    float: left;
    margin-right: 1em;
}

DIV.form-row P.check {
    margin: 2.5em 0 0;
}

P.form LABEL,
P.form INPUT,
P.form SELECT,
P.form TEXTAREA {
    vertical-align: top;
}

P.form SPAN {
    display: block;
    color: #606060;
}

P.form LABEL {
    font-weight: bold;
}

P.check INPUT,
P.check LABEL {
    vertical-align: middle;
}

BUTTON,
BUTTON SPAN {
    height: 26px;
    line-height: 1.25;
    z-index: 1;
}

BUTTON {
    width: auto;
    overflow: visible;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    vertical-align: top;
}

BUTTON SPAN,
BUTTON STRONG {
    display: block;
    background: url(bg_button.png) no-repeat 0 0;
    cursor: pointer;
}

BUTTON SPAN {
    padding-right: 10px;
    background-position: 100% 0;
    background-color: #0060af;
    white-space: nowrap;
}

BUTTON STRONG {
    padding: 5px 0 6px 10px;
    color: #fff;
}

BUTTON:hover SPAN {
    background-position: 100% -26px;
}

BUTTON:hover STRONG {
    background-position: 0 -26px;
}

BUTTON::-moz-focus-inner {
    padding: 0;
    border: none;
}

BUTTON.alt SPAN {
    background-position: 100% -104px;
}

BUTTON.alt STRONG {
    background-position: 0 -104px;
}

BUTTON.alt:hover SPAN {
    background-position: 100% -130px;
}

BUTTON.alt:hover STRONG {
    background-position: 0 -130px;
}

BUTTON.sp1,
BUTTON.sp1 SPAN {
    height: 31px;
    line-height: 1.25;
}

BUTTON.sp1 SPAN,
BUTTON.sp1 STRONG {
    background-image: url(bg_button3.png);
}

BUTTON.sp1 SPAN {
    padding-right: 20px;
    background-position: 100% 0;
}

BUTTON.sp1 STRONG {
    width: 75px;
    padding: 5px 0 5px 20px;
    font-size: 16px;
}

BUTTON.sp1:hover SPAN {
    background-position: 100% -31px;
}

BUTTON.sp1:hover STRONG {
    background-position: 0 -31px
}

BUTTON.disabled,
BUTTON.disabled SPAN,
BUTTON.disabled STRONG {
    cursor: wait !important;
}

BUTTON.disabled SPAN {
    background-position: 100% -104px;
}

BUTTON.disabled STRONG {
    background-position: 0 -104px;
}

A.button {
    position: relative;
    height: 26px;
    overflow: hidden;
    line-height: 1.25;
    text-decoration: none !important;
    font-size: 12px;
}

A.button,
A.button STRONG {
    float: left;
    background: url(bg_button.png) no-repeat 0 0;
    cursor: pointer;
}

A.button {
    padding: 0 10px 0 0 !important;
    background-position: 100% 0;
    background-color: #0060af;
    white-space: nowrap;
}

A.button STRONG {
    padding: 5px 0 6px 10px;
    color: #fff;
}

A.button:hover {
    background-position: 100% -26px;
}

A.button:hover STRONG {
    background-position: 0 -26px;
}

A.button::-moz-focus-inner {
    padding: 0;
    border: none;
}

A.button-alt {
    background-position: 100% -104px;
}

A.button-alt STRONG {
    background-position: 0 -104px;
}

A.button-alt:hover {
    background-position: 100% -130px;
}

A.button-alt:hover STRONG {
    background-position: 0 -130px;
}

A.button-alt2,
A.button-alt2 STRONG,
A.button-alt2:hover,
A.button-alt2:hover STRONG {
    background-image: url(bg_button2.png);
}

/* =comments
-------------------------------------------------- */
DIV.comment-form SELECT,
DIV.comment-form TEXTAREA,
DIV.comment-form INPUT.text {
    background-color: #f8f8f8;
}

DIV.comment-form SELECT:focus,
DIV.comment-form TEXTAREA:focus,
DIV.comment-form INPUT.text:focus {
    background-color: #fff;
}

DIV.comment-form TEXTAREA {
    width: 654px;
}

DIV.comment-form INPUT.text {
    width: 175px;
}

DIV.comment-form P.action {
    margin-top: 15px;
}

/* =inputs & buttons
-------------------------------------------------- */
SELECT,
TEXTAREA,
INPUT.date,
INPUT.time,
INPUT.text {
    border: 1px solid;
    border-color: #b0b0b0 #e0e0e0 #e0e0e0 #b0b0b0;
}

INPUT.text,
INPUT.date,
INPUT.time {
    padding: 2px;
    min-height: 15px;
}

INPUT.big {
    padding: 10px 14px 10px 14px;
    font-size: 16px;
    width: 680px;
    margin: 20px 0px 10px 0px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

INPUT.big:focus {
    outline: none !important;
}

TEXTAREA.wysiwyg {
    padding: 10px 14px 10px 14px;
    width: 680px;
    height: 380px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

SELECT {
    min-height: 15px;
    padding: 1px;
}

SELECT OPTION.label {
    color: #777;
}

INPUT.text {
    width: 175px;
}

INPUT.wider {
    width: 190px;
}

INPUT.wide {
    width: 275px;
}

INPUT.max {
    width: 98%;
}

INPUT.min {
    width: 40px;
}

INPUT.small {
    width: 80px;
}

INPUT.quiz-answer {
    width: 150px;
}

INPUT.search {
    width: 300px;
    font-size: 16px;
}

INPUT.date {
    width: 68px !important;
    padding-right: 18px;
    background: #fff url(ico_cal.gif) no-repeat 71px 40%;
    cursor: pointer;
}

INPUT.time {
    width: 40px;
}

INPUT.example,
TEXTAREA.example {
    color: #808080 !important;
}

TEXTAREA {
    width: 98%;
    height: 120px;
    padding: 2px;
    line-height: 1.417;
}

TEXTAREA.small {
    height: 60px;
}

TEXTAREA.type1 {
    width: 175px;
}

SELECT:focus,
TEXTAREA:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
    border-color: #808080 #d0d0d0 #d0d0d0 #808080;
    outline: 1px solid #91d3ff;
    outline-offset: 0;
}

TEXTAREA[readonly],
INPUT[type="text"][readonly],
INPUT[type="password"][readonly] {
    background-color: #f8f8f8 !important;
}

SELECT[disabled],
TEXTAREA[disabled],
INPUT[type="text"][disabled],
INPUT[type="password"][disabled] {
    background-color: #f8f8f8 !important;
    outline: none !important;
}

BUTTON,
LABEL[for],
INPUT[type="reset"],
INPUT[type="button"],
INPUT[type="submit"],
INPUT[type="radio"],
INPUT[type="checkbox"] {
    cursor: pointer;
}

INPUT[type="radio"],
INPUT[type="checkbox"] {
    margin: 3px;
    padding: 1px;
}

* + HTML INPUT[type="radio"],
* + HTML INPUT[type="checkbox"] {
    margin: 0;
}

BUTTON,
INPUT[type="reset"]::-moz-focus-inner,
INPUT[type="button"]::-moz-focus-inner,
INPUT[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: none;
}

A.delete {
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    background: url(ico_del2.gif) no-repeat 0 0;
    text-indent: -5000px;
}

A.delete:hover {
    background-position: 0 -12px;
}

/* =tooltip
-------------------------------------------------- */
IMG.help {
    cursor: help;
    vertical-align: middle;
}

P.help STRONG {
    cursor: help;
}

#tooltip,
#tooltip * {
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    max-width: 320px;
    padding: 6px 8px;
    border: 1px solid #c0c0c0;
    background: #f3f3f3;
    opacity: 0.95;
    outline: 1px solid #fff;
}

#tooltip H3 {
    margin: 0;
    border: none;
}

#tooltip DIV {
    display: none !important;
}

/* =modalpopup
-------------------------------------------------- */
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #808080;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

#modalwrap {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 500px;
    margin: 0 0 0 -250px;
    padding: 0;
    text-align: left;
}

DIV.modalpopup-large {
    width: 1000px !important;
    margin-left: -500px !important;
}

#modalwrap TABLE.data,
#modalwrap TABLE.form {
    width: 100% !important;
}

DIV.modalpopup {
    display: none;
    border: 1px solid #b2b2b2;
    background: #fff;
    text-align: left;
}

UL.login {
    margin-left: 0;
}

UL.login LI {
    float: left;
    padding: 0 25px 0 0;
    background: none;
}

UL.login LI.account {
    padding-top: 6px;
}

/* header */

DIV.modalpopup-header {
    height: 45px;
    padding: 0 17px;
    background: #034e7f;
    color: #fff;
}

DIV.modalpopup-header H1 {
    float: left;
    width: 300px;
    margin: 9px 0 0;
    border: none;
    color: #fff;
    font-size: 20px;
}

DIV.modalpopup-header P.close {
    float: right;
    overflow: hidden;
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
}

DIV.modalpopup-header P.close A {
    float: left;
    padding: 0 16px 0 0;
    border: none;
    background: url(bg_close.gif) no-repeat 100% 3px;
    color: #fff;
    outline: none;
    text-decoration: none;
}

DIV.modalpopup-header P.close A:hover {
    background-position: 100% -36px;
    color: #fff;
    text-decoration: underline;
}

/* content */

DIV.modalpopup-content,
DIV.modalpopup-content * {
    font-size: 13px;
}

DIV.modalpopup-content {
    min-height: 200px;
    max-height: 470px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid #fff;
    border-width: 4px 0;
}

DIV.modalpopup-content-inner {
    padding: 0 17px 12px;
}

DIV.modalpopup-content TABLE.form TH {
    width: 25%;
}

DIV.modalpopup-content TABLE.form TD {
    width: 75%;
}

DIV.modalpopup-content TABLE.form TD INPUT.text {
    width: 200px;
}

DIV.modalpopup-content TABLE.form TEXTAREA.type1 {
    width: 200px;
}

DIV.modalpopup-content TABLE.form TD INPUT.small {
    width: 100px;
}

DIV.modalpopup-content TABLE.form TD INPUT.min {
    width: 50px;
}

DIV.modalpopup-content TABLE.form TD INPUT.wide {
    width: 90%;
}

DIV.modalpopup-loading {
    height: 25px;
    margin-bottom: -25px;
    background-image: url(bg_loading.gif);
    background-position: right top;
    background-repeat: no-repeat;
    display: none;
}

/* footer */

DIV.modalpopup-footer {
    padding: 0 17px 8px;
    border-top: 1px solid #d0d0d0;
    background: #f0f0f0;
}

DIV.modalpopup-footer P {
    margin: 0;
    padding: 8px 0 0 !important;
    border: none !important;
    background: none !important;
}

DIV.modalpopup-footer P.action {
    text-align: right;
}

DIV.modalpopup-footer A.button,
DIV.modalpopup-footer P.action BUTTON {
    float: right;
    margin-right: 0;
    margin-left: .35em;
}

/* ie6 */

* HTML DIV.modalpopup-content {
    width: 445px;
    height: 280px;
    margin-right: 20px;
}

* HTML DIV.modalpopup-content INPUT.text {
    width: 180px;
}

* HTML DIV.modalpopup-content TEXTAREA.type1 {
    width: 390px;
}

* html #overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html #modalwrap {
    position: absolute;
    overflow: hidden;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/* =modaldialog
-------------------------------------------------- */
DIV.modaldialog {
    display: none;
    padding: 20px;
    border: 2px solid #777;
    background: #fff;
}

DIV.modaldialog H1 {
    margin: 0;
    border: none;
}

DIV.modaldialog P.action {
    margin-top: 1.5em;
    padding-top: .5em;
    border-top: 1px solid #c0c0c0;
    text-align: right;
}

DIV.modaldialog P.action A.button,
DIV.modaldialog P.action BUTTON {
    float: right;
    margin-right: 0;
    margin-left: .35em;
}

DIV.modaldialog P.action INPUT {
    padding-left: 1em;
    padding-right: 1em;
}

DIV.modaldialog P.action INPUT.checkbox,
DIV.modaldialog P.action LABEL {
    float: left;
    margin: 2px 6px 2px 6px;
    padding: 0;
    vertical-align: bottom;
}

/* =videos
-------------------------------------------------- */

DIV.videos {
    position: relative;
    width: 367px;
    height: auto;
    padding: 2px 10px 0;
    margin-top: .5em;
    border: 1px solid #eee;
}

.js {
    overflow: hidden;
    zoom: 1;
}

DIV.videos,
DIV.videos DIV.videos-wrap {
    zoom: 1;
}

DIV.carousel-wrap {
    width: 300px;
    margin-left: 33px;
}

DIV.videos DIV.carousel-control {
    position: absolute;
    left: 0;
    top: 53px;
    width: 16px;
    height: 29px;
    overflow: hidden;
    text-indent: -5000px;
    cursor: default;
}

DIV.videos SPAN.carousel-next {
    display: block;
    position: absolute;
    right: 10px;
    top: 53px;
    width: 16px;
    height: 29px;
    overflow: hidden;
    background: url(dot07.png) no-repeat 0 0;
    text-indent: -5000px;
    cursor: pointer;
}

DIV.videos SPAN.carousel-previous {
    display: block;
    position: absolute;
    left: 10px;
    top: 53px;
    width: 16px;
    height: 29px;
    overflow: hidden;
    background: url(dot07.png) no-repeat 0 100%;
    text-indent: -5000px;
    cursor: pointer;
}

DIV.videos DIV.carousel-control:hover {
    -moz-opacity: .7;
    opacity: 0.70;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

DIV.videos .disabled,
DIV.videos .disabled:hover {
    -moz-opacity: .1;
    opacity: 0.10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    cursor: default;
}

DIV.videos UL LI {
    position: relative;
    width: 140px;
    padding: 0 5px;
    margin: 0 !important;
}

#mediafile, #missing-mediafile {
    display: block;
    width: 512px;
    height: 384px;
    background-color: #000000;
}

#missing-mediafile {
    height: 360px;
    background-color: #FFFFFF;
}

#mediafile DIV.message {
    border-bottom: none;
}

DIV.center-wrap {
    overflow: hidden;
    clear: both;
    zoom: 1;
}

DIV.center-wrap DIV {
    width: 100%;
}

DIV.center-wrap DIV P {
    margin: 0;
    border-bottom: 1px solid #dcebf3;
}

DIV.center-wrap DIV P:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}

DIV.center-wrap DIV P {
    display: inline-block;
}

html[xmlns] DIV.center-wrap DIV P {
    display: block;
}

* html DIV.center-wrap DIV P {
    height: 1px;
}

DIV.center-wrap A {
    float: left;
    margin: 0 1px;
    padding: 1px 5px;
    border: solid #b2d3e5;
    border-width: 1px 1px 0;
    cursor: pointer;
    color: #069;
}

DIV.center-wrap A.active {
    font-weight: bold;
    background: #b2d3e5;
}

.tabs-frames {
    border: 2px solid #333;
    padding: 10px;
}

.js UL {
    overflow: hidden;
    zoom: 1;
}

.error-text {
    font-style: italic;
    color: #990000;
}

.disabled-link {
    color: #666666 !important;
}

.restore-link {
    color: #990000 !important;
}

/* =sp-search
-------------------------------------------------- */
#sp-search-a {
    float: left;
    width: 570px;
}

#sp-search-b {
    float: right;
    width: 120px;
}

#sp-search-b-inner {
    position: fixed;
    margin-top: 10px;
}

#sp-search INPUT.search {
    width: 540px;
    padding: 4px;
    font-size: 16px;
}

#sp-search DIV.filter,
#sp-search DIV.filter-inner,
#sp-search DIV.filter-inner2 {
    background: url(bg_search.gif) no-repeat 0 0;
}

#sp-search DIV.filter {
    width: 570px;
    overflow: hidden;
    background-repeat: repeat-y;
    background-position: -1140px 100%;
}

#sp-search DIV.filter-inner2 {
    background-position: -570px 100%;
}

#sp-search H2 {
    margin-top: 1.5em !important;
}

TABLE.search {
    width: 100%;
    margin-top: .5em;
    border-top: 1px solid #f4f2f2;
}

TABLE.search TD {
    border-bottom: 1px solid #f4f2f2;
    padding: 7px 10px 7px 0;
}

TABLE.search TD.action {
    width: 1%;
    padding-top: 8px;
    padding-right: 0;
    white-space: nowrap;
    text-align: right;
}

TABLE.search TD.action2 {
    width: 1%;
    padding-top: 12px;
    padding-right: 10px;
    white-space: nowrap;
}

TABLE.search TD.select {
    width: 1%;
    white-space: nowrap;
}

TABLE.search TD.check LABEL,
TABLE.search TD.check INPUT {
    vertical-align: middle;
}

/* =multiselect
-------------------------------------------------- */
.a9multiselect {
    position: relative;
    width: 9.9em;
    height: 22px;
    margin: -.05em 0 1em 0;
    padding: 0;
    border: 0;
    font-size: 14px;
}

.a9multiselect .expcol-click,
.a9multiselect .expcol-click-open {
    padding: 0;
    margin: 0;
    border: 1px solid;
    border-color: #b0b0b0 #e0e0e0 #e0e0e0 #b0b0b0;
    background-color: #fff;
    cursor: default;
    min-width: 9.8em;
}

.a9multiselect div.expcol-click {
    position: absolute;
    height: 20px;
    z-index: 100;
}

* + HTML .a9multiselect div.expcol-click {
    position: static;
}

.a9multiselect .expcol-click-open {
    border-bottom: 1px solid #fff;
}

.a9multiselect .title {
    display: block;
    min-width: 1%;
    height: 1.3em;
    overflow: hidden;
    padding: .2em 1.1em .1em .5em;
    background: #fff url(multiselect.gif) no-repeat top right;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
}

* + HTML .a9multiselect .title {
    padding-top: .3em;
    padding-bottom: 0;
}

* HTML .a9multiselect .title {
    padding-top: .3em;
    padding-bottom: 0;
}

.a9multiselect .title:hover {
    background-image: url(multiselect-hover.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.expcol-body {
    display: none;
    position: absolute;
    min-height: 1em;
    margin-top: -15px;
    padding: .1em;
    border: 1px solid #999;
    background: #fff;
    z-index: 106;
}

.expcol-body UL {
    min-height: 1em;
    max-height: 192px;
    min-width: 20em;
    margin: 0;
    padding: 0;
    overflow: auto;
    font-size: 12px;
    font-weight: normal;
}

* HTML .expcol-body UL {
    height: 192px;
}

.expcol-body LI {
    margin: 0 0 .2em;
    padding-left: 0;
    background: none;
}

.expcol-body LI INPUT,
.expcol-body LI LABEL {
    vertical-align: middle;
    cursor: pointer;
}

.multiselect {
    width: 12.5em;
    height: 1.35em;
    visibility: hidden;
}

.a9selectall {
    border-bottom: 1px solid #ccc;
}

/* =footer
-------------------------------------------------- */
#footer,
#footer H2 {
    color: #303030;
}

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
    overflow: hidden;
    margin-top: 10px;
    padding: 1em 0;
    border-top: 1px solid #d0d0d0;
    background: #f0f0f0;
}

#footer A {
    text-decoration: none;
}

#footer A:hover {
    text-decoration: underline;
}

#footer P.top,
#footer P.meta {
    margin: 0;
}

#footer P.meta {
    float: left;
    padding: 3px 0;
    color: #303030;
}

#footer P.top {
    float: right;
}

#footer P.top A {
    display: block;
    padding: 3px 0 3px 11px;
    background: url(bg_top.gif) no-repeat 0 9px;
}

#footer P.top A:hover {
    background-position: 0 8px;
}

* html #footer {
    bottom: auto;
}

#fileDateInList {
    font-weight: normal;
    font-size: 16px;
    color: #909090;
}

#fileDateInPhotoList {
    font-size: 11px;
    color: #606060;
}

/* tabs5 */

UL.tabs5 {
    margin: 1em 0;
    font-size: 12px;
}

UL.tabs5 LI {
    float: left;
    padding: 0;
}

UL.tabs5 A,
UL.tabs5 SPAN {
    float: left;
    height: 25px;
    overflow: hidden;
    background: url(bg_tabs2.png) no-repeat 0 0;
    text-decoration: none !important;
    outline: none;
}

UL.tabs5 A {
    color: #606060;
    cursor: pointer;
    font-weight: bold;
}

UL.tabs5 SPAN {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}

UL.tabs5 SPAN.inactive {
    color: #919394;
    height: 21px;
}

UL.tabs5 A.selected SPAN {
    color: #fff !important;
}

UL.tabs5 A:hover SPAN {
    color: #b90065;
}

UL.tabs5 LI.first SPAN {
    background-position: 0 0;
}

UL.tabs5 LI.first A:hover SPAN {
    background-position: 0 -75px;
}

UL.tabs5 LI.first A.selected SPAN {
    background-position: 0 -225px;
}

UL.tabs5 LI.middle SPAN {
    background-position: 0 -25px;
}

UL.tabs5 LI.middle A:hover SPAN {
    background-position: 0 -100px;
}

UL.tabs5 LI.middle A.selected SPAN {
    background-position: 50% -250px;
}

UL.tabs5 LI.last SPAN {
    background-position: 100% -75px;
    background-position: 100% -50px;
}

UL.tabs5 LI.last A:hover SPAN {
    background-position: 100% -125px;
}

UL.tabs5 LI.last A.selected SPAN {
    background-position: 100% -275px;
}

#borderleft {
    border-left: 1px solid #d0d0d0;
}

/*audio-video*/

UL.av2 LI {
    padding-left: 17px;
    background-repeat: no-repeat;
}

UL.av2 LI.audio {
    padding-top: 6px;
    background-image: url(ico_audio2.gif);
    background-position: 0px 6px;
}

UL.av2 LI.video {
    padding-top: 4px;
    background-image: url(ico_video2.gif);
    background-position: 0px 7px;
}

UL.av2 LI.photo {
    padding-top: 4px;
    background-image: url(ico_photo.gif);
    background-position: 0px 6px;
}

span.av2audio {
    background-image: url(ico_audio2.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
}

span.av2video {
    background-image: url(ico_video2.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
}

span.av2photo {
    background-image: url(ico_photo.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
}

/* sorting-tabs */

UL.sorting-tabs {
    margin: 1em 0;
    font-size: 12px;
}

UL.sorting-tabs LI {
    float: left;
    padding: 0;
}

UL.sorting-tabs A,
UL.sorting-tabs SPAN {
    float: left;
    height: 25px;
    overflow: hidden;
    background: url(bg_tabs2.png) no-repeat 0 0;
    background-position: 0 -25px;
    text-decoration: none !important;
    outline: none;
}

UL.sorting-tabs A {
    color: #606060;
    margin-left: -1px;
    padding-left: 1px;
    cursor: pointer;
    font-weight: normal;
}

UL.sorting-tabs A.selected {
    font-weight: bold;
}

UL.sorting-tabs SPAN {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    background-position: 100% -25px;
}

UL.sorting-tabs A:hover SPAN {
    background-position: 100% -100px;
    color: #b90065;
}

UL.sorting-tabs LI.first A {
    background-position: 0 0;
}

UL.sorting-tabs LI.first SPAN {
    background-position: 100% 0;
}

UL.sorting-tabs LI.first A:hover SPAN {
    background-position: 100% -75px;
}

UL.sorting-tabs LI.last A {
    background-position: 0 -50px;
}

UL.sorting-tabs LI.last SPAN {
    background-position: 100% -50px;
}

UL.sorting-tabs LI.last A:hover SPAN {
    background-position: 100% -125px;
}

UL.sorting-tabs SPAN.inactive {
    color: #919394;
    height: 21px;
}

UL.sorting-tabs LI.first A.selected SPAN {
    background-position: 100% -150px;
}

UL.sorting-tabs LI.middle A.selected SPAN {
    background-position: 100% -175px;
}

UL.sorting-tabs LI.last A.selected SPAN {
    background-position: 100% -200px;
}

#sorting-toolbar {
    height: 30px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 8px 0px 3px 0px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f8f8f8;
}

#sorting-toolbar P {
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin: 0px;
    padding: 4px 35px 0px 10px;
    color: #606060;
}

#sorting-toolbar UL {
    float: right;
    margin: 0px;
    padding: 0px 10px 10px 35px;
}

/* grouped-by-decade tabs6 */

UL.tabs6 {
    margin: 1em 0;
    font-size: 13px;
}

UL.tabs6 LI {
    float: left;
    padding: 0;
    margin: 0;
}

UL.tabs6 A,
UL.tabs6 SPAN {
    float: left;
    height: 25px;
    overflow: hidden;
    background: url(bg_tabs2.png) no-repeat 0 0;
    text-decoration: none !important;
    outline: none;
}

UL.tabs6 A {
    color: #606060;
    cursor: pointer;
    font-weight: bold;
}

UL.tabs6 SPAN {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 3px;
}

UL.tabs6 SPAN.inactive {
    color: #919394;
    height: 22px;
}

UL.tabs6 A.selected SPAN {
    color: #fff !important;
}

UL.tabs6 A:hover SPAN {
    color: #b90065;
}

UL.tabs6 LI.first SPAN {
    background-position: 0 0;
}

UL.tabs6 LI.first A:hover SPAN {
    background-position: 0 -75px;
}

UL.tabs6 LI.first A.selected SPAN {
    background-position: 0 -225px;
}

UL.tabs6 LI.middle SPAN {
    background-position: 0 -25px;
}

UL.tabs6 LI.middle A:hover SPAN {
    background-position: 0 -100px;
}

UL.tabs6 LI.middle A.selected SPAN {
    background-position: 50% -250px;
}

UL.tabs6 LI.last SPAN {
    background-position: 100% -75px;
    background-position: 100% -50px;
}

UL.tabs6 LI.last A:hover SPAN {
    background-position: 100% -125px;
}

UL.tabs6 LI.last A.selected SPAN {
    background-position: 100% -275px;
}

#files-by-decade {
    width: 100%;
}

#files-by-decade td {
    color: #0060af;
    padding: 5px 12px 5px 12px;
}

#files-by-decade tr.alt td {
    background-color: #f8f8f8;
}

#files-by-decade span {
    padding-left: 17px;
    background-repeat: no-repeat;
}

#files-by-decade span.audio {
    background-image: url(ico_audio2.gif);
}

#files-by-decade span.video {
    background-image: url(ico_video2.gif);
    background-position: 0px 50%;
}

#files-by-decade span.photo {
    background-image: url(ico_photo.gif);
}

#files-by-decade td.year {
    text-align: center;
    width: 30px;
    white-space: nowrap;
}

/* keyword-cloud */
DIV.keyword-cloud {
    padding-top: 12px;
}

DIV.keyword-cloud A {
    text-decoration: none;
}

.important {
    color: #cc0a0a !important;
    font-size: 135%;
}

.important-small {
    color: #cc0a0a !important;
}

#photo-feedback-calcresult {
    width: 60px;
}

#previous-mediafile {
    float: left;
}

#next-mediafile {
    float: right;
}

TABLE.order-edit-files {
    margin-top: -3px;
}

TABLE.order-edit-files TD {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 5px;
}

TABLE.order-edit-files TD.delete-order-file {
    padding-left: 50px;
}

TABLE.order-new-files {
    margin-top: -3px;
    width: 100%;
}

TABLE.order-new-files TD {
    padding: 5px;
    border: 1px solid #CCC;
}

TABLE.order-new-files TH {
    padding: 5px;
    text-align: left;
    font-weight: bold;
    border: 1px solid #CCC;
    background: #e1e1e1 url(bg_thead.gif) repeat-x 0 0;
}

TABLE.report {
    border: 1px solid #CCC;
    width: 100%
}

TABLE.report TD,
TABLE.report TH {
    padding: 3px 5px 3px 5px;
    border: 1px solid #CCC;
}

LI.contractParagraph {
    font-size: 10px;
}

.order-step-done {
    display: inline-block;
    padding-left: 15px;
    margin-right: 7px;
    color: #080;
    background: url(ico_check_12x12.gif) no-repeat 0 0;
}

.order-step-todo {
    display: inline-block;
    margin-right: 7px;
    color: #888;
}

.order-step-current {
    display: inline-block;
    margin-right: 7px;
    color: #C00;
    font-weight: bold;
}

.order-step-arrow {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left: 5px;
    margin-bottom: -2px;
    background: url(arrow_right_gray_12x12.gif) no-repeat 0 0;
}

TABLE.order-payment-info {
    border-style: none;
}

TABLE.order-payment-info TR {
    vertical-align: top;
}

TABLE.order-payment-info TD {
    padding: 5px 15px 5px 15px;
}

.state-label-paid {
    color: #080;
}

.state-label-unpaid {
    color: #C00;
}

.state-label-free {
    color: #CCC;
}

.user-instructions {
    font-size: 14px;
}

#gdpr {
    position: fixed;
    height: 400px;
    background: black;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 55;
}

#gdpr-content, #gdpr-refuse-confirm  {
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 360px;
    background: white;
    padding: 1px 15px 40px 15px;
    border-radius: 5px;
    border: solid 1px black;
    z-index: 60;
    filter: none;
}

#gdpr-refuse-confirm {
    display: none;
}

#confirm-delete {
    display: none;
}

#confirm-delete .message {
    padding: 10px;
}