body.webpage{ background-color: White; margin:0; } body.printpage{ margin:10; } body.popup { background-color: #EFF3F6; font-family: arial, helvetica, sans-serif; font-size: 12px; color: black; } body.mainmenu { width:100%; height:100%; /*background-image: url('/images/TPmenupix.jpg');*/ background-image: url('/images/thumbs/Splashpalms.jpg'); background-repeat: no-repeat; background-position: center center; } /* HEADER */ .header { font-family: arial,helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal } td.header { background-color:#DDDDDD; text-align:center; vertical-align:middle; } td.topframe { height: 102; background-image: url('/images/booking-header.jpg'); background-repeat: no-repeat; background-position: left top; } /* NAVIGATION BAR */ .nav { font-family: arial,helvetica, sans-serif; color: #696969; font-size: 11px; font-weight: normal; } .navitemoff { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; } .navitemon { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; } .navitemoffbold { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: bold; } .navitemonbold { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; } .whereitemoff { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; } .whereitemon { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color: #FFFFFF; } .whereitemonbkg { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color: #FFFFFF; } .whereitemoffbkg { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; background-color: #D8E1EA; } td.nav { padding:5px; background-color: #D8E1EA; text-align:right; vertical-align:top; } a.nav:Link { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; } a.nav:Visited { font-family: arial,helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; } a.nav:Hover { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; text-decoration: underline; } /* CONTENT */ .content { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal } td.content { background-color:#FFFFFF; padding-left:8px; padding-top:4px; vertical-align:bottom;} div.content { background-color:#FFFFFF; padding-left:8px; padding-top:4px; vertical-align:bottom;} td.numbers { background-color:#FFCC66; border: solid black 1px; font-family: arial, helvetica, sans-serif; color: black; font-size: 12px; font-weight: bold} td.bkgtypcontent { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold } td.stotal { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal; background-color:#FFFFFF; padding-left:8px; padding-top:4px; text-align:right; } td.stotalbox { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal; background-color:#FFFFFF; border: solid black 1px; padding-left:8px; padding-top:4px; } td.total { font-family: arial, helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: normal; background-color:#FFFFFF; padding-left:8px; padding-top:4px; text-align:right; } td.totalbox { font-family: arial, helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: normal; background-color:#FFFFFF; border: solid black 1px; padding-left:8px; padding-top:4px; } .caption { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal } .boldcaption { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold } .smalltext { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 10px; font-weight: bold; } span.smallertext { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 8px; font-weight: bold; } table.info { font-family: arial,helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color: #FFFFFF; } /* HEADER */ td.pgheader { font-family: arial, helvetica, sans-serif; color: #006699; font-weight: bolder; font-size: 12px; font-style: italic; background-color: #FFFFFF; padding-left: 3px; padding-bottom: 4px; } /* COPYRIGHT */ td.cr { font-family: arial, helvetica, sans-serif; font-style: italic; font-size: 10px; color: #006699; } div.cr { font-family: arial, helvetica, sans-serif; font-style: italic; font-size: 10px; color: #006699; } /* INSTRUCTIONS */ td.instructt { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; padding-left: 3px; } td.instructtl { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-top: 1px solid black; padding-left: 3px; } td.instructtr { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-top: 1px solid black; border-right: 1px solid black; padding-left: 3px; } td.instructb { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding-left: 3px; } td.instruct { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding-left: 3px; } td.instructm { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-right: 1px solid black; padding-left: 3px; } th.instruct { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFFFFF; padding-left: 3px; } th.instructc { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding-left: 3px; } table.instruct { font-family: arial,helvetica, sans-serif; font-weight: bold; color:#666666; font-size: 12px; background-color:#FFCC66; padding: 2 2 2 1; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding-left: 3px; } /* AIR */ span.faredesc { font-family: arial, helvetica, sans-serif; color: #CC0000; font-size: 12px; font-weight: bold; } hr.faredesc { color: #CC0000; } span.label { font-family: arial, helvetica, sans-serif; font-style: italic; color: #000000; font-size: 12px; font-weight: bold; } span.detail { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; } /* DARKER */ .highlighted { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; padding-right: 5; padding-left: 3; } td.highlighted { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; padding-left: 2px; padding-right: 2px; } td.highlightednopad { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; } td.hldivider { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; padding-bottom: 2px; } td.hldividertall { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; padding-bottom: 2px; line-height: 2; } td.highlightedsp { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-right: 1px solid #FFFFFF; padding-left: 2px; padding-right: 2px; } td.highlightedtoprtsp { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold; border-top: 1px solid #FFFFFF ; border-right: 1px solid #FFFFFF; } td.highlightedtopsp { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold; border-top: 1px solid #FFFFFF ; } th.hldivider { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; padding-bottom: 2px; } th.highlighted { background-color:#D8E1EA; font-weight: bold; padding-right: 2px;} th.highlightedsp { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-right: 1px solid #FFFFFF; padding-left: 2px; padding-right: 2px; } /* Green Background **/ .highlightedgr { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; padding-right: 5; padding-left: 3; } td.highlightedgr { background-color:#baeeb6; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; padding-left: 2px; padding-right: 2px; } /* LIGHTER */ .lowlighted { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal } td.lowlighted { background-color:#EFF3F6; padding-right: 5; padding-left: 3} th.lowlighted { background-color:#EFF3F6; padding-right: 5; padding-left: 3; font-weight: bold; } textarea.lowlighted { background-color:#EFF3F6; } /* CRUISE AVAILABILITY CELLS */ td.greenlighted { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal; background-color:#33FF00; padding-right: 5; padding-left: 3 } td.redlighted { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal; background-color:#FF0000; padding-right: 5; padding-left: 3 } .title { font-family: verdana,arial,helvetica, sans-serif; color: #00459A; font-size: 24px; font-weight: normal; } .subtitle { font-family: verdana,arial,helvetica, sans-serif; color: #00459A; font-size: 14px; font-weight: normal; font-style: italic; } /* SECTION */ .section { height:20; font-family: verdana, arial,helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size: 12px; background-color:#333366; padding-left: 3; padding-right: 3; } .subsection { font-family: verdana, arial,helvetica, sans-serif; font-weight:bold; color:#333333; font-size: 10px; background-color:#FFFFFF; } th.sectionsp { height:20; font-family: verdana, arial,helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size: 12px; background-color:#333366; padding-left: 3; padding-right: 3; border-right: 1px solid #FFFFFF} td.sectionsp { height:20; font-family: verdana, arial,helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size: 12px; background-color:#333366; padding-left: 3; padding-right: 3; border-right: 1px solid #FFFFFF} /* NAV COMBO */ .navcombo { background-color:#D8E1EA; font-family: arial,helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold } th.navcombo { background-color:#92A8BD; text-align:left} /* TABS */ .tab1 {font-family: arial,helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; } td.tab1 { height:25; padding-left:10; color:#FFFFFF; vertical-align:middle; text-align:center ;} .tab2 {font-family: arial,helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold; } td.tab2 { height:25; padding-left:10; color:#000000; vertical-align:middle; text-align:center ;} a.tab2:Link { COLOR: #333366; font-family: arial,helvetica, sans-serif; font-size: 12px; font-weight: bold } a.tab2:Visited { COLOR: #333366; font-family: arial,helvetica, sans-serif; font-size: 12px; font-weight: bold } a.tab2:Hover { COLOR: #0000FF; font-family: arial,helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; } .tab3 {font-family: arial,helvetica, sans-serif; color: #000000; font-size: 10px; font-weight: bold; } td.tab3 { height:25; padding-left:10; color:#000000; vertical-align:middle; text-align:center; border-right: 1px #686868 solid;} a.tab3:Link { COLOR: #333366; font-family: arial,helvetica, sans-serif; font-size: 10px; font-weight: bold; } a.tab3:Visited { COLOR: #333366; font-family: arial,helvetica, sans-serif; font-size: 10px; font-weight: bold; } a.tab3:Hover { COLOR: #0000FF; font-family: arial,helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } /* FOOTER */ .footer { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 10px; font-weight: normal; } td.footer { background-color:#FFFFFF; padding:3; text-align:left; vertical-align:top; } a.footerlink:Link { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } a.footerlink:Visited { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } a.footerlink:Hover { COLOR: #0000FF; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } a {text-decoration: none} a.normalboldlink:Link { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.normalboldlink:Visited { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.normalboldlink:Hover { COLOR: #0000FF; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; } a.normalsmalllink:Link { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; } a.normalsmalllink:Visited { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; } a.normalsmalllink:Hover { COLOR: #0000FF; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } p.normalsmalllink:Link { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; } p.normalsmalllink:Visited { COLOR: #333366; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; } p.normalsmalllink:Hover { COLOR: #0000FF; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; } .breadcrumb { color: #696969; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; } a.breadcrumb:Link { COLOR: #696969; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; } a.breadcrumb:Visited { COLOR: #696969; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; } a.breadcrumb:Hover { COLOR: #000000; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; } a.sortcol:Link { color: white } a.sortcol:Visited { color: white } a.sortcol:Hover { color: blue; text-decoration: underline; } /* CRUISE AVAILABILITY CALENDAR */ a.crucalred:Link { color: red; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalred:Visited { color: red; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalred:Hover { color: blue; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalora:Link { background:orange; color: black; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalora:Visited { background:orange; color: black; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalora:Hover { background:orange; color: white; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalyel:Link { color: purple; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalyel:Visited { color: purple; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalyel:Hover { color: blue; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalgrn:Link { color: green; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalgrn:Visited { color: green; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } a.crucalgrn:Hover { color: blue; font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; } td.crucalred { background-color:red; vertical-align:top; padding:0; font-family: arial ,helvetica, sans-serif; color:#696969; font-size:12px; font-weight:normal; } td.crucalora { background-color:orange; vertical-align:top; padding:0; font-family: arial ,helvetica, sans-serif; color:#696969; font-size:12px; font-weight:normal; } td.crucalyel { background-color:purple; vertical-align:top; padding:0; font-family: arial ,helvetica, sans-serif; color:#696969; font-size:12px; font-weight:normal; } td.crucalgrn { background-color:green; vertical-align:top; padding:0; font-family: arial ,helvetica, sans-serif; color:#696969; font-size:12px; font-weight:normal; } /* BOXES */ .boxtitle { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; } table.box { background-color:#FFFFFF; padding:0; } td.boxborderulc { width:5; height:5; background-color:#FFFFFF; padding:0; } td.boxbordertop { height:5; background-color:#FFFFFF; padding:0; } td.boxborderurc { width:5; height:5; background-color:#FFFFFF; padding:0; } td.boxborderls { width:5; background-color:#FFFFFF; padding:0; } td.boxcontent { background-color:#FFFFFF; vertical-align:top; padding:0; font-family: arial ,helvetica, sans-serif; color:#696969; font-size:12px; font-weight:normal; } td.boxborderrs { width:5; background-color:#FFFFFF; padding:0; } td.boxborderllc { width:5; height:5; background-color:#FFFFFF; padding:0; } td.boxborderbtm { height:5; background-color:#FFFFFF; padding:0; } td.boxborderlrc { width:5; height:5; background-color:#FFFFFF; padding:0; } td.borderall {border: solid black 1px; } .border {border: solid #333366 2px; background-color: #EFF3F6; } td.bordertlr {border-top: 2px solid #333366; border-left: 2px solid #333366; border-right: 2px solid #333366; background-color: #EFF3F6; } td.borderlr { border-left: 2px solid #333366; border-right: 2px solid #333366; background-color: #EFF3F6; } td.borderblr {border-bottom: 2px solid #333366; border-left: 2px solid #333366; border-right: 2px solid #333366; background-color: #EFF3F6; } td.borderlite { font-family: arial, helvetica, sans-serif; color: #696969; font-size: 12px; font-weight: normal; background-color:#EFF3F6; padding-right: 5; border: thin inset #EEEEEE; } /* PRICES */ input.numeric { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: right; } /* BUTTONS */ input.button { color: white; font-family: Verdana, Arial, sans-serif; font-size: 9pt; font-weight: bold; height: 21px; background-color: #6699CC; border: #6699CC outset 2px; } /* SPACING */ td.spacingrow { line-height: .15; } td.associtemtype { background-color:#EFF3F6; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; } td.itemtype { background-color:#EFF3F6; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; } td.divider { background-color:#D8E1EA; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; } th.bluedivider { background-color:#EFF3F6; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; } th.bluedividersp { background-color:#EFF3F6; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 2px solid #333366; border-right: 1px solid #FFFFFF; } /* Added For Booking Status Color Change*/ td.statuscxl { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color:#FF0000; } td.statusbkd { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color:#33FF00; } td.statusopt { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color:#FF9900; } td.statusquo { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; border: solid black 1px; background-color:#FFFF00; } a.bluelink:link { font-family: Arial; font-weight: bold; font-size: 10pt; color: #000000; text-decoration: none; } a.bluelink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none; } a.bluelink:hover { font-family: Arial; font-weight: bold; font-size: 10pt; color: #FF6600; text-decoration: none; } /* a.bluelink:active { font-family: Arial; font-weight: bold; font-size: 10pt; color: #FF6600; text-decoration: none; } */ selectlink { font-family: Arial; font-weight: bold; font-size: 10pt; color: #FF6600; } .TextFont { FONT-SIZE: 10pt; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; } td.leftpane {font-family: Arial; font-weight: bold; font-size: 10pt; padding-left: 2px; padding-right: 2px; } /* The Modal (background) */ .modal { position: fixed; display: none; /* Hidden by default */ z-index: 1050; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0%; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: #a9bfbf; background-color: rgba(0, 0, 0, 0.4); filter: alpha(opacity=95); overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } /* Modal Content */ .modal-content { position: relative; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #999; border: 2px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0px 3px 9px rgba(0,0,0,0.5); background-color:#EFF3F8; margin: auto; padding: 5px; border: 2px solid #888; width: 32%; } /* The Close Button */ .close { color: red; float: right; font-size: 20px; font-weight: bold; } .close:hover{ color: #000; text-decoration: none; cursor: pointer; } .close:focus { color: #000; text-decoration: none; cursor: pointer; }