/* CSS Document */ body { margin: 0px; padding: 0px; font: 0.8em/1.5em Arial, Helvetica, sans-serif; background-color: #F48000; } INPUT { background-color:#B7C7EF; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; } SELECT { background-color:#B7C7EF; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; } #menu { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; } #menu a { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; text-decoration:none; } #menu a:hover { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight: bold; color:#CCFF99; text-decoration:underline; } #small { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; } #small input { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; } #small select { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; } #small a { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; text-decoration:none; } #small a:hover { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#CCFF99; text-decoration:underline; } #title { font-family: Verdana, Tahoma, Arial; font-size:12px; color:#FFFFFF; font-weight: bold; } #title a { font-family: Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF; font-weight: bold; text-decoration:none; } #title a:hover { font-family: Verdana, Tahoma, Arial; font-size:11px; color:#CCFF99; font-weight: bold; text-decoration:none; } #nav { background-color:#F48000; } #nav td { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight:bold; color:#FFFFFF; } #nav input { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight:bold; color:#222222; background-color:#FFFFCC; } #nav select { font-family:Verdana,Tahoma,Arial; font-size:8pt; font-weight:normal; color:#222222; background-color:#FFFFCC; } #calnav { } #date { font-family: Verdana, Tahoma, Arial; font-size:8px; color:#000000; font-weight: bold; text-decoration:none; } #date a { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; } #date a:hover { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#CCFF99; font-weight: bold; text-decoration:underline; } #date .month { font-size:8px; } #dateCells td.active { background-color:#FFFFFF; border: 1px none #F48000; } #dateCells td.empty { background-color:#FFFFFF; border:1px solid #F48000; } #dateCells td.today { background-color:#FEFFE1; border:1px solid #F48000; } #dateCells td.weekend { background-color:#FFFFFF; border:1px solid #F48000; } #dateCells td.calendar_header { background-color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight: bolder; border-top: 1px solid #F48000; border-right: 1px solid #F48000; border-bottom: none; border-left: 1px solid #F48000; } #dateCells .weeknum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; } #dateCells .daynum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; } #dateCells a { text-decoration:none; } #dateCells a:hover { text-decoration:underline; } #dateCells .dayhead { font-family: Verdana, Tahoma, Arial; font-size:7pt; font-weight:bold; color:#000000; background-color:#FFB31A; height:100%; } #dateCells .daycell { font-family: Verdana, Tahoma, Arial; font-size:7pt; color:#000000; background-color:#FFFFFF; } #dateCells .daytime { font-family: Verdana, Tahoma, Arial; font-size:7pt; color:#000000; background-color:#A4BEF3; } #miniDateCells table { border:1px solid #003399; } #miniDateCells td.active { background-color:#FFFFFF; border:1px solid #003399; } #miniDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; } #miniDateCells td.full { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; background-color:#FFEFCE; border:1px solid #FFB31A; } #miniDateCells td.header { background-color:#FFB31A; font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; font-weight: bold; } #miniDateCells td.monthHeader { background-color:#000000; } #miniDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; } #miniDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; } #miniDateCells a { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; } #miniDateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFB31A; text-decoration:underline; } #miniDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; } #miniDateCells .day:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:underline; } #midDateCells td.active { background-color:#FFFFFF; border:1px solid #003399; } #midDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; } #midDateCells td.full { background-color:#FFEFCE; border:1px solid #FFB31A; } #midDateCells td.header { background-color:#FFB31A; font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight: bold; } #midDateCells td.monthHeader { background-color:#000000; } #midDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; } #midDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; } #midDateCells a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; } #midDateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#FFB31A; font-weight:bold; text-decoration:underline; } #midDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; } #eventDetails{ position:absolute; top:0px; left:0px; width:300px; border:1px solid #000000; padding:2px; background-color:#FFFFFF; visibility:hidden; z-index:1000; font-family:Verdana,Tahoma; font-size:9pt; color:#000000; } #generalBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; border:1px solid #000000; } #generalBox td { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; } #generalBox .alttd { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CFCFCF; } #generalBox .headtd { font-family:Verdana,Tahoma,Arial; font-size:10pt; font-weight:bold; color:#FFFFFF; background-color:#000000; } #generalBox INPUT { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; } #generalBox SELECT { background-color:#DDDDDD; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; } #generalBox a { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; text-decoration:none; } #generalBox a:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; } #generalBox .error { color:#F00000; font-weight:bold; } #generalBox .menuLink { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFFFFF; text-decoration:none; } #generalBox .menuLink:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; } #generalBox .small { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; } #events .calendar { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; border-top: 1px solid #F48000; border-left: 1px solid #F48000; color: #F48000; text-transform: capitalize; margin: 0px; padding: 0px; text-align: left; } #events .title { font-family:Verdana,Tahoma,Arial; font-size:12px; color:#000000; font-weight:bold; text-align: left; } #events .heading { text-align:right; background-color:#CCCCCC; font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; font-weight:bold; } #events .data { background-color:#FFFFFF; font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; } #events a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; text-decoration:underline; } #events a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; } #events .data img { float: left; padding-right: 8px; clear: both; margin: 0px 8px 0px 0px; } #editorBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; border:none; } #editorBox .button { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CCCCCC; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; cursor:pointer; } #editorBox TEXTAREA { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; } #copyright { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; } #copyright a { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; text-decoration:none; } #copyright a:hover { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#FFB31A; text-decoration:underline; } #holiday { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; } /****************** THE BODY AND TABLE LAYOUT *********************************/ #loadrollovers { background-color: #FFFFFF; display: none; } .tableall { margin: 0px; padding: 0px; width: 100%; border: 0px none; border-collapse: collapse; } /****************** for printing only *********************************/ #divPrint { display:none; font-family: "Times New Roman", Times, serif; font-size: 12pt; color: #000000; } /************************* for screen only *********************************/ #divHeader { margin: 0px; padding: 0px; background-color: #FFFFFF; height: 105px; width: 100%; vertical-align: top; text-align: left; } /******************* divLogo *********************/ #divLogo { float: left; margin-top: 9px; padding-left: 6px; } /*************************** Main Navigation ******************************************/ /******** the main navigation top *********/ #topmenu { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } #topmenu li { display: inline; float: left; padding-top: 10px; color: #000000; } ul { font-family: Arial, Helvetica, sans-serif; } #ulHostels a:link, #ulHostels a:visited, #ulHostels a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/hostels.gif); } #ulHostels a:hover, #ulHostels a.current:link, #ulHostels a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/hostelsOver.gif); background-position: left 12px; } #ulHotels a:link, #ulHotels a:visited, #ulHotels a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/hotels.gif); background-position: left top; } #ulHotels a:hover, #ulHotels a.current:link, #ulHotels a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/hotelsOver.gif); background-position: left 12px; } #ulHouseboats a:link, #ulHouseboats a:visited, #ulHouseboats a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/houseboats.gif); } #ulHouseboats a:hover, #ulHouseboats a.current:link, #ulHouseboats a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/houseboatsOver.gif); background-position: left 12px; } #ulBedBreakfast a:link, #ulBedBreakfast a:visited, #ulBedBreakfast a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/bedBreakfast.gif); } #ulBedBreakfast a:hover, #ulBedBreakfast a.current:link, #ulBedBreakfast a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/bedBreakfastOver.gif); background-position: left 12px; } #ulGuesthouses a:link, #ulGuesthouses a:visited, #ulGuesthouses a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/guesthouses.gif); } #ulGuesthouses a:hover, #ulGuesthouses a.current:link, #ulGuesthouses a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/guesthousesOver.gif); background-position: left 12px; } #ulPensions a:link, #ulPensions a:visited, #ulPensions a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/pensions.gif); } #ulPensions a:hover, #ulPensions a.current:link, #ulPensions a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/pensionsOver.gif); background-position: left 12px; } #ulApartments a:link, #ulApartments a:visited, #ulApartments a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/apartments.gif); } #ulApartments a:hover, #ulApartments a.current:link, #ulApartments a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/apartmentsOver.gif); background-position: left 12px; } #ulCampings a:link, #ulCampings a:visited, #ulCampings a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/campings.gif); background-position: left top; } #ulCampings a:hover, #ulCampings a.current:link, #ulCampings a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/campingsOver.gif); background-position: left 12px; } #ulMuseums a:link, #ulMuseums a:visited, #ulMuseums a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/museums.gif); } #ulMuseums a:hover, #ulMuseums a.current:link, #ulMuseums a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/museumsOver.gif); background-position: left 12px; } #ulCoffeeshops a:link, #ulCoffeeshops a:visited, #ulCoffeeshops a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/coffeeshops.gif); } #ulCoffeeshops a:hover, #ulCoffeeshops a.current:link, #ulCoffeeshops a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/coffeeshopsOver.gif); background-position: left 12px; } #ulMaps a:link, #ulMaps a:visited, #ulMaps a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/maps.gif); } #ulMaps a:hover, #ulMaps a.current:link, #ulMaps a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/mapsOver.gif); background-position: left 12px; } #ulForum a:link, #ulForum a:visited, #ulForum a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/forum.gif); } #ulForum a:hover, #ulForum a.current:link, #ulForum a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/forumOver.gif); background-position: left 12px; } #ulGuides a:link, #ulGuides a:visited, #ulGuides a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/guides.gif); } #ulGuides a:hover, #ulGuides a.current:link, #ulGuides a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/guidesOver.gif); background-position: left 12px; } #ulEvents a:link, #ulEvents a:visited, #ulEvents a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/festivals.gif); } #ulEvents a:hover, #ulEvents a.current:link, #ulEvents a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/festivalsOver.gif); background-position: left 12px; } #ulMultimedia a:link, #ulMultimedia a:visited, #ulMultimedia a:active { font-size: 6px; color: #FFFFFF; background-repeat: no-repeat; background-position: left top; display: block; width: 55px; height: 87px; background-image: url(http://www.hostelsamsterdam.com/menu/buttons/multimedia.gif); } #ulMultimedia a:hover, #ulMultimedia a.current:link, #ulMultimedia a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/buttons/multimediaOver.gif); background-position: left 12px; } /******** end main navigation top *********/ /*************************** the footer for simple links ***************************/ #divFooter { border-top: 2px solid #FFFFFF; padding: 0.5em; margin: 0px; text-align: center; width: 100%; } #divFooter a:link, #divFooter a:visited, #divFooter a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000033; text-decoration: none; } #divFooter a:hover { color: #000000; text-decoration: underline; } /******************************** Sub Navigation*******************************/ #divSubHeader { padding: 3px 5px 5px 8px; height: 10px; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCFF99; } #divSubNav a:link, #divSubNav a:visited, #divSubNav a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-image: url(http://www.hostelsamsterdam.com/menu/items/starWhiteSub.gif); background-repeat: no-repeat; background-position: left 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; margin-left: 10px; text-indent: 20px; } #divSubNav a:hover, #divSubNav a.current:link, #divSubNav a.current:visited { background-image: url(http://www.hostelsamsterdam.com/menu/items/starGreenSub.gif); color: #CCFF99; } #breadcrumbs { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; position: absolute; left: 180px; top: 2px; } #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active { color: #999999; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a.current:link, #breadcrumbs a.current:visited { color: #666666; } .tableall #divSubHeader #divSubNav .customer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; border: 1px dotted #ABDA4E; float: right; margin: 0px; padding: 0px 10px 0px 0px; position: absolute; top: 108px; right: 10px; } #divLeft { width: 241px; margin: 0px; padding: 0em 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; vertical-align: top; } #divRight { width: 230px; margin: 0px; vertical-align: top; padding-left: 5px; padding-top: 5px; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; } #divCenter { padding: 8px 10px 3px; text-align: justify; background-color: #FEFFE1; font-family: Arial, Helvetica, sans-serif; margin: 0px; vertical-align: top; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #F48000; font-weight: normal; line-height: 1.3em; font-size: 12px; } .subtext { font-family: Arial, Helvetica, sans-serif; float: left; font-size: 10px; color: #666666; width: 280px; } /******************the upcoming******************/ #generalBox .updata div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; } #generalBox .updata table { margin: 0px; padding: 0px; border: 0px none; border-collapse: collapse; } #generalBox .updata a { font-family:Verdana, Tahoma, Arial; font-size:12px; color:#000000; text-decoration:none; } #generalBox .updata a:hover { font-family:Verdana, Tahoma, Arial; font-size:12px; color:#666666; text-decoration:underline; } .uptime { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; }