/* GENERAL */ form { margin: 0px; padding: 0px; } div, span { display: inline; } div, span, p, td { font-family: Arial; font-size: 11px; } a img { border: none; } a { text-decoration: none; color: #ffcc00; } a:hover { text-decoration: underline; } .Link { cursor: pointer; } .TextBox { border: none; background: url('../images/textbox.png') no-repeat top; width: 160px; height: 20px; font-size: 10px; color: #333333; padding: 4px 0px 0px 10px; } .Button { width: 84px; height: 35px; vertical-align: top; padding-bottom: 12px; border: none; background: url('../images/button.png') no-repeat left; font-weight: bold; color: #ffffff; } .Button:hover { background-position: right; } .ErrorLabel { display: block; float: left; color: #ffff33; } .ErrorLabel ul { padding: 0px 15px 0px 15px; } p { text-align: justify; padding: 0px; margin: 0px 5px 0px; } /* LAYOUT */ body, html, .body { margin: 0px; padding: 0px; width: 100%; height: 120%; background: #ffffff; text-align: center; } .body { background: url('../bg.php') no-repeat center top; } .FrontendContainer { display: block; width: 890px; margin: 0px auto; text-align: left; } .Header { display: block; float: left; width: 890px; height: 80px; background: url('../images/header.png') no-repeat; margin-bottom: 0px; } .Page { display: block; float: left; width: 890px; background: #004D83; background: url('../images/page-body.jpg') repeat-y; } .PageTop { display: block; float: left; width: 890px; height: 20px; background: url('../images/page-top.png') no-repeat; } .PageBottom { display: block; float: left; width: 890px; height: 19px; background: url('../images/page-bottom.png') no-repeat; margin-bottom: 20px; } .mLeftPanel { display: block; float: left; width: 190px; overflow: hidden; } .mCenterPanelContainer { display: block; float: left; width: 490px; margin: 0px 10px 10px 10px; overflow: hidden; } .mCenterPanel { display: block; float: left; width: 490px; } .mRightPanel { display: block; float: right; width: 190px; overflow: hidden; } .legal { display: block; float: left; clear: both; margin-left: 185px; width: 480px; } .legal li { list-style: none; float: left; margin: 5px; } .legal a { color: #aabbcc; } /* Left panel */ .mLeftPanel .Container { display: block; float: left; width: 180px; margin: 0px 0px 10px 10px; background: #0065B3; } .mLeftPanel .mMainMenu, .mLeftPanel .mLogin, .mLeftPanel .mLoggedIn { display: block; float: left; width: 180px; padding: 5px; } .mLeftPanel .mMainMenu { background: url('../images/1col-190px-blue.gif') no-repeat; } .mLeftPanel .mMainMenu .Link { display: block; float: left; width: 170px; height: 25px; background: url('../images/separator.gif') repeat-x 0px 24px; overflow: hidden; } .mLeftPanel .mMainMenu .Link span { display: block; float: left; width: 300px; margin-top: 4px; padding-left: 20px; background: url('../images/bullet.gif') no-repeat 3px 3px; font-size: 11px; color: #ffffff; } .mLeftPanel .mMainMenu .Link:hover { text-decoration: none; } .mLeftPanel .mMainMenu .Link:hover span { color: #ffcc00; background-position: 5px 3px; } .mLeftPanel .mLogin { background: url('../images/login.jpg') no-repeat; padding-top: 35px; } .mLeftPanel .mLogin .ErrorLabel { margin-top: 30px; margin-left: 0px; } .mLeftPanel .mLogin .Label, .mLeftPanel .mLogin .TextBox, .mLeftPanel .mLogin .Button { display: block; float: left; clear: both; } .mLeftPanel .mLogin .Label { font-family: 'Trebuchet MS', Arial; font-size: 12px; color: #ffffff; margin-bottom: 3px; } .mLeftPanel .mLogin .TextBox { margin-bottom: 5px; width: 160px; } .mLeftPanel .mLogin .Button { margin-left: 38px; } .mLeftPanel .lnkRegister { display: block; float: left; width: 170px; margin: 0px 0px 17px 15px; } /*.mLeftPanel .mLoggedInContainer { margin-bottom: 133px; }*/ .mLeftPanel .mLoggedIn .Label, .mLeftPanel .mLoggedIn .Link, .mLeftPanel .mLoggedIn .Button { display: block; float: left; clear: both; } .mLeftPanel .mLoggedIn .lblModuleTitle { color: #DDEEFF; font-size: 12px; margin-bottom: 5px; } .mLeftPanel .mLoggedIn .lnkBackend { margin-bottom: 5px; margin-left: 43px; } .mLeftPanel .mLoggedIn .Button { margin-left: 38px; } /* Right panel */ .mRightPanel .Container { display: block; float: left; width: 180px; margin: 0px 10px 10px 0px; background: #0065B3; } .mRightPanel .mSearchControl { display: block; float: left; width: 180px; margin-bottom: 10px; padding-top: 35px; padding-bottom: 5px; background: url('../images/search.jpg') no-repeat; } .mRightPanel .mSearchControl .TextBox { width: 170px; margin-bottom: 5px; } .mRightPanel .mSearchControl .Button { margin-left: 45px; } .mRightPanel .mEUB span { display: block; float: left; margin-bottom: 10px; width: 180px; height: 146px; background: url('../images/eub.jpg') no-repeat; overflow: hidden; } /*.mRightPanel object { width: 180px; margin-bottom: 10px; }*/ .mRightPanel .mExpertAnswer { display: block; float: left; width: 180px; height: 256px; margin-bottom: 10px; overflow: hidden; background: url('../images/expert.jpg'); } .mRightPanel .mExpertAnswer span { display: block; float: left; width: 140px; margin-left: 20px; margin-top: 165px; color: #fff; } .mRightPanel .mLondonBlog { display: block; float: left; width: 180px; height: 256px; margin-bottom: 10px; overflow: hidden; background: url('../images/london.jpg'); } .mRightPanel .mSalzburgBlog { display: block; float: left; width: 180px; height: 256px; margin-bottom: 10px; overflow: hidden; background: url('../images/salzburg.jpg'); } .mRightPanel .mLondonBlog span { display: block; float: left; margin-top: 165px; margin-bottom: 10px; margin-left: 20px; width: 140px; color: #fff; } .mRightPanel .mSalzburgBlog span { display: block; float: left; margin-top: 165px; margin-bottom: 10px; margin-left: 20px; width: 140px; color: #fff; } .mRightPanel .mWeather { display: block; float: left; padding: 5px; background: url('../images/weather.jpg') no-repeat; padding-top: 35px; } .mRightPanel .mWeather .lblModuleTitle { display: block; width: 170px; font-family: 'Arial Black', 'Arial'; color: #000000; } .mRightPanel .mWeather .lblTemperature { display: block; float: right; width: 50px; height: 25px; margin-top: -25px; font-size: 20px; color: #993333; font-family: 'Arial Black', Arial; } .mRightPanel .WeatherInfo .lblHumidity, .mRightPanel .WeatherInfo .lblPressure { display: block; color: #111111; } .mRightPanel object { margin-bottom: 10px; } .mLeftPanel .mExchangeRate { display: block; float: left; padding: 5px; background: url('../images/exchange.jpg') no-repeat; padding-top: 35px; } .mLeftPanel .mExchangeRate .lblModuleTitle { display: block; width: 170px; margin-bottom: 10px; font-family: 'Arial Black', 'Arial'; color: #000000; } .mLeftPanel .mExchangeRate .CaptionedLabel { display: block; width: 170px; height: 15px; } .mLeftPanel .ExchangeRateInfo .CaptionedLabel .Caption { float: left; font-weight: bold; color: #000000; padding-left: 10px; } .mLeftPanel .ExchangeRateInfo .CaptionedLabel .Value { float: right; width: 50px; color: #333333; text-align: right; padding-right: 60px; } /* INDEX */ .Highlights { display: block; width: 490px; height: 260px; background: #ffffff; margin-bottom: 10px; } .Highlights .Slider { display: block; width: 490px; height: 260px; } .Highlights .SliderNavigation { display: block; float: right; height: 30px; width: 60px; margin-top: -110px; position: relative; z-index: 1000; } .Highlights .SliderNavigation span { display: block; float: left; clear: none; width: 30px; height: 30px; } .Highlights .SliderNavigation .Prev span { background: url('../images/left.png') no-repeat 5px 5px; } .Highlights .SliderNavigation .Next span { background: url('../images/right.png') no-repeat 5px 5px; } .HighlightsItem { display: block; width: 490px; height: 260px; } .HighlightsItem .imgImageContainer { display: block; width: 490px; height: 260px; overflow: hidden; } .HighlightsItem .imgImage { display: block; width: 490px; height: 260px; } .HighlightsItem .imgImage img { width: 490px; } .HighlightsItem .lblOverlay { display: block; width: 490px; height: 80px; margin-top: -80px; } .HighlightsItem .lblTitle { display: block; width: 490px; height: 20px; margin-top: -80px; } .HighlightsItem .lblTitle span { display: block; font-size: 16px; font-family: 'Arial Black', 'Arial'; color: #ffffff; line-height: 20px; padding: 5px 10px 5px 10px; } .HighlightsItem .lblTitle:hover { text-decoration: none; } .HighlightsItem .lblIntroContainer { display: block; width: 490px; height: 60px; overflow: hidden; } .HighlightsItem .lblIntro { display: block; padding: 10px 10px 5px 10px; text-align: justify; color: #ffffff; } .HighlightsItem .lblOverlay, .Highlights .SliderNavigation { background: #1e96a1; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .HighlightsItem .imgImageContainer { position: relative; z-index: 1; } .HighlightsItem .lblOverlay { position: relative; z-index: 2; } .HighlightsItem .lblTitle, .HighlightsItem .lblIntroContainer { position: relative; z-index: 3; } .ArticleCategories { margin-left: 2px; } .ArticleCategoryItem { display: block; float: left; width: 245px; height:90px; overflow: hidden; background: url('../images/feature-links-bg.gif') no-repeat top; } .ArticleCategoryItem:hover { background-position: bottom; } .ArticleCategoryItem .imgImageContainer { display: block; float: left; margin: 10px 10px 0px 10px; width: 65px; height: 65px; background: #ffffff; overflow: hidden; text-align: center; border: 2px solid #ffffff; } .ArticleCategoryItem .imgImageContainer .imgImage { margin-top: 2px; } .ArticleCategoryItem .lblName { display: block; float: left; width: 150px; line-height: 14px; margin-top: 10px; } .ArticleCategoryItem .lblName span { font-size: 12px; color: #fff; font-family: 'Arial Black', 'Arial'; } .ArticleCategoryItem .lblName:hover { text-decoration: none; } .ArticleCategoryItem .lblName:hover span { color: #ddddff; } .ArticleCategoryItem .icLatest { float: left; width: 150px; overflow: hidden; margin-top: 5px;} .ArticleCategoryItem .icLatest .Link { color: #ffffff; } .ArticleCategoryItem .icLatest .Link span { display: block; width: 600px; background: url('../images/bullet.gif') no-repeat 0px 2px; padding-left: 10px; padding-bottom: 1px; font-size: 10px; } .ArticleCategoryItem .icLatest .Link:hover { color: #ddddff; } .ArticleCategoryItem .icLatest .Link:hover span { text-decoration: underline; background-position: 1px 2px; } .PortalIndexCenterPanel object { margin-top: 10px; } /* ARTICLE CATEGORY PAGE */ .ViewArticleCategory { display: block; float: left; width: 490px; } .ViewArticleCategory .lblCategoryTitle { display: block; font-size: 18px; font-family: 'Arial Black', 'Arial'; margin-bottom: 10px; color: #ffffff; } .ViewArticleCategory .ViewArticleIntro { display: block; float: left; clear: both; width: 490px; margin-bottom: 20px; color: #eeeeff; text-align: justify; } .ViewArticleCategory .ViewArticleIntro .imgImage { float: left; margin: 0px 10px 10px 0px; } .ViewArticleCategory .ViewArticleIntro .lnkTitle { display: block; margin-bottom: 5px; } .ViewArticleCategory .ViewArticleIntro .lnkTitle span { font-size: 14px; font-weight: bold; } /* ARTICLE PAGE */ .ViewArticle { display: block; float: left; width: 427px; margin-bottom: 10px;} .ViewArticle .lblTitle { display: block; font-size: 18px; font-family: 'Arial Black', 'Arial'; margin-bottom: 10px; color: #ffffff; } .ViewArticle .imgImage { float: left; margin: 0px 10px 10px 0px; } .ViewArticle .lblIntro { color: #ffffff; font-weight: bold; text-align: justify; font-size: 12px; } .ViewArticle .lblBody { display: block; float: left; clear: both; width: 490px; color: #eeeeee; text-align: justify; font-size: 12px; } .AddComment { display: block; float: left; width: 490px; background: url('../images/2col-490px-blue.gif') no-repeat; margin-bottom: 20px; } .AddComment .Register { display: block; float: left; padding: 10px; } .AddComment .Login { display: block; float: left; padding: 10px; } .AddComment .TabControl { display: block; float: left; margin-left: 35px; margin-bottom: 30px;} .AddComment .TabControl .TextBox { width: 150px; } .AddComment .Label, .AddComment .TextBox, .AddComment .TextArea, .AddComment .Button { display: block; float: left; margin-bottom: 2px;} .AddComment .TextArea { width: 450px; } .AddComment .Label { clear: both; width: 120px; margin-left: 15px; margin-top: 5px; } .AddComment .lblCapTitle { width: 60px; } .AddComment .txtTitle { width: 234px; } .AddComment .lblCapQuestion { width: 60px; } .AddComment .lblText { margin-left: 15px; width: 450px; } .AddComment .Button { margin-left: 15px; margin-bottom: 20px; } .AddComment .lblModuleTitle { width: 300px; margin: 0px; font-family: 'Arial Black', 'Arial'; font-size: 16px; line-height: 25px; color: #ffffff; margin: 5px 10px 20px 10px; } .AddComment .lblFeedback { display: block; width: 400px; margin-bottom: 10px; font-weight: bold; } .mViewComments .ViewComment { display: block; float: left; width: 490px; background: #ffffff; border: 1px solid #ddeeff; margin-bottom: 5px; } .mViewComments .ViewComment .Label { float: left; width: 350px; padding: 0px 15px 15px 15px; } .mViewComments .ViewComment .lblUserName { color: #999; margin-bottom: 15px; padding-bottom: 0px; padding-top: 15px; } /* ExpertQNA */ .Register .Label, .Register .TextBox { display: block; float: left; } .Register .Label { clear: both; } .AskExpert { display: block; float: left; width: 490px; background: url('../images/2col-490px-blue.gif') no-repeat; margin-bottom: 20px; } .AskExpert .Register { display: block; float: left; padding: 10px; } .AskExpert .Login { display: block; float: left; padding: 10px; } .AskExpert .TabControl { display: block; float: left; margin-left: 35px; margin-bottom: 30px; } .AskExpert .Label, .AskExpert .TextBox, .AskExpert .TextArea, .AskExpert .Button { display: block; float: left; margin-bottom: 2px;} .AskExpert .Label { clear: both; width: 120px; margin-left: 15px; margin-top: 5px; } .AskExpert .lblCapTitle { width: 60px; color: #ffffff; } .AskExpert .txtTitle { width: 234px; background-image: url('../images/textbox-long.png'); } .AskExpert .lblCapQuestion { width: 60px; color: #ffffff; } .AskExpert .txtQuestion { margin-left: 15px; width: 405px; } .AskExpert .Button { margin-left: 15px; } .AskExpert .lblModuleTitle { width: 300px; margin: 0px; font-family: 'Arial Black', 'Arial'; font-size: 16px; line-height: 25px; color: #ffffff; margin: 5px 10px 20px 10px; } .AskExpert .lblFeedback { display: block; width: 400px; margin-bottom: 10px; font-weight: bold; } .ViewExpert { display: block; float: left; width: 490px; } .ViewExpertQuestion { display: block; background: url('../images/2col-490px-blue.gif') no-repeat; padding-bottom: 10px; margin-bottom: 10px; } .ViewExpertQuestion .lblTitle { display: block; padding: 6px 10px 20px 10px; font-size: 14px; font-weight: bold; font-family: 'Trebuchet Ms', Arial; color: #ffffff; } .ViewExpertQuestion .lblQuestionContainer { display: block; margin-bottom: 10px; width: 460px; margin-left: 15px; } .ViewExpertQuestion .lblQuestion { display: block; background: url('../images/2col-490px-lightblue.gif') no-repeat; padding: 15px; color: #ffffff; } .ViewExpertQuestion .lblAnswerContainer { display: block; margin-bottom: 10px; width: 460px; margin-left: 15px; } .ViewExpertQuestion .lblAnswer { display: block; background: url('../images/2col-490px-green.gif') no-repeat; padding: 15px; } .RegisterPage .Register { display: block; float: left; width: 490px; padding: 10px 20px 20px 20px; background: url('../images/regbg.jpg'); } .RegisterPage .Register span { color: #ffffff; } .RegisterPage .Register .Label, .RegisterPage .Register .Button { float: left; } .RegisterPage .Register .TextBox { float: left; margin-right: 150px; } .RegisterPage .Register .Label, .RegisterPage .Register .Button { clear: both; } .RegisterPage .Register .Label { width: 110px; margin-top: 4px; } .RegisterPage .Register .Button { margin-top: 10px; } .RegisterPage .Register .lblTitle { float: left; width: 450px; font-size: 16px; font-family: 'Arial Black', Arial; margin-bottom: 20px; } .RegisterPage .mSuccessfull { display: block; float: left; clear: both; } /* SearchPage */ .SearchResults { color: #ffffff; } .lblSearchResults { display: block; margin-bottom: 20px; font-size: 16px; font-family: 'Arial Black'; } .SearchItem { display: block; margin-bottom: 15px; width: 490px; padding-bottom: 15px; border-bottom: 1px solid #217cbd; } .SearchItem .Label { display: block; } .SearchResults .SmartLabel, .SearchResults .TextLink span { display: block; font-size: 16px; margin-bottom: 5px; font-weight: bold; } /* BACKEND */ .BackendPage .Label, .BackendPage .Link, .BackendPage .TextBox, .BackendPage .CheckBox, .BackendPage .ComboBox, .BackendPage .DatePicker, .BackendPage .ImageUpload, .BackendPage .Button, .BackendPage .Image, .BackendPage .ImageThumb, .BackendPage .FileUpload, .BackendPage .ItemsControl { float: left; } .BackendPage .Label { width: 120px; margin-bottom: 2px; margin-top: 5px; color: #ffffff;} .BackendPage .Label, .BackendPage .Image, .BackendPage .ImageThumb, .BackendPage .FileUpload , .BackendPage .ItemsControl { clear: both; } .BackendPage .btnSave, .BackendPage .btnNew, .BackendPage .Link { clear: both; } .BackendPage .Button { margin-top: 10px; margin-bottom: 10px; } .mceEditor { display: block; float: left; margin-bottom: 10px; } .BackendLeftPanel { display: block; width: 212px; } .BackendLeftPanel .lblModuleTitle { width: 300px; margin: 0px; font-family: 'Arial Black', 'Arial'; font-size: 16px; line-height: 25px; color: #ffffff; margin: 5px 10px 20px 10px; } .BackendLeftPanel .Link { display: block; float: left; width: 212px; height: 33px; background: url('../images/separator.gif') repeat-x 0px 24px; } .BackendLeftPanel .Link span { display: block; background: url('../images/bullet.gif') no-repeat 0px 0px; padding-left: 22px; margin-left: 10px; } .BackendLeftPanel .Link:hover span { background-position: 1px 0px; } .BackendListQuestions .Label { width: 200px; } .mRightPanel .mWeather .lblModuleTitle, .mRightPanel .mWeather .lblTemperature , .mLeftPanel .mExchangeRate .lblModuleTitle, .HighlightsItem .lblTitle span, .ArticleCategoryItem .lblName span, .ViewArticleCategory .lblCategoryTitle, .ViewArticle .lblTitle, .AddComment .lblModuleTitle, .AskExpert .lblModuleTitle, .RegisterPage .Register .lblTitle, .lblSearchResults, .BackendLeftPanel .lblModuleTitle { font-family: 'Arial Black' !important; /*font-weight: bold;*/ } #nav a { display: block; float: left; padding-right: 8px; } #nav a.highlight { color: #ffffff; } .lightbox-image-details { font-size: 18px; line-height: 30px; } #lightbox-container-image-box { display: block !important; padding: 20px; background: #ffffff; } .photo-list { display: block; margin-top: 20px; } .photo-list .photo { display: block; float: left; text-align: center; width: 160px; height: 250px; overflow: hidden; background: #fff; color: #000; margin-right: 3px; margin-bottom: 3px; } .photo-list .photo span { display: block; margin-top: 5px; font-size: 12px; } .photo-list .photo a img { margin-top: 10px; filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .photo-list .photo a:hover img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; } .rating-cancel { display: none !important; } .star-rating-control { display: block; margin: 0px auto; width: 20px; text-align: left; float: left; padding-left: 40px; } .rating-count { padding-top: 6px; text-align: left; }