body { margin-left: 5px; margin-top: 0px; } /*BEGIN: MOSTLY FROM type.css*/ body { font-family:arial, helvetica, sans-serif; /*text-align: center;*/ font-size: 80%;/*90*/ } body a { text-decoration:none; } body a:hover { text-decoration: underline; } img { border: none; } h1 {font-size:1.6em;} h2 {font-size:1.6em;} h3 {font-size:1.35em;margin:5px 0;} h4 {font-size:1.2em;} h5 {font-size:1.1em;} p,table,td, h6 {font-size:1em;} small {font-size:.9em;} blockquote { margin: 0; font-style: italic; } h2 a {text-decoration:none} /* -------------------------------------------------------------------------------*/ /* BOLD! */ h1, h2 {font-weight:bold;} /*END: MOSTLY FROM type.css*/ /*BEGIN: MOSTLY FROM colour.css*/ h1, h2 { color:#c1001f; } h3 { color:#333333; } h1.mf4,h2.mf4,h3.mf4 {color:#0066cc;} a:link {color:#eb5500;} a:hover {color:#ff6600;} a:active {color:#eb5500;} a:visited {color:#eb5500;} /*a:link {color:#eb5500;} a:hover {color:#ff6600;} a:active {color:#c1001f;} a:visited {color:#dd9872;}*/ hr {color:#dedede; background-color: #dedede;} small {color:#666;} .small {font-size:0.9em;color:#666666;} /* preferred to the above */ #content { background: #fff; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } /*END: MOSTLY FROM colour.css*/ /*BEGIN: MOSTLY FROM layout.css*/ body { margin:0; padding:0; } p { margin: 0 0 .5em 0; } h1, h2,h6 { margin: 0 0 0.5em 0; } fieldset, form { border: none; margin: 0; padding: 0; } hr { height: 1px; border: 0; margin: 1em 0 1em 0; } /*-------------------------------------------------------------------------------*/ /* page layout */ #pagecontent {clear:left;} #content { width: 745px; padding: 0px 10px 10px 10px; /*margin: 0 auto;*/ } #cars-ad { text-align: left; } #cars-ad #maincontent { width: auto; } #footer { width:719px; margin: 10px; padding: 4px 0px 0px 0px; list-style: none; clear: both; display: block; } #footer li {float: left;margin-right: 1.5em;} #header { background: #ffffff url('images/dotted_line.gif') repeat-x bottom left; overflow:auto;zoom:1; padding:0px 0px 10px 0px; } div.rounded-black, div.rounded-grey, div.rounded-blue, div.rounded-silver, div.rounded-darkblue, div.rounded-orange, div.rounded-red, div.rounded-yellow, div.rounded-green, .paddedbox { padding: 10px 10px 4px 10px; } #big_ad { position:absolute; top:185px;/*CR7: changed from 10px on 20/09/2011 Andrew O.*/ left:780px; } div#big_ad div { margin-bottom: 8px; } /*----------------------------CR10: Style for right side ad on default page.Andrew O. 18/10/2011-------------------------------------------*/ #big_ad_default { position:absolute; top:138px;/*CR10: changed from 185px on 18/10/2011 Andrew O.*/ left:780px; } div#big_ad_default div { margin-bottom: 8px; } /*----------------------------End CR10:-------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------*/ div.rounded-grey {border: 2px dotted #000000;} div.rounded-silver {border: 2px dotted #000000;} div.rounded-blue {border: 1px solid #ADD6FF;} div.rounded-darkblue {border: 1px solid #00c;} div.rounded-orange {border: 1px solid #dd9872;} div.rounded-yellow {border: 1px solid #fc0;} div.rounded-green {border: 1px solid #0c0;} div.rounded-red {border: 1px solid #c00;} div.rounded-darkgrey {border: 2px dotted #000000;} div.rounded-white {border: 1px solid #fff;} div.solid-grey {border: 2px solid #e1e1e1;} /*-------------------------------------------------------------------------------*/ /* page layout */ #pagecontent {clear:left;} /*END: MOSTLY FROM layout.css*/ /*BEGIN: MOSTLY FROM navigation.css*/ #navwrap { width:745px; } /*END: MOSTLY FROM navigation.css*/ /*BEGIN: MOSTLY FROM home.css*/ div.panel { width: 725px; /*padding: 0px 10px 0px 10px;*/ margin:10px 0px 10px 0px; } /*END: MOSTLY FROM home.css*/ /*----------------------------------------------------------------------------------------*/ #navwrap { width:745px; } #navtabs { float:left; width:350px;/*745px*//*240px*//*200px*//*350*/ line-height:normal; clear:left; } #navtabs ul { margin:0; padding:5px 10px 0;/*padding:5px 10px 0;*/ list-style:none; } #navtabs li, ul#rightlinks li { float:left; /*background:url("../../images/nav/left_both.gif") no-repeat left top;*/ background:url("images/left_both.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 5px; /*0px 0px 0px 9px;*/ } #navtabs a, ul#rightlinks a { float:left; display:block; width:0.1em; background:url("images/right_both.gif") no-repeat right top; padding:5px 5px 5px 6px; /*padding:5px 15px 5px 6px;*/ text-decoration:none; white-space:nowrap; font-weight:bold; color:#666; font-size:1.2em; } #navtabs > ul a, ul#rightlinks a {width:auto;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navtabs a, ul#rightlinks a {float:none;white-space:nowrap;} /* End IE5-Mac hack */ #navtabs a:hover, ul#rightlinks a:hover { /*color:#333;*/ /*Added By Andrew*/ background-position:0% -150px; color:#ffffff; text-decoration:none; } #navtabs #active, #rightlinks #active{ background-position:0 -150px; border-width:0; } #navtabs #active a, #rightlinks #active a { /*.myfish4*/ background-position:100% -150px; padding-bottom:5px; color: #fff; } #navtabs li:hover, #navtabs li:hover a, ul#rightlinks li:hover, ul#rightlinks li:hover a { background-position:0% -150px; color:#ffffff; text-decoration:none; } #navtabs li:hover a, ul#rightlinks li:hover a { background-position:100% -150px; } ul#rightlinks { margin: 0px; padding: 5px 5px 0px 0px;/*5px 15px 0px 0px;*/ list-style-type: none; width: 500px;/*350*/ float:right; text-align:right; /*background:none;*/ } ul#rightlinks li { float: right; display: inline; } ul#rightlinks a { text-decoration: none; font-weight: bold; } ul#rightlinks a:hover { color: #eb5500; /*text-decoration: underline;*/ /*Andrew*/ background-position:100% -150px; color: #fff; } /* sub nav-bar */ #navshadow { float:left; padding-bottom:5px; background: url("images/navshadow.gif") bottom left repeat-x; margin-bottom:0.25em;} /*added by paul - should swap the navshadow id for this class so we can re-use it */ .shadow {float:left; padding-bottom:5px; background: url("images/navshadow.gif") bottom left repeat-x; margin-bottom:.5em;} #navbar { position: relative; float:left; clear:both; width:740px; margin: 0; background: url("images/navtile.gif") top left repeat-x; } #navbar ul { margin:0; padding-left:1em; list-style:none; } #navbar li { margin: 0; padding: 0; display: inline; list-style: none; } #navbar a:link, #navbar a:visited, #navbar span { float: left; line-height: 10px; padding: 5px 6px 5px 6px; text-decoration: none; white-space:nowrap; border-right: 1px solid #dd9872; color: #fff; font-size:1.1em; } #navbar a:link.active, #navbar a:visited.active, #navbar a:hover { text-decoration:underline; } /* clear any floats */ div.clearer { clear: both; height: 0px; font-size:0px; padding:0; margin:0; } .ButtonRed { color: #ffffff; background-color: #BB112B; font-weight: bold; } .sectorBox { width:170px; float:left; } .sectorBox ul { margin:3;/*0*/ padding:2;/*0*/ list-style-type:none; } .sectorBox li { margin:3/*0*/;/* 0 5px 0*/ } .sectorBoxJobSectors { width:170px; float:left; } .sectorBoxJobSectors ul { margin:3;/*0*/ padding:2;/*0*/ list-style-type:none; list-style-image : url(images/YellowArrow.gif);/*Andrew*/ } .sectorBoxJobSectors li { margin:3/*0*/;/* 0 5px 0*/ } .AdvertiseLink {font-size:9px; text-align:right; margin-top:-15px; margin-bottom:5px; } .topPanelBox { border: 2px dotted #000000; /*width:30%; max-width:30%;*/ } .topPanelBoxSearch { border: 2px dotted #000000; /*width:40%; max-width:40%;*/ } .BulletedRight { padding-right: 15px; margin-right: 10px; background: url('images/YellowArrow.gif') no-repeat center right; vertical-align:middle; } .BulletedLeft { background-image: url('images/YellowArrow.gif'); background-repeat: no-repeat; background-position: center left; padding-left:15px; vertical-align:middle; } .jobDetailsSeperator { border-bottom:2px dotted #000000; } .applicationTable { background:#66ccff; border:1px solid #000000; } table.simple { border-collapse:collapse; width:auto; } .wrapper { width:100%; } .data { border-collapse:collapse; border:1px solid #b0b0b0; margin-top:3px; width:100%; padding:5em; } .data td { border-bottom:1px solid #b0b0b0; text-align:left; padding:3px; } .maingreen { background:#e6f2ea; border:1px solid #ddad08; } thead.maingreen { background-color:#e6f2ea; color:#000; border:1px solid #b0b0b0; } td.maingreen { background-color:#e6f2ea; height: 10px; border: none; padding:0px; } .blue { background:#d8e4f1; border:1px solid #336699; } hr.blue { height: 2px; border: 0; width: 100%; color: #336699; background-color: #336699; } thead.blue { background-color:#d8e4f1; color:#000; border:1px solid #ccc; } td.blue { background-color: #336699; height: 10px; border: none; padding:0px; } /**/ .leftcontent p.indent { margin-left:15px; margin-right:10px; } /**/ div.indent { _width:100%; margin-left: 3em; } p.indent { padding-left:3em; } /**/ .header { font-weight: bold; font-size: 1.3em; margin-top:30px; padding-left:4px; border-bottom:1px solid #dbe6de; } .headerTable { margin-bottom: 1em; _margin-bottom:0; } .headerTable .logoArea { width:175px; padding-top:9px; } .headerBlock { } .accountInfo { float:right; font-size:1em; white-space:nowrap; margin-top:.25em; } .gaiabox { background-color: #ffffff; border: #C3D9FF 1px solid; width: 100%; margin-bottom: 10px; } .gaiabox td { background-color: #e8eefa; vertical-align: top; font-size: 100%; } .lbox { background-color: #ffffff; border: #C3D9FF 1px solid; width: 100%; margin-bottom: 10px; } .lbox td { background-color: #e8eefa; vertical-align: top; padding: 5px; text-align: center; } .errormsg, .errorheader { margin-top:3px; margin-bottom:3px; font-size:1em; color:red; } .error, .errorbox-bad { color: red; border: solid 1px red; padding: 5px; } .copyright { color: #6F6F6F; font-size: smaller; } #tools_on a { display:block; margin:.6em; color:blue; } #tools_off { width:200px; } #tools_on { width:200px; background:#fff; border:1px solid #ddd; margin-bottom:.25em; } #tools_on .tools { background:#e6f2ea; border-color:#e6f2ea; } .tools { color:blue; text-decoration:underline; font-weight:bold; background:#fafafa; padding:5px; cursor:pointer; border:1px solid #ddd; } .tools img { margin-right:5px; } .data { border-collapse:collapse; border:1px solid #b0b0b0; margin-top:3px; width:100%; padding:5em; } .data td { border-bottom:1px solid #b0b0b0; text-align:left; padding:3px; } .link { font-family: arial,sans-serif; font-size: 90%; color: #0000cc; background-color: transparent; padding:0px 0px; text-decoration: underline; border: none; cursor: pointer; } .formatlabel { text-transform:uppercase; color:green; font-size:10px; margin-left:5px; font-weight:bold; } .errorlabel { text-transform:uppercase; color:red; font-size:70%; margin-left:5px; font-weight:bold; } .sitemapdetail { background:#efefef; border:1px solid #ccc; margin:0.5em; vertical-align:top; } .sitemapdetail td { border: none; white-space:nowrap; padding-bottom:0.5em; } .blue { background:#d8e4f1; border:1px solid #336699; } .red { background:#ffdfdf; border:1px solid #aa1002; } .green { background:#ddf1d8; border:1px solid #339966; } .ltgrey { background:#e9e9e9; } .newgreen { background:#e6f2ea; border:1px solid #ddad08; } .maingreen { background:#e6f2ea; border:1px solid #ddad08; } .message { margin: 5px; border:2px solid #3f7c5f; width:85%; } .verifybox { padding: 5px; border: 1px solid #b0b0b0; white-space:normal; width:85%; } .yellow { background:#FEFADE; border:1px solid #ddad08; } .tutorial table { width:800px; margin:0.5em; } .tutorial tr { vertical-align:top; } .tutorial td { padding-bottom:0.5em; } .tutorialtext { width:200px; padding-right:1.5em; padding-top:4px; } .domain_url { } div.inactiveTabText { border-left: 1px solid #c6ced7; border-right: 1px solid #c6ced7; padding: 0px 0px 2px; color: black; white-space: nowrap; } div.inactiveTabText a:link, dif.inactiveTabText a:visited { text-decoration: none; color: black; } div.activeTabText a:link, div.activeTabText a:visited { text-decoration: none; color: white; } div.activeTabText { padding: 0px 0px 2px; color: white; white-space: nowrap; font-weight: bold; border: 0px; } div.tab1 { height: 4px; background: url(../images/ulborder.gif) no-repeat top left; } div.tab2 { height: 4px; background: url(../images/urborder.gif) no-repeat top right; padding: 0px 4px; } div.inactive3 { border-top: 1px solid #c6ced7; } table.mainTabs { border-bottom: 1px solid rgb(221, 173, 8); padding: 0px; } table.crumbs { background-color:#dbe6de; color: #000; padding: 4px; } .crumbs { background-color:#fff; color: #000; width:100%; } .appLocation { padding:4px; } .crumbsActiveText { font-weight:bold; } .crumbsInactiveText { } td.crumbs { padding: 4px; } .subtabs { border-bottom:0px solid #dbe6de; margin:1px; padding-bottom:23px; padding-left:10px; _padding-top:2em; } .subtabs ul, .subtabs li { display:inline; list-style-type:none; margin:0px; padding:0px; } .subtabs a:link, .subtabs a:visited { background:#efefef; border:1px solid #dbe6de; color:#000; float:left; font-weight:normal; line-height:14px; margin-right:8px; padding:4px 10px 4px 10px; text-decoration:none; } .subtabs a:link.activeTab, .subtabs a:visited.activeTab { background:#dbe6de; border:1px solid #dbe6de; color:#000; font-weight:bold; } .subtabs .activeTab { text-decoration:none; background:#fff; border-bottom:1px solid #dbe6de; color:#000; font-weight:bold; cursor:text; } .maincontent, .verifymain { width: auto; border-style: none; border-left-color:#dbe6de; border-left-style: solid; border-left-width:13em; } .verifymain { } .verifycontent { float:left; width: 100%; padding-left: 10px; } .verifystatus { padding: 10px; margin: 10px; _margin-right: 0px; margin-top: 0px; float:right; max-width:350px; _width:350px; border-left: 1px solid #dbe6de; border-right: 1px solid #dbe6de; border-bottom: 1px solid #dbe6de; text-align:right; white-space:normal; _word-wrap:break-word; } .topcontent { text-align:right; vertical-align: middle; padding-top:0.5em; padding-bottom:0.5em; padding-right:1em; background-color:#dbe6de; } .framedcontent { padding:10px; border-color:#dbe6de; border-style: solid; border-width:1px; _width:100%; } .leftcontent { float:left; position:relative; vertical-align: top; width:13em; margin-left:-13em; background-color:#dbe6de; border-color:#dbe6de; border: none; color:#000; padding-bottom:2em; } .rightcontent { padding-right:10px; padding-left: 10px; padding-top: 10px; padding-bottom: 30px; border:0; color: #000; _width:100%; _overflow-x:auto; } .clear { clear:both; } .wrapper { width:100%; } .leftcontent p { margin-left:10px; margin-right:10px; } .leftcontent p.indent { margin-left:15px; margin-right:10px; } .leftcontent p.active { margin-left:5px; background-color:#fff; margin-right:-1px; padding-top:5px; padding-bottom:5px; padding-left:5px; } .leftcontent p.inactive { margin-left:10px; margin-right:10px; } .leftcontent p.active_indent { margin-left:5px; background-color:#fff; margin-right:-1px; padding-top:5px; padding-bottom:5px; padding-left:10px; } a.no_link:link { text-decoration: none; color: black; } a.no_link:visited { text-decoration: none; color: black; } .leftcontent p.inactive_indent { margin-left:15px; margin-right:10px; } .leftcontent span.disabled { color:#666666; } .rightcontent p { margin-left:0px; margin-right:0px; } hr.yellow { height: 2px; border: 0; width: 100%; color: #ddad08; background-color: #ddad08; } hr.blue { height: 2px; border: 0; width: 100%; color: #336699; background-color: #336699; } hr.red { height: 2px; border: 0; width: 100%; color: #aa1002; background-color: #aa1002; } hr.darkgreen { height: 2px; border: 0; width: 100%; color: #3f7c5f; background-color: #3f7c5f; } hr.lightgreen { height: 2px; border: 0; width: 100%; color: #dbe6de; background-color: #dbe6de; } div.indent { _width:100%; margin-left: 3em; } p.indent { padding-left:3em; } .example { font-size: smaller; font-style: italic; font-weight: normal; color:#000; } table.margins { margin: 1em; } div.margins { padding:1.5em; } table.simple { border-collapse:collapse; width:auto; } td.spacer { padding:0; padding-left:2em; padding-right:2em; } thead.maingreen { background-color:#e6f2ea; color:#000; border:1px solid #b0b0b0; } thead.yellow { background-color:#FEFADE; color:#000; border:1px solid #ccc; } thead.blue { background-color:#d8e4f1; color:#000; border:1px solid #ccc; } thead.red { background-color:#ffdfdf; color:#000; border:1px solid #ccc; } thead.green { background-color:#dbe6de; color:#000; border:1px solid #b0b0b0; } div.fixedwidth { width: 800px; } td.maingreen { background-color:#e6f2ea; height: 10px; border: none; padding:0px; } td.darkgreen { background-color:#3f7c5f ; height: 10px; border: none; padding:0px; } td.red { background-color: #aa1002; height: 10px; border: none; padding:0px; } td.blue { background-color: #336699; height: 10px; border: none; padding:0px; } td.green { background-color: #339966; height: 10px; border: none; padding:0px; } td.yellow { background-color: #ddad08; height: 10px; padding:0px; } td.gray { background-color: #b0b0b0; height: 10px; padding:0; } .addpaddingleft { padding-left: 2em; } .addpaddingright { padding-right: 2em; } .wizardBox { padding:15px 15px 0px 16px; } .siteNameBig { font-weight:bold; font-size:130%; float:left; margin-top:15px; margin-bottom:3px; border:1px solid #ccc; background:#fafafa; padding:5px; } .furtherLinks { margin-bottom:.2em; } .learnMoreBlock { margin-top:1.5em; } .learnMoreBlock .header { font-weight:bold; color:#496b9b; font-size:100%; } .instructionSteps { float:left; padding:5px; margin-bottom:0.5em; } .instructionSteps .step.even { background:#fafafa; padding:9px; } .instructionSteps .step { margin:0; padding:9px; background:#e8eef7; } .instructionSteps .step .div { background:transparent; margin-left:16px; } .submitBtnBlock { margin-top:2em; margin-bottom:2em; clear:both; } /* survey and bubble message styles */ .raterContent { padding:4px 0px 4px 0px; } .raterContent span { font-size:80%; color:#3f7c5f; font-weight:bold; } .raterContent img { margin-right:3px; margin-left:3px; border:1px solid #fff; } .raterContent .faceOver { border:1px solid blue; background:#fff; } .raterThanks { font-size:80%; padding:4px; font-weight:bold; color:#3F7C5F; } .searchOptionBox { padding:5px; margin:0px; } .searchResultsBox { margin:0; } .searchResults { padding:5px; } .statsSubTitle { margin:0; color:#777; font-weight:bold; margin-bottom:0.25em; padding:5px; border-bottom:1px solid #C6D7CF; } .statsDescription { margin-top:0.25em; margin-bottom:0.25em; } /* global download link style */ .downloadLink { margin:3px; } .downloadLink img { vertical-align:middle; margin-right:3px; } .reverifyItem { margin-top:.25em; } .submitButtonArea { margin-top:1.5em; margin-bottom:1em; } .softNote { color:#333; font-size:90%; } .verifyExtended { font-weight:bold; } .reverifyErrorBox { padding:7px; border:2px solid #336666; margin-bottom:1em; } .statusMsg { padding:3px 3px 3px 37px; background-image:url('../images/check_soft.gif'); background-repeat:no-repeat; background-position:5px 3px; color:#3f7c5f; margin-bottom:0.5em; margin-top:0.5em; } .statusMsg.warn { color: #ba9027; background-image:url('../images/warning_soft.gif'); } .statusMsg .gotoLink { margin-top:0.5em; } .statusMsg.problem { background-image:url('../images/redex_soft.gif'); } .nextSteps { background:#efefef; padding:5px; margin-top:1.5em; margin-bottom:1.5em; } .nextSteps div { margin-bottom:1em; } .nextSteps b { color:#555; display:block; margin-bottom:1em; } .actionRow div { float:left; padding-right:1em; margin-top:.2em; } .actionRow .siteOverviewDL { border-left:1px solid #ddd; padding-top:.25em; padding-left:1em; padding-bottom:.25em; } .siteOverviewDL img { vertical-align:middle; margin-right:3px; } .bigDownload { margin:2em 0 2em 0; } .bigDownload img { vertical-align:middle; margin-right:3px; } .nowrap { white-space:nowrap; _white-space:pre; } /* Basic table */ .basicTable { border-collapse:collapse; } .basicTable td { padding:0; margin:0; border:0; } .dlPageItem { padding:8px 4px 8px 4px; } .dlPageItem .linkDesc { padding-left:20px; color:#444; } .dlPageItem img { margin-right:3px; vertical-align:middle; } .tableTitle { margin-bottom:.5em; margin-top:1em; font-weight:bold; } .nonPreferredSite { padding:6px; background:#efefef; color:#666; margin-bottom:0.5em; } .applicationTitle { font-weight:bold; font-size:1.5em; } .GeneralList{ list-style-image : url(images/YellowArrow.gif);/*Andrew*/ } fieldset { margin-top: 8px; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding: 8px 0px 8px 8px; border: 1px solid #777; } legend { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #777; } /*Training*/ .results{ border-bottom:#000000 dotted 1px;} table#TabledResults td { border-bottom:#666666 dotted 1px; padding-bottom:10px; padding-top:10px; } .topBar{ border:none; border-top:#666666 solid 5px; padding-bottom:10px; padding-top:10px; } table#standardEntries th { background-color:#00CC66} table#standardEntries td { background-color:#0033CC; margin-top:5px;} #customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:45%; border-collapse:collapse; float:left; margin-right:30px; margin-bottom:30px; } #customers td, #customers th { font-size:1.2em; border:1px solid #98bf21; padding:3px 7px 2px 7px; } #customers th { font-size:1.4em; text-align:left; padding-top:5px; padding-bottom:4px; background-color:#A7C942; color:#fff; } #customers tr.alt td { color:#000; background-color:#EAF2D3; } table#StandardEntries { width:45%; float:left; margin: 5px 20px 10px 0px; } table#StandardEntries td { margin: 3px; padding: 2px; background-color: rgb(245, 245, 238); } table#StandardEntries th { margin: 3px; padding: 5px 3px; background-color: rgb(247, 248, 194); } div.f1 { float: left; width: 80px; } div.f2 { float: left; } div.f3 { clear: both; }