/*--------------------------------------------- | (C) 2006 Companion Computers Limited (CCL) | www.companioncomputers.co.uk | info@compan.net |---------------------------------------------- | site : www.dentonassociates.co.uk | author : Andrew Scott (andrew@compan.net) | date : 01/04/2007 ----------------------------------------------*/ @media screen { * { font-family:Arial; } * { -moz-box-sizing:border-box !important; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; } a { behavior: url("/a.htc"); } img { behavior: url("/png.htc"); } #SlideShow img, #map img {behavior: none !important ;} html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px; background-color:#5a5a5a; } body { width:100%; height:100%; overflow:auto; overflow-y:hidden; margin:0px; padding:0px; } h1, h2, h3, h4, p {padding:0px; margin:0px;} #container { width:955px; position:relative; top:0px; left:50%; padding:39px 0px 65px 0px; margin:8px 0px 8px -478px; overflow:hidden; border:solid 0px; height:560px !important;} #header { width:955px; height:32px; background:#484848; position:absolute; top:0px; left:0px; z-index:90000; border:solid 1px #999999; color:#eaeaea; padding:6px;} #branding { height:130px; width:955px; border:solid 1px #999999; padding:0px; overflow:hidden; position:relative;} #branding img { padding:0px; margin:0px; position:relative;} #branding div#adminlink { position:absolute; bottom:10px; right:10px; display:block; background-color:transparent; color:White; width:120px; height:30px; border:solid 1px #999999; z-index:900098; line-height:20px; text-align:center; padding:10px; background-color:#999999; } #branding div#adminlink a { text-decoration:none; font-size:10px; color:white; background-color:#484848; width:100px; height:20px; border:solid 1px #999999; z-index:900098; line-height:20px; text-align:center; display:block; margin-left:10px; margin-top:3px;} #branding div#adminlink a:hover { text-decoration:underline; } #branding a { position:absolute; top:0px; left:0px; } #branding div#SlideShow { position:absolute; top:0px; right:0px; } #branding div#SlideShow img { position:absolute; top:0px; right:0px;*right:-1px; } #branding div#SlideShow img.fallback { top:0px;*right:0px; } #mainContent { height:352px; width:955px; border:solid 1px #999999; margin-top:8px; padding:15px; overflow:hidden; background-color:#737272; position:relative;} #mainContent #main { width:440px; height:100%; overflow:auto;float:left; color:white; scrollbar-base-color:#a1a0a0;padding:0px 15px 0px 0px;} #mainContent #sideshow { position:absolute; top:0px; right:0px; *right:-1px; width:480px; height:100%; overflow:hidden; background-color:#c2c2c2;border-left:solid 1px #999999; } #footer { width: 955px; height:65px; position:relative; bottom:0px; text-align:center; font-size:13px; background-color:Transparent; padding:2px 0px 0px 0px; color:#c7c8c6; } #footer a { color:white; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 0px #b2e4e9; } #footer a:hover { border-bottom:solid 0px; color:white; text-decoration:underline; } #footer hr { width:80%;} #copyrights { position:absolute; right:-16px; bottom:130px; writing-mode:bt-rl; z-index:90000; color:#a9aaa8; font-size:10px; height:300px; } #menu { height:32px; position:absolute; top:0px; right:0px; } #menu ul.menu, #menu ul.menu li { position:relative; margin:0px; padding:0px; } #menu ul.menu li { cursor:pointer; display:block; float:left; height:32px; color:White; line-height:32px; } #menu ul.menu li a { color:#c7c8c6; text-decoration:none; height:32px; line-height:32px; float:left; font-size:14px; display:block; text-align:center; clear:none; padding:0px 10px 0px 10px;} #menu ul.menu li a:hover { color:white; text-decoration:none; } #menu ul.menu li a.menuFocused { color:White; text-decoration:none; } #submenus { position:absolute; top:31px; width:170px; z-index:900009; left:0px; background-color:#5a5a5a;margin:0px; padding:0px 0px 7px 0px; border-top:solid 1px #999999; width:184px;} #submenus ul.submenu { position:relative; top:-1px; z-index:9000009; margin:0px 7px 0px 7px; float:left; left:-40px; _left:0px; } #submenus ul.submenu li { position:relative; top:0px; z-index:9000009; padding:0px; margin:0px; float:left; display:inline; clear:both; width:170px; *height:32px; overflow:visible; background-color:#484848; border-right:solid 1px #999999; border-left:solid 1px #999999;} #submenus ul.submenu li.last { border-bottom:solid 1px #999999;} #submenus ul.submenu li a { padding:7px; font-size:14px; color:#c7c8c6; text-decoration:none; display:block; } #submenus ul.submenu li a:hover { color:white; text-decoration:none; } #submenus , #submenus ul.submenu { display:none; } body.LayoutShowCase #mainContent { height:490px; padding:0px; overflow:hidden; } body.LayoutShowCase #mainContent #main { padding:0px; margin:0px; width:100%; height:490px; overflow:hidden;} body.LayoutShowCase #mainContent #main h1 { padding:8px 5px 3px 5px; margin:0px; width:100%; height:35px; border-bottom:solid 1px #999999; font-size:18px; } body.LayoutShowCase #mainContent #main h1 span { font-size:10px; } body.LayoutShowCase #mainContent #main div#showcaseDetails { width:50%; height:455px; padding:15px; overflow:hidden; margin-left:5px } body.LayoutShowCase #mainContent #main div#showcaseDetails h2 { padding:0px; margin:0px; color:White; font-size:20px; } body.LayoutShowCase #mainContent #main div#showcaseDetails h2 span {font-size:12px; font-weight:normal;} body.LayoutShowCase #mainContent #main div#showcaseDetails div#showcaseDetailsScroll { width:100%; height:100%; margin:0px; padding:0px 15px 0px 0px; overflow:auto; } body.LayoutShowCase #mainContent #main div#showcaseDetails div#showcaseFreeForm { margin:15px 0px 0px 0px; } body.LayoutShowCase #mainContent #main div#showcaseSlides {width:440px; position:absolute; right:15px; top:50px; } body.LayoutShowCase #mainContent #main div#showcaseSlides div.printerImages { display:none;} body.LayoutShowCase #mainContent #main div#showcaseSlides div#SlideShow { position:relative; width:440px; height:405px; margin-bottom:2px; } body.LayoutShowCase #mainContent #main div#showcaseSlides div#SlideShow img { position:absolute; top:0px; left:0px; width:440px; height:405px; border:solid 1px #999999; } body.LayoutShowCase #mainContent #main div#showcaseSlides div#SlideShow img.additionImg { display:none; } body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkPrev { width:16px; height:15px; background-image:url(/images/prev.gif); overflow:hidden; font-size:0em; color:#5a5a5a !important; border:solid 0px; padding-left:30px; position:relative; top:-16px; _top:0px;} body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkPause { width:16px; height:15px; background-image:url(/images/pause.gif); overflow:hidden; font-size:0em; color:#5a5a5a !important; border:solid 0px; padding-left:30px; position:relative; top:-16px; _top:0px;} body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkNext { width:16px; height:15px; background-image:url(/images/next.gif); overflow:hidden; font-size:0em; color:#5a5a5a !important; border:solid 0px; padding-left:30px; position:relative; top:-16px; _top:0px;} body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkPause:hover, body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkNext:hover, body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkPrev:hover {background-position:16px 0; } body.LayoutShowCase #mainContent #main div#showcaseSlides a.resume { background-image:url(/images/resume.gif) !important; } body.LayoutShowCase #mainContent #main div#showcaseSlides span#spLegend { position:relative; top:-5px; left:320px; font-size:10px; } body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkManageImages { position:absolute; bottom:0px; right:70px;font-size:12px; } body.LayoutShowCase #mainContent #main div#projectDetails { width:50%; height:455px; padding:15px; overflow:hidden; margin-left:5px } body.LayoutShowCase #mainContent #main div#projectDetails h2 { padding:0px; margin:20px 10px 30px 10px; color:White; font-size:30px; } body.LayoutShowCase #mainContent #main div#projectDetails h2 span {font-size:12px; font-weight:normal;} body.LayoutShowCase #mainContent #main div#projectDetails p { padding:0px 0px 0px 50px; margin-bottom:30px; font-size:25px; } body.LayoutShowCase #mainContent #main div#projectDetails a.backlnk { position:absolute; bottom:20px; left:20px; } body.LayoutShowCase #mainContent #main div#projectDetails div#showcaseDetailsScroll { width:100%; height:100%; margin:0px; padding:0px 15px 0px 0px; overflow:auto; } body.LayoutShowCase #mainContent #main div#projectDetails div#showcaseFreeForm { margin:15px 0px 0px 0px; } body.LayoutShowCase #mainContent #main p.description { margin:10px; font-size:12px; } body.LayoutShowCase #mainContent #main div#teamList { width:50%; float:left; height:100%; border-right:solid 1px #999999; padding:10px; } body.LayoutShowCase #mainContent #main div#teamList h3 { margin-top:20px; margin-bottom:10px; color:White; font-size:18px; white-space:nowrap;} body.LayoutShowCase #mainContent #main div#teamList div#leftCol { width:219px; overflow:hidden; float:left; } body.LayoutShowCase #mainContent #main div#teamList div#rightCol { width:219px; overflow:hidden;} body.LayoutShowCase #mainContent #main div#teamList div a { white-space:nowrap; } body.LayoutShowCase #mainContent #main div#teamList div#leftCol a { display:block; border:none; } body.LayoutShowCase #mainContent #main div#teamList div#rightCol a { display:block; border:none; } body.LayoutShowCase #mainContent #main div#teamList div#leftCol a:hover { text-decoration:underline; } body.LayoutShowCase #mainContent #main div#teamList div#rightCol a:hover { text-decoration:underline; } body.LayoutShowCase #mainContent #main div#teamList div#leftCol h3 a { display:inline; font-size:10px; border:none; } body.LayoutShowCase #mainContent #main div#teamList div#rightCol h3 a { display:inline; border:none; font-size:10px; } body.LayoutShowCase #mainContent #main div#TeamMember {position:absolute; top:60px; right:25px; width:425px; height:408px; overflow:hidden; } body.LayoutShowCase #mainContent #main div#TeamMember img { border:solid 1px #999999; margin-bottom:10px; height:130px; width:100%; background-color:#a9a8a8; } body.LayoutShowCase #mainContent #main div#TeamMember h3 { margin:0px 0px 10px 0px; font-size:19px; color:White; } body.LayoutShowCase #mainContent #main div#TeamMember h4 { margin:0px 0px 0px 0px; font-size:15px; color:white; } body.LayoutShowCase #mainContent #main div#TeamMember h3 span { margin-left:10px; font-size:11px; font-weight:normal; } body.LayoutShowCase #mainContent #main div#TeamMember p { margin:10px;; } body.LayoutShowCase #mainContent #main div#newsList { width:100%; padding:20px; } body.LayoutShowCase #mainContent #main div#newsList div { width:50%; height:200px; float:left; padding-right:20px;} body.LayoutShowCase #mainContent #main div#newsList div img { width:140px; height:140px; float:left; margin-right:25px; } body.LayoutShowCase #mainContent #main div#newsList div p.title { color:White; font-weight:bold; } body.LayoutShowCase #mainContent #main div#newsList div p.description { height:114px; overflow:hidden; font-size:14px; text-align:justify; } body.LayoutShowCase #mainContent #main div#newsList div p.date { float:left; margin-left:65px; font-size:12px; } body.LayoutShowCase #mainContent #main div#newsList div a { margin-left:35px; float:left; } body.LayoutShowCase #mainContent #main div#NewsAdminControls { padding:5px; height:24px; overflow:hidden;} div.newsHover { position:absolute; top:0px; left:0px; width:200px; padding:10px; border:solid 1px white; background-color:#5a5a5a; } a.adminNewsViewContnet {display:none !important;} body.LayoutShowCase #mainContent #main img.memberSlideShow {margin:20px; width:430px; height:410px; border:solid 1px #999999; } body.LayoutShowCase #mainContent #main div.editImage { position:absolute; bottom:40px; right:40px; background-color:#999999; width:100px} body.LayoutShowCase #mainContent #main div.editImage a { position:relative; background-color:#484848; border:solid 1px #white; margin:5px 10px 5px 10px; width:80px; text-align:center; height:20px; font-size:10px; line-height:20px} body.LayoutShowCase #mainContent #main div.editImage a:hover { text-decoration:underline;} body.BrandingFullWidth #mainContent { padding:20px; overflow:hidden; } body.BrandingFullWidth #mainContent #main { padding:0px 20px 0px 0px; margin:0px; width:100%; height:100%; overflow:auto;overflow-x:hidden;} body.DuoColFullWidth #mainContent { padding:20px; overflow:hidden; } body.DuoColFullWidth #container #mainContent #main { padding:0px 20px 0px 0px; margin:0px; width:950px !important; height:100%; overflow:auto; overflow-x:hidden;} body.DuoColFullWidth #mainContent #main div#DualColLeft { width:410px; overflow-x:hidden; float:left; } body.DuoColFullWidth #mainContent #main div#DualColRight { width:410px; overflow-x:hidden; float:left; } ul#ClientListing li { width:47%; display:list-item; float:left; line-height:1.1em; overflow:hidden; height:17px; } ul#ClientListing li a { color:White; display:inline; font-weight:bold; border:none; } ul#ClientListing li a:hover { border:none; text-decoration:underline; } ul#ClientListing li a.admin { margin-left:20px; ; } ul#ShowCaseList {} #ClientListKey { width:270px; position:absolute; top:0px; right:20px; font-size:11px; font-weight:bold; color:White; } dl#newsList { display:block; clear:both; width:400px; margin:10px 0px 0px 0px; padding:0px; } dl#newsList dt, dl#newsList dd { display:block; margin:0px; padding:0px; float:left; height:20px; line-height:20px; margin-bottom:10px;} dl#newsList dt { font-size:12px; width:80px; padding-right:10px; border-right:solid 1px #999999; text-align :right; margin-right:10px; } dl#newsList dd { font-size:15px; width:310px; } dl#AdminNewsList { } dl#AdminNewsList dt { border-top:solid 1px white; padding-left:10px;} dl#AdminNewsList dt a { margin-left:10px; } dl#AdminNewsList dd { margin-bottom : 10px; } body.admin #mainContent #main { overflow-y:auto; } /* General Styleing */ #container { } #mainContent { background-repeat:no-repeat; color:white; font-size:15px;} #mainContent a { color:white; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px white; } #mainContent a:hover { border-bottom:solid 1px; color:white; } #mainContent h1 { font-size:18px; } #mainContent h2 { font-size:17px; } #mainContent h3 { font-size:16px; } /* NON cascading table fixes */ #mainContent td { color:white; font-size:13px;} #mainContent td a { color:#64a9b0; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #64a9b0; } #mainContent td a:hover { border-bottom:solid 1px; color:white; } /* Special CCL Menu */ #CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:183px; margin:0px; border:solid 1px black; background-color:#492d00; text-align:right; padding:5px 10px 5px 5px; opacity:0.5; filter:alpha(opacity=50); } #CCLMenu:hover { opacity:1; filter:alpha(opacity=100); } #CCLMenu h2 { font-size:14px; color:White; margin:0px; padding:0px; } #CCLMenu a { margin:0px; padding:0px; color:#4075b7; font-size:12px; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; } #CCLMenu a:hover { color:white; border-bottom:solid 1px white; } /* Login */ div#loginPane { width:100%; margin:0px; font-size:12px; padding-top:0px;} div#loginPane p { margin:0px; padding:5px; } div#loginPane p label { width:70px; text-align:right; color:white; padding-right:5px; } div#loginPane p input { width:122px; } div#loginPane p input.button { width:132px; margin-left:150px;} } @media print { * { font-family:Arial; } #menu, ,#submenus, #branding {display:none;} div#header { font-size:35px; font-weight:bold;height:50px; } p { margin:0px; padding:5px; } h1{ margin:0px; padding:5px; } h2{ background-color:White !important; margin:0px; padding:5px; } body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkPrev { display:none; } body.LayoutShowCase #mainContent #main div#showcaseSlides a#lnkNext { display:none; } body.LayoutShowCase #mainContent #main div#showcaseSlides span#spLegend { display:none; } body.LayoutShowCase #mainContent #main div#showcaseSlides div#SlideShow { display:none; } body.LayoutShowCase #mainContent #main div#showcaseSlides div.printerImages img { margin:10px; border:solid 1px black; } body.LayoutShowCase #mainContent #main div#showcaseSlides div.printerImages { display:block; text-align:center; } } s