/* --[ General]---------------------------------------------------------------------------------- */ @MEDIA print { .noprint { display:none; } } body { background-color:white;margin: 0px; padding: 0px; font: 12px Arial, Verdana, Tahoma;} th { background-color: #aad0fa; padding: 3px 0px; font: 12px Arial, Verdana, Tahoma; font-weight: bold;color:#FFFFFF;} tr.even {background-color: #f5fafe;} input, select, textarea { font: 12px Arial, Verdana, Tahoma; vertical-align: middle; color: #4f4f4f;} a { text-decoration: none;/*color: #4f4f4f;*/color: #1962b3;} a:hover { color: #F99900; } h1 { color: #116ac8; font-size: 22px; font-weight: bold; margin: 0px;} h2 { color: #116ac8; font-size: 20px; font-weight: bold; margin: 0px;} h3 { color: #116ac8; font-size: 18px; font-weight: bold; margin: 0px;} h4 { color: #116ac8; font-size: 16px; font-weight: bold; margin: 0px;} h5 { color: #116ac8; font-size: 14px; font-weight: bold; margin: 0px;} h6 { color: #116ac8; font-size: 12px; font-weight: bold; margin: 0px;} hr { height: 1px; width: 100%; color: #aad0fa; background-color: #aad0fa; border: 0px; } ul { margin-left:0px; padding-left:0px;} label { font-weight: bold; font-size: 12px; text-align: left; display: block; clear: left; float: left; width: 80px;} img { border:none; } .bidiright { text-align:right;} .infomsg {float:left; border:solid 1px #A7FCD7; background:#EDFAF4 url(/wps/CTO_Images/icons/16-em-check.png) 6px 3px no-repeat; color:black; font-weight:normal; padding:4px; padding-left:26px; text-align:center; margin-bottom:5px; } .errormsg { float:left;border:solid 1px #FFA8AD; background:#FAEDEE url(/wps/CTO_Images/icons/16-em-cross.png) 6px 3px no-repeat; color:black; font-weight:normal; padding:4px; padding-left:26px; text-align:center; margin-bottom:5px; } /* --[ Forms ]---------------------------------------------------------------------------------- */ .secondlbl{ font-weight: bold; font-size: 12px; font-family: arial; color: #4f4f4f; vertical-align: middle;} .classerror,.error { font-size: 9px; color: rgb(170, 0, 0); font-weight: bold;} div.inside_content{ padding:10px; } form.banner_search label{ width: 50px; font-weight: normal; font-size: 8pt; font-family: arial;} form.banner_search td{ vertical-align: middle;} form.banner_search td.lbl{ width: 25%;} form.banner_search input.txt{ width: 95%;} form.banner_search select{ width: 100%;} div.banner_search{text-align:left;background-color: #f5fafe; width:190px;} form.center_search input.txt{ width: 60%;} form.center_search td.lbl{ width: 25%; vertical-align: middle;} form.center_search div.dbl_select select,form.center_search div.dbl_select input{width: 210px;} form.center_search div.sngl_select input {width:98%;} form.center_search div.sngl_select select { width:99%;} form.center_search_event div.dbl_select_event select,form.center_search div.dbl_select_event input{ width: 142px;} form.center_search_event div.sngl_select_event input { width:280px;} form.center_search_event div.sngl_select_event select { width:286px;} #calendarInput input { width:116px;} form.center_search table{ max-width: 700px;} #coastsandbeaches form.center_search table{max-width: 700px;} form.center_search td{ align: left;} form.center_search_event { padding-left:10px;} form.center_search_event table{ width: 700px;} form.center_search_event td{ align: left;} form label { width: 150px; color: #4f4f4f; } #layout label { margin-bottom: 10px; width: 150px; color: #4f4f4f;} .textinput { border: 1px solid #777; margin-bottom: 10px;} #relatedcontainer { width:100%;} #relatedlist li { width: 175px; list-style: none; margin: 0px; padding:0px; border-bottom: 1px #aad0fa solid; font: 11px verdana, sans-serif;} #relatedlist li a { display:block;padding: 0.7em 0.5em 0.7em 0.9em; text-decoration: none;} #relatedlist li a:link { color: #4f4f4f; } #relatedlist li a:visited { color: #4f4f4f; } #relatedlist li a:hover { color: #F99900;} .contentMenu { font-weight: bold; margin-left: 20px; list-style: none; line-height: 18px;} #content { margin: 0px 5px;} .imagebutton {width:120px; height:19px; color: #fff; font-weight: bold; padding: 0px; background-color: transparent; border: none; font-family: verdana, arial, tahoma; text-decoration: none;cursor:hand; font-size: 11px; background: url(button.jpg) no-repeat;text-align: center;float:right; } .imagebutton:HOVER { text-decoration: underline;} .searchButton { color: #4f4f4f; font-weight: bold; padding: 0px; background-color: #FFF; border: solid 1px #DDD; font-family: verdana, arial, tahoma; text-decoration: none;cursor:hand; font-size: 10px;} .searchButton:HOVER { text-decoration: underline;} #submitButton { width:60px; height:19px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; cursor:pointer;cursor: hand; /* IE 5.x */ } .readmore { font: 10px Verdana, Arial, Tahoma; color: #3663A7; text-align: right; position: relative; right: -295px; text-decoration: none;} .readmore:HOVER { font: 10px Verdana, Arial, Tahoma; color: #3663A7; text-align: right; position: relative; right: -295px;text-decoration: underline;} #content .readmore { clear: left; left: 440px;} #submitButton { float:right;} .banner_search .content-title-sub { padding-bottom:10px; display:block;} .side-descriptive-text { padding: 8px 0px 0px 0px; margin-left: 0; font-family: Arial, Verdana, Tahoma; font-size: 8pt; color: #4f4f4f; width: 150px;} .content-title-main { padding-top: 2px; font: bold 12px Arial, Verdana, Tahoma; color: #F99900;} .content-title-sub a,.content-title-sub a:hover { font: bold 12px Arial, Verdana, Tahoma; color: #0f5cb3;} .content-title-sub { font: bold 12px Arial, Verdana, Tahoma; color: #0f5cb3;} .inside-content { font-family: Arial, Verdana, Tahoma; font-size: 8pt; color: #4f4f4f; text-align: justify; padding-bottom: 26px;} .inside-relative { font-family: Arial, Verdana, Tahoma; font-size: 8pt; color: #4f4f4f; width: 150px; text-align: justify; padding: 10px;} .inside-push-title { padding-top: 2px; font: bold 14px Arial, Verdana, Tahoma; color: #8b8b8b;} #navSubAreas a{color: #4f4f4f;} #navSubAreas a:hover { color: #F99900; } #navSubAreas{ padding-left:12px;margin-top:10px;} #navSubAreas ul{ list-style-image: url(/wps/CTO_Images/bullets/bullet.png); margin: 5px; border: 0px; line-height: 12px;} #navSubAreas ul li{ border: 0px; padding-bottom: 3px; } #checkboxContainer input { vertical-align:middle;float:left;} #checkboxContainer { padding-bottom:10px; float:left;} #checkboxContainer #text { font-size: 11px; font-weight: normal; color: rgb(79, 79, 79);float:inherit;width: 100px;} #checkboxContainer img {float:left;padding-right:5px;padding-left:5px;vertical-align:middle;} #newsletters #checkboxContainer { padding-bottom:20px;} #coastsandbeaches #checkboxContainer {float:left;} #coastsandbeaches #checkboxContainer #text {float:right;vertical-align:middle;/*width:90px;*/} #newsletters #checkboxContainer input {padding-left:10px;} #newsletters #checkboxContainer #text { font-size: 12px; font-weight: bold; color: rgb(79, 79, 79); } #newsletters h2 { padding-bottom: 20px;color: #116ac8;font-size: 12px;font-weight: bold;margin: 0px; } #checkboxContaineracc { padding-bottom:10px; float:left; } #checkboxContaineracc #text{display:inline; break:none; vertical-align:middle; float:left; width:110px;} #checkboxContaineracc #img{ padding-left:5px; padding-right:5px; display:inline; break:none; vertical-align:middle; float:left;} /* -[ Search ]-----------------------------------------------------------------*/ .currentPage { font-weight: bold; color: #0f5cb3;} #sortby,#searchFormGeneral { clear:none; display: inline;} #searchResults #refineSearch { font-size: 10px;margin-left:6px;} #detailedsearch { font-size: 10px;margin-left:6px;float:right;} #searchResults #resultDetails {margin-top:7px;margin-bottom:8px;font: normal 12px Arial, Verdana, Tahoma ;} #searchResults #sortby{padding-left: 10px;margin-top:7px;margin-bottom:8px;font: normal 12px Arial, Verdana, Tahoma ;} #searchResults #sortby form { padding:0px;margin:0px;clear:none;display:inline;} #searchResults #sortby select {font: normal 12px Arial, Verdana, Tahoma ;} #searchResults #sortby label {font: normal 12px Arial, Verdana, Tahoma;} #searchResults #results {} #searchResults #results img.thumbnail{width:93px;height:70px;padding-right:5px;} #searchResults #results td#facilities { padding-top: 2px; padding-bottom:25px;} #searchResults #results #thumbnailCell{ background-color:green;width:20px;} #searchResults #results #type{font-size: 10px; font-weight: bold;} #searchResults #results #desc{font: normal 12px Arial, Verdana, Tahoma;} #searchResults #results #teaser{font-size: 8pt; padding-top: 5px;} #famousItems #thumbnail {float:left;width:93px;height:70px;} .userstorydetails img { padding-right:10px; } #searchResults #results #pagination { line-height:5px;padding: 3px; font-size:11px;} #searchResults #results #pagination #right { padding-right:15px;margin-left: 10px;background: url(http://www.visitcyprus.com/wps/CTO_Images/images/arrow-right.png);background-position:100% 2px; background-repeat:no-repeat;} #searchResults #results #pagination #left {padding-left:15px;margin-right: 10px;background: url(http://www.visitcyprus.com/wps/CTO_Images/images/arrow-left.png);background-position:0px 2px; background-repeat:no-repeat;} /* -[ Main Layout]-----------------------------------------------------------------*/ #container { margin:0px; padding:0px; text-align:center;} .multimedia #mainContainer { width:660px;margin:0px;background-color: #f5fafe; } #mainContainer { border-collapse: collapse; width:985px; padding:0px; margin:0px auto; text-align:left;} #mainContainer td.topleft {background: url(../CTO_Images/images/border-left.png); width: 4px; background-repeat: repeat-y;} #mainContainer td.bottomleft { background: url(../CTO_Images/sprites/edges/edges.jpg); background-position:0px 0px; width: 4px;} #mainContainer td.topright { background: url(../CTO_Images/images/border-left.png); width: 6px; background-repeat: repeat-y;} #mainContainer td.bottomright { background: url(../CTO_Images/sprites/edges/edges.jpg); background-position:0px -43px; width: 6px; } #mainPageJSNav #header { position:relative;width: 180px;padding-right:50px; float:left;text-align:right;padding-top: 2px; font: bold 12px Arial, Verdana, Tahoma; color: #F99900;} #mainPageJSNav { border:0px;width:100%;background-color: #f5000;} #mainPageJSNav td {width:245px;} #mainPageJSNav #flipper { background: url(/wps/CTO_Images/images/content-frame.png); background-repeat: no-repeat; width: 230px; height: 225px; vertical-align: top; font-family: Arial, Verdana, Tahoma; font-size: 8pt; color: #4f4f4f; overflow: hidden; padding-left:4px;} #mainPageJSNav .caption {position: relative; clear:both; float:left; text-align:right; padding-right: 5px; width: 180px;} #mainPageJSNav #buttons {float:right;height:20px;} #mainPageJSNav .slideShow {position:relative;clear:both;} #mainPageJSNav .caption,#mainPageJSNav .caption a,#mainPageJSNav .caption a:hover { font: bold 12px Arial, Verdana, Tahoma; color: #0f5cb3;} #mainPageJSNav a#previous {padding-left:12px;padding-bottom:25px;background: url(../CTO_Images/images/content-path-L.png);background-repeat:no-repeat;} #mainPageJSNav a#next {padding-left:12px;padding-bottom:25px;background: url(../CTO_Images/images/content-path-R.png);background-repeat:no-repeat;} #mainPageJSNav a#previous:hover { background: url(../CTO_Images/images/content-path-L-hover.png);background-repeat:no-repeat;} #mainPageJSNav a#next:hover {background: url(../CTO_Images/images/content-path-R-hover.png);background-repeat:no-repeat;} #mainPageJSNav #last a {background-color: #f5fafe;} #captionButtonContainer {padding-right:12px;} /* -[ Banner ]-----------------------------------------------------------------*/ #banner #topbar { color: #4f4f4f; font: bold 11px Verdana, Arial, Tahoma; padding-left: 4px; padding-right: 4px; margin: 0px; background: url(lines.jpg);background-position:0px -97px; background-repeat: repeat-x; height: 25px; line-height:25px;} #banner #topbar input,#banner #topbar select { font-size:10px;} #banner #countrySelection { float:left;} #banner #search { float:left; margin-left: 70px;} #banner #links { float:right;} #banner #themedPhoto { margin-left:0px; float:right;padding-right:4px;} #banner #themedPhoto img { width: 571px; height: 190px; float:left;} #banner #tabsContainer { padding-left:5px;float:left; clear:both;} #push { background-repeat: no-repeat; width: 407px; height: 255px; padding-left: 8px; vertical-align: top; font-family: Arial, Verdana, Tahoma; font-size: 9pt; color: #4f4f4f; overflow: hidden; } #push h1 { color:#0f5cb3; margin-top: 23px;font-size: 14px; font-weight: bold;} #push #text { margin-top:10px; font-family: Arial, Verdana, Tahoma; font-size: 9pt; color: #4f4f4f; overflow: hidden; height: 180px; width: 365px; text-align: justify; margin-left:10px; line-height: 1.5em; } #breadcrump a { font-size:110%;} #breadcrump { font-weight:bold;padding:0px;padding-bottom:5px;margin:0px;color:#1962b3; } #breadcrump .selected { color:#F99900; font: bold 13px Arial, Verdana, Tahoma; padding-top: 5px;} #breadcrump li { display:inline;} /* -[ Registered user bar ]-----------------------------------------------------------------*/ #banner #regbar { padding-left:5px;padding-right:5px;clear:both; padding-top: 0px; font-weight: normal; font-weight: normal; color: #444;} #banner #regbar a,#banner #topbar a,#banner #links span,#bottombar a { color: #4f4f4f; text-decoration: none; font-size: 10px; text-transform:uppercase; font-family: Verdana, Arial, Tahoma;} #banner #regbar a:hover,#banner #topbar a:hover,#bottombar a:hover { color: #1962b3; text-decoration: underline;} #banner #regbar table { width:100%; border:0px; border-collapse: collapse;} #banner #regbar table td { height:27px;} #banner #regbar #middleBar { background-image: url('lines.jpg');background-position:0px -43px; background-repeat: repeat-x; padding-left: 5px; padding-right: 5px;} #banner #regbar #welcomeMessage { float:left; text-decoration: none; font-size: 12px; color: #116ac8; font-family: Verdana, Arial, Tahoma;} #banner #regbar #links { float:right;padding-top:2px;} #banner #regbar #startBar { background-image: url('edges.jpg'); background-repeat: no-repeat; background-position:0px -84px; width:6px;} #banner #regbar #endBar { background-image: url('edges.jpg'); background-repeat: no-repeat; background-position:0px -112px; width:6px;} #bottombar { color: #4f4f4f; font: bold 10px Verdana, Arial, Tahoma; text-align: center;background-position:0px -7px; background-repeat: repeat-x; height: 27px; background-image: url(../CTO_Images/sprites/lines/lines.jpg); } #bottombar a { font-weight: bold;} /*-[ Home Menu ]-------------------------------------------------------------*/ #homeMainMenu ul li a .side-descriptive-text {font-weight:normal; } #homeMainMenu {font-weight:bold;background-color: #f5fafe;margin-top: 2px; margin-left:2px; } #homeMainMenu ul { padding: 0px 1px 1px 0px; margin: 0px; font-family: Arial, Verdana, Tahoma; font-size: 9pt; color: #4f4f4f; background-repeat: no-repeat; width: 255px;} #homeMainMenu ul li { background-image: url(../CTO_Images/images/side-1-bg.gif);background-position:left top;background-repeat:no-repeat;list-style: none; margin: 0px; padding: 0px; margin-bottom: 5px; text-align: left; height: 55px;} #homeMainMenu ul li a { padding-left:90px;background-image: url(../CTO_Images/sprites/main_menu/maiin_menu_sprite.gif); height: 55px; text-decoration: none; display: block; background-repeat: no-repeat;} #homeMainMenu ul li a:link { color: #3663a7; } #homeMainMenu ul li a:visited { color: #3663a7; } #homeMainMenu ul li a:hover { color: #F99900;} #homeMainMenu #classAb a {background-image: url(../CTO_Images/sprites/second_level_menu/island-blue-large.gif);} #homeMainMenu #classAb a:hover {background-image: url(../CTO_Images/sprites/second_level_menu/island-orange-large.gif);} #homeMainMenu #classA a {background-position:0px 0px;} #homeMainMenu #classA a:hover {background-position:0px -56px;} #homeMainMenu #classB a {background-position:0px -112px;} #homeMainMenu #classB a:hover {background-position:0px -168px;} #homeMainMenu #classC a {background-position:0px -224px;} #homeMainMenu #classC a:hover {background-position:0px -280px;} #homeMainMenu #classD a {background-position:0px -336px;} #homeMainMenu #classD a:hover {background-position:0px -392px;} /*y+2*/ #homeMainMenu #classE a {background-position:1px -449px;}/*x+1,y-1*/ #homeMainMenu #classE a:hover {background-position:0px -504px;} #homeMainMenu #classF a {background-position:0px -566px;} #homeMainMenu #classF a:hover {background-position:0px -623px;}/*y-1*/ /*-[ Second Level Menu ]-------------------------------------------------------------*/ #mainMenu { background-color: #f5fafe; } #levelTwoMainMenu { padding-bottom:250px; /*width: 208px;*/ padding-left: 2px; margin-top: 2px; margin-left: 2px; } #mainContainer.registered #levelTwoMainMenu {margin-top:0px;} #levelTwoMainMenu a { padding-left:60px;} #levelTwoMainMenu ul li a.selectionPath,#navlist_sm a.selected,#tabsContainer a.selected,#tabs a.selectionPath { color: #F99900;} #levelTwoMainMenu ul { padding: 0px 1px 1px 0px; margin: 0px; font: bold 13px Arial, Verdana, Tahoma; letter-spacing: -1px; background-repeat: no-repeat; width: 100%;} #levelTwoMainMenu ul li {background-image: url(../CTO_Images/menu_images/inside-bg.gif);background-repeat:no-repeat;list-style: none; letter-spacing: -1px; margin: 0px; padding: 0px; margin-bottom: 2px;height: 30px;} #levelTwoMainMenu a { background-image: url(../CTO_Images/sprites/second_level_menu/second_level_menu.gif);width: 149px; height: 25px;text-decoration: none; display: block; background-repeat: no-repeat; font: bold 13px Arial, Verdana, Tahoma; padding-top: 5px;} #levelTwoMainMenu a:link { color: #3663a7; } #levelTwoMainMenu a:visited { color: #3663a7; } #levelTwoMainMenu ul li a:hover,#levelTwoMainMenu ul li a.selected,#levelTwoMainMenu ul li a.selectionPath { color: #F99900;} #levelTwoMainMenu #classA_sm a { background-position:0px 0px;} #levelTwoMainMenu #classAb a {background-image: url(../CTO_Images/sprites/second_level_menu/island-blue-small.gif);} #levelTwoMainMenu #classAb a:hover,.el_CY #levelTwoMainMenu #classAb a.selectionPath {background-image: url(../CTO_Images/sprites/second_level_menu/island-orange-small.gif);} #levelTwoMainMenu #classA a:hover,#levelTwoMainMenu #classA a.selectionPath { background-position:0 -30px;} #levelTwoMainMenu #classB_sm a { background-position:0px -60px;} #levelTwoMainMenu #classB_sm a:hover,#levelTwoMainMenu #classB_sm a.selectionPath { background-position:0px -90px;} #levelTwoMainMenu #classC_sm a { background-position:0px -120px;} #levelTwoMainMenu #classC_sm a:hover,#levelTwoMainMenu #classC_sm a.selectionPath { background-position:0px -150px;} #levelTwoMainMenu #classD_sm a { background-position:0px -180px;} #levelTwoMainMenu #classD_sm a:hover,#levelTwoMainMenu #classD_sm a.selectionPath { background-position:0px -210px;} #levelTwoMainMenu #classE_sm a { background-position:0px -240px;} #levelTwoMainMenu #classE_sm a:hover,#levelTwoMainMenu #classE_sm a.selectionPath { background-position:0px -270px;} #levelTwoMainMenu #classF_sm a { background-position:0px -300px;} #levelTwoMainMenu #classF_sm a:hover,#levelTwoMainMenu #classF_sm a.selectionPath { background-position:0px -330px;} #levelTwoMainMenu #classH_sm a { background-position:0px -360px;} #levelTwoMainMenu #classH_sm a:hover,#levelTwoMainMenu #classH_sm a.selectionPath { background-position:0px -390px;} #levelTwoMainMenu #classG_sm a { background-position:0px -420px;} #levelTwoMainMenu #classG_sm a:hover,#levelTwoMainMenu #classG_sm a.selectionPath { background-position:0px -450px;} #levelTwoMainMenu #classI_sm a { background-position:0px -480px;} #levelTwoMainMenu #classI_sm a:hover,#levelTwoMainMenu #classI_sm a.selectionPath { background-position:0px -510px;} /* --[ Skins ]------------------------------------------------------------------------------------------------ */ .cto_b2c_page_ctohome .wpsPortlet { margin-top:0px;margin-bottom:0px} .cto_b2c_page_ctohome .wpsPortletBody { margin-top:0px;margin-bottom:0px} .wpsPortlet {margin-top:2px;margin-bottom:3px; margin-left:2px;margin-right:3px;} #mainContainer.registered .wpsPortlet {margin-top:0px;} #portletspacer { background-color:red; width:5px;} .wpsPortletBody { margin: 0px; padding-left:2px; background-image:none;} #portletbar { height:50px;background: url("lines50.jpg") repeat-x; background-repeat: repeat-x; font-weight: bold;} #portletbar #welcomeMessage { float:left; padding-top:5px; text-decoration: none; font-size: 10px; color: #116ac8; font-family: Verdana, Arial, Tahoma; font-weight: bold;} #portletbar a,#banner #topbar a,#banner #links span,#bottombar a { color: #116ac8; text-decoration: none; font-size: 10px; text-transform:uppercase; font-family: Verdana, Arial, Tahoma; font-weight: bold;} #portletbar a:hover,#banner #topbar a:hover,#bottombar a:hover { color: #f7ad18; text-decoration: underline; font-weight: bold;} #portletbar #links {padding-top:2px; } #portletbarBrochure { height:17px;background: url("lines.jpg") repeat-x;background-position:0px -71px; background-repeat: repeat-x;} #portletbarBrochure #left { float:left;background: url(edges.jpg) no-repeat;background-position:0px -142px; width:6px;} #portletbarBrochure #right { float:right;background: url(edges.jpg) no-repeat;background-position:0px -168px; width:6px;} .wpsPortletIcons{vertical-align: top; padding-right: 3px;} #ctotoolbar {float:right;} /* --[ Portlet Applications ]---------------------------------------------------------------------------------- */ #eventsapp .relatedlist ul{ width: 170px;} #eventsapp .description { font-weight:normal; } #eventsapp #scroller { border: 0px solid #000;width:170px;height:120px} #sitemap ul ul { padding-left:20px;} #sitemap { margin-left:10px;} #famousItems { } #famousItems table { text-align:left;/*border:0px;width:500px;*/} #famousItems table td { vertical-align:top; width:40%; font-face: Arial; font-size: 8pt; color: 4f4f4f; padding: 5px;} #famousItems table td.filled {background-color: #f5fafe;} #famousItems img {padding-right:5px; } #weather h6 {margin-bottom: 20px; } #weather table { font-size: 10px;background-color: #fefdf8;width:100%;border:0; } #weather table th{ border-bottom: 1px solid #4f4f4f;color:black;} #weather table tr#header { background-color: #aad0fa; height: 24px;} #weather table tr.hover { background-color:#FFCC55;} #weather table td{ font-size: 12px;} #weather #weatherMap span { position:relative; font-weight:bold; color:#000; z-index: 100;} #weather img#map {margin-left: 105px;} .weatherPopupCaptionFont { color: #116ac8;font-weight: bold;} .weatherPopupTextFont { color: black; font-size: 14px; font-family: "helvetica neue light", "helvetica neue", helvetica, arial, sans-serif;} .weatherPopupBG { background-color: black;} .weatherPopupCG { background-color: #f5fafe;} .weatherPopupFG { background-color: #f5fafe;} #travelGuide { margin-top:10px;} #travelGuide input { margin:0px;padding:0px; } #gis{margin-top:10px;} #userstory.creator td.error { font-size: 10px; color: rgb(170, 0, 0); } #userstory.creator td.label {font-size: 12px; font-weight: bold; color: rgb(79, 79, 79);} #userstory.creator td.warning { font-size: 10px; color: rgb(170, 0, 0);} #userstory.creator h4 {padding-bottom:10px;} /* --[ Multimedia ]---------------------------------------------------------------------------------- */ #cto_multimedia_login.multimedia .wpsPortlet {margin-bottom:10px; } .multimedia #close { float:right;} .multimedia #welcomeMessage {float:left;} .multimedia a {color: #4f4f4f;} .multimedia #login {float:left; padding-bottom:160px;} .multimedia .wpsPortlet { margin:0px;} #multimedia { float:left;display:block;clear:both;} #multimedia .error {font-size:9px; color:#AA0000;} #multimedia { padding-bottom:20px;backgound-color:yellow;background-image: url(../CTO_Images/images/inside/multimedia/dot.gif); background-repeat: no-repeat;} #multimedia #results { float:left;height: 140px; margin-left: 20px; background-color: #333333; width:630px; overflow:hidden;} * html #multimedia #results { margin-left: 10px;} #multimedia #results table a{ margin-top: 0px; padding-top: 0px; background-color: #333333; color: #ffaf3f; font-size: 12px; font-family: arial, verdana, arial, tahoma; border: none;} #multimedia #results table td { padding: 0px 4px;} #multimedia #results img.selected { border: 2px solid #f5fafe;} #multimedia #paging { margin-left:20px;margin-top:5px;float:left;line-height:35px;width:150px;} * html #multimedia #paging { margin-left:10px;} #multimedia #paging span { float:left;font-size: 10px;width:100px;text-align:center;} #multimedia #paging a { background-repeat:no-repeat;} #multimedia #paging a.previews {padding-top:14px;padding-left:20px;float:left;background-image: url(../CTO_Images/images/inside/multimedia/M-content-path-L.png);} #multimedia #paging a.next {padding-top:14px;padding-left:20px;float:right;background-image: url(../CTO_Images/images/inside/multimedia/M-content-path-R.png);} #multimedia #paging a.previews:hover {background-image: url(../CTO_Images/images/inside/multimedia/M-content-path-L-on.png);} #multimedia #paging a.next:hover {background-image: url(../CTO_Images/images/inside/multimedia/M-content-path-R-on.png);} #multimedia #mmdetails h1,#ecard h1 { font: bold 12px Arial, Verdana, Tahoma;color: #0f5cb3;float:right; padding-right:30px; padding-bottom:20px;} #multimedia #mmdetails #mmcontent #links #downloadLink {background-image: url(../CTO_Images/images/inside/multimedia/icon-download.gif);} #multimedia #mmdetails #mmcontent #links #ecardLink {background-image: url(../CTO_Images/images/inside/multimedia/icon-ecards.gif);background-position:3px;0px;} #multimedia #mmdetails #mmcontent #links #ipodDownloadLink {background-image: url(../CTO_Images/images/inside/multimedia/ipod_icon.png);background-position:7px;0px;} #mmdetails #mmcontent #links a {background-repeat:no-repeat;line-height:25px;padding-left:30px; color:#4f4f4f;font-size: 11px; font-weight: bold; display:block; margin-bottom:4px;} #multimedia #mmdetails #mmcontent #links {float:left; text-align: left; background-image: url(../CTO_Images/images/inside/multimedia/label.jpg); background-repeat: no-repeat; width: 100px; height: 106px; padding: 11px 9px; margin-top: 100px;} #multimedia #mmdetails { clear:both;display:block;padding-left: 4px;} #multimedia #mmdetails #mmcontent {padding-top:25px;width:560px;clear:both; background-image: url(../CTO_Images/images/inside/multimedia/frame.png); background-position: 100% 0px; background-repeat: no-repeat; height: 380px;} #multimedia #mmdetails #mmcontent #presentation {width:400px; height:300px;float:left;margin-left:25px; } * html #multimedia #mmdetails #mmcontent #presentation { margin-left:15px; } #multimedia #mmdetails #mmcontent #presentation img { width:400px; height:300px; } #mmdetails #mmcontent #presentation #video img#thumbnail,#mmdetails #mmcontent #games img#thumbnail { width:100px; height:100px; } #video #bandwidth,#mmdetails #mmcontent #games { margin-top:90px;font-weight:bold;font-size:150%;float:left;} #video #bandwidth a#low { margin-top:20px; margin-top:2px; } #video #bandwidth a#high { margin-top:2px; } #video #bandwidth a,#mmdetails #mmcontent #games a { margin-top:35px;float:left;margin-left:10px;} #video #bandwidth a:hover,#games a:hover { color: #F99900;} #multimedia #fullscreen #player { height: 100%; overflow: hidden; margin: 0; padding: 0px; } #ecard #mmdetails #mmcontent {width:500px;padding-top: 20px; background-image: url(../CTO_Images/images/inside/multimedia/frame.png); background-position: 0px 0px; background-repeat: no-repeat; height: 350px;} #ecard #mmdetails #mmcontent #presentation {float:left; margin-left:30px; } #multimedia #ecard {float:left;clear:both;display:block;margin-left:20px;margin-top:40px;width:100%;color:black;padding-bottom:75px; } #multimedia #ecard #imgCell { padding:10px; width:120px;} #multimedia #ecard img {width:200px;height:150px;} #multimedia #ecard label { width: 120px; } #multimedia #ecard .required { font-size:8px; color:#AA0000;} #multimedia #ecard input { border: 1px solid #777; margin-bottom: 10px;} #multimedia #ecard textarea { border: 1px solid #777;} #multimedia #ecard form br { line-height: 3px; } #multimedia #ecard #buttons {float: right;margin-bottom:20px;margin-top:20px;} #multimedia #statusmessage { float:left;text-align:center;margin-top:220px;padding-bottom:220px;} .multimedia a{font: bold 12px Arial, Verdana, Tahoma;color: #0f5cb3;} .multimedia a:hover{color: #F99900;} /* --[ Calendar popup ]---------------------------------------------------------------------------------- */ #calendarDiv { position:absolute;width:205px;border:1px solid #317082;padding:1px;background-color: #FFF;font-family:arial;font-size:10px;padding-bottom:20px;visibility:hidden;} #calendarDiv span,#calendarDiv img{ float:left;} #calendarDiv .selectBox,#calendarDiv .selectBoxOver{ line-height:12px;padding:1px;cursor:pointer;padding-left:2px;} #calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px;} #calendarDiv td{ padding:3px; margin:0px; font-size:10px;} #calendarDiv .selectBox{ border:1px solid #E2EBED;color: #E2EBED; position:relative;} #calendarDiv .selectBoxOver{ border:1px solid #FFF; background-color: #317082; color: #FFF;position:relative;} #calendarDiv .selectBoxTime{ border:1px solid #317082; color: #317082; position:relative;} #calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative;} #calendarDiv .topBar{ height:16px; padding:2px; background-color: #317082;} #calendarDiv .activeDay{ color:#FF0000;} #calendarDiv .todaysDate{ height:17px; line-height:17px; padding:2px; background-color: #E2EBED; text-align:center; position:absolute; bottom:0px; width:201px;} #calendarDiv .todaysDate div{ float:left;} #calendarDiv .timeBar{ height:17px; line-height:17px;background-color: #E2EBED; width:72px; color:#FFF; position:absolute; right:0px;} #calendarDiv .timeBar div{ float:left; margin-right:1px;} #calendarDiv .monthYearPicker{ background-color: #E2EBED; border:1px solid #AAAAAA; position:absolute; color: #317082; left:0px; top:15px; z-index:1000; display:none;} #calendarDiv #monthSelect{ width:70px;} #calendarDiv .monthYearPicker div{ float:none; clear:both; padding:1px; margin:1px; cursor:pointer;} #calendarDiv .monthYearActive{ background-color:#317082; color: #E2EBED;} #calendarDiv td{ text-align:right; cursor:pointer;} #calendarDiv .topBar img{ cursor:pointer;} #calendarDiv .topBar div{ float:left; margin-right:1px;} /* --[ Tabs ]---------------------------------------------------------------------------------- */ #tabs { width:380px;height:185px;padding:0px 5px 5px 5px;background-image:url('/wps/CTO_Images/tabs/top-push.gif');background-repeat: no-repeat;background-color: #fefdf8; font-family: Tahoma;} #tabs a { text-decoration: none;} #tabs #menu { margin: 0px; padding: 0px; list-style-type: none;} #tabs #menu li { display: inline; float:left; padding-bottom:2px;background: transparent url('/wps/CTO_Images/tabs/border-bottom.gif') repeat-x bottom left;} #tabs #menu li#last a { background: none;} #tabs #menu li.selected { background: none;} #tabs #menu a { text-align:center;float:left;vertical-align:top;background: transparent url('/wps/CTO_Images/tabs/tab-seperator.gif') repeat-y top right;font-size: 12px;font-weight: bold;color: #777777;width:126px;line-height:30px;} #tabs #menu .selected a,#tabs #menu .selected a:hover{ color: #f7ad18;} #tabs #menu a:hover,#tabs #menu .selected a.focus:hover{ color: #f7ad18;/*color: #1962b3;*/} #tabs #menu .selected a.focus { color: #1962b3; } #tabs #clipper {position:relative;overflow: hidden;float:left;margin-top:5px;width:379px;} #tabs #sectionsContainer {position:relative; float:left;width:1200px;} #tabs .section { width:398px;float:left;} #tabs #sectionsContainer .section img { float:left;border:none;width:180px;height:136px;margin-left: 15px;padding-right:15px;} #tabs #sectionsContainer a { display:block; font-size: 10px; color: #1962b3; font-weight: bold; text-decoration: none; line-height: 16px;} #tabs #sectionsContainer a:hover,#tabs #sectionsContainer a.selected,#tabs #sectionsContainer a.selectionPath { color: #f7ad18;} /* --[ Presentation Templates ]---------------------------------------------------------------------------------- */ #printview {font: 12px Verdana, Tahoma; } .pt label { font-weight:normal;width:130px;} #ptContainer {width:100%;} .pt h5 { padding-bottom:10px; } .pt #content{ padding-bottom:10px; } #minheight.survey { height:500px; } .RowLabels{background-color: #88B0DC; color:FFF; font-size: 11px; font-weight: bold; margin-bottom: 2px; padding: 0px;} .ReviewRowLabels{background-color: #88B0DC; color:FFF; font-size: 14px; font-weight: bold; margin-bottom: 2px; padding: 0px;} .RoomSelectionLabels{width: 50px; font-weight: bold; font-size: 8pt; font-family: arial;} .RoomSelectionRoomLabel{font: bold 11px Arial, Verdana, Tahoma ; color: #88B0DC;} .RoomSelectionRoomData{font: normal 10px Arial, Verdana, Tahoma ; margin-top: 2px; } .RoomSelectionPrice{font: bold 11px Arial, Verdana, Tahoma ;} .FormLabel { font: bold 12px Arial, Verdana, Tahoma ;color: rgb(79, 79, 79);} .FormInput {font: normal 12px Arial, Verdana, Tahoma ;text-align:left; width:140px;} .FormInputA {font: normal 12px Arial, Verdana, Tahoma ;text-align:left; width:58px;} .FormInputB {font: normal 12px Arial, Verdana, Tahoma ;text-align:left; width:37px;} .FormStar {font-size: 12px; color: rgb(170, 0, 0);} .FormData {font: normal 12px Arial, Verdana, Tahoma;} .AV { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: bold; font-size: 11px; color: #4FC24F; } .OR { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #FAB000; } .SC { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #3477CB; } .TE { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: bold; font-size: 11px; color: #052AE3; } .PE { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #800000; } .CP { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #FFFF00; } .CF { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: green; } .CX { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #E8624E; } .SN { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #00007D; } .NA { font-family: Arial, Verdana, Tahoma ; font-style: italic; font-weight: normal; font-size: 11px; color: #FF3300; } .Red_ {font-size: 12px; color: #FF4040;} .Green_ {font-size: 12px; color: #4FC24F;} .Black_ {font-size: 12px; color: black;} .backgroundImage{ background-image:url('content-frame.png'); background-repeat: no-repeat; } /* **************************************************************** */ /* START Classes for brochure */ /* **************************************************************** */ .headerTopOrangeBrochure { color: #826646; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Tahoma; } .headerBlueBrochure { background-color: #D2E6FE; color:#156AD2; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Tahoma; border: 1px solid #AACFFB; } .sectionLabelHeader { color: #727294; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Tahoma; } .sectionLabel { color: #3281DF; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Tahoma; } .label { color: black; font-size: 11px; font-family: Verdana, Arial, Tahoma; } .labelBold { color: #3281DF; font-size: 11px; font-family: Verdana, Arial, Tahoma; font-weight: bold; } .grey_bg { background-color: #F4F5F7; } .link-site-action { color: #8C8686; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; text-decoration: none; } .link-site-action:hover { color: #8C8686; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; text-decoration: underline; } .brochureBottomBorder { border-bottom: 1px solid #DCE0E3; } @media print { #hidewhenprinted { display: none; height: 0 } } @media screen { #hidewhenprinted { display: block; height: auto } } .commentsJustified { word-wrap: break-word; text-align: justify; padding-top: 2px; } .brochurePhotosBox { border: 1px solid #DCE0E3; } /* **************************************************************** */ /* END Classes for brochure */ /* **************************************************************** */ #pagingNavigation{ line-height:5px; list-style: none; margin: 0px; padding:3px; border-bottom: 1px #aad0fa solid; font: 11px verdana, sans-serif; font-weight: bold; color: #0f5cb3; font-style:normal;} #pagingNavigation a { font-weight:normal; color: #3663A7; font-style:normal;} #pagingNavigation #right { padding-right:15px;margin-left: 10px;background: url(http://www.visitcyprus.com/wps/CTO_Images/images/arrow-right.png);background-position:100% 2px; background-repeat:no-repeat;} #pagingNavigation #left {padding-left:15px;margin-right: 10px;background: url(http://www.visitcyprus.com/wps/CTO_Images/images/arrow-left.png);background-position:0px 2px; background-repeat:no-repeat;} #pagingNavigation em {font-style:normal;} } /* ************************************ */ /* Classes for Oth & Ta */ /* ************************************ */ .ResultHeader{background-image:url('header_grey.jpg'); background-repeat: repeat; font-size: 11px; font-weight: bold; margin-bottom: 2px; padding: 2px;} #advHeader{font-size: 12px; font-weight: bold; }