/*------------------------------------------------------------------ [Master Stylesheet] Project: Westfries Gasthuis Version: 1.0 Last change: 13/03/09 [mb] Assigned to: Marc Bruisten (mb) Made by: Evident Interactive [mb] -------------------------------------------------------------------- [Color codes] Huisstijlgroen #bad405 Tekstgroen #669900 Huisstijlblauw #121c4d Tekstkleur #333333 Koppen, inleidingen #666666 Kaders #999999 Kaders in banners, lijntjes #cccccc Foutmelding in formulieren #ff9933 [Layer Hierarchy & Positioning] R=relative A=absolute #=z-index [R] [R100] [R30] [A30] [A] [A25] [A20] [Table of contents] - global-settings - Sitewide-layout-and-positioning - Main-specific-layout-and-positioning - sitewide-styling - Main-specific-styling - Main-content-specific-styling - Main-sidecol-specific-styling -------------------------------------------------------------------*/ /***------ global-settings ------***/ * {padding:0;margin:0} img {border:0} cite, em, dfn {font-style:italic} big {font-size:115%} small, sup, sub {font-size:85%} sup {vertical-align:super} sub {vertical-align:sub} blockquote *:first-child:before {content:"\201C"} blockquote *:first-child:after {content:"\201D"} table {border-collapse:collapse;border-spacing:0} caption, th, td {text-align:left;/*font-weight:normal*/} .hideme {position:absolute;left:0;top:-5000em} .nodisplay {display:none} .floatleft {float:left} .floatright {float:right} .error {color:red} .strong {font-weight:bold} /***------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------***/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /***------ generic-layout ------***/ ul.clearfix {list-style-type:none} ul.clearfix li {float:left} a {text-decoration:none} a:hover {text-decoration:underline} body { font-size:62.5%; font-family:arial; } /***------ Sitewide-layout-and-positioning ------***/ #wrapper { position:relative; width:960px; margin:0 auto; background-position:top left; overflow:hidden; } #quicknav { position:relative; z-index:100; width:960px;height:30px; } #quicknav ul { position:absolute; right:180px; top:6px; } #quicknav #site-search { position:absolute; right:0; top:4px; } #site-search div.ctrform { position:relative; float:left; } #head { position:relative; z-index:30; height:119px; border-width:0 0 1px 0; border-style:solid; border-color:#ccc; background-color:white; } #head #logo { /* either img or anchor */ position:absolute; z-index:30; display:block; width:335px; height:40px; top:42px;left:8px; } #head #taskbar { position:absolute; top:10px;right:0; } #head #mainnav { position:absolute; z-index:25; bottom:0; right:0; } /* login panel */ #loginpanel-slide { /* JS Generated style: height:263px; */ position:absolute; z-index:20; right:10px; top:149px; width:190px; padding:12px 15px 0 15px; } #loginpanel-fixed { width:190px; height:213px; padding:12px 15px 0 15px; } #logoutpanel { width:190px; height:118px; padding:12px 15px 0 15px; } #flashbanner { position:relative; z-index:18; float:left; width:735px; height:295px; background-color:transparent; border-width:0; border-style:solid; border-color:#ccc; font-size:5em; } #flashbanner object { position:absolute; z-index:19; } #banner { position:relative; height:10em; } #banner div.title {position:absolute;left:253px;top:14px;} #banner div.text {position:absolute;left:300px;top:45px;} #banner a {position:absolute;left:300px;top:6em;} #four-o-four { position:relative; float:left; width:735px; height:400px; background:transparent url('/includes/images/portal/bg-404.jpg') no-repeat top left; } #four-o-four #content { position:absolute; top:50px; left:275px; } #address { float:left; width:215px; padding-left:10px; height:auto; } #main { padding-top:10px; border-width:1px 0 0 0; border-style:solid; border-color:#ccc; clear:both; } #footer { position:relative; padding:7px 10px; margin-top:10px; clear:both; } #sitemap { min-height:100px; height:auto !important; height:100px; margin-top:9px; } /***------ Main-specific-layout-and-positioning ------***/ #main #subnav, #main #leftcol { float:left; width:220px; } #main #content { float:left; display:inline; overflow:hidden; } #main .content2col {width:720px;margin-left:20px;} #main .content3col {width:480px;padding-left:20px;} #main #ctrBlocks { } #main #sidecol { float:right; width:224px; padding-top:10px; } .PDFlistingdate { font-style: italic; display:block; font-size: 1.2em; color:#626262; } UL .paging { list-style:none; } /**------ sitewide-styling ------**/ /* quick navigation bar */ #quicknav {background-color:#121c4d;font-size:1.3em} #quicknav ul li {border-right:1px solid white;padding:0 5px} #quicknav ul li a {color:white} #quicknav ul li a.txt-green {color:#bad405} #quicknav #site-search #ctrform-searchbox {width:145px;height:18px} #quicknav #site-search input.searchbox { position:absolute; top:0;left:0; width:140px; height:18px; border:1px solid #ccc; font-size:1em; } #quicknav #site-search input.searchsubmit { width:16px; height:16px; padding:2px 0; margin:0 5px; border:0; } /* login panel */ #loginpanel-slide { background:transparent url('/includes/images/portal/bg-loginpanel-slide.gif') no-repeat top left; } #loginpanel-fixed { background:transparent url('/includes/images/portal/bg-loginpanel-fixed.gif') no-repeat top left; } #logoutpanel { background:transparent url('/includes/images/portal/bg-logoutpanel.gif') no-repeat top left; } #loginpanel-slide a.jsbutton { /* JSG */ display:block; width:95px; height:26px; background:transparent url('/includes/images/portal/button-loginpanel-close.gif') no-repeat top left; } #loginpanel-slide fieldset, #loginpanel-fixed fieldset, #logoutpanel fieldset { border:0; border-bottom:1px solid #7382b4; padding-bottom:0px; margin-bottom:14px; } #logoutpanel fieldset { margin-bottom:5px; } #loginpanel-fixed fieldset.noborder, #logoutpanel fieldset.noborder {border:0} #loginpanel-slide fieldset div, #loginpanel-fixed fieldset div, #logoutpanel fieldset div {margin:6px 0 10px 0} #loginpanel-slide h4, #loginpanel-fixed h4, #logoutpanel h4 {font-size:15px;color:white} #logoutpanel div {color:white;font-size:12px;} #logoutpanel a {color:white;font-style:italic;} #loginpanel-slide div label, #loginpanel-fixed div label {float:left;color:white;height:18px;line-height:18px;margin:2px 0;font-size:12px} #loginpanel-slide div input.inputtext, #loginpanel-fixed div input.inputtext {float:right;width:107px;height:18px;margin:2px 0;padding:0 4px;border:0} #loginpanel-slide div span.error, #loginpanel-fixed div span.error {display:block;float:left;width:95px;height:25px;font-size:1.1em;overflow:hidden} #loginpanel-slide div input.inputsubmit, #loginpanel-fixed div input.inputsubmit { float:right; width:95px; height:26px; border:0; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer;cursor:hand; background:transparent url('/includes/images/portal/button-loginpanel-login.gif') no-repeat top left; } #loginpanel-slide a, #loginpanel-fixed a { display:block; color:white; font-size:12px; text-decoration:underline; font-style:italic; padding-left:10px; margin:6px 0 12px 0; background:transparent url('/includes/images/portal/bullet-loginpanel-link.gif') no-repeat 0px 2px; } /* head>taskbar */ #taskbar #ctrlPanelFontSize, #taskbar #ctrlPanelFontSize a {color:#333333;font-size:1.2em} #taskbar #ctrlPanelFontSize a.selected {text-decoration:underline} #taskbar #ctrlPanelFontSize a#fs_normal {padding:0 4px;font-size: 80%} #taskbar #ctrlPanelFontSize a#fs_medium {padding:0 4px;font-size: 110%} #taskbar #ctrlPanelFontSize a#fs_large {padding:0 4px;font-size: 135%;font-weight:bold} #taskbar li {padding-left:60px} #taskbar li.browsealoud a {display:block;width:80px;height:40px} #taskbar li.browsealoud a img {width:80px;height:40px} /* head>main-navigation */ #mainnav { width:auto; height:48px; color:#260651; font-size:1.3em; background:transparent } #mainnav li.navitem { display:inline; position:relative; bottom:-1px; padding:0 10px 0 20px; height:48px; } #mainnav li.current {background:transparent url('/includes/images/portal/bg-navtab-leftcorner.gif') no-repeat 20px bottom } #mainnav li.navitem a { display:block; position:relative; bottom:-17px; right:-10px; padding:3px 10px 6px 0; width:auto; font-size:20px; color:#260651; } #mainnav li.current a { background:transparent url('/includes/images/portal/bg-navtab-rightcorner.gif') no-repeat top right; font-weight:bold; } #mainnav li.navitem a:hover {text-decoration:none} /* Login-and-Logout-buttons*/ #mainnav li a.navitem-login {padding-right:50px;} #mainnav li.current a.navitem-login {background:transparent url('/includes/images/portal/bg-navtab-rightcorner-login.gif') no-repeat right 0px} #mainnav li a.navitem-logout {padding-right:72px} #mainnav li.current a.navitem-logout {background:transparent url('/includes/images/portal/bg-navtab-rightcorner-login.gif') no-repeat right 0px} #mainnav li a.navlink-login, #mainnav li a.navlink-logout { position:absolute; color:#669900; font-size:11px; font-weight:bold; background-image:none; } #mainnav li a.navlink-login {top:25px;right:-2px} #mainnav li a.navlink-logout {top:25px;right:-2px} /* banner */ #banner {overflow:hidden} #banner div.title {font-style:italic;font-size:2.4em;font-weight:bold;color:#121c4d;} #banner div.text {font-size:1.4em;color:#333;} #banner a {font-style:italic;font-size:1.2em;text-decoration:underline;color:#333} #banner a:hover {font-weight:bold;} /* footer-and-sitemap*/ #footer { border-width:1px 0; border-style:solid; border-color:#cccccc; color:#999; } #footer a {color:#999;font-size:1.2em} #footer img {display:block;font-size:0;line-height:0} #footer ul#footerlocation {position:absolute;left:149px;top:.8em} #footer ul#footerlocation li {border-left:1px solid #999;padding:0 12px} #footer ul#footerlinks {position:absolute;right:-12px;top:.8em} #footer ul#footerlinks li {border-right:1px solid #999;padding:0 12px} #sitemap { background-color:#efeeee; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:1px 0 16px 0; color:#666; } #sitemap div.sitemapcol { float:left; padding-left:13px; padding-right:27px; width:200px; } #sitemap div.sitemapcol ul {list-style-type:none;margin-top:15px} #sitemap div.sitemapcol ul li a {color:#666;font-size:1.2em;line-height:130%} #sitemap div.sitemapcol ul li.sitemap-title a {font-size:135%;font-weight:bold} /* 404 pagina */ #four-o-four img {margin-top:10px} #four-o-four #content div.detail {font-size:1.4em} #four-o-four #content div.detail p {margin:1em 0} #four-o-four #content a { color:#669900; font-style:normal; text-decoration:none; } /**------ Main-specific-styling ------**/ /* main>addresses */ #address { height:290px; padding-top:4px; } #address ul { padding-left:25px; font-size: 1.3em; color: #333; } #address ul.address-listing { list-style-type:none; padding-left:25px; background:transparent url('/includes/images/portal/bullet-green-coll.gif') no-repeat top left; font-size: 1em; } #address h2 { color:#999; font-size:1.9em; margin-bottom:10px; } #address h3 { color: #969696; } #address ul.address-listing li.address-place { display:block; color:#121c4d; font-size:1.4em; font-weight:bold; font-style:normal; } #address ul.address-listing li.address-phone { display:block; color:#BAD405; font-size:1.4em; font-weight:bold; font-style:normal; } #address ul.address-listing li.address-streetzip { display:block; color:#121c4d; font-size:1.3em; font-style:normal; } #address div { padding-left:25px; margin-bottom:9px; color:#669900; } #address div a { color:#121c4d; font-size:1.3em; font-style:italic; text-decoration:underline; padding-left:2px; } #address div a:hover {font-weight:bold} #address a.cssbutton { display:block; width:169px; height:28px; margin-top:8px; text-indent:-5000px; background:transparent url('/includes/images/portal/button-address-visit.gif') no-repeat top left; } #address p { font-size: 12px; color: #333; } #address p a, #address p a:active, #address p a:visited { font-size: 12px; color: #333; text-decoration: underline; font-style: italic; } #address p a:hover { font-size: 12px; color: #333; text-decoration: underline; font-weight: bold; } /* main>subnavigation */ #subnav {} #subnav h4 { font-size:2em; color:#999; border-bottom:1px solid #ededed; padding-bottom:.4em; } #subnav ul {list-style-type:none} #subnav ul.back {margin-bottom:10px} #subnav ul li {border-bottom:1px solid #ededed;} #subnav ul.back li {border:none;color:#669900;font-weight:bold} #subnav ul li a { display:block; line-height:2em; color:#333; font-size:1.2em; text-decoration:none; padding-left:14px; background:transparent url('/includes/images/portal/bullet-subnav-normal.gif') no-repeat center left; } #subnav ul.back li a { display:inline; font-style:italic; text-decoration:underline; background:none; padding-left:2px; font-weight:normal; } #subnav ul li a:hover {font-weight:bold} #subnav ul li.current a { font-weight:bold; color:#121c4d; background:transparent url('/includes/images/portal/bullet-subnav-active.gif') no-repeat center left; } #subnav ul li.current a {color:#121C4D;font-weight:bold} /* main>blocks */ #content #ctrBlocks { padding-bottom:15px; } #ctrBlocks .block-fixed, #sidecol .block-fixed { float:left; display:inline; position:relative; width:200px; height:126px; padding:8px 10px; margin:0 10px 0 10px; color:#333; overflow:hidden; } #ctrBlocks .block-image, #sidecol .block-image { overflow:hidden; } #ctrBlocks .block-var, #sidecol .block-var { float:left; display:inline; position:relative; width:190px; min-height:108px; height:auto !important; height:108px; padding:8px 15px 10px 15px; margin:0 10px 0 10px; background-repeat:no-repeat; background-position:top left; } #ctrBlocks .block-var div.bottom, #sidecol .block-var div.bottom { position:absolute; bottom:-15px;left:0; width:220px; height:15px; background-repeat:no-repeat; background-position:bottom left; background-color:transparent; } #sidecol .block-var { /* if wrapped by sidecol */ margin:20px 0 0 0; } #content #ctrBlocks .block-fixed { /* if wrapped by content div */ margin:0 20px 25px 0; } #content #ctrBlocks .block-var, #content #ctrBlocks .block-image { /* if wrapped by content div */ margin:0px 20px 25px 0; } #sidecol .block-image, #sidecol .block-var { margin:0 0 30px 0; float:none; display:block; } #ctrBlocks .block-listing {background:transparent url('/includes/images/portal/bg-blockfix-gray.gif') no-repeat top left;} #ctrBlocks .block-specialism {background:transparent url('/includes/images/portal/bg-blockfix-green.gif') no-repeat top left;} #ctrBlocks .blockvar-white, #sidecol .blockvar-white {background:transparent url('/includes/images/portal/bg-blockvar-top-white.gif') no-repeat top left;} #ctrBlocks .blockvar-blue, #sidecol .blockvar-blue {background:transparent url('/includes/images/portal/bg-blockvar-top-blue.gif') no-repeat top left;} #ctrBlocks .blockvar-gray, #sidecol .blockvar-gray {background:transparent url('/includes/images/portal/bg-blockvar-top-gray.gif') no-repeat top left;} #ctrBlocks .blockvar-green, #sidecol .blockvar-green {background:transparent url('/includes/images/portal/bg-blockvar-top-green.gif') no-repeat top left;} #ctrBlocks .blockvar-white div.bottom, #sidecol .blockvar-white div.bottom {background:transparent url('/includes/images/portal/bg-blockvar-bottom-white.gif') no-repeat top left;} #ctrBlocks .blockvar-blue div.bottom, #sidecol .blockvar-blue div.bottom {background:transparent url('/includes/images/portal/bg-blockvar-bottom-blue.gif') no-repeat top left;} #ctrBlocks .blockvar-gray div.bottom, #sidecol .blockvar-gray div.bottom {background:transparent url('/includes/images/portal/bg-blockvar-bottom-gray.gif') no-repeat top left;} #ctrBlocks .blockvar-green div.bottom, #sidecol .blockvar-green div.bottom {background:transparent url('/includes/images/portal/bg-blockvar-bottom-green.gif') no-repeat top left;} #ctrBlocks .block-image a, #sidecol .block-image a { /* always a .block-fixed */ position:absolute; left:0;top:0; width:220px; height:142px; } #ctrBlocks .block-image a div, #sidecol .block-image a div { position:absolute; left:0;top:0; width:220px; height:142px; cursor:pointer;cursor:hand; background:transparent url('/includes/images/portal/bg-block-general-mask.gif') no-repeat top left; } /* block contents */ #ctrBlocks .block-fixed h3, #ctrBlocks .block-var h3, #sidecol .block-var h3 {font-size:1.6em;color:#121C4D;padding-bottom:5px} #ctrBlocks .block-fixed p, #ctrBlocks .block-var p, #sidecol .block-var p {font-size:1.4em;line-height:140%} #ctrBlocks .block-listing ul {font-size:1.4em;list-style-type:none;} #ctrBlocks .block-listing li {line-height:140%;color:#669900} #ctrBlocks .block-listing li a {color:#333;padding-left:4px} #ctrBlocks .block-fixed div.morelink, #ctrBlocks .block-var div.morelink, #sidecol .block-var div.morelink { font-size:1.2em; margin-top:5px; } #ctrBlocks .block-fixed div.morelink a, #ctrBlocks .block-var div.morelink a, #sidecol .block-var div.morelink a, #ctrBlocks .block-specialism a { font-style:italic; text-decoration:underline; padding-left:3px; font-size: 12px; } #ctrBlocks .block-specialism select { width:198px; } #ctrBlocks .block-specialism input { margin:4px 0; } #ctrBlocks .block-fixed img, #ctrBlocks .block-var img, #sidecol .block-var img {border:1px solid #ccc;} #ctrBlocks .blockvar-blue h3, #ctrBlocks .blockvar-blue p, #sidecol .blockvar-blue h3, #sidecol .blockvar-blue p, #ctrBlocks .blockvar-blue div.morelink, #ctrBlocks .blockvar-blue div.morelink a, #sidecol .blockvar-blue div.morelink, #sidecol .blockvar-blue div.morelink a {color:white} #ctrBlocks .blockvar-white div.morelink, #ctrBlocks .blockvar-white div.morelink a, #ctrBlocks .blockvar-white h3, #ctrBlocks .blockvar-gray div.morelink, #ctrBlocks .blockvar-gray div.morelink a, #sidecol .blockvar-white div.morelink, #sidecol .blockvar-white div.morelink a, #sidecol .blockvar-white h3, #sidecol .blockvar-gray div.morelink, #sidecol .blockvar-gray div.morelink a, #ctrBlocks .block-listing div.morelink, #ctrBlocks .block-listing div.morelink a {color:#669900;} #ctrBlocks .blockvar-green div.morelink, #ctrBlocks .blockvar-green div.morelink a, #sidecol .blockvar-green div.morelink, #sidecol .blockvar-green div.morelink a, #ctrBlocks .block-specialism a {color:#121C4D} /**------ Main-content-specific-styling ------**/ #content div.graybox { background-color:#f8f8f8; border:1px solid #ccc; padding:10px; margin:15px 0 10px 0; } #content div.graybox p { color:#666; font-size:1.2em; } #content div.ctrGraybox div.graybox { display:inline; width:208px; overflow:hidden; min-height:40px; height:auto !important; height:40px; } /* main>content>breadcrumb */ ul#breadcrumb { /* always wrapped by #content div */ margin-bottom:10px; color:#626262; font-size:1.2em; } ul#breadcrumb li { padding-right:4px; font-weight:bold; white-space: nowrap; } ul#breadcrumb li a, ul#breadcrumb li.startcrumb { font-weight:normal; } ul#breadcrumb li a { background-position:right 0.3em; background-repeat:no-repeat; background-image:url('/includes/images/portal/bullet-breadcrumb.gif'); padding-right:12px; text-decoration:none; color:#626262; } ul#breadcrumb li a:hover { text-decoration:underline; } /* main>content>detail */ #content div.detail { /* always wrapped by #content div */ font-size:1.2em; color:#333; } #content h1 { font-size:2em; color:#666; } #content h2 { font-size:1.3em; font-weight:bold; /*margin-top:.8em;*/ color:#666; } #content h3 { font-size:1.2em; font-weight:bold; margin-top:.8em; color:#333; } #content div.detail p { margin:.5em 0; } #content div.detail a { text-decoration:underline; font-style:italic; color:#333; } #content div.detail a:hover { font-weight:bold; } #content div.detail ul, #content div.detail ol { margin-left:30px; } #content div.detail img { display:block; } #content div.detail div.printButton { /* JS generated */ padding:20px 0; } #content div.detail div.printButton a { padding-left:25px; background:transparent url('/includes/images/portal/icon-print.gif') no-repeat top left; } /* Extra styles rad editor */ #content div.detail .hoofdkop-24 { font-family: Arial; font-weight: bold; color: #666666; font-size: 24px; } #content div.detail .hoofdkop-26 { font-family: Arial; font-weight: bold; color: #666666; font-size: 26px; } #content div.detail .hoofdkop-28 { font-family: Arial; font-weight: bold; color: #666666; font-size: 28px; } #content div.detail .subkop-16 { font-family: Arial; font-weight: bold; color: #666666; font-size: 16px; } #content div.detail .subkop-18 { font-family: Arial; font-weight: bold; color: #666666; font-size: 18px; } #content div.detail .subkop-20 { font-family: Arial; font-weight: bold; color: #666666; font-size: 20px; } #content div.detail .inleiding-16 { font-family: Arial; color: #666666; font-size: 16px; } #content div.detail .inleiding-18 { font-family: Arial; color: #666666; font-size: 18px; } #content div.detail .inleiding-20 { font-family: Arial; color: #666666; font-size: 20px; } #content div.detail .sub-subkop-12 { font-family: Arial; color: #333333; font-weight: bold; font-size: 12px; } #content div.detail .sub-subkop-14 { font-family: Arial; color: #333333; font-weight: bold; font-size: 14px; } #content div.detail .sub-subkop-16 { font-family: Arial; color: #333333; font-weight: bold; font-size: 16px; } #content div.detail .lopende-tekst-12 { font-family: Arial; color: #333333; font-size: 12px; } #content div.detail .lopende-tekst-14 { font-family: Arial; color: #333333; font-size: 14px; } #content div.detail .lopende-tekst-16 { font-family: Arial; color: #333333; font-size: 16px; } /* main>content>flashvideo */ #content #flashvideo { background-color:#fff5a4; height:300px; font-size:5em; margin-bottom:10px; } /* main>content>listing (used for general listings / search results) */ #content ul.listing { margin:10px 0; list-style-type:none; } #content ul.listing li { margin:12px 0; } #content ul.listing li a { text-decoration:underline; font-weight:bold; display:block; color:#666; font-size:1.5em; padding-bottom:2px; display:inline; } #content ul.listing li span.date { font-size:1.2em; padding:0 5px; color:#666; } #content ul.listing li p { font-size:1.2em; } #content div.paginglinks { font-size:1.2em; margin-top:2em; float:left; display:inline; margin-right:10px; color:#333; } #content div.paginglinks a, #content div.paginglinks span { color:#333; margin-right:10px; display:block; float:left; display:inline; } #content div.paginglinks a { text-decoration:underline } #content div.paginglinks a.pagingprev { padding-left:13px; background:transparent url('/includes/images/portal/bullet-green2.gif') no-repeat center left; } #content div.paginglinks a.pagingnext { padding-right:13px; background:transparent url('/includes/images/portal/bullet-green.gif') no-repeat center right; } /* main>content>listing (Brochure Listing) */ #content ul.listing li a.pdf { padding-left:20px; background:transparent url('/includes/images/portal/icon-pdf.gif') no-repeat top left; } /* main>content>listing (Search Result Listing) */ #content div.graybox input.text { width:250px; } #content div#graybox-searchresults { position:relative; padding:20px 10px; } #content div#graybox-searchresults select { width:140px; } #content div#graybox-searchresults input.submit { position:absolute; right:10px; top:16px; } #content div#graybox-searchresults input.text { position:absolute; right:100px; width:215px; } #content div.search-summary { color:#333; font-size:1.5em; } #content ul#search-results p { color:#333; } #content ul#search-results p span.highlight {font-weight:bold} #content ul#search-results div.path { font-weight:normal; font-size:1.2em; } #content ul#search-results div.path a { display:inline; font-size:1em; font-weight:normal; } /* main>content>mugbook */ #content ul#mug-listing { width:498px; margin-top:15px; } #content ul#mug-listing li { width:148px; height:280px; margin-right:18px; margin-bottom:25px; display:inline; overflow:hidden; } #content ul#mug-listing li div { } #content ul#mug-listing li img { border:1px solid #ccc; } #content ul#mug-listing li div h4 { font-size:1.2em; line-height:1.5em; } #content ul#mug-listing li div span { font-size:1.2em; padding-bottom:.2em; } #content ul#mug-listing li div a { display:block; font-size:1.2em; padding-left:14px; line-height:1.8em; background:transparent url('/includes/images/portal/bullet-green.gif') no-repeat 0 .6em; font-style:italic; text-decoration:underline; color:#333; } #content div.profile { color:#333; } #content div.profile-image { height: 195px; overflow: hidden; } #content ul#mug-listing li div.profile-image a { height: 195px; background-image: none; padding-left: 0px; } #content div.profile img { float:right; display:inline; margin-left:15px; margin-bottom:2em; margin-top: 10px; border:1px solid #ccc; } #content div.profile h2 { font-size:2.4em; color:#666; padding-bottom:.2em; } #content div.profile ul { list-style-type:none; font-weight:bold; font-size:1.2em; float:left; margin-bottom:1.5em; } #content div.profile ul li { line-height:1.7em; } #content div.profile ul li.spacing { padding-bottom:1.5em; } #content div.profile ul li span { font-weight:normal; padding-right:.4em; } #content div.profile div { clear:both; } #content div.profile div h3 { font-size:1.5em; color:#666; } #content div.profile div p { font-size:1.2em; } /* main>content>multiblog */ #ctrMultiblog { margin-top:15px; } #content div.multiblog { background-color:#f8f8f8; border:1px solid #ccc; padding:8px 10px; color:#333; } #content div.multiblog div.title { font-size:2.6em; font-weight:bold; color:#666; border-bottom:1px solid #ccc; padding:3px 0 5px 23px; background:transparent url('/includes/images/portal/icon-blog-cloud.gif') no-repeat 0 9px; } /* listing of reactions */ #content div#multiblog-read { margin-bottom:15px; min-height:50px; height:auto !important; height:50px; } #content div#multiblog-read ul.blogitems {list-style-type:none} #content div#multiblog-read ul.blogitems li { display:block; margin:10px 0; font-size:1.2em; } #content div#multiblog-read ul.blogitems li span.name {font-weight:bold} #content div#multiblog-read ul.blogitems li span.date {color:#666} #content div#multiblog-read ul.blogitems li div {overflow:hidden;height:auto} #content div#multiblog-read ul.blogitems li a { /* JS Generated */ font-style:italic; text-decoration:underline; color:#333; padding-left:4px; } #content div#multiblog-read ul#blogrespond {font-size:1.2em} #content div#multiblog-read ul#blogrespond li.floatright { /* JS Generated */ float:right; } #content div#multiblog-read ul#blogrespond li a { /* JS Generated */ display:block; height:40px; line-height:40px; width:198px; border-top:1px solid #ccc; font-style:italic; text-decoration:underline; color:#333; padding:0 0 5px 22px; background:transparent url('/includes/images/portal/icon-blog-cloud-plus.gif') no-repeat 0 13px; } #content div#multiblog-read ul#blogrespond li.floatright a { width:192px; padding:0 0 5px 28px; background:transparent url('/includes/images/portal/icon-blog-clouds.gif') no-repeat 0 12px; } #content div.multiblog-confirm {font-size:1.2em} /* form to subit new reactions */ #content div#multiblog-submit {margin-bottom:15px} #content div.mbs fieldset {border:0;font-size:1.2em} #content div.mbs fieldset label, #content div.mbs fieldset img {float:left;display:block} #content div.mbs fieldset input {float:right;display:block} #content div.mbs fieldset#mb-field1 {padding:10px 0} #content div.mbs fieldset#mb-field1 div {font-weight:bold} #content div.mbs fieldset#mb-field1 label {width:240px;line-height:1.8em} #content div.mbs fieldset#mb-field1 input {width:200px;border:1px solid #ccc;line-height:1.8em;} #content div.mbs fieldset#mb-field2 {padding-bottom:10px} #content div.mbs fieldset#mb-field2 textarea {float:right;width:360px;height:90px;margin-bottom:5px;border:1px solid #ccc} #content div.mbs fieldset#mb-field2 #ctrCounter { clear:both;text-align:right } /* JS Generated */ #content div.mbs fieldset#mb-field3 {position:relative;height:30px;line-height:35px;border-bottom:1px solid #ccc;padding-bottom:10px} #content div.mbs fieldset#mb-field3 label {font-size:180%;font-weight:bold} #content div.mbs fieldset#mb-field3 input {position:absolute;right:0;top:8px;border:1px solid #ccc} #content div.mbs fieldset#mb-field3 div {float:left;width:225px;} #content div.mbs fieldset#mb-field4 {padding:15px 0 10px 0;} #content div.mbs fieldset#mb-field4 span { display:block; float:left; color:Red; } #content div.mbs fieldset#mb-field4 a { /* JS Generated */ float:right; font-style:italic; text-decoration:underline; color:#ccc; line-height:28px; margin-right:50px; display:inline; } #content div.mbs fieldset#mb-field4 input { width:104px; height:28px; border:0; font-size:0px; line-height:0px; text-indent:-5000px; overflow:hidden; cursor:pointer;cursor:hand; background:transparent url('/includes/images/portal/button-multiblog-send.gif') no-repeat top left; } /* main>content>ecards */ #ecard { } #ecard ul.card-collection { width:504px; margin-bottom:2em; } #ecard ul.card-collection li { position:relative; display:inline; width:140px; height:90px; padding:2px 2px 19px 2px; margin-right:24px; margin-bottom:8px; } #ecard ul.card-collection li.selected { background:transparent url('/includes/images/portal/bg-ecard-selected.gif') no-repeat top left; } #ecard ul.card-collection li input { position:absolute; z-index:3; } #ecard ul.card-collection li label { position:absolute; z-index:2; width:140px; height:90px; text-indent:-5000px; cursor:pointer;cursor:hand; /* IE requires a background-image to make label clickable */ background:transparent url('/includes/images/blank.gif') repeat scroll left top; } #ecard ul.card-collection li div { position:relative; width:138px; height:88px; z-index:1; border:1px solid #999; } #ecard ul.card-collection li a { position:absolute; left:0;bottom:1px; display:block; color:#626262; font-size:1.2em; font-style:italic; text-decoration:underline; } #ecard ul.card-collection li div img { width:138px; height:88px; font-size:0; line-height:0; } #ecard ul#senderPanel, #ecard ul#receiverPanel { width:456px; background-color:#f8f8f8; border:1px solid #ccc; padding:10px; margin-top:1em; margin-bottom:1em; } #ecard ul#receiverPanel li.validation { width: 430px; margin-bottom: 5px; } #ecard ul#receiverPanel li.validation ul li { clear: both; display: block; } #ecard ul#senderPanel li, #ecard ul#receiverPanel li { padding:2px 0; } #ecard ul#senderPanel label, #ecard ul#receiverPanel label { display:block; float:left; width:175px; line-height:2.2em; color:#333; font-size:1.2em; } #ecard ul#senderPanel input, #ecard ul#receiverPanel input { float:left; width:255px; } #ecard ul#senderPanel img {display:block;float:left;} #ecard ul#senderPanel input.captcha { width:170px; margin-top:6px; } #ecard span, #ecard p { color:#333; font-size:1.2em; } #ecard div#preview-box { width:476px; height:252px; overflow:hidden; border:1px solid #999; margin-top:2em; margin-bottom:1em; } #ecard div#preview-box img { width:476px; height:252px; } span.ecardConfirm {font-size:1.2em;color:#333333} /* main>content>faq */ #faq {margin-bottom:15px} #faq h1 {font-size:2em;color:#666} #faqlisting h2 { padding-left:30px; line-height:20px; margin-top:15px; text-decoration:underline; color:#666; cursor:pointer;cursor:hand; background:transparent url('/includes/images/portal/bullet-green-coll.gif') no-repeat 0 0; } #faqlisting h2.expanded { background:transparent url('/includes/images/portal/bullet-green-exp.gif') no-repeat 0 0; } #faqlisting div.answer { padding-left:30px; font-size:1.2em; color:#666; } #faqlisting div.answer a, #faqlisting div.answer a:active, #faqlisting div.answer a:visited { font-size: 12px; color: #333; text-decoration: underline; font-style: italic; } #faqlisting div.answer a:hover { font-size: 12px; color: #333; text-decoration: underline; font-weight: bold; } #faq p.extra { margin-top:50px; font-size:1.2em; color:#666; } /* main>content>reflinks */ #content #reflinks div { width:220px; padding:0 10px; float:left; } #content #reflinks div h3 { color:#666; font-size:1.6em; margin-bottom:.4em; } #content #reflinks div.exlinks h3 { width:8em; background:transparent url('/includes/images/portal/icon-exlinks.gif') no-repeat center right; } #content #reflinks div ul { list-style-type:none; } #content #reflinks div ul li { padding-left:14px; line-height:1.8em; background:transparent url('/includes/images/portal/bullet-green.gif') no-repeat 0 .6em; } #content #reflinks div ul li a, #content #reflinks div a { color:#333; font-size:1.2em; font-style:italic; text-decoration:underline; } #content #reflinks div { color:#333; } /**------ Main-sidecol-specific-styling ------**/ /* main>sidecol>address */ #sidecol #address { float:none; width:225px; height:auto; margin-bottom:20px; padding:0; } /* main>sidecol>testimonial */ #sidecol .testimonial {overflow:hidden;margin:0 0 20px 0;} #sidecol .testimonial a:hover {text-decoration:none;} #sidecol .testimonial a.quote, #sidecol .testimonial h3 { font-size:1.6em; color:#121c4d; text-decoration:none; font-weight:bold; font-style:italic; } #sidecol .testimonial a.text, #sidecol .testimonial p { display:block; font-size:1.2em; color:#666; } #sidecol .testimonial a.morelink { font-size:1.2em; color:#333; text-decoration:underline; font-style:italic; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 190; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 200; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 110; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } .validation-summary ul { margin-top: 10px; font-size: 1.2em; line-height: 10.43pt; list-style-type: none; } /***/ div.scfForm { font-size: 12px; } #loginpanel-slide { display:none; } .editor-ecard { border: 1px solid black; }