/*-------------------------------------------------------- SKANSKA CSS - Search VERSION: 0.1 REVIDERAD: 2007-10-09 AV: Magnus Forsberg, Ottoboni Group --------------------------------------------------------*/ /* Form --------------------------------------------------------*/ div#search { width:734px; background:#FFF; float:left; margin:0; padding:0; } div#search-form { width:528px; height:93px; background:url(../images/search/search-form-bg.jpg) top left no-repeat #f7f7f7; float:left; margin:0 10px 13px 0; padding:10px 5px 0 15px; } div#search-form h1 { font-size:2.1em; font-weight:normal; line-height:1em; margin:0 0 0 0; } div#search-form fieldset { background:transparent; margin:0; padding:0 0 10px 0; display:block; border:0; } div#search-form p { font-size:1.2em; color:#7c8793; margin:0 10px 0 0; padding:3px 0 0 0; float:left; } div#search-form input { margin:0; padding:0; border:0; } div#search-form label { margin:0; padding:0 20px 0 4px; border:0; } div#search-form input.text { width:440px; border:1px solid #dedede; margin:0 10px 0 0; padding:3px 3px 4px 5px; background:#FFF; float:left; font-size:1em; color:#404040; } div#search-form a { color:#7c8793; margin:0; padding:0 0 0 15px; float:left; background:url(../images/adv-search/advsearch-form-left-btn.jpg) top left no-repeat #CCC;text-decoration:none; } div#search-form a span { font-weight:bold; color:#FFF; height:17px; margin:0; padding:4px 15px 0 0; display:block; float:left; background:url(../images/adv-search/advsearch-form-right-btn.jpg) top right no-repeat #CCC; cursor:pointer; text-decoration:none; } div#search-form a:hover { text-decoration:none; } div#search-form a.blue { color:#7c8793; margin:0; padding:0 0 0 15px; float:left; background:url(../images/adv-search/as-form-left-btn-blue.jpg) top left no-repeat #CCC;text-decoration:none; } div#search-form a.blue span { font-weight:bold; color:#FFF; height:17px; margin:0; padding:4px 15px 0 0; display:block; float:left; background:url(../images/adv-search/as-form-right-btn-blue.jpg) top right no-repeat #CCC; cursor:pointer; text-decoration:none; } div#search-form a.blue:hover { text-decoration:none; } div#search-form a.grey { color:#7c8793; margin:0; padding:0 0 0 15px; float:left; background:url(../images/adv-search/as-form-left-btn-grey.jpg) top left no-repeat #CCC;text-decoration:none; } div#search-form a.grey span { font-weight:bold; color:#FFF; height:17px; margin:0; padding:4px 15px 0 0; display:block; float:left; background:url(../images/adv-search/as-form-right-btn-grey.jpg) top right no-repeat #CCC; cursor:pointer; text-decoration:none; } div#search-form a.grey:hover { text-decoration:none; } /* Recent */ div#search-recent { width:176px; margin:0 0 5px 0; padding:1px 0 5px 0; float:left; background:#FFF; border-top:1px solid #dfe1e4; } div#search-recent h2 { width:176px; font-size:1.4em; color:#404040; background:none; padding:0; margin:0 0 0 0; } div#search-recent ul { width:176px; margin:0; padding:0; clear:both; float:left; } div#search-recent ul li { width:176px; margin:0 0 3px 0; padding:0; list-style:none; float:left; clear:both; } div#search-recent ul li a { font:1em Verdana,Arial,Helvetica,sans-serif; text-decoration:none; color:#0076cc; background:#FFF; padding:1px 0; display:block; float:left; clear:both; } /* Listorder */ div#search-listorder { width:734px; margin:0 0 0 0; padding:0; float:left; background:#FFF; } div#search-listorder p { font-size:1em; color:#a9a9a9; margin:0 0 12px 0; } div#search-listorder strong { color:#262626; font-weight:normal; } div#search-listorder a { padding:0 3px; } div#search-listorder a.selected { color:#a9a9a9; } /* Result */ div.search-result, div.search-result-full { width:548px; margin:0 0 5px 0; padding:1px 0 5px 0; float:left; background:#FFF; border-top:1px solid #dfe1e4; position:relative; } div.search-result h3, div.search-result-full h3 { font-size:1.4em; color:#404040; background:transparent; padding:0; margin:0; } div.search-result p.link, div.search-result-full p.link { color:#7f7f7f; float:left; width:548px; padding:5px 0 18px 0; border-top:1px solid #e1e1e1; line-height:1.3em; display:block; } div.search-result p.link-docs, div.search-result-full p.link-docs { color:#7f7f7f; float:left; width:548px; padding:0 0 18px 21px; } div.search-result p span.divider, div.search-result-full p span.divider { padding:0 4px; } div.search-result ul, div.search-result-full ul { list-style:none; } div.search-result-full { width:734px; } /* Categories */ div.search-cats { width:176px; margin:0 0 5px 0; padding:9px 0 0 0; background:url(../images/search/cats-bg-top.jpg) top left no-repeat; position:absolute; top:25px; right:0; } div.search-cats ul { width:158px; margin:0; padding:0 15px 18px 15px; list-style:none; background:url(../images/search/cats-bg-bottom.jpg) bottom left no-repeat; } div.search-cats li { margin:3px 0 2px 0; padding:0; width:176px; background:transparent; } div.search-cats li p { font-size:1em; color:#262626; margin:0; padding:0; background:transparent; } div.search-cats li.top { margin:0 0 1px 0; padding:0; width:176px; background:transparent; } div.search-cats li.top h4 { font-size:1em; color:#404040; margin:0; padding:0 0 2px 0; background:transparent; } /* Webpages */ div.search-result ul.webpages, div.search-result-full ul.webpages { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.webpages li, div.search-result-full ul.webpages li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.webpages li p, div.search-result-full ul.webpages li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.webpages li a, div.search-result-full ul.webpages li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } /* Projects */ div.search-result ul.projects, div.search-result-full ul.projects { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.projects li, div.search-result-full ul.projects li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.projects li p, div.search-result-full ul.projects li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.projects li p.top, div.search-result-full ul.projects li p.top { padding-top:9px; } div.search-result ul.projects li p.middle, div.search-result-full ul.projects li p.middle { padding:2px 0px; } div.search-result ul.projects li a, div.search-result-full ul.projects li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result ul.projects li img, div.search-result-full ul.projects li img { margin:0 12px 0 0; padding:0; float:left; } /* Contacts */ div.search-result ul.contacts, div.search-result-full ul.contacts { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.contacts li, div.search-result-full ul.contacts li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.contacts li p, div.search-result-full ul.contacts li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.contacts li p.top, div.search-result-full ul.contacts li p.top { padding-top:9px; } div.search-result ul.contacts li a, div.search-result-full ul.contacts li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result ul.contacts li img, div.search-result-full ul.contacts li img { margin:0 12px 0 0; padding:0; float:left; } /* Offices */ div.search-result ul.offices, div.search-result-full ul.offices { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.offices li, div.search-result-full ul.offices li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.offices li p, div.search-result-full ul.offices li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.offices li p.top, div.search-result-full ul.offices li p.top { padding-top:9px; } div.search-result ul.offices li a, div.search-result-full ul.offices li a { font-weight:normal; text-decoration:none; color:#0076cc; background:#FFF; } /* News n' Press */ div.search-result ul.newspress, div.search-result-full ul.newspress { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.newspress li, div.search-result-full ul.newspress li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.newspress li p, div.search-result-full ul.newspress li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.newspress li a, div.search-result-full ul.newspress li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } /* Jobs */ div.search-result ul.jobs, div.search-result-full ul.jobs { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.jobs li, div.search-result-full ul.jobs li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.jobs li p, div.search-result-full ul.jobs li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.jobs li a, div.search-result-full ul.jobs li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } /* Documents */ div.search-result ul.documents, div.search-result-full ul.documents { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.documents li, div.search-result-full ul.documents li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.documents li.pdf, div.search-result-full ul.documents li.pdf { width:527px; padding:2px 0 0 21px; background:url(../images/icons/icon-pdf.gif) no-repeat top left #FFF; } div.search-result ul.documents li.doc, div.search-result-full ul.documents li.doc { width:527px; padding:2px 0 0 21px; background:url(../images/icons/icon-doc.gif) no-repeat top left #FFF; } div.search-result ul.documents li.ppt, div.search-result-full ul.documents li.ppt { width:527px; padding:2px 0 0 21px; background:url(../images/icons/icon-ppt.gif) no-repeat top left #FFF; } div.search-result ul.documents li.xls, div.search-result-full ul.documents li.xls { width:527px; padding:2px 0 0 21px; background:url(../images/icons/icon-xls.gif) no-repeat top left #FFF; } div.search-result ul.documents li p, div.search-result-full ul.documents li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.documents li a, div.search-result-full ul.documents li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } /* Images */ div.search-result ul.images, div.search-result-full ul.images { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result ul.images li, div.search-result-full ul.images li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result ul.images li p, div.search-result-full ul.images li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result ul.images li p.top, div.search-result-full ul.images li p.top { padding-top:9px; } div.search-result ul.images li a, div.search-result-full ul.images li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result ul.images li img, div.search-result-full ul.images li img { margin:0 12px 0 0; padding:0; float:left; } /* Relevance */ div.search-result-full ul.relevance { width:548px; margin:0; padding:0; clear:both; float:left; } div.search-result-full ul.relevance li { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.search-result-full ul.relevance li a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.webpage { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.webpage p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.search-result-full ul.relevance li.webpage a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.project { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.project p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.search-result-full ul.relevance li.project p.top { padding-top:9px; } div.search-result-full ul.relevance li.project a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.project img { margin:0 12px 3px 0; padding:0; float:left; } div.search-result-full ul.relevance li.contact { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.contact p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.search-result-full ul.relevance li.contact p.top { padding-top:9px; } div.search-result-full ul.relevance li.contact a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.contact img { margin:0 12px 0 0; padding:0; float:left; } div.search-result-full ul.relevance li.office { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.office p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result-full ul.relevance li.office p.top { padding-top:9px; } div.search-result-full ul.relevance li.office a { font-weight:normal; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.newspress { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.newspress p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result-full ul.relevance li.newspress a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.job { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.job p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result-full ul.relevance li.job a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.pdf, div.search-result-full ul.relevance li.doc, div.search-result-full ul.relevance li.ppt, div.search-result-full ul.relevance li.xls { width:527px; margin:0 0 10px 0; padding:2px 0 0 21px; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.pdf { background:url(../images/icons/icon-pdf.gif) no-repeat top left #FFF; } div.search-result-full ul.relevance li.doc { background:url(../images/icons/icon-doc.gif) no-repeat top left #FFF; } div.search-result-full ul.relevance li.ppt { background:url(../images/icons/icon-ppt.gif) no-repeat top left #FFF; } div.search-result-full ul.relevance li.xls { background:url(../images/icons/icon-xls.gif) no-repeat top left #FFF; } div.search-result-full ul.relevance li.pdf p, div.search-result-full ul.relevance li.doc p, div.search-result-full ul.relevance li.ppt p, div.search-result-full ul.relevance li.xls p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result-full ul.relevance li.pdf a, div.search-result-full ul.relevance li.doc a, div.search-result-full ul.relevance li.ppt a, div.search-result-full ul.relevance li.xls a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.image { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } div.search-result-full ul.relevance li.image p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; } div.search-result-full ul.relevance li.image p.top { padding-top:9px; } div.search-result-full ul.relevance li.image a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } div.search-result-full ul.relevance li.image img { margin:0 12px 3px 0; padding:0; float:left; } /* Pagin */ div.search-result-pagin { width:548px; margin:0; padding:0 0 0 0; clear:both; float:left; } div.search-result-pagin p { width:548px; text-align:center; padding:5px 0; font-size:1em; color:#7c8793; } div.search-result-pagin span.divider { padding:0 3px; font-size:1em; color:#7c8793; } div.search-result-pagin a { margin:0 2px; } div.search-result-pagin a.next, div.search-result-pagin a.previous { color:#7c8793; margin:0 5px; } /* Office locator */ div#office-locator { width:734px; float:left; display:inline; margin:0 10px 0 0; background:#FFF; border-top:1px solid #dfe1e4; } div#office-locator h3 { font-size:1.4em; color:#404040; background:transparent; padding:0; margin:0; } div#office-locator div.office { width:548px; background:#FFF; margin:0; padding:23px 0 0 0; position:relative; float:left; border-top:1px solid #dfe1e4; } div#office-locator div.office h4 { position:absolute; font-size:1em; color:#262626; margin:0; padding:0; line-height:normal; } div#office-locator div.office h4.description { top:3px; left:0; font-weight:bold; font-size:1.1em; } div#office-locator div.office h4.subdescription { position:relative;top:-5px; left:0; font-weight:bold; font-size:1.1em; } div#office-locator div.office h4.region { top:4px; right:0; font-weight:normal; } div#office-locator div.info-row { width:548px; margin:0; padding:0 0 6px 0; float:left; } div#office-locator div.info { width:180px; margin:0; padding:0; float:left; } div#office-locator div.info p { line-height:1.3em; color:#262626; padding:0 10px 0 0; } div#office-locator div.office-contacts { width:528px; background:url(../images/search/contacts-bg.gif) top left repeat-x; float:left; position:relative; border-top:1px solid #dfe1e4; padding:19px 0 0 20px; margin:10px 0 0 0; } div#office-locator div.office-contacts p.toggle { font-size:1em; color:#262626; margin:0; padding:0; position:absolute; top:4px; right:10px; } div#office-locator div.office-contacts ul { width:528px; background:transparent; margin:0; padding:0 0 30px 0; list-style:none; float:left; } div#office-locator div.office-contacts li { width:245px; height:100px; margin:0 10px 10px 0; background:transparent; float:left; } div#office-locator div.office-contacts li p { line-height:1.3em; color:#262626; margin:0; padding:0; } div#office-locator div.office-contacts li img { float:left; margin:0 10px 0 0; padding:0; width:71px; height:100px; } div#office-locator div.hidden { background:#FFF; padding-bottom:14px; } div#office-locator div.hidden ul { display:none; } /* image-item */ div.image-item { width:412px; min-height:126px; height:auto !important; height:126px; margin:0 0 10px 0; padding:0 0 0 136px; list-style:none; float:left; clear:both; position:relative; } div.image-item p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.image-item p.top { padding-top:9px; font-weight:bold; color:#000; } div.image-item p.top a { font-weight:bold; } div.image-item p.middle { padding:2px 0px; } div.image-item p.details { color:#8c8c8c; } div.image-item a { font-weight:normal; text-decoration:none; color:#0076cc; background:Transparent; } div.image-item .image-wrap { display: table; width:126px; height:126px; padding:0; position:absolute; top:0; left:0; background:url(../images/search/search-img-bg.gif) top left repeat-x #f0f0f0; } div.image-item .image-wrap p { width:126px; margin:0; padding:0; text-align:center; background:transparent;} div.image-item .image-wrap>.image { } div.image-item .image { display: table-cell; vertical-align: middle; } div.image-item .image div { position:absolute; top:50%; } div.image-item .image>div { display:table-cell; vertical-align:middle; position:static; } div.image-item .image div div { position:relative; top:-50%; text-align:center; } div.image-item .image div div img { border:3px solid #FFF; vertical-align:bottom; margin:0; padding:0; } div.image-item-office-contact { width:110px; clear:both; padding-bottom:20px; padding-right:10px; } div.image-item .contact-info { display:block; } /* doc-item */ div.doc-item-pdf, div.doc-item-xls, div.doc-item-ppt, div.doc-item-doc { width:527px; margin:0 0 10px 0; padding:0 0 0 21px; list-style:none; float:left; clear:both; position:relative; } div.doc-item-pdf { background:#FFFFFF url(../images/icons/icon-pdf.gif) no-repeat scroll left top; } div.doc-item-xls { background:#FFFFFF url(../images/icons/icon-xls.gif) no-repeat scroll left top; } div.doc-item-ppt { background:#FFFFFF url(../images/icons/icon-ppt.gif) no-repeat scroll left top; } div.doc-item-doc { background:#FFFFFF url(../images/icons/icon-doc.gif) no-repeat scroll left top; } div.doc-item-pdf p, div.doc-item-xls p, div.doc-item-ppt p, div.doc-item-doc p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.doc-item-pdf a, div.doc-item-xls a, div.doc-item-ppt a, div.doc-item-doc a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; } /* text-item */ div.text-item { width:548px; margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; position:relative; } div.text-item p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; } div.text-item p.date { color:#8C8C8C; } div.text-item a { font-weight:bold; text-decoration:none; color:#0076cc; background:#FFF; }