/* --[ General]---------------------------------------------------------------------------------- */

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;}
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; }

/* --[ Forms ]---------------------------------------------------------------------------------- */

.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: top;}
form.banner_search td.lbl{ width: 25%;}
form.banner_search input{ 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: 98%;}
form.center_search td.lbl{ width: 25%;}
form.center_search div.dbl_select select,form.center_search div.dbl_select input{ width: 49%;}
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{ width: 457px;}
form.center_search td{ align: left;}
form.center_search_event { padding-left:10px;}
form.center_search_event table{ width: 450px;}
form.center_search_event td{ align: left;}
form label { margin-bottom: 10px; width: 150px; color: #4f4f4f; }
#layout label { margin-bottom: 10px; width: 150px; color: #4f4f4f;}
.textinput { border: 1px solid #777; margin-bottom: 10px;}

#relatedcontainer { width:180px;}
#relatedcontainer table { width: 100%;}
#relatedlist ul { width: 180px;}
#relatedlist li { width: 175px; list-style: none; margin: 0px; padding:0px; border-bottom: 1px #aad0fa solid; font: 11px verdana, sans-serif; text-align: left;}
#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;}

.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;}

.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;}
#navSubAreas ul{ list-style-image: url(images/cyprusevents/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;}
#newsletters #checkboxContainer { padding-bottom:20px;}
#checkboxContainer #text {display:inline;break:none;width:90px;float:left;vertical-align:middle;}
#checkboxContainer img {padding-left:5px;padding-right:5px;display:inline;break:none;vertical-align:middle;float:left;}
#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;}
#searchResults #resultDetails {margin-top:7px;margin-bottom:8px;font-size:11px; }
#searchResults #sortby { display:inline;padding-left: 10px;}
#searchResults #sortby form { padding:0px;margin:0px;clear:none;display:inline;} 
#searchResults #sortby select {font-size: 10px;}
#searchResults #results {}
#searchResults #results img.thumbnail{width:93px;height:70px;padding-right:5px;}
#searchResults #results td#facilities { padding-top: 8px; padding-bottom:25px;}
#searchResults #results #thumbnailCell{ background-color:green;width:20px;}
#searchResults #results #type{font-size: 10px; font-weight: bold;}
#searchResults #results #teaser{font-size: 8pt; padding-top: 5px;}

#famousItems #thumbnail {float:left;width:93px;height:70px;}

.userstorydetails img { padding-right:10px; }

/* -[ Main Layout]-----------------------------------------------------------------*/

#container { margin:0px; padding:0px; text-align:center;}
.multimedia #mainContainer { width:100%;margin:0px;background-color: #f5fafe; }
#mainContainer { border-collapse: collapse; width:100%; padding:0px; margin:0px auto; text-align:left;}
#mainContainer td.topleft {background: url(images/cyprusevents/border-left.png); width: 4px; background-repeat: repeat-y;}
#mainContainer  td.bottomleft { background: url(sprites/edges/edges.jpg); background-position:0px 0px; width: 4px;}
#mainContainer  td.topright { border: 1px solid #003366; background-color: #003366;  display:none; padding-top: 0px;}
#mainContainer  td.bottomright { background: url(sprites/edges/edges.jpg); background-position:0px -43px;	width: 6px; }

#mainPageJSNav { border:0px;width:695;background-color: #f5000;}
#mainPageJSNav td {width:245px;}
#mainPageJSNav #flipper { background: url(/wps/CTO_images/cyprusevents/images/cyprusevents/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 .content-title-sub {position: relative; clear:both; float:left;  text-align:right; padding-right: 5px; width: 180px;}
#mainPageJSNav #last a {background-color: #f5fafe;}

/* -[ Banner ]-----------------------------------------------------------------*/


/* -[ Registered user bar ]-----------------------------------------------------------------*/

/*-[ Home Menu ]-------------------------------------------------------------*/



/*-[ Second Level Menu ]-------------------------------------------------------------*/

/* --[ Skins ]------------------------------------------------------------------------------------------------ */

#cto_multimedia_login.multimedia .wpsPortlet {margin-bottom:10px; } 

.multimedia #login {float:left; padding-bottom:160px;}
.multimedia .wpsPortlet { margin:0px;}
.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;}


/*.edge{ width:12px; height:22px;}*/
/*
table#portlet { width:100%;border:0px;border-collapse: collapse;}
table#portlet #ctobar { height:26px;}
#ctobar td.wpsPortletTitleBarBlue { background: url("sprites/lines/lines.jpg") repeat-x;background-position:0px -71px;}
#ctobar td.edge {}
#ctobar td #left {background: url(sprites/edges/edges.jpg) no-repeat;width: 6px;height:26px;background-position:0px -142px;}
#ctobar td #right {background: url(sprites/edges/edges.jpg) no-repeat;width: 6px;height:26px;background-position:0px -168px;}
#ctobar #stretcher {width:100%;}
*/

.subButton {
	font-weight: bold;
}

#banner #regbar #startBar { background-image: url('images/cyprusevents/edges.jpg'); background-repeat: no-repeat; background-position:0px -84px; width:6px;}
#banner #regbar #endBar { background-image: url('images/cyprusevents/edges.jpg'); background-repeat: no-repeat; background-position:0px -112px; width:6px;}


.wpsPortletTitleBar img { vertical-align:none;}
.wpsPortletTitleBarBlue { background: url("/images/cyprusevents/portletTitleBarBg.gif") repeat-x; width:100%; white-space: nowrap;}
.wpsPortletTitleBarBlue img{ vertical-align:middle;}


.wpsPortletIcons{vertical-align: top; padding-right: 3px;}
#ctotoolbar {float:right;}

/* --[ Portlet Applications ]---------------------------------------------------------------------------------- */
#eventsapp {background-color: #FFFFCF;  border-top: 0px solid #14262F; border-bottom: 2px solid #FDFF78; }
#eventsapp .relatedlist ul{ width: 170px;}
#eventsapp .description { font-weight:normal; }
#eventsapp #scroller {width:170px; height:200px;}

#sitemap ul ul { padding-left:20px;} 
#sitemap { margin-left:10px;}

#famousItems {  }
#famousItems table { text-align:left;border:0px;width:535px;}
#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; }

.multimedia #close { float:right;}
.multimedia #welcomeMessage {float:left;}
.multimedia a {color: #4f4f4f;}

#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;}
#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 ]---------------------------------------------------------------------------------- */


/* --[ 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 ]---------------------------------------------------------------------------------- */


/* --[ 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; }