/* Theme Name: EAI theme Theme URI: http://european-alliance.eu Description: The Institute for Computer Sciences, Social-Informatics and Telecommunications Engineering, ICST, is an international society incorporated as a non-profit organization that is headquartered in Gent, Belgium. Version: 2.0.0 Author: - Author URI: - Tags: white, blue, fixed width, two columns */ @charset "utf-8"; /* CSS Document */ body { height:100%; font:normal 13px Arial, Helvetica, sans-serif; color:#333; text-align:left; background:#ebebeb url(img/bodyBg.gif) center top repeat-x; } * { margin:0; padding:0; border:1; font-size:100%; line-height:130%; font-family:Arial, Helvetica, sans-serif;} a { padding:0 1px; color:#069; text-decoration:none; } /*a:hover { padding:0 1px; color:#fff; background:#069; text-decoration:none; }*/ textarea, input{ background:#fff; } textarea:focus, input:focus{ background:#efefef; } p{ line-height:130%; padding-bottom: 12px; } table{ width:100%; margin:10px 0; } table tr th{ padding:3px 4px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; background:url(img/greenFade.gif) left bottom repeat-x; } table tr td{ padding:3px 4px; border-bottom:1px solid #ebebeb; } .odd{ background:#ebebeb; } .even{ background:#e5e5e5; } h3 { margin:0 0 10px; font:bold 14px Arial, Helvetica, sans-serif; line-height:14px; color:#069; line-height:133% } /* OMG IE6 HACKS */ * html .whiteBox, * html .articleBox{ height:1%; } * html #horizontalMenu ul li a{ width:1%; white-space:nowrap; } /* COMMON */ .clr{ clear:both; } .nowrap{ white-space:nowrap; } .nav{ width:100%; margin:10px 0; } .nav a{ color:#069; padding:1px 2px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } .nav a:hover{ padding:1px 2px; color:#fff; background:#069; } .nav .navleft{ float:left; } .nav .navright{ float:right; } .alignleft{ float:left; margin-right:10px; border:4px double #d3d3d3; } .alignright{ float:right; margin-left:10px; border:4px double #d3d3d3; } .whiteBox{ overflow:hidden; padding:10px; margin-bottom:10px; background:#fff; } .whiteBox h5{ margin-bottom:6px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; } .articleInfo{ font:normal 10px Arial, Helvetica, sans-serif; color:#999; } .articleInfo a{ padding:0 1px; color:#999; } .articleInfo a:hover{ padding:0 1px; color:#fff; background:#999; } .articleBox{ clear:both; overflow:auto; padding:10px; border-bottom:1px solid #e6e6e6; } /* Ono: Adding p-tag style to articleBox */ .articleBox p.p_calendar{ float:right; width:245px; padding:0;} .more-link{ padding:1px 2px; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#069; } .more-link:hover{ padding:1px 2px; background:#069; color:#fff; } .leftCorner{ display:block; height:30px; background:url(img/titleCorner.gif) left top no-repeat; } .rightCorner{ display:block; height:30px; padding-left:13px; line-height:30px; background:url(img/titleCorner.gif) right top no-repeat; } /*heading inner span*/ /* EVENT TABLE */ .eventList .small{ font:normal 12px Arial, Helvetica, sans-serif; text-align:center; } .eventList .small a{ padding:1px 2px; font:bold 12px Arial, Helvetica, sans-serif; color:#6c3; } .eventList .small a:hover{ padding:1px 2px; color:#fff; background:#6c3; } .eventList h3{ margin-bottom:4px; font:bold 16px Arial, Helvetica, sans-serif; color:#6c3; } .eventList h3 a{ padding:1px 2px; color:#6c3; } .eventList h3 a:hover{ padding:1px 2px; color:#fff; background:#6c3; } .eventList a.callForPaper{ display:block; width:96px; height:22px; padding:0 !important; background:url(img/callForPaper.gif) left top no-repeat; } .eventList a.callForPaper:hover{ background:url(img/callForPaper.gif) left bottom no-repeat; } .eventList a.registHere{ display:block; width:97px; height:22px; padding:0 !important; background:url(img/registHere_blue.gif) left top no-repeat; } .eventList a.registHere:hover{ background:url(img/registHere_blue.gif) left bottom no-repeat; } /* POSTED ARTICLES STYLE */ .postedArticle{} .postedArticle p{} .postedArticle h2{ font:bold 12px Arial, Helvetica, sans-serif; } .postedArticle a{ padding:0 1px; color:#069; } .postedArticle a:hover{ padding:0 1px; color:#fff; background:#069; } .postedArticle blockquote{ margin:10px 0; padding:5px 10px; font:italic 12px Georgia, "Times New Roman", Times, serif; line-height:150%; background:#f5f5f5; border-left:3px solid #069; } .postedArticle ul, .postedArticle ol{ margin:10px 20px;} .postedArticle ul li{ line-height:150%; } .postedArticle ol li{ line-height:150%; } .postedArticle .hspace { display:block; width:100%; clear:both; height:16px; } .postedArticle .article-container { clear:both; } /* PAGE */ #page{ width:940px; margin:0 auto; overflow:hidden; background:url(img/header2.png) center top no-repeat; } /* TOOLBAR */ #toolbar{ width:100%; height:30px; background:#e1e1e1 url(img/greyFade.gif) left bottom repeat-x; border-bottom:1px solid #a6a6a6; } #toolbarMenu{ width:940px; height:30px; margin:0 auto; background:url(img/icons/toolbarLogo.gif) left 7px no-repeat; } #toolbarMenu ul{ height:30px; padding-left:140px; list-style:none; } #toolbarMenu ul li{ float:left; display:inline; margin:9px 2px 0; } #toolbarMenu ul li a{ display:block; padding:1px 2px; font:normal 10px Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase; } #toolbarMenu ul li a:hover{ padding:1px 2px; color:#fff; background:#666; } /* HEADER */ #header{ width:940px; height:120px; background:url(img/logo.gif) left center no-repeat; position: relative; } #logo{ float:left; width:330px; height:100px; background:none; } #tagline { clear:both; float:left; color:#006699;margin-left:12px; margin-top:5px; font-size: 14px;} #logo2{ float:right; width:200px; height:120px; background:none; } #login{ float:right; width:480px; height:30px; margin-top:136px; margin-right:19px; text-align:right; } #login form{ display:block; overflow:auto; } #login label{ float:left; display:inline; width:212px; font:bold 11px Arial, Helvetica, sans-serif; color:#069; } #login .loginField{ width:110px; height:17px; margin-right:2px; padding:5px 15px 0; background:url(img/searchField.gif) left top no-repeat; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; } #login .loginField:focus{ background:url(img/searchField.gif) left bottom no-repeat; } #login .passwordField{ width:110px; height:17px; margin-right:2px; padding:5px 15px 0; background:url(img/searchField.gif) left top no-repeat; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; } #login .passwordField:focus{ background:url(img/searchField.gif) left bottom no-repeat; } #login .loginButton{ float:left; width:45px; height:22px; margin-left:4px; background:url(img/loginButton.gif) left top no-repeat; } #login .loginButton:focus{ background:url(img/loginButton.gif) left top no-repeat; } #login .loginButton:hover{ background:url(img/loginButton.gif) left bottom no-repeat; } #login a{ padding:0 1px !important; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase; } #login a:hover{ padding:1px 2px; color:#fff; background:#069; } /* HORIZONTAL MENU */ #smallMenu {width:940px; height:18px} #smallMenu ul {float:right; display:inline width:500px; height:18px; list-style:none; padding-left:4px;} #smallMenu ul li {float:right; display:inline; position:relative; } #smallMenu ul li a { display:block; height:12px; padding:0px 6px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#124279; ;} #smallMenu ul li a:hover {text-decoration:underline; color:#124279; color:#069;} #horizontalMenu{ width:940px; height:38px; background:#115bae url(img/blueFade.gif) left bottom repeat-x; } #horizontalMenu ul{float:left; display:inline; height:38px; list-style:none; padding-left:4px; background:url(img/horizontalMenuCorner.gif) left top no-repeat; } #horizontalMenu ul li{ float:left; display:inline; position:relative; border-right:1px solid #0f4e96; border-left:1px solid #1a5faa; } #horizontalMenu ul li.hmenuFirstChild{ border-left:none; } #horizontalMenu ul li a{ display:block; height:25px; padding:13px 13px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #horizontalMenu ul li a:hover{ text-decoration:underline; background:#124279; } /* HOLY JMENU */ #horizontalMenu ul li ul{ position:absolute; width:215px; padding:5px 0; height:auto; left:0; display:block; visibility:hidden; z-index:10000000; background:#124279 url(img/subMenuCorner.gif) center bottom no-repeat; } #horizontalMenu ul li ul li{ display:list-item; float:none; text-align:left; } #horizontalMenu ul li ul li a{ display:block; height:auto; padding:5px 10px; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #horizontalMenu ul li ul li a:hover{ color:#fff; background:#124d90; } #horizontalMenu .current_page_item{ text-decoration:underline; background:#124279; } #horizontalMenu #searchBox{ float:right; width:200px; height:30px; padding:8px 8px 0 0; background:url(img/horizontalMenuCorner.gif) right top no-repeat; } #horizontalMenu .innerSearchButton{ float:left; width:58px; height:22px; background:url(img/innerSearchButton.gif) left top no-repeat; } #horizontalMenu .innerSearchButton:focus{ background:url(img/innerSearchButton.gif) left top no-repeat; } #horizontalMenu .innerSearchButton:hover{ background:url(img/innerSearchButton.gif) left bottom no-repeat; } /* CONTENT */ #container{ padding:10px 0; overflow:auto; text-align:left; } #content{ float:left; width:700px; margin-right:10px; } #navigationBar{ } #navigationBar a{ padding:1px 2px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#069; } #navigationBar a:hover{ padding:1px 2px; color:#fff; background:#069; } #mainStory{} #mainStory h1, #mainStory h2{ margin:0 0 10px; font:bold 22px Arial, Helvetica, sans-serif; line-height:22px; color:#069; } #mainStory h1 a, #mainStory h2 a{ padding:1px 2px; color:#069; } #mainStory h1 a:hover, #mainStory h2 a:hover{ padding:1px 2px; color:#fff !important; background:#069; } #submitBar{ overflow:auto; } #submitBar img{ float:left; display:inline; margin:10px; } #submitBar ul{ list-style:none; } #submitBar ul li{ float:left; display:inline; width:220px; height:100px; margin-left:10px; } #submitBar ul li.submitBarFirstChild{ margin:0; } #submitBar a{ display:block; width:200px; height:47px; padding:53px 10px 0; color:#069; } #submitBar a:hover{ color:#666; } #submitPaper{ background:url(img/panelSubmitPaperBg.gif) left top no-repeat; } #submitPaper:hover{ background:url(img/panelSubmitPaperBg.gif) left bottom no-repeat; } #submitProposal{ background:url(img/panelSubmitProposalBg.gif) left top no-repeat; } #submitProposal:hover{ background:url(img/panelSubmitProposalBg.gif) left bottom no-repeat; } #searchLibrary{ background:url(img/panelSearchLibraryBg.gif) left top no-repeat; } #searchLibrary form{ display:block; padding-top:55px; padding-left:10px; } .searchField{ float:left; width:110px; height:17px; margin-right:2px; padding:5px 15px 0; background:url(img/searchField.gif) left top no-repeat; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; } .searchField:focus{ background:url(img/searchField.gif) left bottom no-repeat; } .searchButton{ float:left; width:58px; height:22px; background:url(img/searchButton.gif) left top no-repeat; } .searchButton:focus{ background:url(img/searchButton.gif) left top no-repeat; } .searchButton:hover{ background:url(img/searchButton.gif) left bottom no-repeat; } .emailField{ float:left; width:150px; height:17px; margin-right:12px; padding:5px 15px 0; background:url(img/searchField.gif) left top no-repeat; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; border:1px solid #069; } .emailField:focus{ background:url(img/searchField.gif) left bottom no-repeat; } .emailButton{ float:left; width:58px; height:22px; background:url(img/innerSubscribeButton.gif) left top no-repeat; } .emailButton:focus{ background:url(img/innerSubscribeButton.gif) left top no-repeat; } .emailButton:hover{ background:url(img/innerSubscribeButton.gif) left bottom no-repeat; } #bnews h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #news{ float:left; width:335px; margin-right:10px; } #news_full{ float:left; width:670px; margin-right:10px; } #news h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #news h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#069; } #news h3 a{ padding:1px 2px; color:#069; } #news h3 a:hover{ padding:1px 2px; color:#fff; background:#069; } #news p{ } #events{ float:left; width:335px; } #events h2{ background:url(img/greenFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #events h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#6c3; } #events h3 a{ padding:1px 2px; color:#6c3; } #events h3 a:hover{ padding:1px 2px; color:#fff; background:#6c3; } #events .calendar{ float:left; width:60px; height:60px; margin-right:10px; background:url(img/calendarBg.gif) center center no-repeat; text-align:center; } #events .calendar .mon{ width:60px; height:14px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #events .calendar .day{ width:60px; height:41px; padding-top:5px; font:normal 30px Arial, Helvetica, sans-serif; color:#666; } #events ul li { list-style:none; } #events .scalendar{ float:left; width:30px; height:30px; margin-right:5px; background:url(img/scalendarBg.gif) center center no-repeat; text-align:center; } #events .scalendar .smon{ width:30px; height:7px; font:bold 5px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #events .scalendar .sday{ width:30px; height:20px; padding-top:2px; font:normal 15px Arial, Helvetica, sans-serif; color:#666; } #sevents{ float:left; width:210px; } #sevents h2{ background:url(img/greenFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #sevents h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#6c3; } #sevents h3 a{ padding:1px 2px; color:#6c3; } #sevents h3 a:hover{ padding:1px 2px; color:#fff; background:#6c3; } #sevents .calendar{ float:left; width:60px; height:60px; margin-right:10px; background:url(img/calendarBg.gif) center center no-repeat; text-align:center; } #sevents .calendar .mon{ width:60px; height:14px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #sevents .calendar .day{ width:60px; height:41px; padding-top:5px; font:normal 30px Arial, Helvetica, sans-serif; color:#666; } #sevents ul li { list-style:none; } #sevents .scalendar{ float:left; width:30px; height:30px; margin-right:5px; background:url(img/scalendarBg.gif) center center no-repeat; text-align:center; } #sevents .scalendar .smon{ width:30px; height:7px; font:bold 5px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #sevents .scalendar .sday{ width:30px; height:20px; padding-top:2px; font:normal 15px Arial, Helvetica, sans-serif; color:#666; } #events-blue{ float:left; width:335px; } #events-blue h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #events-blue h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#069; } #events-blue h3 a{ padding:1px 2px; color:#069; } #events-blue h3 a:hover{ padding:1px 2px; color:#fff; background:#069; } #events-blue .calendar{ float:left; width:60px; height:60px; margin-right:10px; background:url(img/calendarBg.gif) center center no-repeat; text-align:center; } #events-blue .calendar .mon{ width:60px; height:14px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #events-blue .calendar .day{ width:60px; height:41px; padding-top:5px; font:normal 30px Arial, Helvetica, sans-serif; color:#666; } #events-blue ul li { list-style:none; } #popuparArticles{ } #popularEUDL{ float:left; width:335px; margin-right:10px; } #popularEUDL ul { list-style:none; } #popularEUDL h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #popularEUDL h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#069; } #popularEUDL h3 a{ padding:1px 2px; color:#069; } #popularEUDL h3 a:hover{ padding:1px 2px; color:#fff; background:#069; } #popularPresentations{ float:left; width:335px; } #popularPresentations ul { list-style:none; } #popularPresentations h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #popularPresentations h3{ margin-bottom:10px; font:bold 16px Arial, Helvetica, sans-serif; color:#069; } #popularPresentations h3 a{ padding:1px 2px; color:#069; } #popularPresentations h3 a:hover{ padding:1px 2px; color:#fff; background:#069; } .moreLinkBox{ width:100%; } .moreLinkBox .more{ float:left; width:340px; text-align:right; padding:10px 0 0; } .moreLinkBox .more a.blue{ padding:1px 2px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#069; } .moreLinkBox .more a.blue:hover{ padding:1px 2px; color:#fff; background:#069; } .moreLinkBox .more a.green{ padding:1px 2px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6c3; } .moreLinkBox .more a.green:hover{ padding:1px 2px; color:#fff; background:#6c3; } /* SIDEBAR */ #sidebar{ float:left; width:230px; } #moreInformation{} #moreInformation h5{ margin-bottom:6px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; } #moreInformation ul{ list-style:none; } #moreInformation ul li{ padding:3px 0; display:block; } #moreInformation ul li a{ padding:0 2px;font:bold 11px Arial, Helvetica, sans-serif; color:#069; } #moreInformation ul li a:hover{ color:#fff; background:#069; } #members{ } #members ul.userList{ height:auto; list-style:none; overflow:auto; } #members ul.userList li{ display:list-item; clear:both; overflow:auto; margin:0 10px; padding:10px 0; border-top:1px solid #e6e6e6; } #members ul.userList li.userListFirstChild{ border:none; } #members ul.userList li img{ float:left; margin-right:6px; } #members ul.userList li div{ float:left; width:150px; } #members ul.userList li div a{ padding:1px 2px; font:bold 11px Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase; } #members ul.userList li div a:hover{ padding:1px 2px; color:#fff; background:#069; } #members ul.userList li div p{ padding:0 2px; font:bold 10px Arial, Helvetica, sans-serif; line-height:100%; } #latestNews{ padding-bottom:0 !important; } #latestNews ul{ list-style:none; } #latestNews ul li{ padding:10px 0; border-top:1px solid #e6e6e6; } #latestNews ul li.latestNewsFirstChild{ border:none; } #latestNews h2{ background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #latestNews h3{ margin-bottom:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#069; } #latestNews h3 a{ padding:0 2px; color:#069; } #latestNews h3 a:hover{ padding:0 2px; color:#fff; background:#069; } #latestNews p{ padding:0 4px; line-height:100%; font:normal 11px Arial, Helvetica, sans-serif; color:#666; } /* FOOTER */ #footer{ } #logoicst { height:50px; width: 60px; background:url(img/hostedbyicst2.png) right center no-repeat; float: right; } #footer p{ float:left; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; } #footer ul{ float:right; list-style:none; } #footer ul li{ float:left; padding-left:16px; background:url(img/dot.gif) 6px center no-repeat; } #footer ul li.footerMenuFirstChild{ background:none; } #footer ul li a{ padding:0 2px; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; } #footer ul li a:hover{ padding:0 2px; color:#fff; background:#999; } #footerLinks{ padding:50px 0; overflow:auto; } .linkBox{ float:left; display:inline; width:25%; } .linkBox h6{ padding:0 2px 5px; font:bold 11px Arial, Helvetica, sans-serif; } .linkBox ul{ list-style:none; } .linkBox ul li{ display:list-item; padding:5px 0; } .linkBox ul li a{ padding:1px 2px; font:normal 10px Arial, Helvetica, sans-serif; color:#666; } .linkBox ul li a:hover{ padding:1px 2px; color:#fff; background:#666; } /* WORDPRESS RELATED STYLES */ h2#comments{ margin:0 0 10px; background:url(img/blueFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } h2#postcomment{ margin:0 0 10px; background:url(img/greenFade.gif) left bottom repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; } #commentlist{ } #commentlist li p{ padding:10px !important; } #postcomment{} #commentform{} #commentform label{ display:block; height:22px; margin:0 0 5px; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } #commentform input{ width:430px; height:17px; padding:5px 10px 0; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; border:1px solid #ccc; background:url(img/formFieldBg.gif) left -22px no-repeat; } #commentform textarea{ width:658px; margin:0 0 5px; padding:5px 10px; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; border:1px solid #ccc; background:url(img/formFieldBg.gif) left -22px no-repeat; } #commentform #submit{ float:right; width:230px; height:30px !important; padding:0; margin:0; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #ccc; background:none; color:#666; } /* HACK RELATED STYLES */ .breadcrumb-trail{ font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } .more-link{ float:right; padding:1px; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#069; } .more-link:hover{ padding:1px; background:#069; color:#fff; } #appform input[type=text], #appform select { width: 200px; padding: 4px; } #appform .mandatory { font-style: oblique; color:red; position: absolute; right: 0px; } #appform .label { float: left; margin: 4px; min-width: 145px; position: relative; } #appform textarea, #appform input, #appform select {clear: both; margin: 8px; border: 1px solid #069} #ssomenu { position: absolute; top: 10px; right: 10px; padding: 3px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -opera-border-radius: 4px; /* whatever happened to standards anyway?! */ background-color: #fff; opacity: 0.7; filter: alpha(opacity=70); font: 12px tahoma,verdana,sans-serif; } div#ssomenu:hover { opacity: 1; filter: alpha(opacity=100); }