/* ----------------------------------------------- Title: Default Style Author: Jarid Love Modified: 27 Apr 2006 - Nicolas Bonvin Added: #hdr-lnks2-login #hdr-lnks2-login a:hover ----------------------------------------------- */ /* basic tags ----------------------------------------------- */ body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; background-color:#ffffff; height:100%; width: 100%; } img { border: none; } input, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } a { color: #194b8d } /* header ----------------------------------------------- */ #hdr { height: 118px; width:983px; margin-left: auto; margin-right: auto; } #hdr a { text-decoration:none; } #hdr ul { list-style-type:none; list-style-image:none; padding:0; margin:0; } #hdr-logo { position: relative; z-index: 1; float: left; z-index: 1; } #hdr-lnks1-skip a, #hdr-lnks1-home span { position:absolute; top:0px; left:0px; width:1px; height:1px; overflow:hidden; } #hdr-lnks1-home { background-color:#ffffff; padding:24px 0 10px 0; width:770px; margin:0; } #hdr-lnks1-home a { display:block; width:143px; height:41px; background:#ffffff url(/img/logo_ctp.jpg) no-repeat 3px 0px; } #hdr-lnks1-skip { z-index:1; position:absolute; left:154px; top:0px; width:456px; padding:0; margin:0; background-color:#003466; height:30px; } #hdr-lnks2-login { position: relative; left: 615px; width: 50px} #hdr-login { width: 100%; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-align: right; margin: 0; padding: 0;} #hdr-login a { text-decoration: none; text-transform: uppercase; color: #194b8d; font-weight: bold; } /* footer ----------------------------------------------- */ #ftr { width: 100%; height: 21px; background: #194b8d; } #ftr-container { text-align: center; } #ftr-nav { color:#ffffff; margin:0; padding:3px 0px 0 0px; font-size: 11px; text-transform: uppercase; width: 983px; text-align: left; margin-left: auto; margin-right: auto; } #ftr-nav a { color:#ffffff; text-decoration:none; } #ftr-nav strong { padding:0 4px; font-weight:normal; } #ftr-nav a:hover { text-decoration:none; color: #bebf07;} #ftr-code { display: none; } /* basic page structure ----------------------------------------------- */ #contentbackground { width: 100%; overflow: hidden; } #contentcontainer { padding: 48px 0px 58px 0px; background-image: url(/img/bg/bg_homepage.jpg); background-repeat: repeat-y; width: 983px; margin-left: auto; margin-right: auto; overflow: hidden; border: solid 1px #0000ff;} #contenthead { font-family: Arial, Helvetica, Sans-Serif; color: #000000; margin: 0; padding: 0;} #contenthead h1 { font-size: 28px; font-style: normal; font-weight: normal; margin: 0; padding: 0;} #contenthead h2 { font-size: 16px; font-style: normal; font-weight: normal; margin: 0; padding: 0;} #contenthead img.pagebanner { margin: 15px 0px 30px 0px; } #content { width: 531px; float: left; } #content p, #content ul li, #content p a, #content p table, .default, table.default tr td { font-family: Arial, Helvetica, Sans-Serif; color: #000000; font-size: 12px; margin-top: 0px; } #content ul { list-style-type: circle; list-style-image: url(/img/ico/listarrowblack.gif); } #content h3 { width: 100%; padding-bottom: 5px; Font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; font-weight: bold; border-bottom: solid 1px #afc0d7; margin-bottom: 10px;} #flashobject { width: 370px; margin: 0px 0px 0px 0px; float: right; } /* optional image and caption: used in solution section */ #content .boximage { width: 100%; overflow: hidden; margin-bottom: 10px; } #content .boximage img { float: left; border: solid 1px #75787D; } #content .boximage div { float: left; width: 165px; font-size: 10px; color: #75787D; font-style: italic; margin-left: 15px;} /* spaces */ div.spacer20left { width: 20px; float: left; } div.spacer15right { width: 15px; float: right; } /* red paragraph : used in solutions */ div#whycambridge ul { list-style-type: circle; list-style-image: url(/img/ico/listarrowblue.gif); } div#whycambridge, div#whycambridge h3, div#whycambridge p, div#whycambridge ul li { color: #194b8d; border: none; font-size: 12px;} /* red paragraph : used for error messages */ div#error ul { list-style-type: circle; list-style-image: url(/img/ico/listarrowred.gif); } div#error, div#error h3, div#error p, div#error ul li { color: #D60000; border: none; font-size: 12px;} /* graphic backgrounds ----------------------------------------------- */ /* home page, about, office location, contac us */ td.contentcontainer { background-image: url(/img/bg/bg_homepage.jpg); background-repeat: repeat-y; } div.contentcontainer { width: 983px; background-image: url(/img/bg/bg_homepage.jpg); background-repeat: repeat-y; overflow: hidden; padding: 48px 0px 58px 0px; } .bg-left { background: #fdfdfe; } .bg-right { background: #d3dde9; } td.contentcontainer-home { background: #ffffff; background-image: url(/img/bg/bg_homepage.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-home { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_homepage.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px; } /* admin */ td.contentcontainer-admin { background: #ffffff; background-image: url(/img/bg/bg_admin.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-admin { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_admin.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px; } /* clients */ td.contentcontainer-client { background: #ffffff; background-image: url(/img/bg/bg_client.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-client { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_client.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px; } /* press */ td.contentcontainer-press { background: #ffffff; background-image: url(/img/bg/bg_press.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-press { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_press.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px; } /* partners */ td.contentcontainer-partners { background: #ffffff; background-image: url(/img/bg/bg_partners.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-partners { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_partners.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px; } /* careers */ td.contentcontainer-careers { background: #ffffff; background-image: url(/img/bg/bg_career.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-careers { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_career.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} /* podcast */ td.contentcontainer-podcast { background: #ffffff; background-image: url(/img/bg/bg_press.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-podcast { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_press.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} /* alumni */ td.contentcontainer-alumni { background: #ffffff; background-image: url(/img/bg/bg_alumni.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-alumni { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_alumni.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} #contactMeForm label { margin-right: 10px; } /* gallery */ td.contentcontainer-alumni { background: #ffffff; background-image: url(/img/bg/bg_alumni.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} div.contentcontainer-alumni { width: 983px; background: #ffffff; background-image: url(/img/bg/bg_alumni.jpg); background-repeat: no-repeat; overflow: hidden; padding: 48px 0px 58px 0px;} /* decorationimg ----------------------------------------------- */ .wrapperAlignCenterDiv { text-align: center } #decoration { position: absolute; top: 0; text-align: center; width: 100%} #decoration img { margin-left: auto; margin-right: auto; } /* menu ----------------------------------------------- */ #menu { position: relative; width: 100%; z-index:1; font-size: 0px; } #menu div.green2 { height: 29px; background: #194b8d; margin: 0; padding: 0; border-top: solid 1px #557886; border-bottom: solid 1px #3e617b; } #menu div.green2 div.main { color: #194B8D; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-transform: uppercase; width: 983px; padding: 6px 0px 0px 0px; margin-left: auto; margin-right: auto; text-align: left;} #menu div.green2 div.main a { margin: 0; padding: 0; color: #ffffff; font-weight: bold; text-decoration: none; margin-right: 35px; } #menu div.green2 div.main a:hover { margin: 0; padding: 0; color: #bebf07; font-weight: bold; text-decoration: none; margin-right: 35px; } #menu div.green2 div.main a strong, #menu div.green2 div.main a:hover strong, #menu div.green2 div.main a strong, #menu div.green2 div.main a:hover strong { color: #bebf07; } #menu div.green2 div.main a.nomargin, #menu div.green2 div.main a:hover.nomargin { margin: 0; padding: 0; } #menu div.green2 div.main a.margin20left, #menu div.green2 div.main a:hover.margin20left { margin-left: 20px; padding: 0; } #menu div.green4 { height: 21px; background: #567bab; border-top: solid 1px #6485aa; text-transform: uppercase; } #menu div.green4 div.sub { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; width: 983px; padding: 3px 0px 0px 0px; margin-left: auto; margin-right: auto; text-align: left; } #menu div.green4 div.sub a { margin: 0; padding: 0; color: #ffffff; font-weight: normal; text-decoration: none; margin-right: 40px; } #menu div.green4 div.sub a:hover { margin: 0; padding: 0; color: #bebf07; font-weight: normal; text-decoration: none; margin-right: 40px; } #menu div.green4 div.sub a strong, #menu div.green4 div.sub a:hover strong, #menu div.green4 div.sub a strong, #menu div.green4 div.sub a:hover strong { color: #bebf07; font-weight: normal;} #menu div.green4 div.sub a.margin20left, #menu div.green4 div.sub a:hover.margin20left { margin-left: 20px; padding: 0; } /* round boxes ----------------------------------------------- */ /* menu */ .menudescbox { background: #d2dce8; width: 387px; overflow: hidden; margin-top: 2px;} .mdtop div { background: url(/img/boxes/tl_md.gif) no-repeat top left; } .mdtop { background: url(/img/boxes/tr_md.gif) no-repeat top right; } .mdbot div { background: url(/img/boxes/bl_md.gif) no-repeat bottom left; } .mdbot { background: url(/img/boxes/br_md.gif) no-repeat bottom right; } .menudescbox-home { background: #d3dde9; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-home .mdtop div { background: url(/img/boxes/tl-home.gif) no-repeat top left; } .menudescbox-home .mdtop { background: url(/img/boxes/tr-home.gif) no-repeat top right; } .menudescbox-home .mdbot div { background: url(/img/boxes/bl-home.gif) no-repeat bottom left; } .menudescbox-home .mdbot { background: url(/img/boxes/br-home.gif) no-repeat bottom right; } .menudescbox-solcli { background: #e9d3d9; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-solcli .mdtop div { background: url(/img/boxes/tl-solcli.gif) no-repeat top left; } .menudescbox-solcli .mdtop { background: url(/img/boxes/tr-solcli.gif) no-repeat top right; } .menudescbox-solcli .mdbot div { background: url(/img/boxes/bl-solcli.gif) no-repeat bottom left; } .menudescbox-solcli .mdbot { background: url(/img/boxes/br-solcli.gif) no-repeat bottom right; } .menudescbox-press { background: #e9e7d3; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-press .mdtop div { background: url(/img/boxes/tl-press.gif) no-repeat top left; } .menudescbox-press .mdtop { background: url(/img/boxes/tr-press.gif) no-repeat top right; } .menudescbox-press .mdbot div { background: url(/img/boxes/bl-press.gif) no-repeat bottom left; } .menudescbox-press .mdbot { background: url(/img/boxes/br-press.gif) no-repeat bottom right; } .menudescbox-partner { background: #d9e9d3; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-partner .mdtop div { background: url(/img/boxes/tl-partner.gif) no-repeat top left; } .menudescbox-partner .mdtop { background: url(/img/boxes/tr-partner.gif) no-repeat top right; } .menudescbox-partner .mdbot div { background: url(/img/boxes/bl-partner.gif) no-repeat bottom left; } .menudescbox-partner .mdbot { background: url(/img/boxes/br-partner.gif) no-repeat bottom right; } .menudescbox-career { background: #d3e7e9; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-career .mdtop div { background: url(/img/boxes/tl-career.gif) no-repeat top left; } .menudescbox-career .mdtop { background: url(/img/boxes/tr-career.gif) no-repeat top right; } .menudescbox-career .mdbot div { background: url(/img/boxes/bl-career.gif) no-repeat bottom left; } .menudescbox-career .mdbot { background: url(/img/boxes/br-career.gif) no-repeat bottom right; } .menudescbox-podcast { background: #d3e7e9; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-podcast .mdtop div { background: url(/img/boxes/tl-podcast.gif) no-repeat top left; } .menudescbox-podcast .mdtop { background: url(/img/boxes/tr-podcast.gif) no-repeat top right; } .menudescbox-podcast .mdbot div { background: url(/img/boxes/bl-podcast.gif) no-repeat bottom left; } .menudescbox-podcast .mdbot { background: url(/img/boxes/br-podcast.gif) no-repeat bottom right; } .menudescbox-alumni { background: #d3e7e9; width: 387px; overflow: hidden; margin-top: 2px;} .menudescbox-alumni .mdtop div { background: url(/img/boxes/tl-podcast.gif) no-repeat top left; } .menudescbox-alumni .mdtop { background: url(/img/boxes/tr-podcast.gif) no-repeat top right; } .menudescbox-alumni .mdbot div { background: url(/img/boxes/bl-podcast.gif) no-repeat bottom left; } .menudescbox-alumni .mdbot { background: url(/img/boxes/br-podcast.gif) no-repeat bottom right; } .mdtop div, .mdtop, .mdbot div, .mdbot { width: 100%; height: 10px; font-size: 1px; } .mdcontent { margin-left: 5px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #7d838b; } .mdcontent strong, .mdcontent strong { font-weight: bold; text-transform: uppercase; } /* link home page */ .linkhomebox { background: #e8edf3; width: 387px; overflow: hidden; margin-top: 7px; } .lhtop div { background: url(/img/boxes/tl_lh.gif) no-repeat top left; } .lhtop { background: url(/img/boxes/tr_lh.gif) no-repeat top right; } .lhbot div { background: url(/img/boxes/bl_lh.gif) no-repeat bottom left; } .lhbot { background: url(/img/boxes/br_lh.gif) no-repeat bottom right; } .lhtop div, .lhtop, .lhbot div, .lhbot { width: 100%; height: 8px; font-size: 1px; } .lhcontent { margin-left: 5px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #7d838b;} .lhcontent strong,.lhcontent strong { font-weight: bold; text-transform: uppercase; } /* jobs filter */ .jobsfilterbox { margin: 15px 0px 30px 0px; background: #becede; width: 531px; overflow: hidden; } .jftop div { background: url(/img/boxes/tl_oo.gif) no-repeat top left; } .jftop { background: url(/img/boxes/tr_oo.gif) no-repeat top right; } .jfbot div { background: url(/img/boxes/bl_oo.gif) no-repeat bottom left; } .jfbot { background: url(/img/boxes/br_oo.gif) no-repeat bottom right; } .jftop div, .jftop, .jfbot div, .jfbot { width: 100%; height: 10px; font-size: 1px; } .jfcontent { margin-left: 5px; height: 64; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #194b8d;} .jfcontent strong, .jfcontent strong { font-weight: bold; } .jfcontent table tr td { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #194b8d;} #menudescription { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #7d838b; line-height: normal; text-align: left; margin-left: 5px; height: 42px; padding: 0px 5px 0px 5px;} #menudescription strong, #menudescription strong { font-weight: bold; text-transform: uppercase; line-height: normal;} #linkhomedescription { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #7d838b; line-height: normal; text-align: left; margin-left: 5px; height: 14px; padding: 0px 5px 0px 5px;} #linkhomedescription strong, #linkhomedescription strong { font-weight: bold; text-transform: uppercase; } #linkhomedescription a { background: url(/img/ico/arrowhistory.gif) no-repeat center left; padding-left: 20px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #7d838b;} /* other specifics sections ----------------------------------------------- */ div.pTitle { width: 100%; padding-bottom: 5px; Font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; font-weight: bold; border-bottom: solid 1px #afc0d7; } .minisection { width: 100%; overflow: hidden; margin: 10px 0px 15px 0px; Font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .minisection div.title { background: #cdd8e7; height: 14px; width: 100%; } .minisection div.title-active, .minisection div.title-rollover { background: #7996bc; height: 14px; width: 100%; } .minisection div.title a, .minisection div.title-active a, .minisection div.title-rollover a { background: url(/img/ico/arrowcareer.gif) no-repeat 3% 50%; padding-left: 20px; text-decoration: none; color: #000000; font-weight: bold;} .minisection div.title-active a { color: #ffffff; } .minisection div.datelocation { color: #000000; font-weight: bold; } .minisection div.description { color: #000000 } div.hrule { border-top: solid 1px #000000; margin-top: 20px;} .minijob { width: 100%; overflow: hidden; margin: 10px 0px 15px 0px; Font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; } .minijob div.title { background: #ffffff; height: 14px; width: 100%; } .minijob div.title-active, .minijob div.title-rollover { background: #7996bc; height: 14px; width: 100%; } .minijob div.title a, .minijob div.title-active a, .minijob div.title-rollover a { background: url(/img/ico/arrowcareer.gif) no-repeat 3% 50%; padding-left: 20px; text-decoration: none; color: #194b8d; font-weight: bold;} .minijob div.title-active a { color: #ffffff; } .minijob div.datelocation { font-size: 11px; color: #194b8d; font-weight: bold; } .minijob div.description { font-size: 11px; color: #194b8d; } div#details { width: 369px; margin: 0px 0px 0px 0px; float: right; overflow: hidden; Font-family: Arial, Helvetica, Sans-Serif; color: #194b8d;} div#details .header { font-size: 12px; font-weight: bold; border-bottom: solid 1px #afc0d7; padding-bottom: 2px;} div#details .body { width: 100%; height: 50px; background: #7894bc; padding: 0px; margin-top: 1px; color: #ffffff; overflow: hidden;} div#details .body .title { font-size: 16px; } div#details .body .titlemargin { margin-left: 10px; margin-top: 5px; } div#details .body .datelocation { font-size: 12px; } div#details .accept { width: 100%; height: 35px; background: #ffffff; border-bottom: solid 1px #afc0d7; border-top: solid 1px #afc0d7;} div#details .accept .button { position: relative; left: 15px; top: 8px; } div#details .section { font-size: 11px; font-weight: normal; margin-top: 10px; } div#details .section ul { list-style-type: circle; list-style-image: url(/img/ico/listarrowblue.gif); } div#details .section ul li ul { list-style-type: circle; list-style-image: url(/img/ico/listarrowlightblue.gif); font-style: italic; /*color: #7c99be;*/} div#details .section h3 { font-size: 11px; font-weight: bold; border-bottom: solid 1px #afc0d7; margin-bottom: 10px; } div#details .section a { font-size: 11px; color: #194b8d;} div#details .section td { font-size: 11px; color: #194b8d;} /* press ----------------------------------------------- */ .contentcontainer-press div.minisection li a.selected { color: black; font-weight: bold; } .contentcontainer-press div.minisection li a { color: black; } .contentcontainer-press div#details .body { height: auto; padding: 5px; } .contentcontainer-press div#details .section .fileLink { float: left; width: 290px; } .contentcontainer-press div#details .section .fileDate { float: right } /* clients, partners ----------------------------------------------- */ .clientpartner { width: 100%; overflow: hidden; margin: 0px 0px 2px 0px; Font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .clientpartner div.title { background: none; height: 14px; width: 100%; } .clientpartner div.title-active { background: #7996bc; height: 14px; width: 100%; } .clientpartner div.title-rollover { background: #cdd8e7; height: 14px; width: 100%; } .clientpartner div.title a, .clientpartner div.title-rollover a { background: url(/img/ico/listarrowblack.gif) no-repeat 5px 50%; padding-left: 20px; text-decoration: none; color: #000000; font-weight: normal;} .clientpartner div.title-active a { background: url(/img/ico/listarrowwhite.gif) no-repeat 5px 50%; padding-left: 20px; text-decoration: none; color: #ffffff; font-weight: normal;} /* calendar ----------------------------------------------- */ table.calendar, table.calendar tr, table.calendar tr td, table.calendar tr td a, table.calendar tr td a span { font-size: 11px; } .today { font-weight: bold; background-color:#CDD8E7; } .eventDay { font-weight: bold; } /* alumni */ .alumniHeader { height: 25px; padding-left: 10px; background-color: #809CC3; font-family: Arial, Helvetica, Sans-Serif; font-size: 14; } .alumniHeader a { color: #ffffff; } /* gallery ----------------------------------------------- */ #gallery-name { font-size: 28px; font-family: Arial,Helvetica,Sans-Serif; font-weight:normal; } #breadcrumb_links, .gallery a, .gallery label, .gallery div, .gallery { font-size: 12px; } /* podcast ----------------------------------------------*/ /*round box orange big */ #box-orange { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} #box-orange div.top { width: 100%; height: 10px; overflow: hidden; } #box-orange div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl_orange.gif) no-repeat top left; float: left;} #box-orange div.top .center { height: 10px; width: 511px;; background: #fa7804; float: left; } #box-orange div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr_orange.gif) no-repeat top left; float: left} #box-orange div.content { background: #fa7804; width: 531px; height: 20px;} #box-orange div.bot { width: 100%; height: 10px; overflow: hidden; } #box-orange div.bot .left { height: 10px; width: 10px; background: url(/img/boxes/bl_orange.gif) no-repeat top left; float: left;} #box-orange div.bot .center { height: 10px; width: 511px; background: #fa7804; float: left; } #box-orange div.bot .right { height: 10px; width: 10px; background: url(/img/boxes/br_orange.gif) no-repeat top left; float: left;} /*round box orange mini */ .box-orange-mini { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} .box-orange-mini div.top { width: 100%; height: 10px; overflow: hidden; } .box-orange-mini div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl_orange.gif) no-repeat top left; float: left;} .box-orange-mini div.top .center { height: 10px; width: 348px;; background: #fa7804; float: left; } .box-orange-mini div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr_orange.gif) no-repeat top left; float: left} .box-orange-mini div.content { background: #fa7804; width: 368px; height: 20px;} .box-orange-mini div.bot { width: 100%; height: 10px; overflow: hidden; } .box-orange-mini div.bot .left { height: 10px; width: 10px; background: url(/img/boxes/bl_orange.gif) no-repeat top left; float: left;} .box-orange-mini div.bot .center { height: 10px; width: 348px; background: #fa7804; float: left; } .box-orange-mini div.bot .right { height: 10px; width: 10px; background: url(/img/boxes/br_orange.gif) no-repeat top left; float: left;} /*round box white big */ #box-white { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} #box-white div.top { width: 100%; height: 10px; overflow: hidden; } #box-white div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl_white_alfa.gif) no-repeat top left; float: left;} #box-white div.top .center { height: 10px; width: 511px;; background: #ffffff; float: left; } #box-white div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr_white_alfa.gif) no-repeat top left; float: left} #box-white div.content { background: #ffffff; width: 531px; height: 20px;} #box-white div.bot { width: 100%; height: 10px; overflow: hidden; } #box-white div.bot .left { height: 10px; width: 10px; background: url(/img/boxes/bl_white_alfa.gif) no-repeat top left; float: left;} #box-white div.bot .center { height: 10px; width: 511px; background: #ffffff; float: left; } #box-white div.bot .right { height: 10px; width: 10px; background: url(/img/boxes/br_white_alfa.gif) no-repeat top left; float: left;} /*round box white big */ .box-white-mini { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} .box-white-mini div.top { width: 100%; height: 10px; overflow: hidden; } .box-white-mini div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl_white_alfa.gif) no-repeat top left; float: left;} .box-white-mini div.top .center { height: 10px; width: 348px; background: #ffffff; float: left; } .box-white-mini div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr_white_alfa.gif) no-repeat top left; float: left} .box-white-mini div.content { background: #ffffff; width: 368px; height: 20px;} .box-white-mini div.bot { width: 100%; height: 10px; overflow: hidden; } .box-white-mini div.bot .left { height: 10px; width: 10px; background: #ffffff; float: left;} .box-white-mini div.bot .center { height: 10px; width: 348px; background: #ffffff; float: left; } .box-white-mini div.bot .right { height: 10px; width: 10px; background: #ffffff; float: left;} /* survey ----------------------------------------------*/ /*round box blu */ #box-survey-header { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} #box-survey-header div.top { width: 100%; height: 10px; overflow: hidden; } #box-survey-header div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl-blu.gif) no-repeat top left; float: left;} #box-survey-header div.top .center { height: 10px; width: 580px; background: #567aaa; float: left; } #box-survey-header div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr-blu.gif) no-repeat top left; float: left} #box-survey-header div.content { background: #567aaa; width: 600px; height: 46px;} #minibox-survey-left { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} #minibox-survey-left div.top { width: 100%; height: 10px; overflow: hidden; } #minibox-survey-left div.top .left { height: 10px; width: 10px; background: #567aaa; float: left;} #minibox-survey-left div.top .center { height: 10px; width: 100px; background: #567aaa; float: left; } #minibox-survey-left div.top .right { height: 10px; width: 10px; background: url(/img/boxes/tr-blu-alpha.gif) no-repeat top left; float: left} #minibox-survey-left div.content { background: #567aaa; width: 120px; height: 10px; font-size: 1px;} #minibox-survey-left div.bot { width: 100%; height: 10px; overflow: hidden; } #minibox-survey-left div.bot .left { height: 10px; width: 10px; background: url(/img/boxes/bl-blu.gif) no-repeat top left; float: left;} #minibox-survey-left div.bot .center { height: 10px; width: 100px; background: #567aaa; float: left; } #minibox-survey-left div.bot .right { height: 10px; width: 10px; background: #567aaa; float: left;} #minibox-survey-right { width: 100%; color: #ffffff; margin-top: 0px; overflow: hidden;} #minibox-survey-right div.top { width: 100%; height: 10px; overflow: hidden; } #minibox-survey-right div.top .left { height: 10px; width: 10px; background: url(/img/boxes/tl-blu-alpha.gif) no-repeat top left; float: left;} #minibox-survey-right div.top .center { height: 10px; width: 100px; background: #567aaa; float: left; } #minibox-survey-right div.top .right { height: 10px; width: 10px; background: #567aaa; float: left} #minibox-survey-right div.content { background: #567aaa; width: 120px; height: 10px; font-size: 1px;} #minibox-survey-right div.bot { width: 100%; height: 10px; overflow: hidden; } #minibox-survey-right div.bot .left { height: 10px; width: 10px; background: #567aaa; float: left;} #minibox-survey-right div.bot .center { height: 10px; width: 100px; background: #567aaa; float: left; } #minibox-survey-right div.bot .right { height: 10px; width: 10px; background: url(/img/boxes/br-blu.gif) no-repeat top left; float: left;} /* shadowed popup ----------------------------------------------*/ .windowShadow { display: none; z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden; text-align: center; } .windowCenterDiv { display: none; z-index: 110; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; } .windowBody { overflow: hidden; position: relative; top: 300; width: 363px; height: 149px; background-image: url('../img/bg/bg_wininfo.jpg'); background-repeat: repeat-y; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, Sans-Serif; text-align: center; color: #000000; font-weight: normal; font-size: 14px; } .windowMsg { margin: 20px 10px 0px 10px; line-height: 1.5 } /* administration submenu ----------------------------------------------*/ #submenu { margin-top: -47px; margin-bottom: 25px;} /* submenu ----------------------------------------------*/ /* CSS from tutorials of www.alsacreations.com/articles */ dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } dd { display:none; } #submenu { position: relative; top: 0; left: 0; z-index:100; width: 100%; /* precision for Opera */ } #submenu dl { float: left; width: 7em; margin-top: -20px; } #submenu dt { cursor: pointer; color: white; text-align: left; background: transparent; border: none; margin: 1px; } #submenu dd { border: 1px solid gray; } #submenu li { text-align: left; background: #fff; } #submenu li a, #submenu dt a { color: #000; text-decoration: none; display: block; height: 100%; border: 0 none; } #submenu li a:hover, #submenu dt a:hover { background: #eee; } #content #submenu ul { list-style-image: none; list-style-type: none; }