@import "content-museum.css";
/* service */
#FlashNotFound { display: none; position: absolute; top: 0; right: 0; background: transparent url('/i/noflash.png') no-repeat 0 0; -background:none!important; width:120px; height: 120px; z-index: 10000; }
    * html #FlashNotFoundIcon { -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/noflash.png', sizingMethod='scale'); zoom:1; display:inline; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
    #FlashNotFoundClose { position: absolute; width: 16px; height: 16px; top: 13; right: 14; cursor: pointer; -cursor: hand; }
    #FlashNotFoundDownload { position: absolute; width: 46px; height: 46px; top: 17; right: 37; cursor: pointer; -cursor: hand; }

/* general styles */
body, html { height: 100%; }

.mainBg { min-height: 100%; }
* html .mainBg { height: 100%; }

    body.shop { background: #f0f0f1 url('/i/shop/pictureGreyback.jpg') no-repeat 50% 100%; }
    body#contactspage .mainBg { background: #edeae3 url('/i/site/Museum/content/bg-contacts.jpg') no-repeat 100% 0; }
    /*body#ticketspage .mainBg { background: #bcbab7 url('/i/site/Museum/content/bg-tickets.jpg') no-repeat 50% 0; }*/
    body#ticketspage .mainBg { background: #f1f1ef; }
    /*body#tourspage .mainBg { background: #e4ded4 url('/i/site/Museum/content/bg-tours.jpg') no-repeat 50% 0; }*/
    body#picturepage .mainBg  { background: #f0f0f1 !important; }
    body.shop#printpage { background: transparent url('/i/bg-shop-printpage.jpg') no-repeat 0 0; }
    body#printpage .mainBg { background: #b8bdb8 url('/i/site/Museum/content/bg-print.jpg') no-repeat 50% 0; }
    body#exhibition1page .mainBg { background: #fff url('/i/site/Museum/content/bg-ex-gorban.jpg') no-repeat 50% 217px; }
    /*body#exhibition2page .mainBg { background: #fff url('/i/site/Museum/content/bg-ex-art.jpg') no-repeat 50% 217px; }*/
    body#exhibition3page .mainBg { background: #fff url('/i/site/Museum/content/bg-ex-3.jpg') no-repeat 50% 200px; /*height: auto;*/ }
    body#exSemensky .mainBg { background: #fff url('/i/site/Museum/content/bg-ex-semensky.jpg') no-repeat 50% 216px; /*height: auto;*/ }
    body#exZagoskin .mainBg { background: #fff url('/i/site/Museum/content/bg-ex-zagoskin.jpg') no-repeat 50% 216px; /*height: auto;*/ }
    body#exhibition7page .mainBg { background: #cecfca url('/i/site/Museum/content/bg-ex-7.jpg') no-repeat 50% 0; }
    /*body#gallerypage .mainBg { background: #fff url('/i/site/Museum/content/bg-gallery.jpg') no-repeat 50% 200px; }*/
    body#buildingpage .mainBg { background: #fff url('/i/site/Museum/content/bg-building.jpg') no-repeat 50% 0; }
    body#buildingengpage .mainBg { background: #fff url('/i/site/Museum/eng/content/bg-building.jpg') no-repeat 50% 0; }

.smallText { color: #787878; font-size: 11px; line-height: 14px; }
p.small { font-size: 11px; line-height: 14px; color: #999; font-weight: normal; padding: 0; margin: 0; }
.colorBlack { color: #000 !important; }
.colorGrey { color: #999 !important; }

div.pIndentSmall p { padding: 0 0 13px 0; }

h1.small { font: normal 48px/48px Calibri; color: #333; padding: 33px 0 10px 0; margin: -3px 0 0 0; }
h2 { font: normal 21px/27px Calibri; color: #333; padding: 0 0 3px; margin: 0 0 14px 0; }
h2.big { font: normal 36px/38px Calibri; color: #333; padding: 0 0 3px; margin: -3px 0 0 0; }
h2.pageTitle { font: normal 36px/30px Calibri; color: #333; padding: 44px 200px 0 0; margin: -3px 0 0 0; }
h2.small { font: normal 14px/16px Calibri; color: #333; padding: 0 0 3px; margin: -3px 0 0 0; }
h2.underline { border-bottom: 1px solid #444; margin-right: 5px; }
h2.arrow { font: normal 21px/24px Calibri !important; color: #333; padding: 3px 0 10px 50px; margin: 0; background: transparent url('/i/site/Museum/icons/arrow-h2.gif') no-repeat 0 13px; position: relative; left: -51px; }
p.listCaption { padding-left: 48px; padding-bottom: 0; }
p.numList { padding-left: 36px; color: #333; }

.newsPage { padding: 2px 0 0; }
    .newsPage h2.underline.big { margin-right: 9px !important; }
    .newsPage h2.pageTitle { margin: 0 0 3px -3px !important; }
.underLineText { font-size: 10px; line-height: 13px; color: #333; font-family: 'Trebuchet MS'; padding-bottom: 2px; }
.borderRight { position: absolute; width: 100%; height: 1px; font-size: 0; line-height: 0; background: #444; margin-right: -580px; }


.br { display: block; clear: both; font-size: 1px; height: 14px; line-height: 0; margin: 0; }
.br2 { display: block; clear: both; font-size: 1px; height: 30px; line-height: 0; margin: 0; }
.border { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 0 0 -1px; border-top: 1px solid #b8b8b8; }
.borderUnderTitle, .borderUnderTitle3, .borderUnderTitle6 { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: -1px 0 0; border-top: 1px solid #444; position: absolute; left: 580px; }
    .borderUnderTitle3 { left: 0; }
    .borderUnderTitle6 { left: 0; }
    .borderUnderTitle4 {  display: block; font-size: 0; height: 1px; line-height: 0; margin: -15px 0 0; border-top: 1px solid #444; position: absolute; left: 0; }
    .borderUnderTitle5 {  display: block; font-size: 0; height: 1px; line-height: 0; margin: -1px 0; border-top: 1px solid #444; position: absolute; left: 429px; }
    .servicePopup .border { border-top: 1px solid #fff; }
    .servicePopup .borderUnderTitle { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: -17px 0 0; border-top: 1px solid #fff; position: absolute; left: 590px; }
    .servicePopup .borderUnderTitle2 { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 0; border-top: 1px solid #fff; position: relative; left: 0; }
.png, * html #logo img { behavior:	url('/pngbehavior.htc'); }
.fRight { float: right !important; }
.fLeft  { float: left !important; }
/* /general styles */

/*   the basic layout blocks   */
.wrapper { margin: 0 auto; width: 980px; min-height: 100%; text-align: left; //margin-bottom: -3px; }
    * html .wrapper { height: 100%; }

    body#homepage .wrapper { height: 100%; }
    .wrapper#allPages { position: relative; }
    .wrapper#bgCatalog { background: transparent url('/i/bg_catalog.jpg') no-repeat 0 100%; }

#flashcontent { position: absolute; z-index: 5; width: 100%; height: 100%; min-height: 100%; left: 0; top: 0; z-index: 98; }
#flashhead1 { min-width: 980px; width: 100%; height: 320px; position: absolute; z-index: 99; top: 200px; left: 0; text-align: left; margin: 0; padding: 0; }
#flashhead2 { min-width: 980px; width: 100%; height: 320px; position: absolute; z-index: 999; top: 217px; left: 0; text-align: left; margin: 0; padding: 0; }
#flashhead3 { width: 1000px; height: 300px; position: absolute; z-index: 999; top: 17px; left: -240px; text-align: left; margin: 0; padding: 0; }

.headHeight { height: 99px; }

/* navigation block */

#head { height: 130px; position: absolute; z-index: 99; width: 100%; min-width: 980px; left: 0; background: transparent url('/i/site/Museum/nav-border.gif') repeat-x 0 69px; overflow: hidden; text-align: left; }
    #homepage #head { background: transparent url('/i/site/Museum/nav-border-homepage.gif') repeat-x 0 42px; }
    * html #head { width: expression( document.body.clientWidth < 980 ? "980px" : "100%" ); }

    #logo { height: 120px; width: 180px; position: absolute; z-index: 1001; top: 20px; left: -480px; }

    div#navbox { position: absolute; width: 100%; min-width: 980px; left: 50%; }
        * html div#navbox { width: expression( document.body.clientWidth < 980 ? "980px" : "100%" ); }
    .navBorder { font-size: 0; line-height: 0; height: 5px; background: #dfe0da; margin: 0 0 42px; width: 100%; position: relative; left: -260px; }
        #homepage .navBorder { background: #434343; left: -265px; }
    ul#mainNav { padding: 0; margin: 0; display: block; width: 100%; position: relative; z-index: 99; left: -270px; }
        #homepage ul#mainNav { left: -272px; }
        ul#mainNav li { display: block; float: left; list-style: none;  background: none; padding: 0; margin: 0; }
        ul#mainNav li h6 { font: bold 11px/13px Tahoma; padding: 0 8px 6px 9px; margin: 0; text-transform: uppercase; height: 14px; float: left; }
            ul#mainNav li h6 a { text-decoration: none; color: #999; }
            #homepage ul#mainNav li h6 a { color: #fff; }
                ul#mainNav li.active h6 { border-bottom: 3px solid #f42200; color: #333; }
                ul#mainNav li.active h6 a, #head ul li.active h6 a:hover { color: #333; }
    ul#subNav { padding: 0; margin: 0; display: block; height: 30px; position: relative; z-index: 99; left: -260px; overflow: hidden; }
        ul#subNav li { display: block; float: left; list-style: none; background: none; padding: 7px 0 3px; margin: 0; border-bottom: 1px solid #444 !important; position: relative; left: -8px; }
        ul#subNav li.leftIndent { display: none; height: 30px; position: absolute; z-index: 100; width: 8px; background: #fff; top: 0; border: none !important; padding: 0 !important; left: -8px; }
        ul#subNav li h6 { font-weight: normal; font-size: 10px !important; line-height: 11px; padding: 0 9px 5px 8px; margin: 0; text-transform: uppercase; }
            ul#subNav li h6 a { text-decoration: none; color: #999; font-weight: normal; font-size: 10px !important; line-height: 11px; }
                ul#subNav li.active { border-bottom: none !important; position: relative; z-index: 101;}
                ul#subNav li.active h6 { color: #333; border-bottom: 3px solid #f42200; padding-bottom: 6px; }
                ul#subNav li.active h6 a, #head ul li.active h6 a:hover { color: #333; }
    #iconsBox { position: absolute; z-index: 102; width: 166px; top: 157px; left: 50%; height: 18px; margin-left: 314px; text-align: left; font-size: 11px; line-height: 14px; }
        #homepage #iconsBox { top: 13px; width: 350px; margin-left: 170px; }
        #iconsBox div { height: 18px; float: left; }
        #iconsBox h6 { padding: 0 0 1px 0; margin: 0 6px 0 0; border-bottom: 1px solid #444; font-size: 10px; line-height: 14px !important; font-weight: normal; color: #333; }
        #iconsBox a { color: #333; }
        #iconsBox h6 a { display: block; text-decoration: none; position: relative; bottom: -1px; }
            #homepage #iconsBox h6 { margin: 0 20px 0 0; border-bottom: 1px solid #fff; }
            #homepage #iconsBox h6 a { color: #fff; }
            div#iconProfile { background: transparent url('/i/site/Museum/icons/profile.gif') no-repeat 0 0; padding: 0 0 0 20px; }
            #homepage div#iconProfile { background: transparent url('/i/site/Museum/icons/profile-a.gif') no-repeat 0 0; }
    #announceNav { width: 980px; margin: 0 auto; text-align: left; }
    #announceNav ul { padding: 5px 0 0; margin: 0 0 0 213px; display: block; width: 100%; position: relative; z-index: 99; }
        #announceNav ul li { display: block; float: left; list-style: none;  background: none; padding: 0; margin: 0; }
        #announceNav ul li h6 { font: bold 11px/13px Tahoma; padding: 0 12px 6px; margin: 0; text-transform: uppercase; height: 14px; }
            #announceNav ul li h6 a { text-decoration: none; color: #aaa !important; }
                #announceNav ul li.active h6 { border-bottom: 3px solid #f42200; }
                #announceNav ul li.active h6 a { color: #fff !important; }

    #columnLeftNav { padding: 0 0 0 33px; margin: -3px 0 0 0; list-style: none;  }
        #columnLeftNav li { font-size: 14px; line-height: 18px !important; padding: 0; margin: 0; color: #3789b3; text-decoration: underline; cursor: pointer; //cursor: hand; }
        #columnLeftNav li.active { color: #333; text-decoration: none; }
        #columnLeftNav li a.activePage { color: #333; text-decoration: none !important; }
        .personal #columnLeftNav li { text-decoration: none; text-transform: lowercase; }
        .personal #columnLeftNav { padding-bottom: 30px; }
/* /navigation block */

/* popups with red background */
.servicePopupWrapper { position: absolute; z-index: 99; width: 100%; min-width: 980px; left: 0; top: 97px; overflow: hidden; text-align: left; }
    .servicePopup { position: relative; width: 100%; min-width: 980px; left: 50%; }
        * html .servicePopup { width: expression( document.body.clientWidth < 980 ? "980px" : "100%" ); }
        .servicePopupClose { position: relative; z-index: 100; left: -265px; width: 730px; height: 21px; margin-bottom: -5px; }
            .servicePopupClose a { display: block; float: right; background: transparent url('/i/site/Museum/icons/popup-close.gif') no-repeat 100% 0; font-size: 11px; line-height: 13px; color: #333; text-decoration: none; padding: 2px 29px 6px 0; }
        .servicePopupBox { position: relative; z-index: 99; left: -260px; background: #a72801; padding: 24px 0 0 40px; }
            .servicePopupContent { width: 690px; }
            .servicePopupContent h2, .servicePopupContent p, .servicePopupContent a { color: #fff; }
                .servicePopupContent h2.underline { border-bottom: 1px solid #fff; margin-right: 2px; }
                .servicePopupContent h2.underline.small { display: block; margin-right: 2px; padding-top: 19px; padding-bottom: 6px; margin-bottom: 16px; }
            .servicePopupContent p { font-size: 13px; line-height: 16px; padding: 0 0 4px; }
            .servicePopupContent p.small { font-size: 11px; line-height: 14px; }
            .servicePopupContent div.checkbox { font-size: 11px; line-height: 14px; color: #fff; }

    #serviceSubscribe .button.fLeft input { width: 161px; }

    #serviceReg .button input { width: 151px; }

    #serviceRecover .button.fLeft input { width: 100px; }

    #serviceSitemap ul { padding: 16px 0 0; margin: 0; list-style: none; height: 173px; }
        #serviceSitemap li { padding: 0; margin: 0 51px 0 0; font-size: 13px; line-height: 16px; float: left; font-weight: bold; }
            #serviceSitemap li a { display: block; }
        #serviceSitemap ul ul { position: absolute; padding: 10px 0 0 0; margin: 0; }
            #serviceSitemap ul ul li { float: none; font-size: 11px; line-height: 14px; font-weight: normal; }
    #serviceSitemap ul.fLeft { height: auto; }
        #serviceSitemap ul.fLeft li { float: none; font-size: 11px; line-height: 14px; margin-right: 27px; }
    #serviceSitemap ul li p { position: absolute; font-size: 13px; line-height: 16px; font-weight: bold; margin-top: 89px; }
    #serviceSitemap ul li p img { position: relative; bottom: -2px; margin-left: 4px; }
    #serviceSitemap ul ul li img { position: absolute; clear: both; margin-top: 3px; }
    #serviceSitemap p.small { font-size: 11px; line-height: 14px; color: #f48d7a; font-weight: normal; margin-top: 111px; }

.serviceSubsriptionLink { position: absolute; margin-left: -179px; top: 77px; left: 0; width: 130px;  }
    .columnMainBottom .serviceSubsriptionLink { position: relative; margin-left: 0; margin-right: 45px; top: 2px; left: 0; width: 130px; float: left; }
    .serviceSubsriptionLink p { color: #666; font-size: 12px; line-height: 14px; }
    .serviceSubsriptionLink img { margin-bottom: 10px; }

    .columnLeftAbs .serviceSubsriptionLink { position: relative; margin-left: 32px; top: 0; padding-top: 66px; }

.serviceCalendarLink { position: absolute; margin-left: -179px; top: 0; left: 0; width: 140px;  }
    .serviceCalendarLink p { color: #666; font-size: 12px; line-height: 14px; padding: 0; position: relative; z-index: 80; }
    .serviceCalendarLink div.dateCurrent { width: 107px; height: 100px; background: transparent url('/i/site/Museum/icons/calendarCurrentDate.jpg') no-repeat 0 0; position: relative; left: -7px; margin: 0 0 -4px 0; }
    .serviceCalendarLink div.dateCurrent a { text-decoration: none !important; }

    .columnLeftAbs .serviceCalendarLink { position: relative; margin-left: 32px; top: 0; padding-top: 130px; }
        .columnLeftAbs .serviceCalendarLink strong { display: block; font-size: 40px; line-height: 45px; text-align: center; padding: 16px 46px 0 13px; margin: 0 0 -3px; color: #444;}
        .columnLeftAbs .serviceCalendarLink span { display: block; font-size: 12px; line-height: 14px; text-align: center; padding: 0 46px 0 13px; color: #444;}


/* /popups with red background */

/* footer */
#foot { height: 50px; text-align: center; margin: -50px 0 0; clear: both; }
    #foot .footWrapper { height: 50px; text-align: left; margin: 0 auto; width: 980px; clear: both; position: relative; z-index: 100;  }
    #foot .footWrapper p { font: normal 10px/12px 'Trebuchet MS', Calibri, Arial; color: #666;  padding: 16px 0 0 229px; float: left; text-align: left; }
    #foot .footWrapper p.copy { float: right; padding: 16px 0 0 !important; margin: 0; }
    #foot .footWrapper a { color: #666; }
    #foot .footWrapper small { font-size: 9px; font-family: 'Trebuchet MS', Calibri, Arial; padding-left: 33px; }
    #foot .borderFoot { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 0; position: absolute; width: 100%; left: 0; overflow: hidden; }
        #foot .borderFoot div { border-top: 1px solid #444; position: absolute; width: 100%; left: 50%; height: 1px; font-size: 0; line-height: 0; margin-left: -260px;  }

    #homepage #foot { height: 305px; margin-top: -305px; }
        #homepage #foot .footWrapper p { padding: 19px 84px 0 225px !important; color: #fff !important; }
            #homepage #foot .footWrapper p.copy { padding: 19px 42px 0 50px !important; }
            #homepage #foot .footWrapper a { color: #fff !important; }
    #homepage #foot .announces { height: 255px; text-align: center; clear: both; position: relative; z-index: 100; background: transparent url('/i/site/Museum/bg-announces.png') repeat-x 0 0; overflow: hidden; }
        #homepage #foot .announcesIn { height: 255px; text-align: left; margin: 0 auto; width: 980px; position: relative; }
        #announceSet { height: 227px; }

            #announceSet #announce1 { height: 227px; background: transparent url('/i/site/Museum/announce-10.png') no-repeat 0 0; }
                #announceSet #announce1 a { display: block; position: relative; width: 500px; height: 65px; top: 150px;  left: 100px; }
            #announceSet #announce2 { height: 227px; background: transparent url('/i/site/Museum/announce-9.png') no-repeat 0 0; display: none; }
                #announceSet #announce2 a { display: block; position: relative; width: 500px; height: 65px; top: 150px;  left: 380px; }
            #announceSet #announce3 { height: 227px; background: transparent url('/i/site/Museum/announce-6.png') no-repeat 0 0; display: none; }
                #announceSet #announce3 a { display: block; position: relative; width: 760px; height: 65px; top: 150px;  left: 90px; }

            #announceSet.engVersion #announce1 { background: transparent url('/i/site/Museum/eng/announce-8.png') no-repeat 0 0; }
            #announceSet.engVersion #announce2 { background: transparent url('/i/site/Museum/eng/announce-5.png') no-repeat 0 0; }
            #announceSet.engVersion #announce3 { background: transparent url('/i/site/Museum/eng/announce-6.png') no-repeat 0 0; }
/* /footer */

/* pageTitle */
#pageTitle { position: relative; z-index: 80; left: -6px; padding-right: 100px; margin-bottom: -8px; top: -7px; }
    #pageTitle h1 { font: bold 80px/97px Calibri, Arial, sans-serif; padding: 0; margin: 0; color: #333; //padding-top: 7px; //margin-bottom: -16px; position: relative; z-index: 80; }
        #pageTitle h1 span { display: block; position: relative; z-index: 80; top: -37px; margin-bottom: -32px; }
    #pageTitle.textPages { margin-bottom: -2px; }
*+html #pageTitle.textPages { margin-bottom: 6px; }
* html #pageTitle.textPages { margin-bottom: 6px; }
    #pageTitle sup { display: block; float: left; font: bold 18px/18px Calibri, Arial, sans-serif; color: #333; padding: 33px 0 0 5px; }

/* /pageTitle */

/* preview icons */
.descrList div.descrListItem { font-size: 11px; font-family: 'Trebuchet MS'; color: #000; float: left; width: 125px; padding: 0 0 0 30px; min-height: 200px; //height: 200px; line-height: 12px; }
    .descrList small { font-size: 9px; }
    .descrList img.descrListImg { margin: 0 0 6px; display: block; }
    .descrList div.descrListItem a { color: #000; }

.descrList#lastList { position: relative; left: -145px; width: 465px; padding-top: 10px; margin-bottom: 4px; }
    .descrList#lastList div.descrListItem { min-height: 186px; //height: 186px; }
.descrList.introList { position: relative; left: -35px; margin: 0 -35px 0 0; height: 200px;  }
    .descrList.introList .descrListItem { position: relative; right: -5px; }
.descrListTitle { position: absolute; left: 114px; width: 116px; text-transform: lowercase; color: #999; font-size: 14px; line-height: 14px; padding-top: 47px; }


.imgCollectionSum { position: absolute; margin-left: -211px; color: #c3c4c0; font-size: 18px; top: 59px; left: 0; }
    .imgCollectionSum big { font-size: 90px; line-height: 90px; font-weight: bold; color: #dfe0da; display: block; margin: 0 0 -16px -6px; }
/* /preview icons */

/* columns */
.columns { clear: both; width: 100%; position: relative; }
    * html .columns { //overflow-x: hidden; }

    .columnLeft { width: 230px; float: left; }
        * html .columnLeft { margin-right: -3px; }
    .columnRight { margin-left: 230px; }
    .columnLeftAbs { position: absolute; width: 182px; left: 19px; top: 100px; }
    .columnMainBottom { padding: 11px 0; }


/* /columns */

/* indents for content areas */
.aboutCollectionTop { padding: 14px 30px 0 0; margin: 0 0 -5px 0; }
.aboutArtistsTop { padding: 15px 30px 0 0; margin: 0 0 -3px; }
    .aboutArtistsTop .editable-content p, .aboutArtistsTop .editable-content div { font-size: 13px; line-height: 16px; margin: 0; padding: 0 0 10px 0; }
.aboutMuseumTop { padding: 15px 0 0 0; margin: 0 0 -3px; }
    .aboutMuseumTop .editable-content p, .aboutMuseumTop .editable-content div { font-size: 13px; line-height: 16px; margin: 0; padding: 0 0 10px 0; }
.artistsRight { width: 155px; float: right; position: relative; top: -7px; left: -21px; }
    .artistsRight p, .artistsRight div { font-size: 12px; line-height: 14px; color: #666; }
.underFilter { padding: 24px 0 0 0; margin: 0; }
    .underFilter .editable-content p, .underFilter .editable-content div { font-size: 13px; line-height: 16px; margin: 0; padding: 0 0 10px 0; }
/* /indents for content areas */

/* content elements */
.button { clear: both; }
    div.button a { display: block; float: left; font: normal 12px/1em Arial !important; text-decoration: none; border: 1px solid #333; color: #333; padding: 5px 8px 6px; //padding: 6px 8px 5px }
    div.button a:hover { background: #333 !important; color: #fff; }
    input.button, div.button input { font: normal 12px/1em Arial !important; text-decoration: none; border: 1px solid #333; color: #333; padding: 3px 0 5px; //padding: 5px 0 3px; height: 25px; background: #fff; width: 53px; cursor: pointer; //cursor: hand; }
    input.button:hover, div.button input:hover { background: #333; color: #fff; }
        .servicePopup div.button input { border: 1px solid #fff; background: #a72801; color: #fff; }
        .servicePopup div.button input:hover { background: #fff; color: #a72801; }
        .servicePopup .button.fLeft { float: left; clear: none; padding-top: 5px; }
        .servicePopup .button.fRight { float: right; clear: none; }

.navBar { width: 100%; margin: 0 0 2px; }
    .columnLeftAbs .navBar { margin-bottom: 28px; }
    .navBar th { padding: 4px 2px 0; width: 100%; font-weight: normal; font-family: Calibri, Arial; text-transform: lowercase; text-align: center; }
    .navBar th div { font-size: 13px; line-height: 13px; color: #333; }
    .navBar td { padding-top: 5px; }

.galleryFilter { padding: 0 0 0 1px; }

input.field, input.fieldActive, input.fieldBig, td.field input, td.fieldActive input, td.fieldBig input, textarea.field, textarea.fieldActive, textarea.fieldBig, td.field textarea, td.fieldActive textarea, td.fieldBig textarea { background: #fff; border: 1px solid #b9b9b9; width: 111px; float: left; padding: 4px 0 4px 7px; line-height: 15px; }
    .galleryFilter input.field, .galleryFilter input.fieldActive { width: 111px; float: left; }
    * html .galleryFilter input.field, * html .galleryFilter input.fieldActive { padding: 3px 0 5px 7px; }
    .galleryFilter input.button { //float: right; //height: auto; //margin-right: 3px; }

td.field { padding: 1px 0 4px 0; //padding: 0 0 3px 0; vertical-align: top; }
td.field textarea { height: 78px; margin: 0; }
input.field, textarea.field { color: #999; font-size: 12px; font-family: Arial; margin: 0 5px 0 0; }
td.field input, td.field textarea { color: #2d2d2d; font-size: 13px; }
.checkbox { margin-top: -1px; }
    .checkbox input { margin-right: 3px; position: relative; bottom: -3px; }
    .checkbox.fLeft { margin-right: 12px; }

#serviceAuth form, #serviceRecover form { width: 300px; padding: 20px 0 37px; }
    #serviceReg form { width: 690px; padding: 20px 0 37px; }
    #serviceReg p.fieldComment { float: left; font-size: 11px; line-height: 14px; padding: 6px 0 0 30px; color: #fff; margin: 0 0 -6px 0; }
    #serviceReg .checkbox.fLeft { margin-bottom: 12px; }
        #serviceReg .checkbox.fLeft input { margin-right: 7px; }
    .servicePopup .field input { font: normal 12px/14px Arial; color: #666; border: 1px solid #742f1a; background: #fff; width: 280px; padding: 4px 9px; margin: 0 0 5px; //margin: -1px 0 4px; }
#serviceSubscribe form { width: 300px; padding: 20px 0 37px; }
    #serviceSubscribe .field { margin-bottom: 5px; }
    #serviceSubscribe div.checkbox { font-size: 13px; position: relative; top: -3px; left: -4px; }
#serviceSearch form { width: 470px; padding: 20px 0 49px; }
    #serviceSearch .servicePopup .field input { width: 387px; }

#serviceBrowser p { font-size: 13px; line-height: 16px; padding: 0 0 10px; }
    #serviceBrowser .checkbox { padding: 2px 0 4px; }
    #serviceBrowser .checkbox input { margin-left: 0; margin-right: 6px; }
    #serviceBrowser .button input { width: 134px; }
    #serviceBrowser.servicePopupWrapper p.error { margin-top: -19px !important; left: 390px !important; }

input.fieldBig, textarea.fieldBig { font-size: 13px; width: 426px; height: 26px; padding: 5px 0 0 7px; }
textarea.fieldBig { height: 50px; }
input[type="text"].error, input[type="password"].error, textarea.error { background: #ffcc00 !important; color: #010101 !important; }
* html input.error, textarea.error { -background: #ffcc00; }
/*p.error { font-size: 11px !important; padding: 0 0 3px 0 !important; }*/
span.error { font-size: 11px !important; }

.servicePopupWrapper p.error { position: absolute; font: normal 12px/14px Arial !important; color: #fff !important; background: transparent url('/i/site/Museum/icons/error.gif') no-repeat 0 0; padding: 5px 14px 6px 20px !important; margin: -30px 0 0 0 !important; left: 218px; width: 255px; display: none; }
.servicePopupWrapper#divAddComment p.error { margin: 0 !important; }
span.error { color: #fff !important; background: #2d2d2d; }


p.searchResultsTitle { line-height: 13px; padding-right: 30px; padding-bottom: 33px; }


ul.yearsList { padding: 0; margin: 0; list-style: none; position: relative; top: -11px; }
    ul.yearsList li { padding: 0; margin: 0; list-style: none; background: none; font-size: 15px; line-height: 18px; }

.pagesNums { float: left; font-size: 13px; padding: 0; margin: 5px 48px 0 0; }
    .pagesNums a { display: block; float: left; color: #999; text-decoration: none; padding: 0 3px 5px 2px; border-bottom: 1px solid #000; }
    .pagesNums a:hover { color: #333; }
    .pagesNums span { display: block; float: left; color: #333; border-bottom: 3px solid #f42200; padding: 0 1px 3px; margin: 0 0 0;  }

.modeView { float: left; font-size: 13px; margin-top: 5px; text-transform: lowercase; }
	.modeView span, .modeView a { display: block; float: left; color: #999; text-decoration: none; color: #999; }
    .modeView a { padding: 0 3px 5px 3px; border-bottom: 1px solid #000; }
    .modeView a:hover { color: #333; }
	.modeView span.active { display: block; float: left; color: #333; border-bottom: 3px solid #f42200; padding: 0 3px 3px; margin: 0 0 -1px;  }

.alphabet { font-size: 13px; color: #666; margin: -4px -40px 0 0; padding: 0 0 45px; }
    .alphabet a { color: #333; }

.painterAll { width: 580px; margin: 0; border-collapse: collapse; }
    .painterAll th { vertical-align: top; }
    .painterAll th div { position: relative; left: -41px; top: -1px; margin: 0 -12px 0 0; width: 50px; height: 50px; text-align: left; background: #a72801; }
    .painterAll th div h6 { font: bold 30px Calibri; color: #fff; line-height: 36px; padding: 0 0 0 9px; margin: 0; //padding-top: 2px; }
        .painterAll th div.empty { background: #a9a9a9; }
    .painterAll td { vertical-align: top; border-left: 1px solid #444; padding: 0 20px; font-size: 18px; line-height: 18px; width: 50%; }
        .painterAll td a { text-decoration: none; color: #2d2d2d; display: block; margin-bottom: 6px; }
        .painterAll td a:hover { text-decoration: underline !important; color: #3789b3; }
        .painterAll td p a { text-decoration: underline; }
        .painterAll td p a:hover { text-decoration: none !important;  }
        .painterAll td p { font-size: 13px; }
        .painterAll td span { display: block; position: relative; top: -3px; margin-bottom: -7px; }
        .painterAll tr.mrg td { padding: 0 !important; border-left: 1px solid #fff; !important; background: #fff !important; }
        .painterAll tr.mrg th span { display: block; height: 33px; }


.newsList { padding: 0 30px 0 0; }
    .newsList h3 { font-size: 15px; line-height: 18px; font-weight: normal; padding: 0 0 5px; margin: 0; }
    .newsList p, .font13 p, p.font13 { font-size: 13px; line-height: 16px; padding: 0 0 14px; margin: 0; color: #666; }
        div.font13.pNoIndent p { padding: 0 0 1px; }
        .font13 { font-size: 13px; line-height: 16px; color: #666; }
    .newsList p.newsDate { font-size: 11px; line-height: 13px; color: #666; padding: 0 0 1px; }
    .newsDateAbs { font-size: 12px; line-height: 15px; position: absolute; left: 131px; padding-top: 59px; color: #333 !important; }
    .newsList a { color: #3988b3; }
    span.newsDate { font-size: 11px; line-height: 13px; color: #666; }
    p.introduction { color: #333; font-size: 18px; line-height: 21px; padding: 15px 0 19px; margin: 0; }
    div.newsImage { float: left; position: relative; left: -220px; margin-right: -300px; width: 300px; padding-top: 7px; }
    div.newsSource { font-size: 13px; line-height: 15px; padding: 0 0 17px 0; color: #666; }

/* control table */
.newsControl { float: left; }
    .newsControl div.newsControlBorder { border-top: 1px solid #444; line-height: 0; font-size: 0; position: absolute; height: 1px; }
    .newsControl table { height: 20px; margin: 0 0 16px; }
        .newsControl td { font-size: 13px; line-height: 15px; text-transform: lowercase; padding: 4px 17px 0 0; }
            .newsControl td a { color: #444; }
            .newsControl td a.dotted { text-decoration: none !important; background: transparent url('/i/site/Museum/dotted.gif') repeat-x 0 14px; padding-bottom: 2px; }
            .newsControl td a.dotted.active { text-decoration: none !important; background: transparent url('/i/site/Museum/dotted-active.gif') repeat-x 0 14px; padding-bottom: 2px; }
            .newsControl img { position: relative; left: -40px; margin-right: -31px; margin-top: 1px; }
            a.dotted { text-decoration: none !important; background: transparent url('/i/site/Museum/dotted.gif') repeat-x 0 13px; font-size: 13px; line-height: 15px; text-transform: lowercase; color: #444; }
            a.dottedBlue { text-decoration: none !important; background: transparent url('/i/site/Museum/dotted-blue2.gif') repeat-x 0 16px; font-size: 15px; line-height: 15px; color: #0168a0; }
            a.dottedBlueLight { text-decoration: none !important; background: transparent url('/i/site/Museum/dotted-blue-light.gif') repeat-x 0 16px; font-size: 15px; line-height: 15px; color: #3988b3; }

#driving { width: 548px; margin: 0 0 0 4px; }
    #driving div.drivingBg { background: #fff; padding: 23px 0 13px; }
    #driving p { font-size: 13px; line-height: 14px; color: #666; padding: 0 20px 14px 29px; margin: 0; }
    #driving p.big { font-size: 18px; line-height: 18px; color: #333; padding: 0 20px 12px 29px; margin: 0; }
/* /control table */

.sendByEmail { background: #a72801; height: 65px; }
    .sendByEmail form { padding: 20px 0 8px 40px; }

    .sendByEmail input.field { width: 291px; border: 1px solid #742f1a; float: left; margin-right: 10px; }

    .sendByEmail div.button input { border: 1px solid #fff; background: #a72801; color: #fff; width: 117px; }
        .sendByEmail div.button input:hover { background: #fff; color: #a72801; }
        .sendByEmail .button.fLeft { float: left; clear: none; }
        .sendByEmail .button.fRight { float: right; clear: none; }

div#commentForm { padding: 0; }
.loginForm { margin-bottom: -9px; background: #a72801; }
    .loginForm form { padding: 20px 0 8px 40px; }

    .loginForm input.field { width: 291px; border: 1px solid #742f1a; float: left; margin-right: 10px; }

    .loginForm div.button input { border: 1px solid #fff; background: #a72801; color: #fff; width: 117px; }
        .loginForm div.button input:hover { background: #fff; color: #a72801; }
        .loginForm .button.fLeft { float: left; clear: none; }
        .loginForm .button.fRight { float: right; clear: none; }

        .loginForm p.smallText, #blogCode p.smallText { padding: 0 0 10px; color: #fff; font-size: 12px; line-height: 15px; }
        #blogCode p.smallText { padding-left: 40px; }
        .loginForm a { color: #fff; }

.commentForm { margin-bottom: -9px; background: #0080b0; }
    .commentForm form { padding: 2px 0 9px 40px; }

    .commentForm textarea.field { width: 670px; height: 170px; border: 1px solid #742f1a; }
    #commentTextArea_tbl { width: 552px !important; }

    .commentForm div.button input { border: 1px solid #fff; background: #0080b0; color: #fff; width: 150px; }
        .commentForm div.button input:hover { background: #fff; color: #0080b0; }
        .commentForm .button.fLeft { float: left; clear: none; }
        .commentForm .button.fRight { float: right; clear: none; }

        .commentForm p.smallText { padding: 0 0 10px; color: #fff; font-size: 12px; line-height: 15px; }
        .commentForm a { color: #fff; }

#divAddComment { top: 80px; }
    #divAddComment .servicePopupBox { background:#0080b0; /*left: -110px; */}
        #divAddComment div.button input { border: 1px solid #fff; background: #0080b0; color: #fff; width: 150px; }
        #divAddComment .servicePopupClose a { color: #fff; }

.blogCode { background: #a72801; padding: 20px 0; }
    .blogCode .clear { width: 652px; position: relative; left: 40px; border-top: 1px solid #742f1a; }
    .blogCodeText { border-left: 1px solid #742f1a; border-right: 1px solid #742f1a; margin: 0 10px 0 0; }

.commentForm#authDiv .servicePopupContent { padding: 24px 0 0 40px; }
.commentForm#authDiv div.button input { border: 1px solid #fff; background: #0080b0; color: #fff; width: 150px; }
        .commentForm#authDiv .servicePopupClose a { color: #fff; }
        .commentForm#authDiv .borderUnderTitle { border-top: 1px solid #fff; }

.commentForm#authDiv .formAuth { width: 300px; float: left; padding: 20px 0 4px 0; position: relative; }
    .commentForm#authDiv .formAuth .field input { border: 1px solid #285e72; font: normal 12px/14px Arial; color: #666; width: 280px; margin: 0 0 5px;}
    .commentForm#authDiv .formAuth div.button input, .commentForm#authDiv .formAuth div.button { width: 53px;}
    .commentForm#authDiv .borderUnderTitle { margin: -1px 0 0 !important; }

.commentForm#regDiv .field input { border: 1px solid #285e72; font: normal 12px/14px Arial; color: #666; width: 280px; margin: 0 0 5px;}
.commentForm#regDiv .button input { width: 151px; }

    .commentForm#regDiv form { width: 690px; padding: 20px 0 37px; }
    .commentForm#regDiv p.fieldComment { float: left; font-size: 11px; line-height: 14px; padding: 6px 0 0 30px; color: #fff; margin: 0 0 -6px 0; }
    .commentForm#regDiv .checkbox.fLeft { margin-bottom: 12px; }
        .commentForm#regDiv .checkbox.fLeft input { margin-right: 7px; }
    .commentForm#regDiv .field input { font: normal 12px/14px Arial; color: #666; border: 1px solid #742f1a; background: #fff; width: 280px; padding: 4px 9px; margin: 0 0 5px; //margin: -1px 0 4px; }

    .servicePopupContent#regDiv .field input { width: 200px; margin: 0 0 5px;}
    .servicePopupContent#regDiv form { width: 690px; padding: 20px 0 37px; }
    .servicePopupContent#regDiv p.fieldComment { float: left; font-size: 11px; line-height: 14px; padding: 6px 0 0 30px; color: #fff; margin: 0 0 -6px 0; }
    .servicePopupContent#regDiv .checkbox.fLeft { margin-bottom: 12px; }
        .servicePopupContent#regDiv .checkbox.fLeft input { margin-right: 7px; }

.formAnonimus { width: 390px; float: left; background: transparent url('/i/site/Museum/icons/vs.gif') no-repeat 145px 90px; padding: 16px 0 53px; }
    .commentForm#authDiv .formAnonimus div.button input, .commentForm#authDiv .formAnonimus div.button { width: 135px;}
    .commentForm#authDiv .formAnonimus p { line-height: 14px; padding: 0 0 13px; color: #fff; }

/* photos in news */
.photos_list { background: #e3e3e2; padding: 10px 0 0 10px; //padding-bottom: 10px; float: left; width: auto; }
.photos_list_item { float: left; margin: 0 10px 10px 0; position: relative; }
/* /photos in news */

dl.digest { padding: 0; margin: 0 0 11px; font-size: 13px; line-height: 18px; }
    .digest dt { color: #829bae; padding: 0 0 0 16px; margin: 0; }
    .digest dd { list-style: none; padding: 0 0 0 16px; margin: 0; background: transparent url('../i/icons/digest.gif') no-repeat 0 5px; }


.tagListNews { position: relative; left: -180px; width: 180px; float: left; margin-right: -180px; }
div.tagList { font-size: 12px; line-height: 14px; padding: 29px 0 20px 32px; text-align: left;  }
    .tagListNews div.tagList { padding: 4px 0 20px 0; text-align: left;  }
    div.tagList h3, div.tagList h2 { font-size: 21px; color: #333; padding: 0; margin: 0 0 10px; line-height: 24px; font-weight: normal; }
    div.tagList a { display: block; clear: both; }

    .columnMainBottom div.tagList { float: left; width: 475px; padding: 37px 0 0 0; }
    .columnMainBottom div.tagList a { float: left; margin-right: 10px; clear: none; }


table.citations { border-collapse: collapse; border: none; margin: 13px -10px 14px 0; }
    table.citations td.contCitations { width: 195px; vertical-align: top; padding: 0; border-right: 10px solid #fff; }
    table.citations .textCitations h3 { line-height: 18px; font-size: 18px; padding: 0 0 3px; color: #333; font-weight: normal; }
        table.citations h3 a { color: #333; text-decoration: none; }
        table.citations h3 a:hover { text-decoration: underline; }
    table.citations img.imgCitations { margin: 0 0 -6px; display: block; width: 195px; }
        table.citations td div.textCitations { padding: 14px 19px 17px; background: #efefec; }
        table.citations td div.textCitations span { display: block; }
        table.citations cite { font-size: 12px; line-height: 14px; color: #666; font-style: italic; display: block; padding: 0 0 7px; }
        table.citations td div.textCitations span.newsDate { color: #666; font-size: 11px; }
        table.citations th { padding: 18px 4px 9px 0; font-size: 1px; line-height: 1px; }
        table.citations th div.border { border-top: 1px solid #444; }

/* articles */
dl.articlesList { margin: 0; padding: 0; }
    dl.articlesList dt { padding: 0 0 7px 0; font-size: 18px; margin: 0; color: #2d2d2d; }
        dl.articlesList dt a { color: #3988b3; }
    dl.articlesList dd { padding: 0 0 33px; margin: 0; }
div.articles { color: #2d2d2d; padding-right: 20px; }
    div.articles p { font-size: 14px; line-height: 16px; color: #666; font-style: italic; padding: 0 0 8px; }
    div.articles dl.articlesList span.author { padding: 0 0 2px; }
    div.articles span.author { display: block; font-size: 12px; line-height: 12px; color: #333; margin: 0 0 -1px; }

/* rating info */
div.rating { background: transparent url('../i/mount.gif') no-repeat 100% 0; display: inline-block; padding: 0 4px 0 0; font-size: 10px; line-height: 10px; float: left; }
    div.rating div { background: #edecec url('../i/mount.gif') no-repeat 0 0; color: #2d2d2d; font-weight: bold; padding: 0 5px 0 4px; }
    div.rating div strong { background: #edecec url('../i/icons/comments_2.gif') no-repeat 0 0; }
    div.rating div img { margin: 0 -1px 0 0; display: inline-block; vertical-align: middle; }

div.newsComments { background: transparent url('/i/site/Museum/icons/mount.gif') no-repeat 100% 0; display: block; padding: 2px 0 8px; font-size: 10px; font-family: 'Trebuchet MS'; line-height: 12px; font-weight: bold; color: #fff; width: 26px; text-align: center; }

div.voteCount { width: 37px; height: 17px; background: transparent url('/i/site/Museum/bg-vote.gif') no-repeat 100% 0; position: relative; float: left; }
    div.voteCount strong { font-weight: bold; font-size: 10px; line-height: 15px; color: #fff; font-family: 'Trebuchet MS'; display: block; text-align: center; padding: 1px 14px 0 3px; }
    div#voteForm { width: 200px; }

div.pictureComments { display: inline-block; padding: 0 4px 0 0; font-size: 10px; line-height: 10px; float: left; }
    div.pictureComments div { color: #2d2d2d; font-weight: bold; padding: 5px 5px 4px 9px; }
        div.pictureComments div strong { background: transparent url('../i/icons/comments_2.gif') no-repeat 0 2px; display: block; padding: 0 0 2px 12px; }
div.newsRating { background: transparent url('../i/mount.gif') no-repeat 100% 0; display: inline-block; padding: 0 4px 0 0; font-size: 10px; line-height: 10px; float: left; }
    div.newsRating div { background: #edecec url('../i/mount.gif') no-repeat 0 0; color: #2d2d2d; font-weight: bold; padding: 2px 5px 4px 9px; }
        div.newsRating div strong { background: #edecec url('../i/icons/heartGrey.gif') no-repeat 0 5px; display: block; padding: 3px 0 2px 12px; }
div.usersActivity { background: transparent url('../i/mount.gif') no-repeat 100% 0; display: inline-block; padding: 0 4px 0 0; font-size: 10px; line-height: 10px; float: left; }
    div.usersActivity div { background: #edecec url('../i/mount.gif') no-repeat 0 0; color: #2d2d2d; font-weight: bold; padding: 2px 5px 4px 7px; float: left; }
        div.usersActivity div strong.rating { background: #edecec url('../i/icons/heartGrey.gif') no-repeat 0 5px; display: block; padding: 4px 7px 1px 12px; float: left; }
        div.usersActivity div strong.comments { background: #edecec url('../i/icons/comments_2.gif') no-repeat 0 5px; display: block; padding: 4px 0 1px 12px; float: left; }
/* /rating info */
div.articleDate { margin: 0 11px 0 0; font-size: 10px; color: #999; line-height: 0.7em; border-bottom: 1px dotted #829bae; //display: inline-block; }
    div.articleDate span { background: #fff; padding: 6px 2px 0 7px; position: relative; top: 1px; display: inline-block; }
/* popular Articles list */
dl.popArticles { padding: 0; margin: -11px 0 0; }
    dl.popArticles dt { margin: 0; background: transparent url('../i/icons/heartGrey.gif') no-repeat 0 24px; padding: 23px 0 0 12px; float: left; color: #a72801; font-size: 11px; line-height: 1em; zoom: 1; clear: both; }
    dl.popArticles dd { padding: 0; margin: 0 0 0 30px; font-size: 15px; line-height: 18px; }
        dl.popArticles dd .author { margin: 0; line-height: 13px; font-size: 11px; color: #333; padding: 4px 0 2px; }
/* /popular Articles list */


/* exhibitions */
.exhibitionCurrent { padding: 1px 0 25px 0; position: relative; }
    .exhibitionCurrent .border { border-top: 1px solid #444; }
    .exhibitionTitle { height: 130px; padding: 0 0 0 349px; font-size: 30px; font-weight: bold; color: #333; line-height: 30px; text-transform: uppercase; position: relative; display: block; text-decoration: none !important; }
        .exhibitionTitle a { text-decoration: none !important; }
        .exhibitionTitle span { display: block; position: absolute; bottom: 15px; }
    .exhibitionDate { font-size: 12px; line-height: 14px; color: #333; width: 199px; position: absolute; padding-top: 10px; left: 0; }
    .exhibitionInfo { margin: 9px 0 0 199px;  }
        .exhibitionInfo p { padding: 0 0 5px; margin: 0; color: #666; font-size: 14px; line-height: 18px; }
        .exhibitionInfo p.linksMore, p.linksMore { font-size: 12px; line-height: 14px; }
        p.linksMore a { background: transparent url('/i/site/Museum/icons/more.gif') no-repeat 0 5px; padding: 0 0 0 15px; margin: 0 15px 0 0;  }
/* /exhibitions */

/* main print page */
.printItems { position: relative; left: -240px; margin-right: -240px; //min-height: 100px; }
    .printItemMain { margin: 0 0 0 30px; float: left; }

    .printCategory { font: normal 12px/13px Calibri; color: #333;  margin-bottom: -1px; }
    .printTitle { font: bold 18px/21px Calibri; padding: 0 0 7px; }
    .printItemMain p { font-style: italic; font-size: 14px; line-height: 16px; }
    .printItems div.button a { background: #e2e2e2; }
    .printItems div.button { padding-top: 16px; }

/* /main print page */

/* /content elements */

/* showImages */
div.showImages { position: absolute; overflow: hidden; }
    div.showBlock li { display: block; text-align: center; width: 100%; }

    a.closeShow { display: block; width: 111px; height: 21px; background: transparent url('/i/site/Museum/icons/newsClose.png') no-repeat 0 0; position: absolute; z-index: 10000; top: -16px; right: 10px; cursor: pointer; //cursor: hand; }
    a.closeShowEng { display: block; width: 111px; height: 21px; background: transparent url('/i/site/Museum/eng/icons/newsClose.png') no-repeat 0 0; position: absolute; z-index: 10000; top: -16px; right: 10px; cursor: pointer; //cursor: hand; }

    span.borderImg { display: block; padding: 16px 100px 0 100px; }
    .bgGreyForImg { display: block; position: relative; width: 640px; height: 480px; text-align: center; vertical-align: middle; padding: 0 !important; }
    button.next, button.prev { display: block; border: none; width: 100px; color: #fff; font-weight: bold; height: 100%; position: absolute; cursor: pointer; cursor: hand; padding: 0; margin: 0; z-index: 10; -height: 200px; }
    button.next { top: 0; right: -100px; -top: 50%; -margin-top: -100px; background: transparent url('/i/site/Museum/icons/nextImg.gif') no-repeat 100% 50%; }
    button.prev { top: 0; left: -100px; background: transparent url('/i/site/Museum/icons/prevImg.gif') no-repeat 0 50%; -top: 50%; -margin-top: -100px; }
    div.showBlock li img { //margin: 0 0 -4px; }
    div.showBlock li em { color: #333; position: absolute; top: 503px; left: 57px; max-width: 660px; padding: 0; font-size: 15px; line-height: 18px; display: block; font-style: normal; }
        div.showBlock li em span { padding: 0 2px 3px; }
/* /showImages */

/* registration select */
div.userReg, div.pointerReg { float: left; padding-bottom: 15px; display: inline-block; }
    div.userReg { padding-right: 34px; }
    div.userReg a, div.pointerReg a { color: #333; }
    div.pointerReg { padding-left: 26px; }
    div.userReg p, div.pointerReg p { padding: 0 2px 1px 0; margin; 0; display: inline; }
    div.userReg p a, div.pointerReg p a { background: transparent url('/i/dashedReg.gif') repeat-x 1px 16px;	text-decoration: none !important; white-space: nowrap; }
    div.userReg p.invert, div.pointerReg p.invert {	background: #000; }
    div.userReg p.invert a, div.pointerReg p.invert a {	background: transparent url('/i/dashedRegInvert.gif') repeat-x 1px 16px; color: #fff; }
    div.userReg h2, div.pointerReg h2 { font-size: 21px; margin: 11px 0 0; padding: 0 0 3px; }
    div.userReg h2 a, div.pointerReg h2 a { text-decoration: none; white-space: nowrap; }
    div.userReg h2 span a, div.pointerReg h2 span a { background: transparent url('/i/dashedRegBig.gif') repeat-x 1px 25px; color: #000; }
    div.pointerReg h2 span.invert a,div.userReg h2 span.invert a { background: transparent url('/i/dashedRegBigInvert.gif') repeat-x 1px 25px; color: #fff; }
    div.userReg h2 span, div.pointerReg h2 span { padding: 0 4px 1px 0; }
    div.userReg h2 span.invert, div.pointerReg h2 span.invert { background: #000; }

.greyField { background: #f2f2f2 !important; }
.form { /*background: #e4e4e4; padding: 10px; */ min-height: 20px; margin: 10px 0 4px 0; position; relative; z-index: 99; }
    .form .field input, .form .field textarea, .form .field select { border: 1px solid #999; font: normal 12px/14px Arial; color: #666; width: 291px; margin: 0; }
    .form .field textarea { width: 670px; height: 100px; }
    .form .field select { width: 93px; }
    .form p.smallText { font: normal 11px/14px Calibri, Arial; color: #333; padding: 5px 0 0 16px; margin: 0; }
    .form input.fLeft { position: relative; top: -2px; margin-bottom: -2px; }
    .form td { vertical-align: top; padding: 0 0 10px 0; }
    .form th { vertical-align: top; padding: 2px 10px 10px 0; font: normal 12px/14px Arial; }
    .form td td { vertical-align: top; padding: 0; }

    .form.formEdit .field textarea { width: 450px; }
    .form.formEdit .field input { width: 450px; }
    .form.formEdit .field select { width: 450px; }

    .formAuth { width: 300px; float: left; padding: 20px 0 4px 0; position: relative; }
    #divAddComment .formAuth .field input { border: 1px solid #285e72; font: normal 12px/14px Arial; color: #666; width: 280px; }
    #divAddComment .formAuth div.button input, #divAddComment .formAuth div.button { width: 53px;}
    #divAddComment .borderUnderTitle { margin: -1px 0 0 !important; }

    .formAnonimus { width: 390px; float: left; background: transparent url('/i/site/Museum/icons/vs.gif') no-repeat 145px 90px; padding: 16px 0 53px; }
    #divAddComment .formAnonimus div.button input, #divAddComment .formAnonimus div.button { width: 135px;}
    #divAddComment .formAnonimus p { line-height: 14px; padding: 0 0 13px; }

    .form.formAuthPage { padding: 22px 0 33px; }
	    .form.formAuthPage input.field { border: 1px solid #999; font: normal 12px/14px Arial; color: #666; width: 291px; margin: 0;  }
	    .form.formAuthPage label { font: normal 11px/11px Calibri, Arial; color: #333; padding: 0; margin: 0; }
	    .form.formAuthPage .fLeft { padding-left: 10px; }
	        .form.formAuthPage .fLeft input { position: relative; bottom: -3px; }

	    .form.formAuthPage .border { border-top: 1px solid #444; }

	    .form.formAuthPage p.small { font-size: 12px; line-height: 14px; }

/* /registration select */

/* personal */
div.personal { }
.personal p {
	padding: 0 0 8px;
    color: #666;
	font-size: 12px; line-height: 14px;
}

div.offset { padding-left: 97px; }

.artistSpeech { width: 100%; vertical-align: top; padding-top: 8px; }
    .artistSpeech, .artistSpeech p, .artistSpeech * { font-size: 14px; lone-height: 18px; font-style: italic; color: #666; }
/* personal */




/* pictures and lines to the right side */
.picAboutContainer1 { height: 227px; position: relative; text-align: left; }
    .picAboutWidth1 { position: absolute; top: 6px; left: -130px; height: 220px; overflow: hidden; width: 880px; }

.picAboutContainer2 { height: 319px; position: relative; text-align: left; }
    .picAboutWidth2 { position: absolute; top: 6px; left: 0; height: 290px; overflow: hidden; width: 530px; }

.NewsBoxAbout { float: left; width: 300px; position: relative; left: -130px; margin-right: -100px; padding-top: 3px; }

.picToursContainer { height: 233px; position: relative; text-align: left; }
    .picToursWidth { position: absolute; top: 0; left: 0; height: 210px; overflow: hidden; }


/* /pictures and lines to the right side */

/* gallery from cms_styles.css */
.FS_galleryListBar { width: 90px; height: 22px; position: relative; margin-bottom: -22px; }
    .FS_galleryListBar img { behavior:	url('/js/pngbehavior.htc'); z-index: 4; margin: 0; display: inline !important; }
    .FS_galleryListBar div { z-index: 5; padding: 2px 0 0 3px; position: absolute; top: 0; left: 0; }
    .FS_galleryListBar.selected { left: 4px; bottom: -22px; //bottom: -24px; }
/* /gallery from cms_styles.css */


.word {
    font-size: 18px;
    background: #2d2d2d;
    color: #e4e4e4;
    padding: 0 5px;
    line-height: 20px;
    left: -93px;
    top: 41px;
    position: absolute;
}
.amount {
    font-size: 80px;
    background: #f6c25e;
    color: #000000;
    padding: 0 5px;
    line-height: 88px;
    left: -35px;
    top: 25px;
    position: absolute;
}
.total {
    position: absolute;
	z-index: 10000;
}
.address {
	font-size: 42px;
	color: #fefefe;
	line-height: 35px;
	top: 168px;
	left: 37px;
	width: 500px;
    position: absolute;
}
.address2 {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 18px;
	top: 249px;
	left: 37px;
	width: 500px;
    position: absolute;
}
.infoBuy {
	font-size: 13px;
	color: #ffffff;
	line-height: 16px;
	top: 307px;
	left: 39px;
	width: 500px;
    position: absolute;
}

.incutPhoto { margin: 0; padding: 0; overflow: hidden; //position: relative; //zoom: 1; }
    .incutPhoto h2 { position: absolute; display: block; width: 180px; margin-right: -180px; margin-top: -10px; left: 50px; }
    div.newsPhotoBorder { border-top: 1px solid #444; line-height: 0; font-size: 0; position: absolute; height: 1px; }
.incutPhoto .photos_list {
	padding: 0;
	margin: 0;
	float: none;
}
.incutPhoto .photos_list_item {
	margin: 0 10px 10px 0;
}
ul.incut {
	font-size: 16px;
	text-indent: 0;
	line-height: 18px;
	color: #808080;
	margin: 8px 0 10px -97px;
	padding: 0 0 0 35px;
	background: transparent url('../i/bg_incutText.gif') no-repeat 0 100%;
	//position: relative;
	//zoom: 1;

}
ul.incut li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: -4px;
}



/* showPicture */
.main { width: 100%; height: 100%; }
    .pictureSignBlock { vertical-align: bottom; text-align: center; }
    #pictureSignBlock { /*height: 116px; */ }

#pictureSignImg { display: block; position: absolute; bottom: 146px; z-index: 100; width: 940px; margin: 0 auto; text-align: left; }

#pictureSign { height: 87px; width: 860px; margin: 0 auto; position: relative; z-index: 100; text-align: left; }
    #pictureSign h1 { padding: 0; margin: 0; font: normal 11px/11px Calibri; color: #fff; position: relative; z-index: 98; display: inline-block; }
    #pictureSign h1 small { color: #cbcbcb; background: #333; float: left; padding: 0 12px 2px 2px; font: normal 11px/11px Calibri; }
        #pictureSign h1 small a { color: #cbcbcb; text-decoration: underline; }
        #pictureSign h1 small span { font-size: 9px; line-height: 12px;  }
    #pictureSign h1 big { font: normal 18px/19px Calibri; background: #333; float: left; color: #fff; display: block; height: 21px; padding: 0 12px 0 2px; }

    #pictureSign small span span { display: block; float: left; }
    #pictureSign span.textCap { padding: 0; }
    @-moz-document url-prefix() { #pictureSign span.textCap { margin: 0 -10px 0 0;  } }
        #pictureSign span.textCap:first-letter { text-transform: uppercase; }

#pictureButtons { height: 29px; background: #dfe0da url('/i/site/Museum/bg-pictureSign.gif') repeat-x 0 0; z-index: 100; position: relative; margin-bottom: -1px; }
    .pictureButtonsWrapper { width: 860px; margin: 0 auto; text-align: left; position: relative; z-index: 98; }

    #pictureButtons h6 { color: #999; float: left; display: block; padding: 7px 18px 0 0; margin: 0; font: bold 11px/13px Calibri; text-transform: uppercase; }
        #pictureButtons a { text-decoration: none; color: #999; cursor: pointer; //cursor: hand; }

    a#commentPicture, a#favoritePicture { display: block; float: left; padding: 3px 18px 0 0; }
        a#commentPicture h6, a#favoritePicture h6 { display: inline; float: none; padding: 0; }
        a#commentPicture strong, a#favoritePicture strong { display: block; float: left; font: bold 10px/11px 'Trebuchet MS'; color: #fff; width: 26px; text-align: center; margin: 3px 5px 0 0; }
            a#commentPicture strong { background: transparent url('/i/site/Museum/bg-comments.gif') no-repeat 0 0; padding: 3px 0 7px; }

            a#favoritePicture strong { background: transparent url(/i/site/Museum/bg-vote.gif) no-repeat 100% 0; display: block; float: left; width: 37px; height: 17px; margin: 3px 7px 0 0; }
            a#favoritePicture strong span { display: block; padding: 3px 14px 0 3px; text-align:center; }


    a.addToFavorites#toFavorites { background: transparent url('/i/site/Museum/bg-favorite.gif') no-repeat 0 0; padding-left: 18px; }
    a.removeFromFavorites#toFavorites { background: transparent url('/i/site/Museum/bg-favorite2.gif') no-repeat 0 0; padding-left: 18px; }

    #showPictureNav { padding: 17px 0; margin: 0; list-style: none;  }
        #showPictureNav li { font-size: 14px; line-height: 16px !important; padding: 0 0 5px 0; margin: 0 0 0 39px; color: #999; background: none; text-transform: lowercase; }
        #showPictureNav li a { color: #999; text-decoration: none !important; background: transparent url('/i/site/Museum/dotted-grey.gif') repeat-x 1px 15px; }
        #showPictureNav li a.active { color: #fff; text-decoration: none; background: none; }
            #showPictureNav li.buttonAdd { background: transparent url('/i/site/Museum/icons/add-small.gif') no-repeat 0 5px; margin: 12px 0 0 23px; padding-left: 15px; }
            #showPictureNav li.buttonAdd a { background: transparent url('/i/site/Museum/dotted-blue.gif') repeat-x 1px 15px; color: #3fb0db; }

    div.buttonAdd { background: transparent url('/i/site/Museum/icons/add-big.gif') no-repeat 0 10px; margin: -4px 0 0 0; padding-left: 19px; font: normal 24px/24px Calibri; }
        div.buttonAdd a { background: transparent url('/i/site/Museum/dotted-blue.gif') repeat-x 1px 26px; text-decoration: none; color: #3fb0db; }


#commentBoard label, #orderInfo label { cursor: pointer; //cursor: hand; }

#pictureInfo, #orderInfo, #commentBoard { position: absolute; z-index: 99; width: 100%; height: 100%; background: #444; left: 0; overflow: hidden; text-align: center; min-height: 700px; }
    #pictureInfo div.frameContent, #orderInfo div.frameContent, #commentBoard div.frameContent { padding: 0; text-align: left; margin: 0 auto; width: 940px; text-align: left; }

    div.frameContent h2 { padding: 0 0 26px 0 !important; margin: 0 0 0 -2px; color: #fffefe; font: normal 48px/48px Calibri; }
    div.frameContent h3 { padding: 0 0 10px 0 !important; margin: 0; color: #fff; font: normal 18px/21px Calibri; }
    div.frameContent p, div.frameContent, div.frameContent label { color: #bbb; font: normal 15px/18px Calibri; }
    div.frameContent p { padding: 0 0 10px 0; margin: 0; }
    div.frameContent div.border, div.frameContent p.border { display: block; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 16px 0 11px; border-top: 1px solid #666; }

    .ta_div { position: relative; z-index: 101;}
    .tenderContent { vertical-align: top; padding: 0; width: 100%; }

    div.frameContent div.button input { border: 1px solid #fff; background: #444; color: #fff; }
        div.frameContent div.button input:hover { background: #fff; color: #444; }


/* /showPicture */

/* searchResults */
.search_url { padding: 0 0 10px 0; }
/* /searchResults */



/* statuses */
.nonpublic, .nonpublic * {
 	color: #787878 !important;
}
.descrListItem select, .descrListItem input {
	color: #000000 !important;
}
div.statuses {
	padding: 2px 0 0;
}
div.statuses span span {
	line-height: 14px;
	color: #ffffff !important;
}
span.status0, span.status1, span.status2, span.status5 {
	color: #787878 !important;
	font-size: 11px;
	line-height: 12px;
}
span.status3 {
	color: #ffffff !important;
	padding: 0 1px;
	background: #65bb00;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}
span.status6, span.status8, span.status9 {
	color: #ffffff !important;
	background: #636363;
	font-size: 11px;
	line-height: 12px;
}
span.status4, span.status7, span.status10 {
	color: #ffffff !important;
	background: #a62802;
	font-size: 13px;
	font-weight: bold;
}
/* /statuses */

 /* galeryControl */
div.galeryControl {
	height: 18px;
	margin-bottom: -18px;
	position: relative;
	z-index: 1;
	width: 125px;
	text-align: right;
	word-spacing: -3px;
}
div.galeryControl a {
	display: inline-block;
}
div.galeryControl a img {
	margin: 0;
}
/* /galeryControl */



/* profile */
.myCommentsList { padding: 13px 0 0; margin: 0; list-style: none; }
    .myCommentsList li { padding: 0 20px 12px 47px; margin: 0; background: none; }
        .myCommentsList li span { position: absolute; left: 0; background: transparent url('/i/site/Museum/icons/mount.gif') no-repeat 0 0; color:#fff; display:block; font-size:12px; font-weight:bold; line-height:12px; padding: 3px 0 8px; text-align:center; width:26px; margin: 1px 0 0 0;}
        .myCommentsList li small { color: #808080; font: normal 10px/10px 'Trebuchet MS'; display: block; padding: 3px 0 0 0; }

.myOrdersList { padding: 0 0 7px 0; margin: 0; list-style: none; }
    .myOrdersList li { position: relative; padding: 0 0 12px 10px; margin: 0; background: none; font: normal 14px/18px Calibri; color: #666; }
        .myOrdersList li span { display: block; width: 10px; position: absolute; left: -2px; font-size: 11px; }
        .myOrdersList li small { font-size: 11px; }
        .myOrdersList li strong { color: #333; }

.addMyPicture { float: left; background: #a72801 url('/i/site/Museum/icons/arrowAddPicture.gif') no-repeat 0 0; padding: 10px 10px 10px 32px; }
    .addMyPicture div.button { padding: 0; margin: 0; }
        .addMyPicture div.button a { color: #fff; border: 1px solid #fff; }
        .addMyPicture div.button a:hover { background: #fff !important; color: #a72801; }
/* /profile */


/* forum backgrounds */
body#forumPages .mainBg { background: #216085; }

    body#forumPages #foot .borderFoot div { border-top: 1px solid #fff; }
    body#forumPages #foot .footWrapper p { color: #94abc2; }
    body#forumPages #foot .footWrapper a { color: #fff; }

    body#forumPages .navBorder { background: #2a4250; }
    body#forumPages #head { background:transparent url('/i/site/Museum/nav-border-forum.gif') repeat-x scroll 0 69px; }
    body#forumPages ul#mainNav li h6 a { color:#93bcd5; }
    body#forumPages ul#mainNav li.active h6 a { color:#fff; }
    body#forumPages ul#subNav li h6 a { color:#93bcd5; }
    body#forumPages ul#subNav li.active h6 a { color:#fff; }
    body#forumPages #iconsBox a { color: #93bcd5; }
    body#forumPages #iconsBox h6 { border-bottom:1px solid #93bcd5; }
    body#forumPages div#iconProfile { background: transparent url('/i/site/Museum/icons/profile-forum.gif') no-repeat 0 0; }

    body#forumPages #pageTitle h1, body#forumPages h2 { color: #fff; }
    body#forumPages .editable-content, body#forumPages .editable-content p, body#forumPages p { color: #d6e3eb; }
    
    body#forumPages span#toUserName { color: #C3CCD5; }
    body#forumPages a#toUserNameDel {color: #fff !important; }

/* /forum backgrounds */


/* forums */
ul.forums { padding: 0 20px 0 0; margin: -3px 0 0; display: block; }
    ul.forums li { padding: 0 3px 0 0; margin: 0 0 1px; list-style: none; clear: both; font-size: 11px; line-height: 1em; background: #36769c url('/i/site/Museum/forum/forumRight.gif') no-repeat 100% 0; display: block; }
    ul.forums dl { padding: 0 7px 0 12px; margin: 0 0 1px; clear: both; height: 45px; background: #36769c url('/i/site/Museum/forum/forumLeft.gif') no-repeat 0 0; display: block; }
    ul.forums dl dt { padding: 5px 0 3px 16px; margin: 0; list-style: none; float: left; display: block; font: bold 18px/18px Calibri; color: #fff; background: transparent url('/i/site/Museum/forum/forumClose.gif') no-repeat 0 12px; width: 468px; cursor: pointer; cursor: hand; overflow: hidden; white-space: nowrap; }
    ul.forums dl dt a { text-decoration: none; color: #fff; }
        ul.forums dl dt.forumOpen { background-image: url('/i/site/Museum/forum/forumOpen.gif'); }
        ul.forums dl dd { padding: 9px 10px 6px; //padding: 6px 10px 5px; margin: 0; font: normal 10px/12px 'Trebuchet MS'; color: #92bddf; display: block; float: left; }
        * html ul.forums dl dd { -padding: 5px 9px 4px; }
        ul.forums dl dd strong { color: #fff; }
        ul.forums dl dd img { margin: 0; }
        h2.forum { color: #000; font: 18px/1em 'Times new roman'; padding: 3px 0 4px; }

        ul.forums span.themesCount { display: block; float: left; width: 68px; }
        ul.forums span.commentsCount, span.commentsCount { display: block; float: left; width: 55px; }
        ul.forums span.commentsCount span, span.commentsCount span { display: block; float: left; font: bold 10px/12px 'Trebuchet MS'; color: #fff; background: transparent url('/i/site/Museum/forum/count.gif') no-repeat 0 0; padding: 2px 7px 8px; margin: 0 0 -2px 0; position: relative; top: -2px; }




/* topics */
ul.forums ul.topics, ul.topics { margin: 0 -3px 0 0; padding: 0; clear: both; }
    ul.forums ul.topics li, ul.topics li { padding: 0; margin: 0; list-style: none; height: 40px !important; clear: both; white-space: nowrap; background: #4f778f url('/i/site/Museum/forum/topicRight.gif') no-repeat 100% 0; border-top: 1px solid #216085; }
    ul.forums ul.topics li.adminTopic, ul.topics li.adminTopic { background-color: #718d9e; }
    ul.forums ul.topics li.showAllTopics, ul.topics li.showAllTopics { display: block; padding: 4px 40px 13px; margin: 0; font: normal 13px/13px Calibri; normal; height: auto !important; background: #216085; text-align: right; position: relative; }
        ul.forums ul.topics li.showAllTopics a, ul.topics li.showAllTopics a { color: #fff; }

        ul.forums ul.topics dl, ul.topics dl { border: none; height: 40px; padding: 0 15px 0 20px; margin: 0; clear: both; background: transparent url('/i/site/Museum/forum/topicLeft.gif') no-repeat 0 0; font: 0 !important; }
        ul.forums ul.topics dl dt, ul.topics dl dt { padding: 6px 0 0 !important; margin: 0 !important; font: 13px/14px "Trebuchet MS" !important; color: #e4edf2 !important; float: left !important; overflow: hidden !important; width: 554px !important; background: none !important; cursor: auto !important; }
        ul.forums ul.topics dt a, ul.topics dt a { color: #e4edf2; text-decoration: none; }
        ul.forums ul.topics dt a:hover, ul.topics dt a:hover { text-decoration: underline !important; }
        ul.forums ul.topics dt span.nick, ul.topics dt span.nick { font: 12px/12px 'Trebuchet MS', Arial !important; color: #b8c8d1 !important; display: block !important; padding: 2px 0 1px; }
        ul.forums ul.topics dt span.nick a, ul.topics dt span.nick a { color: #b8c8d1; text-decoration: none; }
        ul.forums ul.topics dt span.nick a:hover, ul.topics dt span.nick a:hover { text-decoration: underline !important; }

        ul.forums ul.topics dd.topicCommentsCount, ul.topics dd.topicCommentsCount { display: block; float: left; width: 55px; padding: 0; margin: 0; }
        ul.forums ul.topics dd.topicCommentsCount span, ul.topics dd.topicCommentsCount span { display: block; float: left; font: bold 10px/12px 'Trebuchet MS'; color: #fff; background: transparent url('/i/site/Museum/forum/count.gif') no-repeat 0 0; padding: 2px 7px 8px; margin: 7px 0 -2px 0; position: relative; }

        ul.forums ul.topics dd.topicDate, ul.topics dd.topicDate { padding: 8px 0 0 !important; margin: 0 !important; font-size: 10px !important; color: #adc0cf !important; float: left !important; border: none !important; background: none !important; display: block; }


/* /topics */

/* comments */

div.answer { padding: 0; font: normal 10px/9px "Trebuchet MS"; margin: -3px 0 0 0; }
div.answer a { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }


#commentList { clear: both; }


.comments td { vertcal-align: top; }
.comments p { padding: 0 0 10px 0;  margin: 0; }
    .comments p, .comments td { color: #a9a9a9; font: 15px/18px Calibri; }
    .comments p.nick big { font-size: 18px; color: #fffefe; }
    .comments p.nick small { font-size: 12px; }
	.comments p.nick span { padding: 0 0 0 22px; margin: 0 0 0 8px; font-size: 18px; color: #fffefe; background: transparent url('/i/site/Museum/icons/arrowAnswer.gif') no-repeat 0 7px; }
    .comments td.commentDate { color: #999; font: normal 11px/14px Calibri; text-align: right; vertical-align: top; padding: 3px 55px; }
    .comments p.commentTextBlue { font: normal 12px/16px "Trebuchet MS"; color: #5396a5; padding: 0 0 7px 0; }
    .comments p.commentNick { font: normal 14px/18px "Trebuchet MS"; color: #333; padding: 0; }
    .comments .commentFile { background: transparent url('/i/site/Museum/icons/file.gif') no-repeat 0 0; padding: 0 0 0 21px; }


div.comments { margin: -1px 0 0 0; }
div.comments table { width: 730px; }
div.comments th { vertical-align: top; font: normal 10px/12px "Trebuchet MS"; color: #999; padding-top: 24px; }

div.comments td { padding: 0 20px 9px 0; width: 100%; }
div.comments td div.answer { margin: 0; height: 12px; position: relative; z-index: 10; top: -6px; }
div.comments td div.answer a { display: block; float: left; color: #666; border-bottom: 1px dashed #666; line-height: 11px; }
    div.comments td p.commentNick { padding: 0 0 5px 0; }
    div.comments td p.commentTextBlue { padding: 0 0 7px 0; }

    div#fs_dialogForm.inSite { background: none !important; }
    div#fs_dialogForm .commentForm { margin-left: 30px !important; padding-top: 8px; position: relative; }



body#forumPages .comments td { vertcal-align: top; padding: 0 0 15px; }
body#forumPages .comments th { vertical-align: top; text-align: center; width: 96px; color: #94abc2; font: normal 10px/10px "Trebuchet MS"; padding-top: 28px; }
body#forumPages .comments p { padding: 0 0 10px 0;  margin: 0; }
    body#forumPages .comments p, .comments td { color: #c3ccd5; font: normal 13px/18px "Trebuchet MS"; }
    body#forumPages .comments p { padding: 0 0 4px; margin: 0;}
    body#forumPages .comments p.nick { font-size: 14px; color: #fff; font-weight: bold; padding: 0 0 4px; margin: 0; }
    body#forumPages .comments p.nick small { font-size: 12px; }
	body#forumPages .comments p.nick span { font-size: 14px; padding: 0 0 0 22px; margin: 0 0 0 8px; background: transparent url('/i/site/Museum/icons/arrowAnswer.gif') no-repeat 0 7px; }

    body#forumPages .comments td.commentDate { color: #999; font: normal 11px/14px Calibri; text-align: right; vertical-align: top; padding: 3px 55px; }

    body#forumPages .columnRight h2.big { line-height: 30px; }
    body#forumPages h2 span.commentsCount { margin: 0 0 0 8px; float: none; display: inline; position: relative; top: -7px; }
    body#forumPages h2 span.commentsCount span { float: none; display: inline; }


body#forumPages .personal { padding: 3px 0 0 31px; }
body#forumPages .personal p { padding: 0 0 8px; color: #83a4b7; font: normal 12px/14px Calibri; }
    body#forumPages .personal a { color: #fff; }

div.addCommentButton { width: 185px; background: transparent url('/i/site/Museum/forum/addComment.gif') no-repeat 100% 50%; padding: 10px 0; }
    div.addCommentButton div.button {  padding: 5px 0 6px; //padding: 6px 0 5px; width: 156px; float: none; }
    div.addCommentButton div.button a { border: 1px solid #fff; color: #fff; float: none; }
    div.addCommentButton div.button a:hover { background: #fff !important; color: #216085 !important; }

    body#forumPages div.button a { border: 1px solid #fff; color: #fff; }
    body#forumPages div.button a:hover { background: #fff !important; color: #216085 !important; }

    body#forumPages div.form div.button input { border: 1px solid #fff; color: #216085; }
    body#forumPages div.form div.button a:hover { background: #fff !important; color: #216085 !important; }

     body#forumPages div.form div.button input { border: 1px solid #fff; color: #216085; }
         body#forumPages div.form div.button input:hover { background: #216085; color: #fff; }


.columnLeftAbs.forumAuthBlock { top: auto; width: 150px; margin-left: 30px; background: transparent url(/i/site/Museum/forum/forumAuth.gif) no-repeat 0 0; padding: 79px 0 20px; }
    .columnLeftAbs.forumAuthBlock p { font: normal 12px/14px Calibri; color: #83a4b7 !important; padding: 0 0 4px; }
    .columnLeftAbs.forumAuthBlock a { color: #fff; }

.columnLeftAbs.addCommentBox { top: auto; width: 210px; margin-left: 0; }
    .columnLeftAbs.addCommentBox strong { display: block; font-size: 14px; color: #fff; font-weight: bold; padding: 7px 0 2px; margin: 0; }
    .columnLeftAbs.addCommentBox small { display: block; color: #94abc2; font: normal 10px/10px "Trebuchet MS"; padding: 0 0 13px; }
    .columnLeftAbs.addCommentBox p { color: #c3ccd5; font: normal 13px/18px "Trebuchet MS"; padding: 0 0 1px; margin: 0; font-style: italic; }

span.goToAll {
	display: block;
	text-align: right;
	margin: -9px 8px 0;
}
span.goToAll em {
	font-style: normal;
	text-transform: lowercase;
}
span.goToAll a {
	background: transparent url('../i/arrowLeft.gif') no-repeat 0 5px;
	padding: 0 0 0 58px;
}



.comments p.nick .nickPicture {
	padding: 13px 0 8px;
}
/* /comments */

p.error, p.errorText { font: normal 12px/14px Arial !important; color: #000 !important; padding: 5px 0 0 10px !important; display: none; }

.artistInfoFix { font-size: 0; line-height: 0; }



/* timetable backgrounds */
body#timetablePages .mainBg { background: #505153; }

    body#timetablePages #foot .borderFoot div { border-top: 1px solid #fff; }
    body#timetablePages #foot .footWrapper p { color: #999; }
    body#timetablePages #foot .footWrapper a { color: #fff; }

    body#timetablePages .navBorder { background: #373839; }
    body#timetablePages #head { background:transparent url('/i/site/Museum/nav-border-forum.gif') repeat-x scroll 0 69px; }
    body#timetablePages ul#mainNav li h6 a { color:#999; }
    body#timetablePages ul#mainNav li.active h6 a { color:#fff; }
    body#timetablePages ul#subNav li h6 a { color:#999; }
    body#timetablePages ul#subNav li.active h6 a { color:#fff; }
    body#timetablePages #iconsBox a { color: #bbbbbb; }
    body#timetablePages #iconsBox h6 { border-bottom:1px solid #bbbbbb; }
    body#timetablePages div#iconProfile { background: transparent url('/i/site/Museum/icons/profile-timetable.gif') no-repeat 0 0; }

    body#timetablePages #pageTitle h1, body#timetablePages h2 { color: #fff; }
    body#timetablePages .editable-content, body#timetablePages .editable-content p, body#timetablePages p { color: #bbbdbf; }
    
        
    body#timetablePages .columnLeftAbs .serviceCalendarLink { position: relative; margin-left: 32px; top: 0; padding-top: 0; }
        .serviceCalendarLink div.dateCurrent { background: transparent url('/i/site/Museum/icons/calendarCurrentDateT.gif') no-repeat 0 0; }
        body#timetablePages .columnLeftAbs .serviceCalendarLink strong { color: #444;}
        body#timetablePages .columnLeftAbs .serviceCalendarLink span { color: #444;}

body#timetablePages .timetableCategories, body#timetablePages .timetableCategories p { color: #919293; font-size: 12px; line-height: 14px; }
body#timetablePages .timetableCategories { padding-top: 30px; }
body#timetablePages .timetableCategories p { padding: 0 0 0 32px; }

.timetableCategories ul { list-style: none; padding: 19px 0; margin: 0; }
    .timetableCategories li { padding: 3px 0 4px 33px; margin: 0 0 -3px; background: transparent url('/i/site/Museum/icons/timetableCategories.gif') no-repeat 0 0; }
    .timetableCategories li.active { background: transparent url('/i/site/Museum/icons/timetableCategoriesActive.gif') no-repeat 0 0; }
    .timetableCategories li a { text-decoration: none; color: #dfe0da; background: transparent url('/i/site/Museum/icons/timetableDotted.gif') repeat-x 1px 13px;  }
        .timetableCategories li.active a { background: none; } 

.timetable { border-collapse: collapse; padding: 0; }
    .timetable th { text-align: center; padding: 0 5px 0 0; font-weight: normal; border: none; }        
        .timetable th div { background: #636567; border: 1px solid #636567; color: #c6c6c6; cursor: pointer; //cursor: hand; height: 68px; width: 98px; font-size: 13px; line-height: 1em; }
        .timetable th div.active { border: 1px solid #fff; color: #fff; }        
        .timetable th strong, .timetable th small { display: block; }
        .timetable th strong { font-size: 40px; line-height: 44px; margin-bottom: -5px; }
        .timetable th small { font-size: 11px; line-height: 11px; margin-bottom: -2px; }  
        .timetable th div.holiday { border: 1px solid #7f8284; background: #7f8284; }
        .timetable th div.nonWorking { border: 1px solid #a64b3e; background: #a64b3e; color: #cfaca7; }
            .timetable th div.nonWorking strong { color: #c0695d; font-size: 18px; line-height: 18px; padding: 21px 0 14px 0; }
            
    .timetable td { text-align: left; vertical-align: top; height: 70px; width: 100px; padding: 0; border: none; }
        .timetable td span { position: absolute; padding: 25px 0 0 10px; }            
            .timetable td span.dateEnd { padding: 59px 0 0 0; margin-left: 111px; width: 200px; font-size: 11px; line-height: 11px; color: #c6c6c6; }
            .timetable td.dayEnd span.dateEnd { padding-top: 58px; margin-left: 118px; }
        .timetable td div { position: absolute; margin-top: 61px; height: 9px; width: 106px; margin-left: -1px; }        
            .timetable td.dayEmpty div, .timetable td.dayOne div { border-top: 1px solid #636567; width: 105px; margin-top: 69px; z-index: 10; }
            .timetable td.dayContinue div { background: transparent url('/i/site/Museum/icons/dayContinue.gif') no-repeat 0 0; }
            .timetable td.dayContinue.dayNonWorking div { background: transparent url('/i/site/Museum/icons/dayNonWorking.gif') no-repeat 0 0; width: 110px; margin-left: -7px; }
            .timetable td.dayEnd div { background: transparent url('/i/site/Museum/icons/dayEnd.gif') no-repeat 0 0; width: 122px; height: 21px; margin-top: 55px; margin-left: -7px; z-index: 11; }
            .timetable td.dayBegin div { background: transparent url('/i/site/Museum/icons/dayBegin.gif') no-repeat 0 0; width: 112px; height: 19px; margin-top: 56px; margin-left: -4px; z-index: 11; }
        .timetable td img { position: relative; left: -1px; }  
        
    .timetable td.timetableCategory { height: auto; font-size: 11px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 10px 0 6px; }
    
    .timetable td a, .timetable td p { text-decoration: none; color: #fff; font-size: 14px; line-height: 14px; padding: 0; margin: 0; }
        .timetable td a small { text-decoration: none; color: #bbbdbf; font-size: 11px; line-height: 11px; }
        
    .timetable td a { display: block; position: relative; }
        .timetable td a span { white-space: nowrap; top: 0; //padding: 27px 0 0 7px; }    
        .timetable td.fLeft span { right: 118px; }     
        
        .timetable td.dayOne p { display: block; position: relative; z-index: 12; margin-top: 9px; margin-right: 3px; border-bottom: 9px solid #7f8284; height: 52px; }
          

/* /timetable backgrounds */


