/* CREDITS Title: RICS - CSS Main Stylesheet Author: Dirk Bonhomme Last Edited: David Candreva Date: 26/11/09 */ /* General Styles ---------------------------------------------------------- */ body { background: #e4e4e4; color: #455057; font-family: Verdana, sans-serif; font-size: 11px; line-height: 16px; } strong,b { font-weight:bold; } em { font-style:italic;} strong em { font-weight: bold; } a { outline:none; color: #3678B2; text-decoration:underline } a:hover { text-decoration: none; } ul, ol { list-style: none; } p.top { text-align: right; } .zeroheight { height: 0; } /* Container ---------------------------------------------------------- */ #container { width: 948px; margin: 0 auto; } /* Header ---------------------------------------------------------- */ #header { height:172px; background: url(../images/layout/header_background.png) repeat-y; position: relative; width:100%; z-index: 1000; } #header h1 { position: absolute; top: 0px; left: 20px; z-index: 100; } #header h1 a { width: 221px; height: 85px; text-indent: -6000px; background: url(../images/layout/header_logo.png) no-repeat 0 0; display: block; } /*page_banner*/ #header img.page_banner { width: 940px; height: 104px; margin-left: 4px; float: left; display: inline; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Header override */ body.home #header { height: 208px; width: 948px; } body.home #header img.page_banner { height: 104px; } body.home #header div.tickertapewrapper { height: 27px; clear: both; width: 920px; margin: 0 auto; padding: 9px 0 0 0; position: relative; } body.home #header #newtickertape { margin-top: 1px; font-size: 18px; height: 34px; width: 100%; } body.home #header #newtickertape span{ text-decoration:none; display:block; padding: 0;} /* Get your stamp now */ body.home #header .get-your-stamp { position: absolute; height: 104px; width: 85px; background: url(../images/layout/get_your_stamp.png) no-repeat 0 0; right: 4px; top: 68px; text-indent: -9999px; text-decoration: none; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Language ---------------------------------------------------------- */ #language { line-height: 25px; color: #ffffff; font-size: 12px; float: right; padding: 3px 11px 0 0; } #language label { float: left; color: #999999; margin-right: 5px; margin-top:10px; } #language ul { float: left; margin-top:10px; } #language ul li { color:#fff; float: left; width: 25px; height: 25px; line-height: 23px; text-align: center; margin-right: 10px; background: url(../images/layout/language_active_background.png) no-repeat; display: inline; } #language ul li a { color: white; text-decoration: none; background-image: url(../images/layout/language_background.png); display: block; width: 25px; height: 25px; line-height: 23px; } #language ul li a:hover { background-image: url(../images/layout/language_background_hover.png);} /* Navigation ---------------------------------------------------------- */ #navigation { float: left; width: 660px; display: inline; margin: 0 0 0 4px; padding:12px 0 0 0; height: 56px; position: relative; z-index: 8000; } #navigation ul { float: left; } #navigation ul li { float: left; height: 56px; padding-right: 1px; position : relative; background: url(../images/layout/navigation_item.png) right no-repeat; } #navigation ul li a { display: block; width: 108px; height: 56px; text-indent: -6000px; background: none no-repeat 0 0; } #navigation ul li a:hover { background-position: 0 -56px; } #navigation ul li.home a { background-image: url(../images/layout/navigation_home.png); } #navigation ul li.whois a { background-image: url(../images/layout/navigation_whois.png); } #navigation ul li.why a { background-image: url(../images/layout/navigation_why.png); } #navigation ul li.how a { background-image: url(../images/layout/navigation_how.png); } #navigation ul li.contact a { background-image: url(../images/layout/navigation_contact.png); } #navigation ul li ul { position: absolute; top: 55px; z-index:8001; display: none; left: 0; width: 216px; padding-top: 3px; background: #edeeef url(../images/layout/navigation_submenu.png) top repeat-x; border: 1px solid #b9c6ce; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { clear: both; float: none; height: 100%; line-height: 14px; border-bottom: 1px solid #b9c6ce; background: transparent none; } #navigation ul li ul li:hover{background:#ced1d3;} #navigation ul li ul li a { z-index: 8002; padding: 5px 13px; display: block; width:189px; height:auto; text-indent: 0; line-height: 14px; background: transparent none !important; color: #41525c; text-decoration: none; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Extra navigation update */ #navigation ul li.pressroom a { background-image: url(../images/layout/navigation_pressroom.png); } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Content ---------------------------------------------------------- */ #content { padding: 8px 0 2px; width:940px; margin:0 auto; overflow:hidden; z-index: 500; } /*readmore*/ #content p.readmore { text-align: right; padding-bottom: 0 !important; } #content p.readmore a { padding-right: 7px; background: url(../images/layout/readmore.png) right 5px no-repeat; } /* Side ---------------------------------------------------------- */ #side { float: left; width: 224px; display: inline; } /*item*/ #side div.item { background: white; margin-bottom: 8px; padding: 12px 11px; } #side div.item h3 { color: #461964; overflow:hidden; font-size: 17px; background: url(../images/layout/title.png) bottom repeat-x; padding-bottom: 15px;} #side div.item h3 img{float:left} #side div.item h3 span.drop{width:6px; height:4px; margin-top:5px; display:block; float:left; background:url(../images/layout/icon_dropdown.gif) no-repeat 0 0} #side div.item p { padding-bottom: 4px; } #side div.item p strong { color: black; } #side div.item p em { font-size: 10px; font-style: normal; } #side div.item ul li { padding: 3px 0 3px 9px; background: url(../images/layout/linklist_bullet.png) left 9px no-repeat; font-weight: bold; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Sidebar updates */ .link_item { height: 35px; margin: 0 0 8px; overflow: hidden; } .link_item a { display: block; padding: 13px 11px 9px; background: #ffffff url(../images/layout/sidebar_link_arrow.png) no-repeat 196px 1px; color: #461964; font-size: 17px; text-decoration: none; } .link_item a:hover { background-position: 196px -34px; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /*fasttrack*/ #track_list ul li a { font-weight: normal; } /*banner*/ #side div.banner { margin-bottom: 8px; } /*social links*/ #side .social_links a { margin: 8px 0; display: block; width: 173px; height:39px; } #side .social_links a img { display: block; } /* Main ---------------------------------------------------------- */ #main { float: right; display: inline; width: 707px; } /*styled links*/ a.pdf{font-size:11px; padding:0 0 0 22px; line-height:17px; background:url(../images/layout/icon_pdf.gif) no-repeat 9px center !important} a.doc{font-size:11px; background:url(../images/layout/icon_doc.gif) no-repeat 9px center !important} a.jpg{font-size:11px; background:url(../images/layout/icon_jpg.gif) no-repeat 9px center !important} a.rss{font-size:11px; padding:0 0 0 22px; background:url(../images/layout/icon_rss.gif) no-repeat 0 4px !important} a.print{font-size:11px; padding:0 0 0 22px; line-height:16px; height:16px; background:url(../images/layout/icon_print.gif) no-repeat 0 center !important} a.map{font-size:11px; padding:2px 0 2px 22px; color:#455057 !important; font-weight:normal; line-height:16px; height:16px; background:url(../images/layout/map.gif) no-repeat 0 center !important} /*plainblock*/ #main div.plainblock { background: white; margin-bottom: 8px; height: 100%; overflow: hidden; padding: 15px 14px; } #main div.plainblock div.title{position:relative; padding-bottom: 15px; background: url(../images/layout/title.png) bottom repeat-x; clear:both} #main div.plainblock div.title h2{background:none; padding-bottom:0; width:90%;} #main div.plainblock div.title h3{background:none; padding-bottom:0; width:90%;} #main div.plainblock div.title a.abs{position:absolute; right:0; top:0; padding-right: 7px; background: url(../images/layout/readmore.png) right 7px no-repeat;} #main div.plainblock div.title a.print{position:absolute; right:0; top:0;} #main div.plainblock div.title a.pdf{position:absolute; right:0; top:0; background-position:0 center !important;} #main div.plainblock div.title a.rss{position:absolute; right:0; top:0;} #main div.plainblock h2 { position:relative; color: #461964; font-size: 18px; padding-bottom: 15px; background: url(../images/layout/title.png) bottom repeat-x;} #main div.plainblock h2 a{position:absolute; right:0; top:0;} #main div.plainblock p.print { position:relative; font-size: 18px; padding-bottom: 10px; } #main div.plainblock p.print a{position:absolute; right:0; top:0;} /*newscolumns*/ #main div.newscolumns ul { background: url(../images/layout/newscolumns_background.png) center repeat-y; overflow: hidden; height: 100%; margin: 9px 0 9px; } #main div.newscolumns ul li { float: left; width: 205px; padding-right: 15px; margin-right: 15px; } #main div.newscolumns ul li.last { margin-right: 0; padding-right: 0; } #main div.newscolumns ul li h3 { font-weight: bold; color: black; } /*newscolumns_new*/ #main div.newscolumns_new ul { background: url(../images/layout/newscolumns_new_background.png) center repeat-y; overflow: hidden; height: 100%; margin: 9px 0 0; } #main div.newscolumns_new ul li { float: left; width: 324px; padding-right: 15px; margin-right: 15px; } #main div.newscolumns_new ul li.last { margin-right: 0; padding-right: 0; } #main div.newscolumns_new ul li h3 { font-weight: bold; color: black; } /*text*/ #main div.text{padding:10px 0 0 0; margin-bottom: 10px; width:100%; overflow:hidden} #main div.text div.content{width: 100%; float:left} #main div.text div.content.block { margin-bottom: 15px; } #main div.text div.content p{margin-bottom:9px} #main div.text div.content div.eventinfo { color: #455057; float: left; padding: 5px 40px 15px 0px; font-weight: bold; } #main div.text div.content div.eventinfo span { color:#461964; } #main div.text h3 { color: #41525c; font-size: 18px; background: url(../images/layout/title.png) bottom repeat-x; padding-bottom: 15px;} #main div.text h4 { color: #455057; /*#a80f3c;*/ font-size: 12px; font-weight: bold; } /*content*/ #main div.content ul { list-style-type: disc; list-style-position: outside; padding:0 0 0 15px; margin-bottom: 9px } #main div.content ul li { margin-left: 15px; } #main div.content ol { list-style-type: decimal; list-style-position: outside; padding:0 0 0 15px } #main div.content ol li { margin-left: 15px; } /*columns*/ .entry_container{padding-bottom:0px; width:100%; overflow:hidden} #main div.columns div.content{width:450px;} #main div.columns div.files{float:right; width:200px; clear: right; } #main div.columns div.files ul li a{display:block; border-bottom:1px solid #dadbdd; width:168px; line-height:16px; padding:4px 0 4px 32px; background:url(../images/layout/icon_noext.gif) no-repeat 9px center} #main div.columns div.files ul li a.pdf{background-position:9px center} #main div.columns div.files ul li a.doc{background-position:9px center} #main div.columns div.files ul li a.jpg{background-position:9px center} #main div.columns div.images{float: right; width: 200px; clear: right; } #main div.columns div.images ul { height: 100%; overflow: hidden; margin-bottom: 15px; } #main div.columns div.images ul li { float: left; margin-bottom: 5px; } #main div.columns div.images ul li.even { margin-right: 5px; } #main div.columns div.images ul li a{ display: block; border: 1px solid #dadad8; text-decoration: none; } #main div.columns div.images ul li a:hover { border-color: #5D666C; } #main div.columns div.images ul li a img { margin: 4px; display: block; } #main div.columns div.images ul li a span.caption { display: block; text-align: center; padding: 0 0 4px; color: #455057; } /*rightcolumn*/ #main div.columns div.rightcolumn{float: right; width:200px; clear:right;} #main div.columns div.rightcolumn img.chairman {display: block; margin: 5px auto 15px auto; padding:2px; background:#FFF; border:1px solid #dadbdd} #main div.columns div.rightcolumn p{margin:8px 0} #main div.columns div.rightcolumn ul.nice li { padding: 3px 0 3px 9px; background: url(../images/layout/linklist_bullet.png) left 10px no-repeat; font-weight: bold; } /*contact*/ #main div.contact h3{clear: left; color: #461964; font-size: 18px; margin:14px 0} #main div.contact ul {clear: left} #main div.contact ul li {float:left; width:338px; /* height:160px */ margin-bottom: 30px} #main div.contact address span{color:#461964; font-weight:bold} #main div.contact address strong{color:#74538b; font-weight:bold} /*photogallery 2 */ #main .photogallery2 { margin: 7px 0 0 0;} #main .photogallery2 ul { padding:0 0 7px 0; } #main .photogallery2 ul li { float:left; margin:0 0 3px; position: relative; } #main .photogallery2 ul li.last { margin-right: 0; } #main .photogallery2 ul li a { text-decoration: none; float: left; position: relative; width: 91px; height: 91px; padding: 4px 3px 0; cursor: pointer; } #main .photogallery2 ul li img { display: block; } #main .photogallery2 ul li .overlay { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding-top: 95px; visibility: hidden; } #main .photogallery2 ul li .overlay span { display: block; background: url(../images/layout/photogallery.png) bottom no-repeat; padding: 7px 3px 10px; line-height: 13px; color: #3c1669; font-size: 11px; text-align: center; } #main .photogallery2 ul li.focus, #main .photogallery2 ul li:focus { z-index: 1; } #main .photogallery2 ul li.focus, #main .photogallery2 ul li a:focus { background: url(../images/layout/photogallery.png) top no-repeat; } #main .photogallery2 ul li.focus .overlay, #main .photogallery2 ul li a:focus .overlay { visibility: visible; } /*board*/ #main div.board{margin:7px 0 0 0;} #main div.board ul{width:670px; padding:0 0 0 0; overflow:hidden} #main div.board ul li{float:left; margin:10px 6px 25px 0; text-align: center; width: 210px; overflow: hidden; } #main div.board ul li.clear { clear: both; } #main div.board ul li img{border: 1px solid #dadad8; padding:2px} /*archive*/ #main div.archive{margin:7px 0 0 0; } #main div.archive h3 { padding-bottom: 5px; font-weight: bold; color: #41525C; clear: both; overflow: hidden; height: 100%; } #main div.archive ul{border:1px solid #e2e3e5; padding:4px; list-style:none; } #main div.archive ul li{padding:8px 8px 8px 27px; margin:0; background:url(../images/layout/bullet_green.gif) no-repeat 8px center;} #main div.archive ul li.zebra{ background:#f1f1f1 url(../images/layout/bullet_green.gif) no-repeat 8px center} #main div.archive ul li em{font-style:normal} #main div.archive ul li a{color:#455057 !important; line-height:15px !important;} #main div.archive ul.media li { background-position: 8px 12px; } #main div.archive ul.media li em { color: #888; } /*toggleslide*/ #main a.toggleslide { line-height: 22px; background: url(../images/layout/sidebar_link_arrow.png) 0 -6px no-repeat; padding-left: 28px; float: left; cursor: pointer; } #main a.toggleslide:focus, #main a.toggleslide:hover { background-position: 0 -41px; } #main a.toggleslide.toggleslide_open { background-image: url(../images/layout/sidebar_link_arrow_active.png); } /*homecolumns*/ #main div.homecolumns { margin-bottom: 8px; } #main div.homecolumns ul { background: url(../images/layout/home_columns_background.png) repeat-y; height: 100%; overflow: hidden; } #main div.homecolumns ul li { float: left; width: 197px; margin-right: 9px; padding: 13px 16px; overflow: hidden;} #main div.homecolumns ul li.last { margin-right: 0;} #main div.homecolumns ul li h2 { color: #461964; font-size: 17px; background: url(../images/layout/title.png) bottom repeat-x; padding-bottom: 10px; height:19px;} #main div.homecolumns ul li img { margin: 4px 0; } #main div.homecolumns ul li p { padding-bottom: 20px; } #main div.homecolumns ul li p a { font-weight: bold; color: #ef9638; } #main div.homecolumns ul ul li { padding: 0 0 1px 9px; margin:0; background: url(../images/layout/linklist_bullet.png) left 6px no-repeat; font-weight: bold; } #main div.homecolumns ul ul li a{font-weight:normal} /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ #main div.homecolumns ul li p { padding-bottom: 0; } #main div.homecolumns ul li p.readmore a { font-weight: normal; color: #3678B2; } /* Homepage top column */ .topcolumns { line-height: 16px; } .topcolumns strong { padding: 9px 0 9px; display: block; } .topcolumns p.readmore { margin-top: 12px; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /*event*/ p.event { clear: both; } p.event a{color:#ae0e3e; font-weight:bold; text-decoration:none; background:url(../images/layout/application_edit.gif) no-repeat 0 center; padding:0 0 0 22px} /*pagination*/ div.pagination{width:100%; clear:both; overflow:hidden; padding:4px 0;} div.pagination ul li.current{background:#461964; padding:4px 5px; color:#FFF; border:1px solid #313639} div.pagination ul li{float:left; padding:4px 6px; margin:0 3px 3px 0; background:#74538b; border:1px solid #E2E3E5} div.pagination ul li a{ color:#FFF; } /*form*/ div.form div.entry,div.form div.submit{margin-bottom:10px; width:100%; clear:both} div.form div.entry label{font-weight:bold; color:#461964; padding-bottom:5px; display:block; width:100%} div.form div.entry input, div.form div.entry textarea{border:1px solid #eaeaea; background:#f9f9f9; padding:6px 3px 0; height:24px; width:424px} div.form div.entry .checkbox{float:left; width:auto; height:auto;} div.form div.checkbox label{font-weight:normal} div.form div.checkbox input{margin-right:8px} div.form div.entry textarea{height:160px} div.form div.submit input{width:auto; height:auto; cursor:pointer; border:2px solid #fba723; height:27px; padding:0 11px; font-size:11px; background:url(../images/layout/links_title_tile.png) repeat-x 0 0; color:#FFF;} div.form img.captcha{float:left; margin:0 8px 0 0} div.form span.error{width:434px; clear:both; color:red; display:block; text-align:right} div.form div.error input,div.form div.error textarea, form div.error select{border:1px solid #CC0000; background:#FFE6E7} div.form p{margin-bottom:10px} div.form div.radio label{font-weight:normal; display:block; font-weight:bold;} div.form div.radio label input{float:left; margin-right:5px; width:20px; display:block} /*links*/ div.link{text-align:center; width:100%; clear:both; overflow:hidden; margin:20px 0 50px 0;} div.link a{line-height:37px; color:#FFF; width:210px; padding:0 8px; font-size:13px; border:2px solid #fba723; display:block; margin:0 auto; height:37px; background:url(../images/layout/links_title_tile.png) repeat-x 0 0} /*tickertape*/ #main div.tickertapewrapper { height: 30px; clear: both; } #main #tickertape { margin-top: 1px; font-size: 18px; } #main #tickertape span{ text-decoration:none;display:block; padding: 0 0 5px;} /*banner*/ #main div.banner { padding: 15px 0 15px 0; width:100%; clear:both; overflow:hidden} /*events google map*/ #main div.gmapevents { clear: both; width: 400px; height: 200px; margin-bottom: 15px;} /*accredited courses*/ #main table.courses { margin:10px 0 0 0; border: 1px solid #333333; font-size:11px; line-height:13px; } #main table.courses th { padding: 5px; text-align:center; background: #455057; color:#FFF; } #main table.courses td { padding: 10px; vertical-align:top; border: 1px solid #dadbdd;} #main table.courses td td{border:0; padding:5px 0} #main table.courses td span{color:#dd8b01; font-weight:bold} /*fieldset*/ .fldset {margin:10px 0; padding:5px 0; width:679px;} .fldset legend {font-size:14px; font-weight:bold; margin:0; padding:0;} form.default .radios label{width:auto; float:left; margin-right:15px;} form.default .radios label input {width:auto; float:none;} form.default select { border:1px solid #E4E4E4; float:left; font-family:Verdana,sans-serif; font-size:11px; padding:3px; width:100px; } /* Footer ---------------------------------------------------------- */ #footer{clear: both; overflow: hidden; padding-bottom: 15px} /*links*/ #footer ul.links { float: right; width: 710px; padding-right: 5px; } #footer ul.links li { float: left; } #footer ul.links li a { display: block; width: 138px; height: 23px; text-indent: -6000px; background: none no-repeat 0 0; margin-left: 4px; } #footer ul.links li a:hover { background-position: 0 -23px; } #footer ul.links li.myapc a { background-image: url(../images/layout/footernav_myapc.png); } #footer ul.links li.myfellowship a { background-image: url(../images/layout/footernav_myfellowship.png); } #footer ul.links li.umd a { background-image: url(../images/layout/footernav_umd.png); } #footer ul.links li.gtr a { background-image: url(../images/layout/footernav_gtr.png); } #footer ul.links li.fas a { background-image: url(../images/layout/footernav_fas.png); } #footer ul.links li.gmd a { background-image: url(../images/layout/footernav_gmd.png); } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /* Footer navigation */ #footer ul.links { width: 707px; } #footer ul.links li { width: 138px; height: 29px; overflow: hidden; margin-right: 6px; } #footer ul.links li a { background: url(../images/layout/footer_navigation.png) no-repeat; width: 138px; height: 29px; margin: 0; } #footer ul.links li.sustainability { margin-right: 0; } #footer .links .rics-global a { background-position: 0 0; } #footer .links .firms-regulation a { background-position: -138px 0; } #footer .links .public-affairs a { background-position: -276px 0; } #footer .links .sustainability a { background-position: -414px 0; } #footer .links .rics-global a:hover { background-position: 0 -29px; } #footer .links .firms-regulation a:hover { background-position: -138px -29px; } #footer .links .public-affairs a:hover { background-position: -276px -29px; } #footer .links .sustainability a:hover { background-position: -414px -29px; } /* Footer navigation > social media icons */ #footer .links .youtube, #footer .links .linkedin, #footer .links .twitter, #footer .links .rss { width: 28px; height: 28px; margin-right: 6px; } #footer .links .youtube a, #footer .links .linkedin a, #footer .links .twitter a, #footer .links .rss a { width: 28px; height: 28px; text-indent: -9999px; margin: 0; background-image: url(../images/layout/social_media.png); background-repeat: no-repeat; } #footer .links .youtube a { background-position: 0 -28px; } #footer .links .linkedin a { background-position: -28px -28px; } #footer .links .twitter a { background-position: -56px -28px; } #footer .links .rss a { background-position: -84px -28px; } #footer .links .youtube a:hover { background-position: 0 0; } #footer .links .linkedin a:hover { background-position: -28px 0; } #footer .links .twitter a:hover { background-position: -56px 0; } #footer .links .rss a:hover { background-position: -84px 0; } /* ------ UPDATES 2011-03-18 -------------------------------------------------*/ /*legal*/ #footer div.legal { clear: both; border-top: 1px solid #b6b6b6; top: 9px; position: relative; height: 100%; } #footer div.legal ul { float: right; } #footer div.legal ul li { float: left; background: url(../images/layout/footer_item.png) right no-repeat; padding: 0 12px 0 10px; line-height: 28px; } #footer div.legal ul li a { color: #41525c; text-decoration: none; float: left; height: 28px; } #footer div.legal ul li a:hover { text-decoration: underline; } #footer div.legal ul li.inventis { background-image: none; } #footer div.legal ul li.inventis a { width: 68px; height: 25px; background: url(../images/layout/inventis.png) 0 0 no-repeat; text-indent: -6000px; } #footer div.legal ul li.inventis a:hover { background-position: 0 -25px; }