/*************************************************** * Author: Gary Dumbarton * URL...: http://www.adcs.org.uk * Date..: 28/10/2008 * Desc..: stylesheet containing global css for site * */ @import url(yui/reset.css); /* Global reset using Yahoo User Interface kit */ @import url(yui/fonts-min.css); /* Font normalisation using Yahoo User Interface kit */ #container { width:955px; margin:20px auto; border:1px solid #A70E51; font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#001d61; } h1 { display:block; width:292px; height:114px; background-image: url(../images/ADCS-logo.gif); background-repeat: no-repeat; margin:0 auto; } h1 a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; } h1#ac12 { display:block; width:292px; height:114px; background-image: url(../images/adcs-logo-ac12.png); background-repeat: no-repeat; margin:0 auto; } h1#ac12 a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; } .clearer { width:auto;height:0px;margin:0;padding:0;overflow:hidden;clear:both; } hr { display:none; } strong { font-weight:bold; } .error { color:#CC0000; } /* -- main nav -- */ ul#nav { background-color:#001D61; color:#FFFFFF; padding:3px 10px; text-align:center; font-size:1.1em; font-weight:bold; } ul#nav li { display:inline; padding:0 15px; border-right:1px solid #ffffff; } ul#nav li.no-border { border-right:none; } ul#nav li a { color:#ffffff; text-decoration:none; } ul#nav li a:hover { text-decoration:underline; } ul#sub-nav { background-color:#ffffff; color:#A70E51; padding:3px 10px; text-align:center; font-size:1em; font-weight:bold; } ul#sub-nav li { display:inline; padding:0 15px; border-right:1px solid #001D61; } ul#sub-nav li.no-border { border-right:none; } ul#sub-nav li a { color:#A70E51; text-decoration:none; } ul#sub-nav li a:hover { text-decoration:underline; } ul#mo-nav { background-color:#A70E51; color:#FFFFFF; padding:3px 10px; text-align:center; font-size:1.1em; font-weight:bold; } ul#mo-nav li { display:inline; padding:0 15px; border-right:1px solid #ffffff; } ul#mo-nav li.no-border { border-right:none; } ul#mo-nav li a { color:#ffffff; text-decoration:none; } ul#mo-nav li a:hover { text-decoration:underline; } ul#ac10-nav { background-color:#ffffff; color:#001d61; padding:3px 10px; text-align:center; font-size:1.1em; font-weight:bold; } ul#ac10-nav li { display:inline; padding:0 15px; border-right:1px solid #A70E51; } ul#ac10-nav li.no-border { border-right:none; } ul#ac10-nav li a { color:#A70E51; text-decoration:none; } ul#ac10-nav li a:hover { text-decoration:underline; } ul#ac11-nav { background-color:#ffffff; color:#001d61; padding:3px 10px; text-align:center; font-size:1.1em; font-weight:bold; } ul#ac11-nav li { display:inline; padding:0 15px; border-right:1px solid #F0F; } ul#ac11-nav li.no-border { border-right:none; } ul#ac11-nav li a { color:#000; text-decoration:none; } ul#ac11-nav li a:hover { text-decoration:underline; color:#F0F} /* -- banners --*/ h2 { display:block; width:955px; padding-top:45px; height:0 !important; height /**/: 45px; overflow:hidden; background-repeat: no-repeat; } h2#home { background-image: url(../images/welcome-banner.gif); } h2#about-us { background-image: url(../images/about-us-banner.gif); } h2#press { background-image: url(../images/press-banner.gif); } h2#membership { background-image: url(../images/membership-banner.gif); } h2#contacts { background-image: url(../images/contacts-banner.gif); } h2#publications { background-image: url(../images/publications-banner.gif); } h2#consultation { background-image: url(../images/consultation-responses-banner.gif); } h2#misc { background-image: url(../images/misc-banner.gif); } h2#position-statements { background-image: url(../images/position-statements-banner.gif); } h2#speeches { background-image: url(../images/speeches-banner.gif); } h2#submissions { background-image: url(../images/submissions-banner.gif); } h2#members { background-image: url(../images/members-banner.gif); } h2#board { background-image: url(../images/board-banner.gif); } h2#yoursay { background-image: url(../images/yoursay-banner.gif); } h2#briefing-notes { background-image: url(../images/briefing-notes-banner.gif); } h2#events { background-image: url(../images/events-banner.gif); } h2#news { background-image: url(../images/news-banner.gif); } h2#atoz { background-image: url(../images/atoz-banner.gif); } h2#sitemap { background-image: url(../images/sitemap-banner.gif); } h2#policy { background-image: url(../images/policy-banner.gif); } h2#work { background-image: url(../images/work-banner.gif); } h2#ebulletin { background-image: url(../images/ebulletin-banner.gif); } h2#regions { background-image: url(../images/regions-banner.gif); } h2#northern-region { background-image: url(../images/northern-region-banner.gif); } h2#north-west-region { background-image: url(../images/north-west-region-banner.gif); } h2#yh-region { background-image: url(../images/yh-region-banner.gif); } h2#greater-london-region { background-image: url(../images/greater-london-banner.gif); } h2#south-west-region { background-image: url(../images/southwest-region-banner.gif); } h2#south-east-region { background-image: url(../images/southeast-region-banner.gif); } h2#eastern-region { background-image: url(../images/eastern-region-banner.gif); } h2#east-midlands-region { background-image: url(../images/east-midlands-region-banner.gif); } h2#west-midlands-region { background-image: url(../images/west-midlands-region-banner.gif); } h2#mo {background-image: url(../images/mo-banner.gif); } h2#policy-committees { background-image: url(../images/policy-committees-banner.gif); } h2#joint-pc { background-image: url(../images/joint-banner.gif); } h2#ea-pc { background-image: url(../images/ea-banner.gif); } h2#fcyp-pc { background-image: url(../images/fcyp-banner.gif); } h2#hcan-pc { background-image: url(../images/hcan-banner.gif); } h2#ist-pc { background-image: url(../images/ist-banner.gif); } h2#rs-pc { background-image: url(../images/rs-banner.gif); } h2#spi-pc { background-image: url(../images/spi-banner.gif); } h2#wd-pc { background-image: url(../images/wd-banner.gif); } h2#research-group { background-image: url(../images/research-banner.gif); } h2#asylum { background-image: url(../images/asylum-banner.gif); } h2#error-banner { background-image: url(../images/error-banner.gif); } h2#terms { background-image: url(../images/terms-banner.gif); } h2#partners { background-image: url(../images/partners-banner.gif); } h2#ac10 { background-image: url(../images/ac10-banner.gif); } h2#ac10title { background-image: url(../images/ac10-title.gif); } h2#ac11 { background-image: url(../images/ac11-banner.gif); } h2#ac11sub { background-image: url(../images/ac11subbanner.gif); } h2#ac12 { background-image: url(../images/ac12banner.png); } /* -- second nav -- */ ul#nav2 { background-color:#ffffff; color:#A70E51; padding:10px 1px; text-align:left ; font-size:1em; font-weight:bold; } ul#nav2 li { display:block; padding:2px 2px 5px 5px; border-left:2px solid #001D61; } ul#nav2 li.no-border { border-right:none; } ul#nav2 li a { color:#A70E51; text-decoration:none; } ul#nav2 li a:hover { text-decoration:underline; color:#A70E51; } /* -- content styles -- */ #content-wrapper {background-color:#ffffff; } #content-wrapper a { color:#A70E51; text-decoration:none; } #content-wrapper a:hover { text-decoration:underline; } #content-wrapper-ac10 {background-image: url(../images/ac10-bg.gif) } #content-wrapper-ac10 a { color:#A70E51; text-decoration:none; } #content-wrapper-ac10 a:hover { text-decoration:underline; } #content-wrapper-ac11 {background-color:#FFF; color:#001d61; } #content-wrapper-ac11 a { color:#A70E51 ; text-decoration:none; } #content-wrapper-ac11 a:hover { text-decoration:underline; } #content-wrapper-ac12 {background-color:#ffffff; color:#000; } #content-wrapper-ac12 a { color:#7c1A6d ; text-decoration:none; } #content-wrapper-ac12 a:hover { text-decoration:underline; } .pane-content { padding:0 10px; } .pane-content1 { background-color:#fff; font-size:1.1em; color:#000; border-left:10px solid #dbdbdb; border-right:10px solid #dbdbdb; padding: 0 10px; } #left-pane-header { background:url(../images/left-pane-top.gif) no-repeat top #ccc; height:11px; } #left-pane { background:url(../images/left-pane-bottom.gif) no-repeat bottom #dbdbdb; width:700px; float:left; min-height:200px;margin:10px 10px; font-size:0.9em; } #left-pane-secure { width:700px; float:left; min-height:200px;margin:10px 10px; } #left-pane p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #left-pane p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } h3, p { padding-bottom:1em; } h3 { font-size:1.2em; font-weight:bold; clear:both; } h3.center { text-align:center; } h3.right { text-align:right; } h3#ac10 { font-size:1.2em; font-weight:bold; clear:both; color:#A70E51;} h3#ac11 { font-size:1.3em; font-weight:bold; clear:both; background-color:#A70E51 ; color:#fff; padding: 5px 5px; } h3#ac11r { font-size:1.3em; font-weight:bold; clear:both; background-color:#99ccff ; color:#001D61; padding: 5px 5px; } h3#ac11b { font-size:1.3em; font-weight:bold; clear:both; background-color:#001d61 ; color:#FFF; padding: 5px 5px; } h3#ac11w { font-size:1.3em; font-weight:bold; clear:both; background-color:#FFF ; color:#001D61; padding: 5px 5px; } h4 { font-size:1.1em; clear:both; } ul#bullets { list-style-type: disc; margin: 0 0 0 20px; } ul.bullets { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list-ac11 { font-size:1.2em; font-weight:bold; list-style-type:square ; margin: 0 0 0 20px;} ul#link-list-pc { font-size:1.2em; list-style-type: disc; margin: 0 10px 0 20px; margin:10px 10px} ul#link-list h3 { color:#001D61; } ul#list-basic { list-style-type: disc; margin: 0 0 0 20px; margin:10px 10px} #right { float:right; padding: 5px 5px; } #full-pane { width:935px; min-height:200px; background-color:#fff; margin: 10px 10px; } #full-pane-header { background:url(../images/full-pane-top.gif) no-repeat top #ccc; height:11px; } #index-top-pane { width:925px; min-height: 40px; margin: 10px 10px ; } #index-pane { width:925px; min-height:330px; margin:10px 10px; } #full-pane-left { width:600px; float:left; min-height:300px; margin:10px 10px; font-size:0.9em; } #full-pane-left-ac11 { width:600px; float:left; min-height:300px; margin:10px 10px; font-size:0.9em; background-image:url(../images/ac11bg.png); background-repeat:no-repeat; background-position:center center; } #full-pane-left-orange { width:600px; float:left; min-height:300px; background-color:#C00; margin:10px 10px; font-size:0.9em } #full-pane-right { width:300px; float:right; min-height:300px; margin: 10px; border:2px solid #FFF; font-size:0.9em } #full-pane-right-ac11 { width:300px; float:right; min-height:300px; background-color:#99ccff; border:1px solid #001D61; margin:10px; font-size:0.9em } #left-pane p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #left-pane p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } #full-pane-left p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #full-pane-left p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } #full-pane-right p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #full-pane-right p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } #full-pane-right-ac11 p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #full-pane-right-ac11 p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } .innerpod { width:170px; min-height:170px; margin:5px 5px; font-size:0.9em; border:2px solid #99ccff; } h3.center { text-align:center; } /* -- ac12 -- */ #ac12-table { width:910px; margin:20px; border-collapse:collapse; } #ac12-table td, #index-table th { font-size:3em; padding:1px 1px; font-weight:bold; } #ac12-table td { width:225px; height:60px; text-align:center; color:#7C1A6D; background-color:#FFF; } #ac12-table td.alt { width:225px; height:60px; font-weight: bold; text-align:center; color:#001d61; background-color:#994D8E; } #ac12-table td.alt1 { width:225px; height:60px; text-align:center; color:#7C1A6D; background-color:#BC76B4; } #ac12-table td.alt2 { width:225px; height:60px; text-align:center; color:#7C1A6D; background-color:#BABABA; } #ac12-table td a { color:#7C1A6D; text-decoration:none; } #ac12-table td a:hover { text-decoration:underline; } #ac12-table tr { width:920px; } #ac12-table caption {font-weight:bold; text-align:center; } h3#ac12 { font-size:1.3em; font-weight:bold; clear:both; background-color:#7C1A6D ; color:#fff; padding: 5px 5px; } h3#ac12b { font-size:1.3em; font-weight:bold; clear:both; background-color:#994D8E ; color:#fff; padding: 5px 5px; } h3#ac12o { font-size:1.3em; font-weight:bold; clear:both; background-color:#BC76B4 ; color:#fff; padding: 5px 5px; } h3, p { padding-bottom:1em; } h3 { font-size:1.2em; font-weight:bold; clear:both; } h4 { font-size:1.1em; clear:both; } ul#bullets { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list-pc { font-size:1.2em; list-style-type: disc; margin: 0 0 0 20px; margin:10px 10px} ul#link-list h3 { color:#001D61; } ul#list-basic { list-style-type: disc; margin: 0 0 0 20px; margin:10px 10px} #left-pane-header-small { background:url(../images/left-pane-top-small.gif) no-repeat top #ccc; height:11px; } #left-pane-small { background:url(../images/left-pane-bottom-small.gif) no-repeat bottom #dbdbdb; width:350px; float: left; min-height:200px;margin:10px 10px; font-size:0.9em; } #left-pane-small p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #left-pane-small p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } h3, p { padding-bottom:1em; } h3 { font-size:1.2em; font-weight:bold; clear:both; } h4 { font-size:1.1em; clear:both; } ul#bullets { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list-pc { font-size:1.2em; list-style-type: disc; margin: 0 0 0 20px; margin:10px 10px} ul#link-list h3 { color:#001D61; } #mid-pane-header { background:url(../images/mid-pane-top.gif) no-repeat top #ccc; height:11px; } #mid-pane { background:url(../images/mid-pane-bottom.gif) no-repeat bottom #dbdbdb; width:300px; float: left; min-height:400px; margin:10px 10px ; font-size:0.9em; } #mid-pane p.floatRight { float:right; padding:0 0 15px 15px; margin:0; } #mid-pane p.floatLeft { float:left; padding:0 15px 15px 0; margin:0; } h3, p { padding-bottom:1em; } h3 { font-size:1.2em; font-weight:bold; clear:both; } h4 { font-size:1.1em; clear:both; } ul#bullets { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list { list-style-type: disc; margin: 0 0 0 20px; } ul#link-list-pc { font-size:1.2em; list-style-type: disc; margin: 0 0 0 20px; margin:10px 10px} ul#link-list h3 { color:#001D61; } /* -- left-pane form styles -- */ #left-pane .fldlabel, #standalone .fldlabel { width:130px; display:block; float:left; } #left-pane input.txtfields, #standalone input.txtfields { width:350px; border:1px solid#990066 ; padding:3px; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#001D61; font-size:0.95em } #left-pane p.nolabel, #standalone p.nolabel { margin-left:130px; } #right-pane { background-color:#ffffff; width:210px; float:left; min-height:200px;margin:10px 5px; } #right-pane h3 { color:#001D61; padding:0; } #right-pane h4 { color:#ffffff; padding:3px 5px; font-size:1.1em; font-weight:bold; } #right-pane .magenta h4 { background-color:#A70E51; } #right-pane .blue h4 { background-color:#001D61; } #right-pane .green h4 { background-color:#090; } #right-pane .orange h4 { background-color:#f60; } #right-pane .red h4 { background-color:#f00; } #right-pane .grey h4 { background-color:#dbdbdb; } #right-pane .magenta .right-pod { border-left:2px solid #A70E51; border-right:2px solid #A70E51; border-bottom:2px solid #A70E51; } #right-pane .blue .right-pod { border-left:2px solid #001D61; border-right:2px solid #001D61; border-bottom:2px solid #001D61; } #right-pane .green .right-pod { border-left:2px solid #090; border-right:2px solid #090; border-bottom:2px solid #090; } #right-pane .orange .right-pod { border-left:2px solid #f60; border-right:2px solid #f60; border-bottom:2px solid #f60; } #right-pane .red .right-pod { border-left:2px solid #f00; border-right:2px solid #f00; border-bottom:2px solid #f00; } #right-pane .blue .right-pod p.mid { padding-left:20px; } #right-pane .right-pane-head { background-color:#A70E51; float:left; margin-bottom:5px; border: 2px solid#A70E51; color:#ffffff } #right-pane .right-pod { margin-bottom:20px; background-color:#fff; padding:15px 5px 10px 5px; background-repeat: no-repeat; border-left:2px solid #A70E51; border-right:2px solid #A70E51; border-bottom:2px solid #A70E51; } ul#link-list { list-style-type: disc; margin: 0 0 0 20px; } #right-pane .fldlabel { width:80px; display:block; float:left; } #right-pane input.txtfields { width:178px; border:1px solid#990066 ; padding:3px; background-color:#ffffff; } #right-pane .submit { border:1px 2px 1px 2px; padding:3px; background-color:#ccc; color:#001D61; font-weight:bold; } /* -- divs -- */ /* -- lines -- */ div.hr { color:#FFF; background-color:#FFF; height:1px; margin-bottom: 5px; } div.hrpink { color:#F0F; background-color:#F0F; height:1px; margin-bottom: 5px; } div.hrblack { color:#000; background-color:#000; height:1px; margin-bottom: 5px; } div.hrmagenta { color:#A70E51; background-color:#A70E51; height:1px; margin-bottom: 5px; } div.hrblue { color:#001d61; background-color:#001d61; height:1px; margin-bottom: 5px; } div.hrlightblue { color:#99ccff; background-color:#99ccff; height:1px; margin-bottom: 5px; } div.hryellow { color:#FF0; background-color:#FF0; height:1px; margin-bottom: 5px; } div.hrorange { color:#F60; background-color:#F60; height:1px; margin-bottom: 5px; } /* -- tables -- */ #fee-table { width:300px; margin:10px 5px; } #fee-table th { font-weight:bold; } #ac10-table { width:580px; border-collapse:collapse;} #ac10-table td, #ac10-table th { font-size:1em; border:1px solid #00CCFF; padding:3px 7px 2px 7px; font-weight:bold;} #ac10-table th { font-size:1.1em; font-weight:bold; text-align:left; padding-top:5px; padding-bottom:4px;background-color:#001D61; color:#ffffff; } #ac10-table tr.alt td { color:#A70E51; background-color:#CCFFFF; font-weight:bold;} #ac11-table { width:580px; border-collapse:collapse;} #ac11-table td, #ac11-table th { font-size:1em; border:1px solid #a70e51; padding:3px 7px 2px 7px; font-weight:bold;} #ac11-table th { font-size:1.1em; font-weight:bold; text-align:left; padding-top:5px; padding-bottom:4px;background-color:#001D61; color:#ffffff; } #ac11-table tr.alt td { color:#A70E51; background-color:#99CCFF; font-weight:bold;} #speaker-table { width:580px; margin:8px; border-collapse:collapse; } #speaker-table td, #speaker-table th { font-size:1em; padding: 2px 2px; font-weight:bold; } #speaker-table th { font-weight: bold; text-align:center; } #speaker-table tr { width:170px; } #speaker-table caption {font-weight:bold; text-align:center; } #index-table { width:910px; margin:4px; border-collapse:collapse; } #index-table td, #index-table th { font-size:1em; padding:1px 1px; font-weight:bold; } #index-table td { width:225px; height:120px; text-align:center; color:#fff; background-color:#001D61; } #index-table td.alt1 { width:225px; height:120px; text-align:center; color:#001D61; background-color:#99ccff; } #index-table td.alt2 { width:225px; height:120px; text-align:center; color:#fff; background-color:#A70E51; } #index-table td a { color:#A70E51; text-decoration:none; } #index-table td a:hover { text-decoration:underline; } #index-table td.alt { font-weight: bold; text-align:center; color:#001d61; background-color:#fff; } #index-table tr { width:920px; } #index-table caption {font-weight:bold; text-align:center; } #index-pane-table { width:905px; margin:5px; border-collapse:separate ; } #index-pane-table tr { width: inherit; } #index-pane-table td, #index-pane-table th { font-size:1em; padding: 1px 1px; } #index-pane-table td.img {width:300px; min-height:160px; float:right; color:#001d61; background-color:#fff; } #index-pane-table td {width:300px; min-height:160px; text-align:left ; color:#001d61; background-color:#fff; } #index-pane-table td.altc {width:300px; min-height:160px; text-align:center ; color:#001d61; background-color:#fff; } #index-pane-table td.altr {width:300px; min-height:160px; text-align:right ; color:#001d61; background-color:#fff; } #index-pane-table td.alt {width:300px; min-height:160px; text-align:center; color:#fff; border: 10px solid #99ccff;} #index-pane-table td.alt1 {width:300px; min-height:160px; text-align:center; color:#001d61; border: 10px solid #99ccff; } #index-pane-table td.alt1r {width:300px; min-height:160px; text-align:right; color:#001d61; background-color:#99ccff; border: 10px solid #A70e51; } #index-pane-table td.alt2 {width:300px; min-height:160px; text-align:center; color:#fff; border: 10px solid #A70E51; } #index-pane-table td.alt2l {width:300px; min-height:160px; text-align:left; color:#fff; background-color:#A70E51; } #index-pane-table td.alt3 {width:300px; min-height:160px; text-align:center; color:#001d61; background-color:#dbdbdb; } #index-pane-table td.alt3l {width:300px; min-height:160px; text-align:left; color:#001d61; background-color:#dbdbdb; } #index-pane-table a { color:#a70e51; text-decoration:none; } #index-pane-table a:hover { text-decoration:underline; } /* -- footer -- */ #footer { font-size:1em; padding:20px 0; } ul#footer li {display:inline; padding: 0 10px; border-right:1px solid #001D61; } ul#footer li.no-border { border-right:none; } /* -- one off pages --*/ #standalone { width:700px; margin:20px auto; border: 2px solid #001D61; font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#001D61; } #standalone .pane-content { padding:30px 30px 10px 30px; } #standalone h3 { text-align:center; padding:10px 0; } ol#standalone-list { list-style-type:decimal; margin:20px 0 10px 0; } ol#standalone-list li { font-weight:bold; } #standalone #reapplicationform { margin-bottom:1em; }