.Foo{} /* CSS Document */ /* Solution Deployment 28/04/2009 */ /*main structure of AC Article page*/ /* - For two column and one column layout, relevant col such as leftcol/rightcol will be have display:none property This is to maintain the consistent site structure throughout the site. */ /*main divs*/ #outer {} /*#outer style is consistent and it's defined in general.css*/ #leftcol {width: 188px; float: left; margin-left: 5px; margin-top: 10px; font-size:1.12em; display:block;} #rightcol {display:none;} #midcol {font-size:1.2em; overflow:hidden; } /* CA edit, increase text-size for page content */ /* Hack for ie6 */ /*\*/ * html #midcol {margin:0 15px 0 198px;} /*This hack is necessary for IE 6 to avoid column overlapping.*/ /*mid col style*/ #midcolbox {display:block;min-width: 577px; max-width: 765px; margin-top:10px; background: #fff; border:1px solid #e2e4e5; } /*min-width and max-width slightly different to homepage. Also extra margin is added to this template. This width settings shouldn't be changed as they are set to match the original PSDs = 961px including 1px borders both ends. midbox should have*/ /*header area*/ #pagebanner .inner {display:block; min-width: 763px; max-width: 971px; margin: 0 auto; background: url(/PublishingImages/template/logo_banner_secondlevel.gif) no-repeat left top; } /*secondlevel has different background*/ #pagebanner #utility {float:right; width:252px; padding:5px 0 0 0;} /*Margin top property has differnet figure here. (All pages except homepage) */ /*LHS nav - second level nav needed for this page*/ #nav-y {width:178px; background:#fff url(/PublishingImages/template/LHS_col/nav-y/bottom_bac.gif) bottom repeat-x; padding:0 0 15px 0; font-size:1.12em; border:1px solid #e3e3e3;} /* top-level option */ #nav-y p {display:block; background:#063; color:#fff; padding:3px 5px 2px 8px; font-size:100%; border-bottom:2px solid #fff; margin:0; font-weight:bold; } #nav-y p a {color:#fff; text-decoration:none; } #nav-y p a:hover {text-decoration:underline; } /* first level tab */ #nav-y ul {padding:0; margin:0; list-style:none; background:none;} #nav-y ul li {padding:0; margin:0; list-style:none; background:#8cd600; border-bottom:1px solid #fff; } #nav-y ul li a {padding:3px 3px 3px 8px; display:block; color:#000; text-decoration:none; background:#8cd600;} #nav-y ul li a:hover, #nav-y ul li a:active, #nav-y ul li a:focus {padding:3px 3px 3px 8px; display:block; color:#fff; text-decoration:underline; background:#063;} /*second level selected tab */ #nav-y ul li.selected, #nav-y ul li.selected a {background:#fff; color:#000;font-weight:bold; } #nav-y ul li.selected a:active, #nav-y ul li.selected a:focus {color:#fff; background:#455560;} #nav-y ul li.selected span.block {padding:3px 0 3px 8px; display:block; } /*second level selected tab - with sub menu under it*/ #nav-y ul li.selected ul li {font-size:1em; background:#fff ;} #nav-y ul li.selected ul li a {background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat;color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 20px; margin:0; } #nav-y ul li.selected ul li span.block {padding:3px 0 3px 20px; display:block; background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat;font-size:90%; } #nav-y ul li.selected ul li a:hover { background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat; color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 20px; margin:0; } #nav-y ul li.selected ul li a:active, #nav-y ul li.selected ul li a:focus {color:#fff !important; background:#455560 !important; padding:3px 0 3px 20px;} /*third level tabs - first selected tab to be changed to parent_selected*/ #nav-y ul li.parent_selected a {} #nav-y ul li.parent_selected ul li {background:#fff;border-top:1px dotted #717a80;} #nav-y ul li.parent_selected ul li span.block{padding:3px 0 3px 20px; display:block; background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat;font-size:90%; } #nav-y ul li.parent_selected ul li a { background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat; color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 20px; margin:0; } #nav-y ul li.parent_selected ul li a:hover { background:#fff url(/PublishingImages/template/LHS_col/nav-y/thirdlevel_bullet.gif) 10px 9px no-repeat; color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 20px; margin:0; text-decoration:underline; } #nav-y ul li.parent_selected ul li a:active, #nav-y ul li.parent_selected ul li a:focus { color:#fff; display:block; padding:3px 0 3px 20px; margin:0; background:#455560;} #nav-y ul li.parent_selected ul {} #nav-y ul li.parent_selected ul li.selected a {} #nav-y ul li.parent_selected ul li.selected ul li {background:#fff; border:none ; } #nav-y ul li.parent_selected ul li.selected ul li span.block {border:none; padding:3px 0 3px 30px; display:block; background:transparent url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 20px 9px no-repeat;font-size:90%; } #nav-y ul li.parent_selected ul li.selected ul li a {border:none;background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 25px 9px no-repeat;color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 37px; margin:0;} #nav-y ul li.parent_selected ul li.selected ul li a:hover{ border:none; background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 25px 9px no-repeat; color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 37px; margin:0; } #nav-y ul li.parent_selected ul li.selected ul li a:active, #nav-y ul li.parent_selected ul li.selected ul li a:focus {color:#fff; display:block; padding:3px 0 3px 37px; margin:0;background:#455560;} /* more in this section links */ #nav-y .more {border:none;} #nav-y .more a {border:none; background:none !important; padding-right:10px !important;} #nav-y .more a:active, #nav-y .more a:focus {color:#fff; background:#455560 !important;} /* fourth level tabs - second selected tab to be changed to parent_selected - there will be two parent_selected class*/ #nav-y ul li.parent_selected ul li.parent_selected a {border:none;} #nav-y ul li.parent_selected ul li.parent_selected {background:#fff; } #nav-y ul li.parent_selected ul li.parent_selected ul li{border:none;} #nav-y ul li.parent_selected ul li.parent_selected ul li span.block {padding:3px 0 3px 37px; display:block; background:transparent url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 25px 9px no-repeat;} #nav-y ul li.parent_selected ul li.parent_selected ul li a, #nav-y ul li.parent_selected ul li.parent_selected ul li a:hover {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 25px 9px no-repeat;color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 0 3px 37px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li a:active, #nav-y ul li.parent_selected ul li.parent_selected ul li a:focus {color:#fff; background:#455560;display:block; padding:3px 0 3px 37px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.selected a {color:#000; font-weight:bold; border:none; } #nav-y ul li.parent_selected ul li.parent_selected ul li.selected ul li {background:#fff; } #nav-y ul li.parent_selected ul li.parent_selected ul li.selected ul li a {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat !important;color:#000; font-size:90%; font-weight:normal; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.selected ul li a:hover {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat !important;color:#000; font-size:90%; font-weight:normal; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.selected ul li a:active, #nav-y ul li.parent_selected ul li.parent_selected ul li.selected ul li a:focus {color:#fff; background:#455560 !important;display:block; padding:3px 3px 3px 49px; margin:0;} /* fifth level tabs */ #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li {border:none; background-color:#fff;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li a, #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li a:hover {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat;color:#000; font-size:90%; font-weight:normal; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li a:active, #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li a:focus {color:#fff; background:#455560;display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li span {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat;color:#000; font-size:90%; font-weight:bold; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected a {color:#000; font-weight:bold; border:none; background-color:#f00; } #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected ul li {background:#fff; } #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected ul li a {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat;color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected ul li a:hover {background:#fff url(/PublishingImages/template/LHS_col/nav-y/fourthlevel_bullet.gif) 35px 9px no-repeat !important;color:#3C68C1; font-size:90%; font-weight:normal; display:block; padding:3px 3px 3px 49px; margin:0;} #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected ul li a:active, #nav-y ul li.parent_selected ul li.parent_selected ul li.parent_selected ul li.selected ul li a:focus {color:#fff; background:#455560;display:block; padding:3px 3px 3px 49px; margin:0;} /* calendar styles */ .lightgreenbar {padding:5px 10px; background:#f5f9ed; font-size:110%; text-align:center; margin:0; height:1%;} .calendardiv {padding:0; margin:0 0 15px 0 !important; list-style:none; } .calendardiv li {padding:0 !important; margin:0; list-style-type:none; display:inline;} .calendardiv li#intro {background: none !important;} .calendardiv li#event {background:url(/PublishingImages/template/icons/calendar/eventicon.gif) no-repeat; padding:5px 0 8px 30px !important; } .calendardiv li#publication {background:url(/PublishingImages/template/icons/calendar/publicationicon.gif) no-repeat; padding:2px 0 12px 30px !important; } /*main mid calendar*/ /*calendar style*/ #calendarcontainer {text-align:center; float:left; display:block; padding:0; width:360px; } * html #calendarcontainer {width:370px;} .maincalendar {padding:10px 10px 10px 0;} .prevbox {float:left; padding:50px 30px 0 0; width:14%; font-size:90%; } .nextbox {float:left; padding:50px 0 0 5px; width:13%; font-size:90%; } /* prev and next 2 months buttons*/ .prev2months {width:109px; height:25px; background:url(/PublishingImages/template/buttons/prev2months.gif) 0 0 no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;} .prev2months:hover {width:109px; height:25px; background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;} .next2months {width:109px; height:25px; background:url(/PublishingImages/template/buttons/next2months.gif) 0 0 no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;} .next2months:hover {width:109px; height:25px; background:url(/PublishingImages/template/buttons/next2months.gif) 0 -24px no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;} /* -- These style are for IE 6 to allow input button rollover - */ * html .prevbox a {background:url(/PublishingImages/template/buttons/prev2months.gif) 0 0 no-repeat; width:109px; height:25px; cursor:pointer; border:none;} * html .prevbox a:hover {background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; } * html #prevmonthbutton {width:109px; height:25px; cursor:pointer; border:none; background:transparent;} * html .nextbox a {background:url(/PublishingImages/template/buttons/next2months.gif) 0 0 no-repeat;width:109px; height:25px; cursor:pointer; border:none;} * html .nextbox a:hover {background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; } * html #nextmonthbutton {width:109px; height:25px;cursor:pointer; border:none; background:transparent;} /**/ .calendarmid {text-align:center; float:left; margin:0 1% 0 0; } .month {background:#063;color:#fff; padding:5px 8px; font-weight:bold;font-size:1.2em; text-align:left; display:block; font-size:100%;} .calendarmid table {background:#cfd3d6; width:170px; margin:2px 0 0 0; border-bottom:1px solid #caced1;} .calendarmid td {} .calendarmid .date { background:#fff; border:1px solid #caced1; display:block; padding:8px 0; height:16px; text-align: center; } .calendarmid .otherdayofmonth {background:#cfd3d6;border:1px solid #caced1; display:block; padding:8px 0; height:16px; } .calendarmid .today{ background:#fff; color:#ad002b; border:1px solid #caced1; display:block; text-align: center; } .calendarmid .block {border:1px solid #ad002b; padding:8px 0; display:block;} .calendarmid .today a {color:#3C68C1; text-decoration:none; font-weight:bold;} .calendarmid .today a:hover {text-decoration:underline;} .calendarmid .today a:active, .calendarmid .today a:focus {color:#fff; background:#455560; text-decoration:none;} .calendarmid .date a {color:#3C68C1; text-decoration:none; font-weight:bold;} .calendarmid .date a:hover {text-decoration:underline;} .calendarmid .date a:active, .calendarmid .date a:focus {color:#fff; background:#455560; text-decoration:none;} .calendarmid .datekey1 { background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat; border:1px solid #caced1; display:block; padding:8px 0; height:16px; text-align: center; } .calendarmid .datekey4 { background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat; border:1px solid #ad002b; display:block; padding:8px 0; height:16px; text-align: center; color:#ad002b; } .calendarmid .datekey2 { background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat; border:1px solid #caced1; display:block; padding:8px 0; height:16px; text-align: center; } .calendarmid .datekey5 { background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat; border:1px solid #ad002b; display:block; padding:8px 0; height:16px; text-align: center; color:#ad002b; } .calendarmid .datekey3 { background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat; border:1px solid #caced1; display:block; padding:8px 0; height:16px; text-align: center; } .calendarmid .datekey6 { background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat; border:1px solid #ad002b; display:block; padding:8px 0; height:16px; text-align: center; color:#ad002b; } .calendarmid .datekey1 a, .calendarmid .datekey2 a, .calendarmid .datekey3 a, .calendarmid .datekey4 a, .calendarmid .datekey5 a, .calendarmid .datekey6 a { text-decoration:none;color:#3C68C1;font-weight:bold } .calendarmid .datekey1 a:hover, .calendarmid .datekey2 a:hover, .calendarmid .datekey3 a:hover, .calendarmid .datekey4 a:hover, .calendarmid .datekey5 a:hover, .calendarmid .datekey6 a:hover { text-decoration:underline; } .calendarmid .datekey1 a:active, .calendarmid .datekey2 a:active, .calendarmid .datekey3 a:active, .calendarmid .datekey4 a:active, .calendarmid .datekey5 a:active, .calendarmid .datekey6 a:active { color:#fff; background:#455560; text-decoration:none; text-align: center; } .calendarmid .datekey1 a:focus, .calendarmid .datekey2 a:focus, .calendarmid .datekey3 a:focus, .calendarmid .datekey4 a:focus, .calendarmid .datekey5 a:focus, .calendarmid .datekey6 a:focus { color:#fff; background:#455560; text-decoration:none; text-align: center; } .day {background:#455560; color:#fff; text-align:center; margin:0 1px 2px 0; padding:3px 0; font-weight:bold; width:32px; } .linkbox {padding:8px 10px 10px 10px;} .linkbox ul {padding:0; margin:8px 0 0 10px; list-style:none;} .linkbox li {background: url(/PublishingImages/template/icons/content_general_bullet.gif) 0 5px no-repeat; padding:3px 0 3px 15px; margin:0; list-style:none;} .linkbox h3 {color:#7ab800 !important; margin:0 !important; padding:3px 0 0 0 !important; font-size:150%;} .linkbox li a {color:#3C68C1; text-decoration:none;} .linkbox li a:hover{text-decoration:underline; } .linkbox li a:active, .linkbox li a:focus {color:#fff; background:#455560; } .padding { height:20px; clear:both;} *html .padding {clear:right !important;} /*This is for IE 6 to stop content from dropping down below nav */ .calendar_type {clear:both;} *html .calendar_type {clear:right !important;} /*This is for IE 6 to stop content from dropping down below nav */ .calendar_type .date {display:block; padding:0 0 5px 0;} .calendar_type .right {float:right; width:20%; margin:0 30px 0 0; padding:10px 0 0 0;} .calendar_type ul { list-style:none;} .calendar_type ul li {padding:0; margin:0; list-style:none; color:#a1a9ae; font-size:90%;} .calendar_type a {font-size:110%; font-weight:bold; color:#3C68C1; text-decoration:none;} .calendar_type a:hover {text-decoration:underline;} .calendar_type a:active, .calendar_type a:focus {color:#fff; background:#455560;} .eventlist {background:url(/PublishingImages/template/icons/calendar/eventicon.gif) 0 10px no-repeat;float:left; width:60%; padding:10px 0 10px 40px; margin:0 0 0 30px; border-top:1px dotted #cfd3d6; } .publicationbox {background:url(/PublishingImages/template/icons/calendar/publicationicon.gif) 0 10px no-repeat;float:left; width:60%; padding:10px 0 10px 40px; margin:0 0 0 30px;border-top:1px dotted #cfd3d6;} .calendardivider {background:url(/PublishingImages/template/LHS_col/dotted_line.gif) bottom repeat-x; height:2px; clear:both !important;} .calendardivider {clear:right !important;} /* add in div.expandx before divider!! */ .showevents {float:left; width:46%; padding:0 22px 0 0; display:block; margin-left:30px; text-align:left; } .showevents ul {list-style:none;margin:8px 2px 3px 2px; padding:0;} .showevents ul li {background:url(/PublishingImages/template/icons/content_general_bullet.gif) 0 4px no-repeat; padding:3px 0 3px 18px;} .showevents ul li a {font-weight:normal !important; text-decoration:none;color:#3C68C1;} .showevents ul li a:hover {text-decoration:underline;} .showevents ul li a:active, .showevents ul li a:focus {color:#fff; background:#455560;} .showevents ul li span.new {background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 50px 0 0;} .showevents ul li span.new:active, .showevents ul li span.new:focus {background:#455560;} .showevents .text {width:70%; float:none}