/* CSS Document */ BODY {PADDING: 0px; MARGIN: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff;} .topBar {width: 100%; height: 70px; background: #666666; border-bottom: 1px solid #999; min-width:865px;} .printLogo {display: none;} .logo {padding: 10px 0px 10px 10px; float: left;} .header {background: url("images/header-big.jpg") no-repeat right top; height: 70px; width: 625px;} .planitMenu {BACKGROUND: url("images/planit/planit_menus.gif") repeat-y 0px 0px;} .designitMenu {BACKGROUND: url("images/designit/designit_menus.gif") repeat-y 0px 0px;} .basicskillsMenu, .advancedskillsMenu {BACKGROUND: url("images/basicskills/basicskills_menus.gif") repeat-y 0px 0px;} .builditMenu {BACKGROUND: url("images/buildit/buildit_menus.gif") repeat-y 0px 0px;} .maintainitMenu {BACKGROUND: url("images/maintainit/maintainit_menus.gif") repeat-y 0px 0px;} .webmaintainerMenu {BACKGROUND: url("images/webmaintainer/webmaintainer_menus.gif") repeat-y 0px 0px;} /*container for columnOne, columnTwo*/ .container {margin:0px auto; width: 741px; padding: 0px; border-right: solid 1px #666; border-left: solid 1px #666; background: #fff;} .columnOne {FLOAT: left; WIDTH: 161px; PADDING: 0px; COLOR: #333; margin: 0px; font-weight: bold;} .columnOne ul {padding: 0px; margin: 0px;} .columnOne li {font-size: 70%; list-style: none; text-align: center; font-variant: small-caps;} .columnOne a {display: block; text-decoration: none; color: #333; padding: 5px 0px 5px 0px; border-bottom: 1px solid #fff; width: 100%;} .columnOne a:hover {color: #333; background: url("images/menu_line.gif") repeat-y left top;} a.planitCurrent2 {color: #333; background: url("images/planit/planit_menu.gif") repeat-y left top;} a.designitCurrent2 {color: #333; background: url("images/designit/designit_menu.gif") repeat-y left top;} a.basicskillsCurrent2, a.advancedskillsCurrent2 {color: #333; background: url("images/basicskills/basicskills_menu.gif") repeat-y left top;} a.builditCurrent2 {color: #333; background: url("images/buildit/buildit_menu.gif") repeat-y left top;} a.maintainitCurrent2 {color: #333; background: url("images/maintainit/maintainit_menu.gif") repeat-y left top;} a.webmaintainerCurrent2 {color: #333; background: url("images/webmaintainer/webmaintainer_menu.gif") repeat-y left top;} .columnTwoSpecial {float: left; width: 100%; min-height: 360px; _height: 360px; PADDING: 0px; margin: 0px; COLOR: #000;} .columnTwo {float: left; width: 580px; min-height: 360px; /*Hide from MAC\*/_height: 360px;/*END*/ PADDING: 0px; margin: 0px; COLOR: #000;} .columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active, .columnTwoSpecial a, .columnTwoSpecial a:link, .columnTwoSpecial a:visited, .columnTwoSpecial a:active {text-decoration: underline; color: #333;} .columnTwo ul, .columnTwoSpecial ul {margin: 0px 0px 0px 25px; padding: 0px; font-size: 70%;} .columnTwo ol, .columnTwoSpecial ol {margin: 0px 0px 0px 30px; padding: 0px; font-size: 70%;} .columnTwo dl, .columnTwoSpecial dl {margin: 0px 0px 0px 25px; padding: 0px; font-size: 70%;} .columnTwo ol li, .columnTwoSpecial ol li {margin: 0px 30px 8px 15px; padding: 0px; list-style-type: decimal; line-height: 140%;} .columnTwo ul li, .columnTwoSpecial ul li {margin: 0px 10px 0px 15px; padding: 0px;} .columnTwo dl dt, .columnTwoSpecial dl dt {margin: 5px 0px 0px 0px; padding: 0px; font-weight: bold;} .columnTwo dl dd, .columnTwoSpecial dl dd {margin: 0px 0px 0px 20px; padding: 0px;} /*These styles are for the home page mostly, although some might be used on the search pages too*/ .space {height: 15px; overflow: hidden;} .home {} .homeBackground {background: url("images/home/home_background.jpg") no-repeat 0 0; height: 114px;} .homeBackground2 {background: url("images/home/home_background2.jpg") no-repeat 0 0; height: 28px;} .homeSearch {width: 40%; float: right; margin: -6px 0 0 0;} .homeSearch td {padding: 0 11px 0 0;} .homeLeft {width: 25%; float: left; background: url("images/home/home_background3.jpg") #fff no-repeat 0 0;} .homeRight {width: 73%; float: left; background: url(images/line.gif) #fff no-repeat 0 0;} .home P {PADDING: 0px; MARGIN: 7px 10px 13px 10px; font-size: 70%; line-height: 140%;} .home a:link, .home a:visited, .home a:active {color: #333;} .home a:hover {color: #CF0026;} .homeUse {color: #fff; font-weight: bold; font-size: 70%; background: url(images/white_arrow.gif) no-repeat 7px 40px; padding: 35px 0 0 20px; } .homeUse a:link, .homeUse a:visited, .homeUse a:active {color: #fff;} .homeUse a:hover {color: #E8E8E8;} .homeHot {font-size: 80%; font-weight: bold; color: #CF0026; padding: 0 0 0 20px; margin: 20px 0 2px 0;} .homeLeft ul {margin: 0; padding: 0;} .homeLeft li {font-size: 70%; line-height: 190%; background: url(images/red_arrow.gif) #fff no-repeat 7px 9px; list-style: none; margin: 0; padding: 0 0 0 20px;} /*These styles are for the search pages*/ .searchTable {width: 93%; margin: 0 0 0 10px; background: #f4f4f4;} .searchTable td {border-bottom: 2px solid #fff;} .searchTable select {width: 200px; margin: 5px;} .field {margin: 5px; width: 195px;} .button {margin: 5px;} .searchTop {background: url("images/extra/search_top.gif") no-repeat right top;} .searchBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/extra/search_bottom.gif") no-repeat left top;} .searchImportant {margin: 0px; padding: 0px; background: url("images/extra/search_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .searchSide {background: url("images/extra/search_side.gif") #fff repeat-y right top;} .searchSide ul li {list-style-image: url("images/extra/bullet.gif"); margin: 0 10px 8px 15px;} .searchTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: 161px;/*END*/} .searchTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 88px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} #active {color: #D90000; text-decoration:underline;} /*Help pages*/ .helpTop {background: url("images/extra/help_top.gif") no-repeat right top;} .helpLine {border-top: 1px solid #e0e0e0; margin: 20px 10px 0px 10px; width: 94%; height: 1px; overflow: hidden;} .helpTab, .regsTab {width: 94%; font-size: 100%; margin: 10px 0 0 10px; padding: 0; background: #f7f7f7; font-weight: bold; text-align: center;} .helpTab ul, .regsTab ul {margin: 0px; padding: 8px 0 8px 0;} .helpTab a, .regsTab a {text-decoration: underline;} .helpTab a:link, .helpTab a:visited, .helpTab a:active, .regsTab a:link, .regsTab a:visited, .regsTab a:active {color: #333333;} .helpTab a:hover, .regsTab a:hover {color: #CF0026;} .helpTab li, .regsTab li {padding: 0px; margin: 0px; display: inline;} .regsTab ul li {margin: 0 7px 8px 7px;} /*Sitemap pages, in the help section*/ .sitemap {} .sitemap ul {margin: 0px; padding: 0;} div.sitemap li {list-style-image: url(http://www.le.ac.uk/cwiswebcentre/webcentre.css); list-style-type: none; line-height: 100%;} .sitemapPlanit {font-size: 110%; border-bottom: 1px solid #FC6; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapDesignit {font-size: 110%; border-bottom: 1px solid #0CF; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapBasicskills, .sitemapAdvancedskills {font-size: 110%; border-bottom: 1px solid #900; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapBuildit {font-size: 110%; border-bottom: 1px solid #CC3; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapMaintainit {font-size: 110%; border-bottom: 1px solid #C6C; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapWebmaintainer {font-size: 110%; border-bottom: 1px solid #F90; font-weight: normal; border-top: none; padding: 0 0 3px 0;} .sitemapOther {font-size: 120%; border-bottom: 1px solid #E6E6E6; font-weight: normal; border-top: none; padding: 0 0 3px 0;} /*Glossary pages, in the help section*/ .divide {border-bottom: 1px solid #E6E6E6; padding: 0 0 11px 0;} .glossary {} .glossary p {padding: 5px 0 5px 0; margin: 0 35px 0 10px; font-size: 70%; line-height: 15px;} .glossaryTab {width: 94%; font-size: 80%; margin: 10px 0 0 10px; padding: 5px 0 5px 0; border: 1px solid #e0e0e0; text-align: center;} .gloassaryLetter {border-top: none; background: #f7f7f7; width:20%; font-size: 130%; padding: 3px; margin: 10px 0 0 10px;} /*Resource Pages*/ .saucePlanit {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #FFEFCD;} .sauceDesignit {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #E6FAFF;} .sauceBasicskills, .sauceAdvancedskills {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #FFE9E8;} .sauceBuildit {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #F7F7DB;} .sauceMaintainit {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #F9EEF9;} .sauceWebmaintainer {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #FFF2DF;} .sauceWhite {clear: both; margin: 10px 36px 10px 10px; padding: 5px; font-size: 70%; line-height: 15px; background: #fff;} .sauceTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto;/*END*/} .sauceTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 76px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} .resourcesTop {background: url("images/extra/resources_top.gif") no-repeat right top;} .planitResourcesTop {background: url("images/planit/planit_top2.gif") no-repeat right top;} .planitResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/planit/planit_bottom2.gif") no-repeat left top;} .planitResourcesImportant {margin: 0px; padding: 0px; background: url("images/planit/planit_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .designitResourcesTop {background: url("images/designit/designit_top2.gif") no-repeat right top;} .designitResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/designit/designit_bottom2.gif") no-repeat left top;} .designitResourcesImportant {margin: 0px; padding: 0px; background: url("images/designit/designit_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .basicskillsResourcesTop, .advancedskillsResourcesTop {background: url("images/basicskills/basicskills_top2.gif") no-repeat right top;} .basicskillsResourcesBottom, .advancedskillsResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/basicskills/basicskills_bottom2.gif") no-repeat left top;} .basicskillsResourcesImportant, .advancedskillsResourcesImportant {margin: 0px; padding: 0px; background: url("images/basicskills/basicskills_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .builditResourcesTop {background: url("images/buildit/buildit_top2.gif") no-repeat right top;} .builditResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/buildit/buildit_bottom2.gif") no-repeat left top;} .builditResourcesImportant {margin: 0px; padding: 0px; background: url("images/buildit/buildit_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .maintainitResourcesTop {background: url("images/maintainit/maintainit_top2.gif") no-repeat right top;} .maintainitResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/maintainit/maintainit_bottom2.gif") no-repeat left top;} .maintainitResourcesImportant {margin: 0px; padding: 0px; background: url("images/maintainit/maintainit_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .webmaintainerResourcesTop {background: url("images/webmaintainer/webmaintainer_top2.gif") no-repeat right top;} .webmaintainerResourcesBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/webmaintainer/webmaintainer_bottom2.gif") no-repeat left top;} .webmaintainerResourcesImportant {margin: 0px; padding: 0px; background: url("images/webmaintainer/webmaintainer_important2.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} /*Table used for webmaintainer search*/ .webmaintainerTable {width: 92%; margin: 0 0 0 10px; background: #FFF2DF;} .webmaintainerTable td {border-bottom: 2px solid #fff; height: 30px; padding: 5px 0 5px 5px; vertical-align: middle;} /*Table used for web edit suite*/ .passwordTable {width: 92%; margin: 0 0 0 10px; background: #F9EEF9;} .passwordTable td {border-bottom: 2px solid #fff; height: 30px; padding: 5px 0 5px 5px; vertical-align: middle;} /*Table used for the forms section in adavnced skills*/ .formsTable {width: 92%; margin: 0 0 0 10px; background: #FFE9E8;} .formsTable td {border-bottom: 2px solid #fff; height: 30px; padding: 5px 0 5px 5px; vertical-align: middle;} /*template pages*/ .templateTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto;/*END*/} .templateTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 77px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} .templateTop {background: url("images/extra/template_top.gif") no-repeat right top;} .templates {width: 92%; margin: 0 0 0 10px;} .templates td {padding: 8px 5px 8px 5px; border-right: 1px solid #fff;} .templates th {font-weight: bold; padding: 5px; background: #EAEAEA; border-right: 1px solid #fff;} /*feedback pages*/ .feedbackTable {width: 93%; margin: 0 0 0 10px; background: #f4f4f4;} .feedbackTable td {border-bottom: 2px solid #fff;} .area {width: 350px; margin: 5px;} .area2 {width: 350px; height: 70px; margin: 5px;} .feedbackTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto;/*END*/} .feedbackTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 83px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} .feedbackTop {background: url("images/extra/feedback_top.gif") no-repeat right top;} /*regulations pages*/ .regulationsTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto;/*END*/} .regulationsTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 65px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} .regulationsTop {background: url("images/extra/regulations_top.gif") no-repeat right top;} /*tutorial pages*/ .tutorialTab {float: left; background: url("images/extra/search_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto;/*END*/} .tutorialTab h2 {font-size: 90%; text-align: left; font-weight: bold; color: #333; padding: 4px 88px 0px 5px; margin: 0px; background: url("images/extra/search_tab.gif") no-repeat right top;} .tutorialTop {background: url("images/extra/tutorial_top.gif") no-repeat right top;} /*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized*/ .bottomNav {overflow: auto; margin: 10px 0 0 0 !important; background: #fff} /*This sets the margin and padding for the bottom navigation bars to zero*/ .bottomNav ul {list-style: none; padding: 0; margin: 0;} /*This sets some of the elements for the boxes in the bottom navigation*/ .bottomNav li {display: block; float: left; padding: 0; margin: 0; font-size: 65%; font-weight: bold; text-transform: uppercase;} /*set this width for the number of options in your list, so 5=20% 4=25% 3=33% etc, IE can't divide properly so a -0.1% margin has to be used*/ .bottomNav ul li {width: 20%; margin: 0 -0.1% 0 0;} /*This sets some of the elements for the boxes in the bottom navigation*/ .bottomNav a {display: block; padding: 3px 0 3px 0; text-align: center; margin: 0 2.2% 0 2.2%; background: #666; border: 1px solid #FFF;} .bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {text-decoration: none; color: #FFF;} .bottomNav a:hover {text-decoration: none; color: #333; background: #fff; border: 1px solid #666;} /*container box for the maintainer and updated date, at the very bottom of the screen*/ #maintainer {font-size: 65%; font-weight: bold; clear: both; height: 20px; padding: 0; margin: 10px 0 0 0; background: #fff; color:#333;} /*container box for the updated date*/ .maintainerLeft {float: left; padding: 4px 0 3px 5px;} /*container box for the maintainer text*/ .maintainerRight {float: right; padding: 4px 5px 3px 0;} .maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {text-decoration: underline; color: #333;} .maintainerRight a:hover {color: #CF0026;} /*sets the font style to normal*/ .normal {font-weight: normal;} .approved {font-size: 65%; padding: 0 0 10px 5px; clear: both;} h1 {font-size: 110%; text-align: right; font-weight: bold; color: #31231D; padding: 42px 7px 0px 0px; margin: 0px;} h3 {font-size: 100%; text-align: left; font-weight: bold; color: #333; padding: 22px 10px 10px 64px; margin: 0px;} h4 {font-size: 80%; text-align: left; font-weight: bold; color: #333; padding: 10px 0px 0px 0px; margin: 10px 36px 10px 10px; border-top: 1px solid #e0e0e0;} h5 {font-size: 70%; text-align: left; font-weight: bold; color: #333; margin: 0; padding: 5px 0 0 15px; border: 0px;} h6 {font-size: 100%; text-align: left; font-weight: bold; color: #333; padding: 105px 0 15px 65px; margin: 0;} .steps {color: #900; font-weight: bold; font-size: 90%; border: 1px solid #e6e6e6; padding: 10px; margin: 0 35px 0 10px;} .accounts {color: #C6C; font-weight: bold; font-size: 90%; border: 1px solid #e6e6e6; padding: 10px; margin: 0 35px 0 10px;} P {PADDING: 0px; MARGIN: 7px 35px 13px 10px; font-size: 70%; line-height: 140%;} .smallText {font-size: 90%;} .normal {font-weight: normal;} img {border: 0px;} .bold {font-weight: bold;} .clear {CLEAR: both;} .clearLine {clear: both; margin: -15px 36px 10px 10px; padding: 0; border-top: 1px solid #e0e0e0;} .right {float: right;} .left {float: left;} .center {text-align: center;} .imageCentre {text-align: center; margin: 0 0 0 -24px;} .textCentre {text-align: center;} .textRight {text-align: right} .textLeft {text-align: left} .vertical {vertical-align: top; padding: 5px 0 0 0;} .vertical2 {vertical-align: middle; padding: 0;} form {margin: 0px; padding: 0px;} table {font-size: 70%} .box {width: auto; padding: 5px 0 0 0; margin: 10px 36px 0 10px; border: 1px solid #e0e0e0;} .top {width: auto; padding: 5px 0 0 0; margin: 10px 0 0 0; text-align: right;} .code {PADDING: 5px; MARGIN: 10px; font-size: 70%;} .box P {font-size: 70%; line-height: 15px;} .white {background: #fff;} .bold {font-weight: bold;} .purple {color: #C6C;} .invisible {color: #F7F7F7;} .photoRight {float: right; margin: 0px 35px 10px 10px; /*HIDE MAC\*/_margin: 0px 17px 10px 10px;/*END*/ padding: 10px; width: auto; height: auto;} .photoLeft {float: left; margin: 0px 10px 10px 10px; /*HIDE MAC\*/_margin: 0px 10px 10px 5px;/*END*/ padding: 10px; width: auto; height: auto;} .highlight {PADDING: 5px; MARGIN: 10px 35px 13px 10px; font-size: 70%; line-height: 140%;} .highlight ul {margin: 0px 0px 0px 25px; padding: 0px; font-size: 100%;} .highlight2 {PADDING: 1px; MARGIN: 10px 35px 13px 10px;} .marginLeft {margin: 0 0 0 30px;} .marginRight {margin: 0 40px 0 0;} .builditBold {color: #cc3;} .builditStep1 {background: url("images/buildit/step1.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 18px 45px 10px 5px; margin: 0 0 0 10px;} .builditStep2 {background: url("images/buildit/step2.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .builditStep3 {background: url("images/buildit/step3.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .builditStep4 {background: url("images/buildit/step4.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .builditStep5 {background: url("images/buildit/step5.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .builditStepbottom {background: url("images/buildit/step_bottom.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 30px 45px 10px 5px; margin: 0 0 0 10px;} .useStep1 {background: url("images/extra/step1.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 18px 45px 10px 5px; margin: 0 0 0 10px;} .useStep2 {background: url("images/extra/step2.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .useStep3 {background: url("images/extra/step3.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .useStep4 {background: url("images/extra/step4.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .useStep5 {background: url("images/extra/step5.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .useStepblank {background: url("images/extra/step_blank.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 40px 45px 10px 5px; margin: 0 0 0 10px;} .usebottom {background: url("images/extra/step_bottom.gif") no-repeat left top; text-align: left; font-size: 70%; line-height: 15px; padding: 30px 45px 10px 5px; margin: 0 0 0 10px;} .tutorials {width: 92%; margin: 0 0 0 10px;} .tutorials td { padding: 5px; border-right: 1px solid #fff; vertical-align: top; } .tutorials th { padding: 5px; border-right: 1px solid #fff; font-weight: normal; vertical-align: top; } .advanced {width: 92%; margin: 0 0 0 10px;} .advanced td {padding: 5px; border-right: 1px solid #fff;} .advanced th {font-weight: bold; padding: 5px; background: #FFBCBC; border-right: 1px solid #fff;} blockquote {margin: 10px 35px 10px 10px; font-size: 70%; background: url("images/quoteleft.gif") left top no-repeat;} blockquote div {padding: 0 48px 0px 48px; background: url("images/quoteright.gif") no-repeat right bottom; line-height: 140%;} /*The container box for the arrows, and the 7 different background images*/ .arrows {margin: 0px; padding: 6px 0px 0px 8px; overflow: hidden; height: 59px; background: #333;} .homeBack {background: url("images/home/home_back.jpg") #e6e6e6 repeat-x left top;} .searchBack {background: url("images/extra/search_back.jpg") repeat-x left top;} .planitBack {background: url("images/planit/planit_back.jpg") repeat-x left top;} .designitBack {background: url("images/designit/designit_back.jpg") repeat-x left top;} .basicskillsBack, .advancedskillsBack {background: url("images/basicskills/basicskills_back.jpg") repeat-x left top;} .builditBack {background: url("images/buildit/buildit_back.jpg") repeat-x left top;} .maintainitBack {background: url("images/maintainit/maintainit_back.jpg") repeat-x left top;} .webmaintainerBack {background: url("images/webmaintainer/webmaintainer_back.jpg") repeat-x left top;} /*The styles for each of the seven bullets*/ .arrows ul {list-style: none; padding: 0px; margin: 0px; width: 100%;} .arrows a {display: block; margin: 7px 0px 0px 0px; padding: 0px; text-align: center; font-size: 70%; font-weight: bold; line-height: 120%;} .planit {display: block; float: left; width: 97px; height: 51px; padding: 0px; margin: 0px; background: url("images/planit/planit.gif") no-repeat left top; font-variant: small-caps;} .designit {left:100px; display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/off.gif") no-repeat left top; font-variant: small-caps;} .designitCurrent {left:100px; display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/designit/designit_current.gif") no-repeat left top; font-variant: small-caps;} .basicskills, .advancedskills {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/skills.gif") no-repeat left top; font-variant: small-caps;} .basicskillsCurrent, .advancedskillsCurrent {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/basicskills/basicskills_current.gif") no-repeat left top; font-variant: small-caps;} .buildit {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/off.gif") no-repeat left top; font-variant: small-caps;} .builditCurrent {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/buildit/buildit_current.gif") no-repeat left top; font-variant: small-caps;} .maintainit {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/off.gif") no-repeat left top; font-variant: small-caps;} .maintainitCurrent {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/maintainit/maintainit_current.gif") no-repeat left top; font-variant: small-caps;} .webmaintainer {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/off.gif") no-repeat left top; font-variant: small-caps;} .webmaintainerCurrent {display: block; float: left; width: 105px; height: 51px; padding: 0px; margin: 0px; background: url("images/webmaintainer/webmaintainer_current.gif") no-repeat left top; font-variant: small-caps;} /*The small section above the main menu*/ .planitBit {clear: both; margin: 0px; padding: 0px; background: #FC6; overflow: hidden; width: 100%; height: 4px;} .designitBit {clear: both; margin: 0px; padding: 0px; background: #00CCFF; overflow: hidden; width: 100%; height: 4px;} .basicskillsBit, .advancedskillsBit {clear: both; margin: 0px; padding: 0px; background: #900; overflow: hidden; width: 100%; height: 4px;} .builditBit {clear: both; margin: 0px; padding: 0px; background: #cc3; overflow: hidden; width: 100%; height: 4px;} .maintainitBit {clear: both; margin: 0px; padding: 0px; background: #c6c; overflow: hidden; width: 100%; height: 4px;} .webmaintainerBit {clear: both; margin: 0px; padding: 0px; background: #F90; overflow: hidden; width: 100%; height: 4px;} /*Resources*/ .resources {font-size: 70%; margin: -25px 55px 0 0; _margin: -25px 33px 0 0; vertical-align: top;} /*The tabs*/ .tabs {background: #fff; width: 100%;} .tabs ul {margin: 0px; padding: 0px 0px 3px 0px; _padding: 5px 0px 0px 0px;} .tabs a {text-decoration: underline;} .tabs a:link, .tabs a:visited, .tabs a:active {color: #333333;} .tabs li {font-size: 70%; padding: 0px 7px 0px 7px; margin: 0px; display: inline; } /*The style for the rollover colours for the help, search and resources pages needs to come after the tabs styles*/ .searchSide a:hover, .searchHover a:hover {color: #D90000; text-decoration:underline;} .planitTab {float: left; background: url("images/planit/planit_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .planitTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 80px 0px 5px; margin: 0px; background: url("images/planit/planit_tab.gif") no-repeat right top;} .designitTab {float: left; background: url("images/designit/designit_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .designitTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 63px 0px 5px; margin: 0px; background: url("images/designit/designit_tab.gif") no-repeat right top;} .basicskillsTab, .advancedskillsTab {font-variant: small-caps; float: left; background: url("images/basicskills/basicskills_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .basicskillsTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 57px 0px 5px; margin: 0px; background: url("images/basicskills/basicskills_tab.gif") no-repeat right top;} .advancedskillsTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 27px 0px 5px; margin: 0px; background: url("images/basicskills/basicskills_tab.gif") no-repeat right top;} .builditTab {float: left; background: url("images/buildit/buildit_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .builditTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 72px 0px 5px; margin: 0px; background: url("images/buildit/buildit_tab.gif") no-repeat right top;} .maintainitTab {float: left; background: url("images/maintainit/maintainit_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .maintainitTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 46px 0px 5px; margin: 0px; background: url("images/maintainit/maintainit_tab.gif") no-repeat right top;} .webmaintainerTab {float: left; background: url("images/webmaintainer/webmaintainer_tab2.gif") repeat-x left top; padding: 0px; width: 250px; /*hide MAC\*/width: auto/*END*/} .webmaintainerTab h2 {font-variant: small-caps; font-size: 90%; text-align: left; font-weight: bold; color: #FFF; padding: 4px 10px 0px 5px; margin: 0px; background: url("images/webmaintainer/webmaintainer_tab.gif") no-repeat right top;} /*Important bit, this div needs to be here, or else the background graphic for the menu on the left will not appear all the way down the screen*/ .homeImportant {margin: 0px; padding: 0px; background: #fff; overflow: hidden; width: 100%; height: 1px;} .planitImportant {margin: 0px; padding: 0px; background: url("images/planit/planit_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .designitImportant {margin: 0px; padding: 0px; background: url("images/designit/designit_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .basicskillsImportant, .advancedskillsImportant {margin: 0px; padding: 0px; background: url("images/basicskills/basicskills_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .builditImportant {margin: 0px; padding: 0px; background: url("images/buildit/buildit_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .maintainitImportant {margin: 0px; padding: 0px; background: url("images/maintainit/maintainit_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} .webmaintainerImportant {margin: 0px; padding: 0px; background: url("images/webmaintainer/webmaintainer_important.gif") no-repeat left top; overflow: hidden; width: 100%; height: 1px;} /*Bottom shadow*/ .homeBottom {height: 22px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/home/home_bottom.gif") #fff no-repeat left top;} .planitBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/planit/planit_bottom.gif") no-repeat left top;} .designitBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/designit/designit_bottom.gif") no-repeat left top;} .basicskillsBottom, .advancedskillsBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/basicskills/basicskills_bottom.gif") no-repeat left top;} .builditBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/buildit/buildit_bottom.gif") no-repeat left top;} .maintainitBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/maintainit/maintainit_bottom.gif") no-repeat left top;} .webmaintainerBottom {height: 30px; clear: both; margin:0px auto; width: 743px; padding: 0px; background: url("images/webmaintainer/webmaintainer_bottom.gif") no-repeat left top;} /*Side section of main content, bullet colours, hover states*/ .planitSide {background: url("images/planit/planit_side.gif") #fff repeat-y right top;} .planitSide ul li {list-style-image: url(images/planit/planit_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .planitSide a:hover, .planitHover a:hover, #planitActive {color: #F0A300; text-decoration:underline;} .planitBackground {background: #FFEFCD;} .designitSide {background: url("images/designit/designit_side.gif") #fff repeat-y right top;} .designitSide ul li {list-style-image: url(images/designit/designit_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .designitSide a:hover, .designitHover a:hover, #designitActive {color: #00AAD5; text-decoration:underline;} .designitBackground {background: #E6FAFF;} .basicskillsSide, .advancedskillsSide {background: url("images/basicskills/basicskills_side.gif") #fff repeat-y right top;} .basicskillsSide ul li, .advancedskillsSide ul li {list-style-image: url(images/basicskills/basicskills_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .basicskillsSide a:hover, .advancedskillsSide a:hover, .basicskillsHover a:hover, .advancedskillsHover a:hover, #basicskillsActive, #advancedskillsActive {color: #D90000; text-decoration:underline;} .basicskillsBackground, .advancedskillsBackground {background: #FFE9E8;} .builditSide {background: url("images/buildit/buildit_side.gif") #fff repeat-y right top;} .builditSide ul li {list-style-image: url(images/buildit/buildit_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .builditSide a:hover, .builditHover a:hover, #builditActive {color: #BDBD2F; text-decoration:underline;} .builditBackground {background: #F7F7DB;} .maintainitSide {background: url("images/maintainit/maintainit_side.gif") #fff repeat-y right top;} .maintainitSide ul li {list-style-image: url(images/maintainit/maintainit_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .maintainitSide a:hover, .maintainitHover a:hover, #maintainitActive {color: #C24BC2; text-decoration:underline;} .maintainitBackground {background: #F9EEF9;} .webmaintainerSide {background: url("images/webmaintainer/webmaintainer_side.gif") #fff repeat-y right top;} .webmaintainerSide ul li {list-style-image: url(images/webmaintainer/webmaintainer_bullet.gif); margin: 0 30px 8px 15px; line-height: 140%;} .webmaintainerSide a:hover, .webmaintainerHover a:hover, #webmaintainerActive {color: #EA8C00; text-decoration:underline;} .webmaintainerBackground {background: #FFF2DF;} .greyBackground {background: #F7F7F7;} .darkgreyBackground {background: #EAEAEA} /*Main background curves*/ .planitTop {background: url("images/planit/planit_top.gif") no-repeat right top;} .designitTop {background: url("images/designit/designit_top.gif") no-repeat right top;} .basicskillsTop, .advancedskillsTop {background: url("images/basicskills/basicskills_top.gif") no-repeat right top;} .builditTop {background: url("images/buildit/buildit_top.gif") no-repeat right top;} .maintainitTop {background: url("images/maintainit/maintainit_top.gif") no-repeat right top;} .webmaintainerTop {background: url("images/webmaintainer/webmaintainer_top.gif") no-repeat right top;} .homeTop {background: url("images/home/home_top.gif") #fff no-repeat 10px 0;} /*Shadow and body background colours*/ .homeShadow {clear: both; background: url("images/home/home_shadow.jpg") #f4f4f4 repeat-x left top;} .planitShadow {clear: both; background: url("images/planit/planit_shadow.jpg") #FEE9BC repeat-x left top;} .designitShadow {clear: both; background: url("images/designit/designit_shadow.jpg") #CCF4FE repeat-x left top;} .basicskillsShadow, .advancedskillsShadow {clear: both; background: url("images/basicskills/basicskills_shadow.jpg") #FECBCA repeat-x left top;} .builditShadow {clear: both; background: url("images/buildit/buildit_shadow.jpg") #EEEEBB repeat-x left top;} .maintainitShadow {clear: both; background: url("images/maintainit/maintainit_shadow.jpg") #EECCED repeat-x left top;} .webmaintainerShadow {clear: both; background: url("images/webmaintainer/webmaintainer_shadow.jpg") #FEE2BA repeat-x left top;} /*The different states for each of the seven bullets*/ .planit a:link, .planit a:visited, .planit a:active {color: #333; text-decoration: none;} .planit a:hover {display: block; width: 97px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/planit/planit_over.gif") no-repeat left top; text-decoration: none;} .planitCurrent {display: block; width: 97px; height: 51px; padding: 0px; margin: 0px; color: #333333; background: url("images/planit/planit_current.gif") no-repeat left top; text-decoration: none;} .planitCurrent a:hover {display: block; width: 97px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/planit/planit_current.gif") no-repeat left top; text-decoration: none;} .designit a:link, .designit a:visited, .designit a:active {color: #333; text-decoration: none;} .designit a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/over.gif") no-repeat left top; text-decoration: none;} .designitCurrent a:link, .designitCurrent a:visited, .designitCurrent a:active {color: #fff; text-decoration: none;} .designitCurrent a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #fff; background: url("images/designit/designit_current.gif") no-repeat left top; text-decoration: none;} .basicskills a:link, .basicskills a:visited, .basicskills a:active, .advancedskills a:link, .advancedskills a:visited, .advancedskills a:active {color: #fff; text-decoration: none;} .basicskills a:hover, .advancedskills a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/over.gif") no-repeat left top; text-decoration: none;} .basicskillsCurrent a:link, .basicskillsCurrent a:visited, .basicskillsCurrent a:active, .advancedskillsCurrent a:link, .advancedskillsCurrent a:visited, .advancedskillsCurrent a:active {color: #fff; text-decoration: none;} .basicskillsCurrent a:hover, .advancedskillsCurrent a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #fff; background: url("images/basicskills/basicskills_current.gif") no-repeat left top; text-decoration: none;} .buildit a:link, .buildit a:visited, .buildit a:active {color: #333; text-decoration: none;} .buildit a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/over.gif") no-repeat left top; text-decoration: none;} .builditCurrent a:link, .builditCurrent a:visited, .builditCurrent a:active {color: #fff; text-decoration: none;} .builditCurrent a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #fff; background: url("images/buildit/buildit_current.gif") no-repeat left top; text-decoration: none;} .maintainit a:link, .maintainit a:visited, .maintainit a:active {color: #333; text-decoration: none;} .maintainit a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333; background: url("images/over.gif") no-repeat left top; text-decoration: none;} .maintainitCurrent a:link, .maintainitCurrent a:visited, .maintainitCurrent a:active {color: #fff; text-decoration: none;} .maintainitCurrent a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #fff; background: url("images/maintainit/maintainit_current.gif") no-repeat left top; text-decoration: none;} .webmaintainer a:link, .webmaintainer a:visited, .webmaintainer a:active {color: #333; text-decoration: none;} .webmaintainer a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #333333; background: url("images/over.gif") no-repeat left top; text-decoration: none;} .webmaintainerCurrent a:link, .webmaintainerCurrent a:visited, .webmaintainerCurrent a:active {color: #fff; text-decoration: none;} .webmaintainerCurrent a:hover {display: block; width: 105px; height: 51px; padding: 7px 0px 0px 0px; margin: 0px; color: #fff; background: url("images/webmaintainer/webmaintainer_current.gif") no-repeat left top; text-decoration: none;} /*Summary sections*/ .basicskillsSummary p, .advancedskillsSummary p, .planitSummary p, .designitSummary p, .builditSummary p, .maintainitSummary p, .webmaintainerSummary p {margin: 0; padding: 4px 5px 8px 5px;} .planitSummary {PADDING: 1px; MARGIN: 10px 35px 0 10px; border-top: 2px solid #FFE3AA; border-bottom: 2px solid #FFE3AA;} .designitSummary {PADDING: 1px; MARGIN: 10px 35px 13px 10px; border-top: 2px solid #A4EDFF; border-bottom: 2px solid #A4EDFF;} .basicskillsSummary, .advancedskillsSummary {PADDING: 1px; MARGIN: 10px 35px 13px 10px; border-top: 2px solid #FFB3AE; border-bottom: 2px solid #FFB3AE;} .builditSummary {PADDING: 1px; MARGIN: 10px 35px 13px 10px; border-top: 2px solid #E8E89F; border-bottom: 2px solid #E8E89F;} .maintainitSummary {PADDING: 1px; MARGIN: 10px 35px 13px 10px; border-top: 2px solid #ECCAEC; border-bottom: 2px solid #ECCAEC;} .webmaintainerSummary {PADDING: 1px; MARGIN: 10px 35px 13px 10px; border-top: 2px solid #FFDBA6; border-bottom: 2px solid #FFDBA6;} /* Warning message */ #warning {padding:10px; background-color:#FF3333; color:#FFFFFF; font-size:12px; line-height:18px;} #warning a:link, #warning a:visited {font-weight:bold; color:#FFFFFF;}