Design Exchange
2009-07-04T20:43:52Z
Design Exchange List Owner
express@dx.org
http://freshsent.telekommunisten.net/mail.cgi
Pro Dada 3.0.0
Design Exchange :: Exhibition Media Preview Monday 29th June
tag:freshsent.telekommunisten.net,2009-06-23:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090623233833%2F
2009-06-23T23:38:33Z
2009-06-23T23:38:33Z
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Design Exchange | June 23, 2009</title>
<style type="text/css">
<!--
/** Copyright 2005 Google Inc. All rights reserved. */
/* the GSearchControl CSS Classes
* .gsc-control : the primary class of the control
*/
.gsc-control {
width: 300px;
}
.gsc-control div {
position: static;
}
.gsc-control-cse {
width: 100%;
font-family: Arial, sans-serif;
font-size : 13px;
}
.gsc-control-cse div {
position: static;
}
/* control inputs
* .gsc-search-box : the container that hosts the text input area
* .gsc-input : the text input area
* .gsc-keeper : the save link below savable results
*/
form.gsc-search-box {
font-size: 13px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 4px;
margin-left : 0px;
width: 100%;
}
/*
* This table contains the input element as well as the search button
* Note that the search button column is fixed width, designed to hold the
* button div's background image
*/
table.gsc-search-box {
border-style : none;
border-width : 0px;
border-spacing : 0px 0px;
width : 100%;
margin-bottom : 2px;
}
table.gsc-search-box td {
vertical-align : middle;
}
table.gsc-search-box td.gsc-input {
padding-right : 2px;
}
td.gsc-search-button {
width : 1%;
}
td.gsc-clear-button {
width : 14px;
}
/**
* undo common generic table rules
* that tend to impact branding
*/
table.gsc-branding td,
table.gsc-branding {
margin: 0 0 0 0;
padding: 0 0 0 0;
border : none;
}
table.gsc-branding {
border-style : none;
border-width : 0px;
border-spacing : 0px 0px;
width : 100%;
}
.gsc-branding-text {
color : #676767;
}
td.gsc-branding-text {
vertical-align : top;
}
td.gsc-branding-text div.gsc-branding-text {
padding-bottom : 2px;
text-align : right;
font-size : 11px;
margin-right : 2px;
}
div.gsc-branding-youtube td.gsc-branding-text {
vertical-align : middle;
}
td.gsc-branding-img-noclear {
width : 51px;
vertical-align : bottom;
}
td.gsc-branding-img {
width : 65px;
vertical-align : bottom;
}
div.gsc-branding-youtube td.gsc-branding-img-noclear {
width : 55px;
}
div.gsc-branding-youtube td.gsc-branding-img {
width : 69px;
}
table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
margin-right : 0px;
text-align : center;
}
table.gsc-branding-vertical td.gsc-branding-img-noclear {
text-align : center;
}
div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
padding-top : 1px;
}
img.gsc-branding-img,
img.gsc-branding-img-noclear {
margin : 0 0 0 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
border : none;
display : inline;
}
a.gsc-branding-clickable {
cursor : pointer;
}
input.gsc-search-button {
margin-left : 2px;
}
div.gsc-clear-button {
display : inline;
text-align : right;
margin-left : 4px;
margin-right : 4px;
padding-left : 10px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/uds/css/clear.gif');
cursor : pointer;
}
/*
* Given that this is sitting in a variable width tabel cell, the idea is
* for it to consume the entire cell. The adjacent cell contains the search
* button and that is a fixed width cell.
*/
input.gsc-input {
padding-left : 2px;
border-style : solid;
border-width : 1px;
border-color : #BCCDF0;
width : 99%;
}
.gsc-keeper {
color: #3366cc;
text-decoration: underline;
font-size: 13px;
cursor: pointer;
font-weight: normal;
padding-left: 16px;
background-repeat: no-repeat;
background-position: 1px 3px;
background-image: url('/uds/css/blue_check.gif');
}
/* each section of results has a results header table
* .gsc-resultsHeader : the header itseld
* td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
* td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
* .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
* .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
* .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
* .gsc-title : the section's title (e.g., Web Results, etc.)
* .gsc-stats : contains the result counts
* .gsc-stats
*/
.gsc-resultsHeader {
width : 100%;
border-bottom : 1px solid #e9e9e9;
margin-bottom : 4px;
clear : both;
}
.gsc-resultsHeader td.gsc-twiddleRegionCell{
width: 75%;
}
.gsc-resultsHeader td.gsc-configLabelCell{
text-align: right;
width: 75%;
}
/*
* note that the next three classes are all joined together
* to implement the twiddle image. apps can substitute in their
* own images but will need to account for the image size here
* as well as in the left padding of the title element
*
* Note: uds provides the following images that work with the geometry/padding defined below
* to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
* or use an image of your own design
*/
.gsc-resultsHeader .gsc-twiddle{
margin-top: 4px;
display: inline;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
background-image: url('/uds/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
background-image: url('/uds/css/arrow_open.gif');
}
.gsc-resultsHeader .gsc-title{
color: #676767;
margin-right: 10px;
padding-left: 14px;
display: inline;
}
.gsc-resultsHeader .gsc-stats {
color: #676767;
font-size: 11px;
font-weight: normal;
display : inline;
}
.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
display : none;
}
/*
* .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
* .gsc-result-selector : an individual selector
* .gsc-one-result : single result selector
* .gsc-more-results : more (4) results selector
* .gsc-all-results : all results (8) selector
*/
.gsc-results-selector {
display : inline;
}
.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
display : none;
}
.gsc-result-selector {
cursor : pointer;
display : inline;
font-size : 13px;
padding-left : 13px;
background-repeat: no-repeat;
background-position: center left;
}
/* default mode is dark */
.gsc-one-result {
background-image: url('/uds/css/one-complex-dark.gif');
}
.gsc-more-results {
background-image: url('/uds/css/more-complex-dark.gif');
}
.gsc-all-results {
background-image: url('/uds/css/all-complex-dark.gif');
padding-right : 1px;
}
/* active mode is light */
.gsc-one-result-active .gsc-one-result {
background-image: url('/uds/css/one-complex-light-blue.gif');
}
.gsc-more-results-active .gsc-more-results {
background-image: url('/uds/css/more-complex-light-blue.gif');
}
.gsc-all-results-active .gsc-all-results {
background-image: url('/uds/css/all-complex-light-blue.gif');
}
.gsc-resultsHeader .gsc-configLabel{
color: #676767;
display: inline;
font-size: 11px;
cursor: pointer;
}
.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
padding-right: 12px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/uds/css/settings.gif');
}
/* tabbed mode of search control
* .gsc-tabsArea : the box containing all of the tabs
* .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
* .gsc-tabHeader : an individual tab
* .gsc-tabHeader.gsc-tabhActive : the active tab
* .gsc-tabHeader.gsc-tabhInactive : an inactive tab
* .gsc-tabData : the data area/box containg results and header data for each tab
* .gsc-tabData.gsc-tabdActive : the data area for the active tab
* .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
*/
.gsc-tabsArea {
clear: both;
margin-top: 6px;
}
.gsc-tabsArea .gs-spacer {
font-size : 1px;
margin-right : 0px;
overflow : hidden;
}
.gsc-tabsArea .gs-spacer-opera {
margin-right : 0px;
}
.gsc-tabsAreaInvisible {
display : none;
}
.gsc-tabHeader {
display: inline;
cursor: pointer;
padding-left: 6px;
padding-right: 6px;
margin-right: 2px;
}
.gsc-tabHeader.gsc-tabhActive {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-top: 2px solid #ff9900;
color: black;
}
.gsc-tabHeader.gsc-tabhInactive {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-top: 2px solid #e9e9e9;
background: #e9e9e9;
color: #676767;
}
.gsc-tabData.gsc-tabdActive {
display: block;
}
.gsc-tabData.gsc-tabdInactive {
display: none;
}
/* tab specific results header supression
* - no twiddle, tabbed mode runs in full expand mode
* - no title
* - no stats
*/
.gsc-tabData .gsc-resultsHeader .gsc-title {
display: none;
}
.gsc-tabData .gsc-resultsHeader .gsc-stats {
display: none;
}
.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
display : none;
}
/* the results for each section
* .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
* .gsc-results : the collection of results for a given searcher
* .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
*/
.gsc-resultsbox-visible {
display : block;
}
.gsc-resultsbox-invisible {
display : none;
}
.gsc-results {
padding-bottom: 2px;
width : 99%;
}
.gsc-result {
margin-bottom: 10px;
}
.gsc-result .gs-title {
height: 1.4em;
overflow: hidden;
}
/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
display: none;
}
/* Ads
*/
.gsc-results .gsc-result img.gs-ad-marker {
display: none;
}
.gsc-wrapper {
position : relative;
display : block;
}
.gsc-adBlock {
position : relative;
display : block;
margin-top : 6px;
margin-bottom : 4px;
padding-bottom : 2px;
background : #FFF8DD none repeat scroll 0 0;
}
.gsc-adBlock h2 {
float : right;
margin : 3px 5px 0;
font-weight : normal;
font-size : .9em;
color : #676767;
}
.gsc-adBlock .gsc-ad {
padding-left : 8px;
padding-top : 5px;
padding-right : 3px;
}
.gsc-adBlock .gsc-ad a {
font-weight : bolder;
color : #0000CC;
line-height : 1.4em;
}
.gsc-adBlock .gsc-ad cite {
font-style : normal;
color : green;
}
.gsc-adBlock .gsc-ad span {
padding-left : 8px;
}
.gsc-adBlockInvisible {
display : none;
}
.gsc-adBlockVertical {
position : relative;
display : block;
float : right;
width : 30%;
border-left : 1px solid #C9D7F1;
}
.gsc-thinWrapper {
width : 69%;
float : left;
overflow : hidden;
}
.gsc-adBlockVerticalInvisible {
display : none;
}
.gsc-adBlockVertical h2 {
text-align : center;
font-weight : normal;
font-size : .9em;
color : #676767;
margin-top : 6px;
}
.gsc-adBlockVertical .gsc-ad {
padding-left : 8px;
padding-top : 5px;
}
.gsc-adBlockVertical .gsc-ad a {
font-weight : bolder;
color : #0000CC;
line-height : 1.4em;
}
.gsc-adBlockVertical .gsc-ad cite {
font-style : normal;
color : green;
display : block;
}
.gsc-adBlockVertical .gsc-ad span {
}
.gsc-ad-preview {
background-image: url('http://www.google.com/images/preview.gif');
}
/* Standard configuration div/form */
div.gsc-config {
border: 1px solid #e9e9e9;
margin-top: 0px;
margin-bottom: 10px;
padding-top : 2px;
padding-left : 6px;
padding-right : 6px;
padding-bottom : 6px;
}
form.gsc-config {
margin-bottom : 0px;
}
.gsc-configSetting {
margin-top : 6px;
}
.gsc-configSetting_Label {
color: #676767;
}
.gsc-configSettingInput {
color: #676767;
border: 1px solid #e9e9e9;
width: 75%;
}
.gsc-configSettingCheckbox {
color: #676767;
margin-right: 6px;
}
.gsc-configSettingCheckboxLabel {
display : inline;
color: #676767;
}
div.gsc-configSettingSubmit {
margin-top : 8px;
text-align : right;
}
input.gsc-configSettingSubmit {
display: inline;
font-size: 11px;
cursor: pointer;
}
/* Image Search
*/
.gsc-imageResult {
float: left;
margin-bottom: 1em;
margin-right: 20px;
}
.gs-imageResult {
width: 114px; /* default width + 1px border */
overflow : hidden;
}
.gs-imageResult .gs-image-box {
height: 86px; /* default height + 1px border */
position : relative;
}
/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
position : absolute;
bottom : 0px;
}
.gs-imageResult .gs-text-box {
text-align: center;
overflow : hidden;
height: 4em;
}
.gs-imageResult .gs-snippet {
overflow : hidden;
line-height: 1em;
cursor : pointer;
white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
cursor : pointer;
overflow : hidden;
line-height: 1.3em;
height: 1.3em;
}
.gs-imageResult .gs-size {
color: #6f6f6f;
}
/* Video Search
* - single line title
*/
.gsc-videoResult .gs-videoResult .gs-title {
line-height: 1.3em;
height: 1.3em;
overflow: hidden;
}
.gsc-videoResult .gs-videoResult .gs-snippet {
line-height: 1.3em;
max-height: 2.6em;
overflow: hidden;
}
/* trailing more link at the bottom of
* a collection of results
*/
.gsc-imageResult .gsc-trailing-more-results {
clear : both;
}
.gsc-results .gsc-trailing-more-results {
margin-bottom : 10px;
}
.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
color: #0000cc;
text-decoration: underline;
}
/* trailing cursor section
*/
.gsc-imageResult .gsc-cursor-box {
clear : both;
}
.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
margin-bottom : 0px;
display : inline;
}
.gsc-results .gsc-cursor {
display : inline;
}
.gsc-results .gsc-cursor-box {
margin-bottom : 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
cursor : pointer;
color : #000000;
text-decoration: underline;
margin-right : 8px;
display : inline;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color : #A90A08;
font-weight : bold;
text-decoration: none;
}
/*** End of Control, Begin Results ***/
/* generic, cross cutting result style
* - in the form of .gs-result .gs-xxx where xxx is the generic style
* .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
* .gs-divider : typically seperates results from ads
* .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
* .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
* img.gs-image : an actial image in a result
* .gs-phone : a phone number
* .gs-address : an address (includes street, city, region, country)
* .gs-streetAddress : a street (including #)
* .gs-city : a city
* .gs-region : a region (zip code, area, etc.)
* .gs-country : a country
* .gs-snippet : snippetized content
* .gs-watermark : indicator that user selected this result
* .gs-metadata : generic metadata, e.g.,
* .gs-image-box : generic container for a result's image (within a table)
* .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
*/
.gs-result .gs-title,
.gs-result .gs-title * {
color: #0000cc;
text-decoration: underline;
}
.gs-divider {
padding-bottom: 8px;
text-align: center;
color: #676767;
}
.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
color: #008000;
text-decoration: none;
}
/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
color: #6f6f6f;
text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
color: #008000;
text-decoration: underline;
cursor: pointer;
}
.gs-newsResult .gs-publisher {
color: #6f6f6f;
display : inline;
text-decoration: none;
}
/*
* For news results there are two dates...
* The relative date is visible while in the
* search control and the published date
* is visible when clipped. Why? It doesn't
* make sense to say 4 hours ago for a clipped
* result...
*/
/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
display : inline;
margin-left : 4px;
}
/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
display : none;
}
/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
display : none;
}
/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
display : inline;
}
.gs-newsResult .gs-location {
color: #6f6f6f;
display : inline;
text-decoration: none;
}
.gs-promotion {
padding-top : 5px;
}
.gs-promotion a {
font-weight : bold;
font-size: 14px;
}
.gs-promotion-image {
margin-right : 10px;
}
.gs-promotion-image-td {
vertical-align : top;
}
.gs-promotion table {
border : none;
border-style : none;
border-width : 0px;
border-spacing : 0px 0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.gs-promotion table a {
font-weight : normal;
font-size: 13px;
padding-right : 5px;
}
.gs-result img.gs-image {
vertical-align : middle;
border : 1px solid #0000cc;
}
.gs-result div.gs-phone {}
.gs-result .gs-directions,
.gs-result .gs-directions * {
color: #7777cc;
font-weight: normal;
text-decoration : underline;
cursor : pointer;
}
.gs-secondary-link,
.gs-secondary-link * {
color: #7777cc;
font-weight: normal;
text-decoration : underline;
cursor : pointer;
}
/* wrapper around user supplied to/from mode directions
* normally this is disabled by default, and gs-directions is enabled
* apps can easily switch this by setting display:block on the rule below,
* and display:none on the rule above
* e.g., add these two rules to switch local results into
* alternate style driving directions
* .gs-localResult .gs-directions-to-from { display : block; }
* .gs-localResult .gs-directions { display : none; }
*/
.gs-result .gs-directions-to-from {
display : none;
margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
display : inline;
margin-right : 4px;
}
.gs-result .gs-directions-to-from div.gs-secondary-link {
display : inline;
}
.gs-result .gs-directions-to-from .gs-spacer {
display : inline;
margin-right : 3px;
margin-left : 3px;
}
.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
color: #008000;
text-decoration: none;
}
.gs-result a {
cursor: pointer;
}
.gs-result .gs-address {
}
.gs-result .gs-snippet {
}
.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
padding : 5px;
margin : 5px;
border : 1px solid rgb(255,204,51);
background-color : rgb(255,244,194);
}
.gs-result .gs-watermark{
font-size: 10px;
color: #7777cc;
}
div.gs-results-attribution {
text-align : center;
margin-bottom : 4px;
}
div.gs-results-attribution,
div.gs-results-attribution * {
font-size : 10px;
color : #676767;
text-decoration : none;
}
div.gs-results-attribution a {
color: #0000cc;
cursor : pointer;
}
div.gs-results-attribution a:hover {
text-decoration : underline;
}
.gs-result .gs-metadata{
color: #676767;
}
/* searcher specific styling for
* - web ad
* - web
* - local
* - image (none)
* - blog (none)
* - video (none)
*/
/* webAd search specific over rides
* .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
*/
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
padding-left: 4px;
}
/* default is to not show long mode visible urls
* apps should selectively enable this while disabling
* div.gs-visibleUrl-short
*/
.gs-webResult div.gs-visibleUrl-long {
width : 100%;
overflow : hidden;
display : none;
}
/* local search specific over rides
* - city, region displayed inline
* - country supressed
* - small font size for info window's
*/
.gs-localAd div.gs-address * {
color : #676767;
}
.gs-localAd div.gs-street {
display: inline;
}
div.gs-city {
display: inline;
}
div.gs-region {
display: inline;
}
div.gs-country {
display: none;
}
div.gs-infoWindow * {
font-size: 11px;
}
/* video search specific over rides
* - align the table data
* - default image width garuntee
* - appropriate cell seperation
*/
/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
font-size: 13px;
}
/*
.gs-videoResult td .gs-image {
vertical-align : middle;
}
.gs-videoResult td.gs-image-box {
background-color : #000000;
}*/
.gs-videoResult td div.gs-image-box {
width : 110px;
height : 78px;
}
.gs-videoResult td div.gs-text-box {
vertical-align: top;
margin-left: 4px;
}
/* book search specific over rides
* - default image width garuntee
* - appropriate cell seperation
*/
div.gs-book-image-box td,
.gs-bookResult td {
vertical-align : top;
}
div.gs-book-image-box,
div.gs-book-image-box div {
position : static;
text-align : start;
}
div.gs-book-image-box {
width : 75px;
height : 90px;
}
.gs-bookResult td div.gs-text-box {
vertical-align: top;
margin-left: 4px;
}
div.gs-book-image-box img {
border-spacing : 0px 0px;
border : none;
}
div.gs-book-image-box div.gs-row-1 {
line-height : 7px;
}
div.gs-book-image-box img.gs-pages {
height : 7px;
width : 45px;
}
div.gs-book-image-box img.gs-page-edge {
height : 7px;
width : 11px;
}
div.gs-book-image-box div.gs-row-2 {
}
div.gs-book-image-box img.gs-image {
height : 80px;
border : 1px solid #a0a0a0;
}
.gs-bookResult .gs-author {
display : inline;
color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
display : inline;
}
.gs-bookResult .gs-pageCount {
display : inline;
color: #6f6f6f;
margin-left : 4px;
}
.gs-bookResult .gs-id {}
/* book search specific over rides
* - default image width garuntee
* - appropriate cell seperation
*/
.gs-patentResult td {
vertical-align : top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
display:inline;
}
.gs-patentResult .gs-image-box {
padding-right : 8px;
}
.gs-patentResult img.gs-image {
border : 1px solid #7777cc;
}
-->
</style>
<style type="text/css">
<!--
/* ---- GENERIC (COMMON FOR ALL TEMPLATES AND SKINS) --- */
/* ---- overwrite where appropriate --- */
html, body {
height: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body, td, p, input, select {
color:#000000;
}
/* Submit button used in forms */
.button_submit {
background-color:#888888;
color:#ffffff;
font-weight:bold;
border:1px #666666 outset;
padding-left:1em;
padding-right:1em;
padding-top:0.2em;
padding-bottom:0.2em;
}
ul {
padding-left:0px;
padding-top: 0px;
padding-bottom: 0px;
margin-left:1.3em;
margin-top:0.5em;
}
ul li {
padding-top:0em;
padding-bottom:0em;
padding-left: 0em;
list-style-type:square;
}
ol {
padding-left:0.4em;
padding-top: 0px;
padding-bottom: 0px;
margin-left:1.3em;
margin-top:0.5em;
}
ol li {
padding-top:0em;
padding-bottom:0em;
padding-left: 0em;
}
hr {
border-top : 1px solid #aaaaaa;
border-bottom : 0px solid transparent;
border-left : 0px solid transparent;
border-right : 0px solid transparent;
}
h1, h2, h3, h4, h5, h6 {
margin-top:0px;
margin-bottom:0.5em;
}
p {
margin-top:0px;
margin-bottom:1em;
}
.layout {
width:100%;
margin-bottom:20px;
}
.banner {
margin:0px;
padding:0px;
width:100%;
float:left;
overflow:hidden;
}
.bannertext {
padding-left:30px;
height:100px;
overflow:hidden;
font-weight: normal;
font-size: 32px;
line-height: 100px;
}
#flashcontent {
margin:0px;
padding:0px;
}
.footer {
width:100%;
}
.footerlogo, .footerlogo a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:21px;
color:#666666;
text-align:right;
text-decoration:none;
width:250px;
}
.footertext, .footertext a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
text-align:left;
padding-left:0.3em;
vertical-align:top;
}
.footerlogo a:hover, footertext a:hover {
color:#000000;
background-color:#ffffff;
text-decoration:none;
}
.footericon {
vertical-align:top;
text-align:right;
padding-top:10px;
padding-botom:10px;
}
/* ---- CONTENT --- */
h1 {
color:#000000;
/*font-weight:normal;*/
}
h2 {
color:#000000;
/*font-weight:normal;*/
}
h3 {
color:#000000;
}
h4 {
color:#000000;
}
h5 {
color:#000000;
}
h6 {
color:#000000;
}
.contenttable, .contenttablesub {
width:100%;
height:250px;
}
.contentmaincol {
width:100%;
vertical-align:top;
padding-left:20px;
padding-right:20px;
padding-top:30px;
padding-bottom:30px;
background-color:#ffffff;
}
.contentmaincolsub {
width:100%;
vertical-align:top;
padding-left:30px;
padding-right:20px;
padding-top:20px;
padding-bottom:30px;
background-color:#ffffff;
}
.leftcol {
padding-left:10px;
vertical-align:top;
padding-top:30px;
padding-bottom:30px;
background-color:#ffffff;
}
.rightcol, .rightcolsub {
vertical-align:top;
padding-left:5px;
padding-right:5px;
padding-top:20px;
padding-bottom:30px;
background-color:#ffffff;
}
#contentrightcol {
width:150px;
}
/* tables in content area */
.contentmaincol table, .contentmaincolsub table, #contentrightcol table {
border-collapse:collapse;
/*border-color:#ffffff;*/
/*border-style:solid;*/
}
/*#content table {
border-collapse:separate;*/
}
.contentbottomlinks table, .contentbottomlinksgoback table {
border-style:none;
}
/* links in content area */
.contentmaincol a, .contentmaincolsub a, #contentrightcol a, #contentleftcol a {
color:#0054a6;
font-weight:bold;
text-decoration:none;
}
.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, #contentleftcol a:hover {
color:#ffffff;
background-color: #0054a6;
}
/* breadcrumb links */
.breadcrumbs {
padding-left:30px;
padding-right:20px;
padding-top:1em;
}
.breadcrumbs a, .breadcrumbs a:hover {
color: #000000;
text-decoration:none;
border-bottom:none;
}
/* ---- NAVIGATION --- */
.navbararea, .navbar {
float:left;
/* workaround required for IE6 float bug */
display:inline;
}
.navbararea {
width:100%;
cursor:pointer;
}
.navbuttons td {
padding:0px;
width:140px;
border-left:1px solid #ffffff;
}
.navbutton, .navbuttonon {
vertical-align:middle;
}
.navlinks, .navlinkson {
font-weight: normal;
display: block;
text-decoration:none;
/*height:100%;*/
padding-top:0em;
padding-bottom:0em;
padding-left:0.6em;
padding-right:0.6em;
}
.navleft, #contentleftcol {
width:160px;
margin-bottom:30px;
}
/*.navleft1, .navleft1current {
color: #000000;
font-weight: normal;
text-decoration:none;
display:block;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-right: 0.3em;
margin-bottom:0em;
}
.navleft2, .navleft2current, .navleft3, .navleft3current {
color: #000000;
font-weight: normal;
text-decoration:none;
display:block;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-right: 0.3em;
margin-bottom:0em;
}*/
.navleft1, .navleft1current {
color: #000000;
font-weight: normal;
text-decoration:none;
display:block;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left:8px;
padding-right: 0.3em;
margin-bottom:0em;
}
.navleft2, .navleft2current, .navleft3, .navleft3current {
color: #000000;
font-weight: normal;
text-decoration:none;
display:block;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 10px;
padding-right: 0.3em;
margin-bottom:0em;
}
.navleft1current, .navleft2current, .navleft3current {
color: #000000;
font-weight:bold;
}
.linearnavbar, .linearnavbarsearch {
width:100%;
/*height:2em;*/
height:28px;
text-align:right;
vertical-align:middle;
margin:0em;
}
.linearnavbarsearch {
height:3em;
}
.linearnavbar td, .linearnavbarsearch td {
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:1em;
text-align:center;
vertical-align:middle;
}
.linearnavbar td a, .linearnavbarsearch td a {
color:#ffffff;
font-weight:normal;
/*text-transform:uppercase;*/
text-decoration:none;
}
.linearnavbar td a:hover, .linearnavbarsearch td a:hover {
/*color:#ffffff;
background-color:#000000;*/
text-decoration:underline;
}
.linearnavbar form, .linearnavbarsearch form {
margin:0px;
padding:0px;
}
.tertiarynav {
/*padding-left:30px;*/
color:#999999;
}
.tertiarynav a {
color:#000000;
font-weight:normal;
text-decoration:none;
padding-left:0.3em;
padding-right:0.3em;
padding-top:0.3em;
padding-bottom:0.3em;
}
.tertiarynav a:hover {
/*color:#ffffff;
background-color:#000000;*/
text-decoration:underline;
}
/* ---- LIST-BASED HORIZONTAL DHTML NAVIGATION --- */
#nav, #nav ul {
float: left;
/*width: 36em;*/
width: 100%;
list-style: none;
/*line-height: 1;*/
background: #ffffff;
padding: 0;
margin:0;
}
#nav a {
display: block;
white-space:nowrap;
/*width: 10em;
w\idth: 6em;*/
color: #000000;
text-decoration: none;
padding-left:0.8em;
padding-right:1em;
padding-top:0.3em;
padding-bottom:0.3em;
}
.dhtmlnavactive {
background-color:#dddddd;
}
/*#nav a.daddy {
background: url(rightarrow2.gif) center right no-repeat;
}*/
#nav li {
float: left;
padding: 0;
/*width: 10em;*/
list-style:none;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 18.4em;
w\idth: 17.9em;
border:1px solid #dddddd;
margin: 0;
}
#nav li li {
padding-right: 1em;
width: 17em
}
#nav li ul a {
width: 17em;
w\idth: 9em;
}
#nav li ul ul {
/*margin: -1.75em 0 0 18em;*/
margin-top:-1.9em;
margin-left:18em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
background: #dddddd;
}
/* links at the bottom of content area */
.contentbottomlinks, .contentbottomlinksgoback {
/*margin-top:30px;*/
margin-top:0px;
}
.contentbottomlinks table td {
padding:2px;
/*border-top:1px dotted #a0a0a0;*/
vertical-align:top;
}
.contentbottomlinksgoback table td {
/*border-left:1px dotted #a0a0a0;*/
padding-top:1em;
}
.contentbottomlinks table td a, .contentbottomlinks table td a:hover, .contentbottomlinksgoback table td a, .contentbottomlinksgoback table td a:hover {
background-color:transparent;
border-bottom:0px;
}
/* top of page link */
.topofpage {
margin-top:30px;
}
.topofpage a {
text-decoration:none;
font-weight:normal;
}
.topofpage a:hover {
text-decoration:none;
font-weight:normal;
}
.topofpagelink {
padding-left:0px;
}
/* printer friendly link */
.printerfriendlylink {
padding-left:2px;
}
/* share (social networking) links */
.sharelink {
padding-left:0px;
}
/* go back icon link */
.gobacklink {
padding:2px;
}
/* ---- E-COMM --- */
/* override in template's main.css if necessary */
.prodlisthoriz, .prodlistvert {
width:100%;
}
.prodlisthoriz td {
padding:10px;
margin:10px;
border:1px solid #dddddd;
vertical-align:top;
}
.prodlistvert td {
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #dddddd;
}
.proddetail {
margin-top:10px;
padding:10px;
border:1px solid #dddddd;
}
/* ---- GOOGLE SEARCH --- */
/* override Google Search classes */
/* search control */
.gsc-search-button {
background-color:#888888;
color:#ffffff;
padding:0em;
margin:0em;
width:auto;
border-width:0px;
}
form.gsc-search-box {
font-size:inherit;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
width:100%;
}
table.gsc-search-box {
border-style:none;
border-width : 0px;
border-spacing:0px 0px;
width:auto;
margin:0px;
}
table.gsc-search-box td {
vertical-align : middle;
padding:0px;
}
td.gsc-search-button {
width:auto;
}
input.gsc-input {
padding-left:0.2em;
border:1px solid #dddddd;
background-color:#f2f2f2;
width: 10em;
}
td.gsc-branding-text div.gsc-branding-text {
padding-bottom: 2px;
text-align:right;
color: #cccccc;
font-size:0.9em;
margin-right:0px;
}
/* search results */
.gsc-control {
width:100%;
}
.gsc-resultsHeader {
margin-top : 1.5em;
}
.gs-result .gs-title, .gs-result .gs-title *, .gsc-results .gsc-trailing-more-results, .gsc-results .gsc-trailing-more-results *,
.gs-result .gs-title:hover, .gs-result .gs-title *:hover, .gsc-results .gsc-trailing-more-results:hover, .gs-results .gsc-trailing-more-results *:hover {
color:#0054a6;
font-weight:bold;
text-decoration:underline;
background-color:transparent;
}
/* ---- AD MANAGER --- */
/* override in template's main.css if necessary */
#banneradtop {
position:absolute;
top:42px;
right:24px;
z-index:3;
padding:0px;
margin:0px;
text-align:right;
}
/* ---- SITEMAP ---- */
.sitemaplevel1div {
text-transform:uppercase;
border-top:1px dotted #bbbbbb;
margin-top:0.5em;
}
.sitemaplevel1link {
text-transform:uppercase;
}
/* ---- SURVEYS --- */
.surveystable td {
padding-left:0.5em;
padding-top:0.3em;
}
.surveysquestion {
font-weight:bold;
}
/*.surveysbutton {
}*/
/* ---- NEWSLETTER --- */
.newslettertable td {
padding-left:0.5em;
padding-top:0.3em;
}
.newsletterheading {
font-weight:bold;
}
/*.newsletterbutton {
}*/
/* ---- FORMS MANAGER --- */
.formtable td {
padding-left:0.0em;
padding-top:0.0em;
}
/* ---- NEWS RELEASES --- */
.newsdate {
padding-bottom:0.5em;
white-space:nowrap;
width:7em;
}
.newsheadline {
padding-left:2em;
padding-bottom:0.5em;
}
/* ---- CALENDAR OF EVENTS --- */
#calendar {
position: absolute;
text-align: center;
width: 100%;
top: 40px;
left:0px;
/*margin-left: auto;
margin-right:auto;
width: 745px;*/
z-index: 110;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2) progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=96,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=100);
}
#calendarshadow {
margin-left: auto;
margin-right: auto;
}
#monthcalendar {
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #000000;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #000000;
/*background-color: #f3f1e9;*/
}
.calendartopbar td {
background-color: #000000;
color: #eeeeee;
text-align: left;
font-size: 14px;
font-weight:normal;
}
.calendartopbar td a {
text-decoration:none;
background-color:#aaaaaa;
color:#000000;
font-weight:bold;
}
.calendarnav {
font-size:18px;
padding-left:3px;
padding-right:3px;
}
.calendarnav:hover {
background-color:#ffffff;
}
.calendarnav {
font-size:18px;
padding-left:3px;
padding-right:3px;
}
.calendarnav:hover {
background-color:#ffffff;
}
#monthcalendar td {
border-right: solid 1px #c5c4c0;
border-bottom: solid 1px #c5c4c0;
}
#monthcalendar tr.calendartopbar td {
border: none;
}
#monthcalendar table.weekend td {
border-right: none;
border-bottom: none;
}
#monthcalendar table.weekend td.calsaturday {
border-bottom: solid 1px #c5c4c0;
}
.shadow {
background-color: #cccccc;
}
div.caldate {
text-align: right;
color: #000000;
font-size: 11px;
}
span.calendartopdate {
line-height: 18px;
padding-left: 3px;
padding-right: 3px;
}
tr.weekdaylabels td {
background-color:#e9e9e9;
color: #000000;
font-size: 11px;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
tr.weekdays td {
padding: 5px;
vertical-align:top;
background-color:#fafafa;
}
/*
#monthcalendar td.currentday:hover, #monthcalendar td.eventday:hover, #monthcalendar td.holiday:hover, #monthcalendar td.day:hover, #monthcalendar table.weekend td.calsaturday:hover {
border: #525a2a 3px solid;
border-right: #525a2a 3px solid;
border-bottom: #525a2a 3px solid;
padding: 2px;
width: 149px;
}
*/
tr.weekdays td.weekendtd {
padding: 0px;
}
#monthcalendar td.currentday {
background-color: #ffffff;
border: 3px solid #000000;
padding: 2px;
width: 109px;
}
.eventday {
background-color: #ebe5d2;
width: 109px;
}
.holiday {
background-color: #e0e0e0;
width: 109px;
}
.day {
width: 109px;
}
/* used in calendar list */
.eventslisttable {
width:100%;
}
.eventslisticon {
margin-bottom:1em;
padding:0px;
}
.eventslistdate {
white-space:nowrap;
/*min-width:10em;*/
padding-right:1em;
vertical-align:top;
}
.eventslisttitle {
vertical-align:top;
width:100%;
}
/* grid can be toggled in YWD Designer */
#designgrid {
width:100%;
height: 100%;
float: left;
background-image:url(../../display/grid.png);
z-index:999;
position:absolute;
visibility:hidden;
}
-->
</style>
<style type="text/css">
<!--
/* T3 TEMPLATE */
/* ---- GENERIC (COMMON FOR ALL STYLES WITHIN THIS TEMPLATE) --- */
.leftcol {
border-right:8px solid #ffffff;
}
.navleft1, .navleft1current {
margin-bottom:0em;
}
.navleft2, .navleft2current, .navleft3current {
margin-bottom:0em;
}
.navleft1current, .navleft2current, .navleft3current {
font-weight:normal;
background-color:#ffffff;
}
.navleft1 {
border-bottom:1px solid #ffffff;
}
.navleft1current {
border-bottom:1px solid #000000;
}
.navleft2, .navleft3 {
border-bottom:1px dotted #ffffff;
}
.navleft2current, .navleft3current {
border-bottom:1px dotted #000000;
}
-->
</style>
<style type="text/css">
<!--
/* ---- BACKGOUND COLOUR --- */
body {
background-color: #ffffff;
}
.linearnavbar td a, .linearnavbarsearch td a {
color:#000000;
}
-->
</style>
<style type="text/css">
<!--
/* ---- COLOUR SCHEME --- */
/* page and main columns widths */
.layoutleft {
border:8px solid #ffffff;
}
/* banner area at the top of pages if no image is used*/
.bannertext {
background-color:#ffffff;
}
/* footer area */
/* ---- CONTENT --- */
/* content area */
.contenttable, .contenttablesub {
background-color:#ffffff;
}
/* main content column */
/* links */
/* ---- NAVIGATION --- */
/* left navigation */
.leftcol {
background:#ededed;
}
.navleft1:hover, .navleft2:hover, .navleft3:hover {
background-color:#f6f6f6;
}
/* tertiary navigation - usually at the bottom */
-->
</style>
<style type="text/css">
<!--
-->
</style>
<style type="text/css">
<!--
/* ---- ALIGNMENT --- */
/* wrapper div (alignment) */
#wrapper {
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
-->
</style>
<style type="text/css">
<!--
/* ---- PAGE WIDTH --- */
/* wrapper div (width) */
#wrapper/*, #designgrid*/ {
width:964px;
}
#shadowvert {
width:9px;
}
#shadowhoriz {
height:10px;
}
#shadowcorner {
width:9px;
height:10px;
}
-->
</style>
<style type="text/css">
<!--
/* ---- TYPE --- */
/* basic type */
body, td, p, input, select, h1, h2, h3, h4, h5, h6, div {
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 15px;
}
h1 {
font-size: 21px;
line-height: 24px;
}
h2 {
font-size: 18px;
line-height: 21px;
}
h3 {
font-size: 14px;
line-height: 18px;
}
h4 {
font-size: 12px;
line-height: 14px;
}
h5 {
font-size: 11px;
line-height: 14px;
}
h6 {
font-size: 10px;
line-height: 14px;
margin:0px;
text-transform:uppercase;
}
/* fonts used in the navigation */
.navlinks, .navlinkson, #nav {
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 14px;
padding-top:3px;
padding-bottom:3px;
}
.navleft1, .navleft1current, .navleft1currenton, .navleft2, .navleft2current {
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 14px;
}
.linearnavbar td a, .breadcrumbs, .breadcrumbs a {
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
}
/* banner text (if no page header is used) */
.bannertext {
font-size: 32px;
line-height: 100px;
}
-->
</style>
<style type="text/css">
<!--
/* ---- OVERRIDES CONTENET AREA TEXT COLOUR SETTINGS --- */
-->
</style>
<style type="text/css">
<!--
/* ---- IMAGES BORDER --- */
-->
</style>
<style type="text/css">
<!--
/* ---- IMAGES MARGIN (OVERRIDES HSPACE AND VSPACE) --- */
-->
</style>
<style type="text/css">
<!--
/* ---- STYLE OF LEVEL 1 LINKS --- */
.navlinks, .navlinkson, .navleft1, .navleft1current, .navleft1currenton, .linearnavbar td a, .linearnavbarsearch td a, #nav a {
text-transform:uppercase;
}
#nav ul li a {
text-transform:none;
}
-->
</style>
<style type="text/css">
<!--
/* ---- LINK STYLE --- */
.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #contentleftcol a, #monthcalendar span.tip a {
color:#000000;
font-weight:bold;
text-decoration:underline;
}
.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #contentleftcol a:hover, #monthcalendar span.tip a:hover {
color:#ffffff;
background-color: #000000;
}
.gs-result .gs-title, .gs-result .gs-title *, .gsc-results .gsc-trailing-more-results, .gsc-results .gsc-trailing-more-results *,
.gs-result .gs-title:hover, .gs-result .gs-title *:hover, .gsc-results .gsc-trailing-more-results:hover, .gs-results .gsc-trailing-more-results *:hover {
color:#000000;
font-weight:bold;
background-color:transparent;
}
-->
</style>
<style type="text/css">
<!--
/* ---- BACKGOUND COLOUR --- */
body {
background-color: #ffffff;
}
.linearnavbar td a, .linearnavbarsearch td a {
color:#000000;
}
-->
</style>
<style type="text/css">
.contenttable, .contenttablesub {
height:250px;
}
.leftcol, .navleft {
background-color:#FFFFFF;
}
.layoutbottomleft {
background-color:#FFFFFF;
}
#nav {
padding-top:0px;
padding-bottom:0px;
}
.navbararea {
border-top-width:px;
}
.navbararea {
border-bottom-width:px;
}
.navlinks, .navlinkson, #nav li, #nav li ul {
}
.navleft1:hover, .navleft1current:hover, .navleft2:hover, .navleft2current:hover, .navleft3:hover, .navleft3current:hover {
background-color:#000000;
background-image:none;
}
.navleft1:hover, .navleft1current:hover, .navleft2:hover, .navleft2current:hover, .navleft3:hover, .navleft3current:hover {
color:#FFFFFF;
}
.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
}
.navleft2, .navleft2current, .navleft3, .navleft3current {
}
.contentmaincol, .contentmaincolsub, .breadcrumbs {
padding-left:41px;
}
.contentmaincol, .contentmaincolsub {
padding-top:26px;
}
h1, h2, h3, h4, h5, h6 {
padding-top:5px;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom:5px;
}
.contentmaincol p, .contentmaincol div, .contentmaincol ul, .contentmaincol li, .contentmaincol td,
.contentmaincolsub p, .contentmaincolsub div, .contentmaincolsub ul, .contentmaincolsub li, .contentmaincolsub td,
.rightcol p, .rightcol div, .rightcol ul, .rightcol li, .rightcol td,
.rightcolsub p, .rightcolsub div, .rightcolsub ul, .rightcolsub li, .rightcolsub td {
line-height:18px;
}
.navleft, #contentleftcol {
width:160px;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
h5 {
font-size:11px;
line-height:1.2em;
}
h6 {
font-size:11px;
line-height:1.2em;
}
.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a {
font-weight:normal;
}
.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a {
color:#000000;
}
.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a {
background-color:#FFFFFF;
}
.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
color:#FFFFFF;
}
.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
background-color:#000000;
}
.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
text-decoration:none;
border-bottom-style:hidden;
}
ul li {
list-style-type:disc;
}
hr {
border-top-width:1px;
}
hr {
border-top-style:solid;
}
</style>
<style type="text/css">
<!--
/* ---- PRINTER FRIENDLY CSS --- */
/* ---- overrides a few classes for better printing --- */
body {
margin-top:0px;
background-color: #ffffff;
background-image:none;
}
.footerlogo {
width:100%;
background-image:none;
}
.contentbottomlinks {
display:none;
}
/* ---- PAGE WIDTH --- */
/* wrapper div (width) */
#wrapper {
width:100%;
}
.banner {
float:none;
}
.navbararea, .navbar, #nav, .leftcol {
float:none;
display:none;
}
-->
</style>
<style type="text/css">
<!--
@charset "utf-8";
/* CSS Document */
#wrapper {
/*width:100%;*/
width:932px;
margin-top:10px;
background-color:#ffffff;
}
.banner {
width:100%;
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.banner table {
border-bottom:1px solid #e1e1e1;
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.banner table td {
text-align:center;
}
.layout {
width:100%;
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.contenttable {
width:922px;
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.linearnavbar, .footer {
width:922px;
position:relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.contenttable, .contentmaincol, .contentmaincolsub, .bannertext, .leftcol {
background-color:transparent;
}
.layoutleft {
border-style:hidden;
}
.contentmaincol, .contentmaincolsub {
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
}
.contentmaincol {
padding:0px;
}
.leftcol {
border-style:hidden;
padding-right:0px;
padding-left:0px;
}
#shadowhoriz {
border-top:1px solid #e1e1e1;
}
.contentbottomlinks table td {
border-top:none;
}
/*.navleft1current, .navleft2current {
border-bottom:1px dotted #000000;
}*/
.tertiarynav {
color:#ffffff;
font-size:11px;
padding-left:0px;
}
/*.footer {
width:956px;
}
-->
</style>
<link rel="shortcut icon" href="site/design_exchange/assets/images/favicon.gif" type="image/x-icon">
<link rel="icon" href="site/design_exchange/assets/images/favicon.gif" type="image/x-icon">
<script language="JavaScript1.1" type="text/javascript">
<!--
//-->
</script>
<!-- http://www.dx.org/site/ywd_prototype/library/javascript/sitespecific.js -->
<script language="JavaScript1.2" type="text/javascript">
<!--
function launchwin(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
if (window == null || window.closed)
{
newwindow = window.open(theURL,winName,features);
if (window.opener == null) // set the opener property manually for Nav 2.0.
{
//window.opener = windowparent;
}
window.opener.name = windowparent; // give our parent window a name so we can target it from newwindow
}
}
function secureWindow(theURL, width, height) {
windowprops = "width=" + width + ",height=" + height;
if (document.all||document.layers||document.getElementById)
{
var top = ((screen.height-50)-height)/2;
var left = ((screen.width-10 )-width)/2;
windowprops += ",top=" + top + ",left=" + left;
}
windowprops += "location=0,toolbar=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0";
//alert(theURL);
secure = window.open(theURL, 'secure', windowprops);
secure.focus();
}
function defaultMessageWindow(theURL, width, height, scrollbars) {
windowprops = "width=" + width + ",height=" + height+",scrollbars="+scrollbars;
messageWindow = window.open(theURL, 'messageWindow', windowprops);
messageWindow.focus();
}
function NewPrintWindow(FileToPrint) {
PrintWindow = window.open(FileToPrint,"","height=600,width=650,toolbar=yes,statusbar=no,menubar=no,titlebar=yes,location=no,scrollbars=yes");
PrintWindow.focus();
}
/* shows/hides a layer */
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) //NN4+
{
document.layers.visibility = iState ? "show" : "hide";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
obj.style.visibility = iState ? "visible" : "hidden";
}
else if(document.all) // IE 4
{
document.all.style.visibility = iState ? "visible" : "hidden";
}
}
function switchBoxOnOff(szDivID)
{
if(document.layers) //NN4+
{
document.layers.visibility = iState ? "show" : "hide";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
}
else {
obj.style.visibility = "visible";
}
}
else if(document.all) // IE 4
{
document.all.style.visibility = iState ? "visible" : "hidden";
}
}
function openaprintwindow(theURL) {
var width = 850;
var height = 500;
windowprops = "width=" + width + ",height=" + height;
if (document.all||document.layers||document.getElementById)
{
var top = ((screen.height-50)-height)/2;
var left = ((screen.width-10)-width)/2;
windowprops += ",top=" + top + ",left=" + left;
}
windowprops += "toolbar=0,location=0,directories=0,status=0,menubar=1,scrollbars=1,resizable=1";
window.open(theURL, 'printableWindow', windowprops);
}
function openapopupwindow(theURL,theName,theWidth,theHeight) {
windowprops = "width=" + theWidth + ",height=" + theHeight;
if (document.all||document.layers||document.getElementById)
{
var top = ((screen.height-50)-theHeight)/2;
var left = ((screen.width-10)-theWidth)/2;
windowprops += ",top=" + top + ",left=" + left;
}
windowprops += "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1";
window.open(theURL, theName, windowprops);
}
function trimstring(sInString) {
sInString = sInString.replace( /^\s+/g, "" );// strip leading
return sInString.replace( /\s+$/g, "" );// strip trailing
}
/* used by DHTML dropdown menus */
sfHover = function() {
if (document.getElementById("nav") !== null) {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
/* used by Facebook and other sharing/social networking links */
function openShareWindow(site){
var pageURL = escape(window.location.href);
var articleTitle = 'null';
var articleLeadin = 'null';
switch (site) {
case "Digg":
postPopUp('http://digg.com/remote-submit?phase=2&url=' + pageURL + '&title=' + articleTitle + '&bodytext=' + articleLeadin +'', 'digg', 'toolbar=0,status=0,height=450,width=650,scrollbars=yes,resizable=yes');
break;
case "Delicious":
postPopUp('http://del.icio.us/post?v=4&partner=nyt&noui&jump=close&url=' + pageURL + '&title='+ articleTitle+ '&bodytext='+ articleLeadin+'', 'delicous', 'toolbar=0,status=0,height=450,width=650,scrollbars=yes,resizable=yes');
break;
case "Reddit":
postPopUp('http://reddit.com/submit/?url=' + pageURL + '&title='+ articleTitle+ '', 'reddit', 'toolbar=0,status=0,height=450,width=650,scrollbars=yes,resizable=yes');
break;
case "Facebook":
postPopUp('http://www.facebook.com/sharer.php?u=' + pageURL + '&t=' + articleTitle, 'facebook', 'toolbar=0,status=0,height=436,width=646,scrollbars=yes,resizable=yes');
break;
case "Linkedin":
postPopUp('http://www.linkedin.com/shareArticle?mini=true&url=' + pageURL, 'linkedin', 'toolbar=0,status=0,height=650,width=646,scrollbars=yes,resizable=yes');
break;
case "Newsvine":
postPopUp('http://www.newsvine.com/_wine/save?ver=2&popoff=1&u=' + pageURL + '', 'Newsvine', 'toolbar=0,status=0,height=436,width=646,scrollbars=yes,resizable=yes');
break;
case "Twitter":
postPopUp('http://twitter.com/home?status=' + pageURL + '', 'Twitter', 'toolbar=0,status=0,height=436,width=646,scrollbars=yes,resizable=yes');
break;
}
}
/* used by Facebook so that title displays page name or blog entries name*/
function openShareWindowFacebook(pageName){
var pageURL = escape(window.location.href);
var articleTitle = (pageName);
var articleLeadin = 'null';
{
postPopUp('http://www.facebook.com/sharer.php?u=' + pageURL + '&t=' + articleTitle, 'facebook', 'toolbar=0,status=0,height=436,width=646,scrollbars=yes,resizable=yes');
}
}
function postPopUp(url, name, params) {
var win = window.open(url, name,params);
}
/*
* QTObject embed
* http://blog.deconcept.com/2005/01/26/web-standards-compliant-javascript-quicktime-detect-and-embed/
*
* by Geoff Stearns (geoff@deconcept.com, http://www.deconcept.com/)
*
* v1.0.2 - 02-16-2005
* Embeds a quicktime movie to the page, includes plugin detection
* Usage:
* myQTObject = new QTObject("path/to/mov.mov", "movid", "width", "height");
* myQTObject.altTxt = "Upgrade your Quicktime Player!"; // optional
* myQTObject.addParam("controller", "false"); // optional
* myQTObject.write();
*/
QTObject = function(mov, id, w, h) {
this.mov = mov;
this.id = id;
this.width = w;
this.height = h;
this.redirect = "";
this.sq = document.location.search.split("?") || "";
this.altTxt = "This content requires the QuickTime Plugin. <a href='http://www.apple.com/quicktime/download/'>Download QuickTime Player</a>.";
this.bypassTxt = "<p>Already have QuickTime Player? <a href='?detectqt=false&"+ this.sq +"'>Click here.</a></p>";
this.params = new Object();
this.doDetect = getQueryParamValue('detectqt');
}
QTObject.prototype.addParam = function(name, value) {
this.params = value;
}
QTObject.prototype.getParams = function() {
return this.params;
}
QTObject.prototype.getParam = function(name) {
return this.params;
}
QTObject.prototype.getParamTags = function() {
var paramTags = "";
for (var param in this.getParams()) {
paramTags += '<param name="' + param + '" value="' + this.getParam(param) + '" />';
}
if (paramTags == "") {
paramTags = null;
}
return paramTags;
}
QTObject.prototype.getHTML = function() {
var qtHTML = "";
if (navigator.plugins && navigator.plugins.length) { // not ie
qtHTML += '<embed type="video/quicktime" src="' + this.mov + '" width="' + this.width + '" height="' + this.height + '" id="' + this.id + '"';
for (var param in this.getParams()) {
qtHTML += ' ' + param + '="' + this.getParam(param) + '"';
}
qtHTML += '></embed>';
}
else { // pc ie
qtHTML += '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="' + this.width + '" height="' + this.height + '" id="' + this.id + '">';
this.addParam("src", this.mov);
if (this.getParamTags() != null) {
qtHTML += this.getParamTags();
}
qtHTML += '</object>';
}
return qtHTML;
}
QTObject.prototype.getVariablePairs = function() {
var variablePairs = new Array();
for (var name in this.getVariables()) {
variablePairs.push(name + "=" + escape(this.getVariable(name)));
}
if (variablePairs.length > 0) {
return variablePairs.join("&");
}
else {
return null;
}
}
QTObject.prototype.write = function(elementId) {
if(isQTInstalled() || this.doDetect=='false') {
if (elementId) {
document.getElementById(elementId).innerHTML = this.getHTML();
} else {
document.write(this.getHTML());
}
} else {
if (this.redirect != "") {
document.location.replace(this.redirect);
} else {
if (elementId) {
document.getElementById(elementId).innerHTML = this.altTxt +""+ this.bypassTxt;
} else {
document.write(this.altTxt +""+ this.bypassTxt);
}
}
}
}
function isQTInstalled() {
var qtInstalled = false;
qtObj = false;
if (navigator.plugins && navigator.plugins.length) {
for (var i=0; i < navigator.plugins.length; i++ ) {
var plugin = navigator.plugins;
if (plugin.name.indexOf("QuickTime") > -1) {
qtInstalled = true;
}
}
} else {
execScript('on error resume next: qtObj = IsObject(CreateObject("QuickTimeCheckObject.QuickTimeCheck.1"))','VBScript');
qtInstalled = qtObj;
}
return qtInstalled;
}
/* get value of querystring param */
function getQueryParamValue(param) {
var q = document.location.search;
var detectIndex = q.indexOf(param);
var endIndex = (q.indexOf("&", detectIndex) != -1) ? q.indexOf("&", detectIndex) : q.length;
if(q.length > 1 && detectIndex != -1) {
return q.substring(q.indexOf("=", detectIndex)+1, endIndex);
} else {
return "";
}
}
/* calendar functions */
function showCalendar()
{
toggleBox("calendar", true);
}
function hideCalendar()
{
toggleBox("calendar", false);
}
-->
</script>
</script>
<!-- BROKERBOX HEADER -->
</head>
<body
>
<div id="designgrid"> </div>
<div id="wrapper">
<a name="top"></a>
<div class="linearnavbar">
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.dx.org/index.cfm?pagepath=Home&id=5599">Home</a>
</td>
<td>
<a href="http://www.dx.org/index.cfm?pagepath=Contact_Us&id=5601">Contact Us</a>
</td>
<td>
<a href="http://www.dx.org/index.cfm?pagepath=Sitemap&id=5602">Sitemap</a>
</td>
<td style="width:8px;padding:0px;"></td>
</tr>
</table>
</div>
<table class="layout" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:9px;"> </td>
<td class="layoutleft">
<div class="banner">
<!-- http://www.dx.org/site/master/library/javascript/flashobject.js -->
<script type="text/javascript">
<!--
/**
* FlashObject v1.3d: Flash detection and embed - http://blog.deconcept.com/flashobject/
*
* FlashObject is (c) 2006 Geoff Stearns and is released under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
*/
if(typeof com=="undefined"){var com=new Object();}
if(typeof com.deconcept=="undefined"){com.deconcept=new Object();}
if(typeof com.deconcept.util=="undefined"){com.deconcept.util=new Object();}
if(typeof com.deconcept.FlashObjectUtil=="undefined"){com.deconcept.FlashObjectUtil=new Object();}
com.deconcept.FlashObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.createElement||!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=com.deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
this.useExpressInstall=_7;
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new com.deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=com.deconcept.FlashObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}
};
com.deconcept.FlashObject.prototype={setAttribute:function(_e,_f){
this.attributes=_f;
},getAttribute:function(_10){
return this.attributes;
},addParam:function(_11,_12){
this.params=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables=_14;
},getVariable:function(_15){
return this.variables;
},getVariables:function(){
return this.variables;
},createParamTag:function(n,v){
var p=document.createElement("param");
p.setAttribute("name",n);
p.setAttribute("value",v);
return p;
},getVariablePairs:function(){
var _19=new Array();
var key;
var _1b=this.getVariables();
for(key in _1b){_19.push(key+"="+_1b);}
return _19;
},getFlashHTML:function(){
var _1c="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){
this.addVariable("MMplayerType","PlugIn");
}
_1c="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_1c+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1d=this.getParams();
for(var key in _1d){_1c+=+"=\""+_1d+"\" ";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_1c+="flashvars=\""+_1f+"\"";}
_1c+="/>";
}else{
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_1c="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_1c+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _20=this.getParams();
for(var key in _20){_1c+="<param name=\""+key+"\" value=\""+_20+"\" />";}
var _22=this.getVariablePairs().join("&");
if(_22.length>0){_1c+="<param name=\"flashvars\" value=\""+_22+"\" />";
}_1c+="</object>";}
return _1c;
},write:function(_23){
if(this.useExpressInstall){
var _24=new com.deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_24)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}
}else{this.setAttribute("doExpressInstall",false);}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _23=="string")?document.getElementById(_23):_23;
n.innerHTML=this.getFlashHTML();
}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}}};
com.deconcept.FlashObjectUtil.getPlayerVersion=function(_26,_27){
var _28=new com.deconcept.PlayerVersion(0,0,0);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_28=new com.deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{
try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
for(var i=3;axo!=null;i++){
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
_28=new com.deconcept.PlayerVersion([i,0,0]);}}
catch(e){}
if(_26&&_28.major>_26.major){return _28;}
if(!_26||((_26.minor!=0||_26.rev!=0)&&_28.major==_26.major)||_28.major!=6||_27){
try{
_28=new com.deconcept.PlayerVersion(axo.GetVariable("$version").split(" ").split(","));
}catch(e){}}}
return _28;
};
com.deconcept.PlayerVersion=function(_2c){
this.major=parseInt(_2c)||0;
this.minor=parseInt(_2c)||0;
this.rev=parseInt(_2c)||0;
};
com.deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}
return true;
};
com.deconcept.util={getRequestParameter:function(_2e){
var q=document.location.search||document.location.hash;
if(q){var _30=q.indexOf(_2e+"=");
var _31=(q.indexOf("&",_30)>-1)?q.indexOf("&",_30):q.length;
if(q.length>1&&_30>-1){
return q.substring(q.indexOf("=",_30)+1,_31);}}return "";
},removeChildren:function(n){
while(n.hasChildNodes()){
n.removeChild(n.firstChild);}}};
if(Array.prototype.push==null){
Array.prototype.push=function(_33){
this[this.length]=_33;
return this.length;};}
var getQueryParamValue=com.deconcept.util.getRequestParameter;
var FlashObject=com.deconcept.FlashObject;
-->
</script>
</script>
<div id="flashcontent" style="background-color:#ffffff;" onclick="document.location.href='http://www.dx.org/index.cfm?pagepath=Home&id=5599';">
<table style="width:100%;height:100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:100%;"><a href="#"><img src="http://www.dx.org/site/design_exchange/assets/images/banner_sub.gif" border="0"></a></td>
</tr>
</table>
</div>
</div>
<style type="text/css">
#banneradtop {
top:42px;
}
</style>
<table align="left" class="contenttablesub" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="leftcol" style="padding:0px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="leftcol" style="border:0px;">
<table class="navleft" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=About_Us&id=5600" class="navleft1current">About Us</a></td>
</tr>
<tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/Mandate&id=6567"class="navleft2">Mandate</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/Getting_Here&id=6568"class="navleft2">Getting Here</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/Board_of_Directors&id=9796"class="navleft2">Board of Directors</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/History_of_the_DX&id=6571"class="navleft2">History of the DX</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/History_of_Design_in_Canada&id=6573"class="navleft2">History of Design in Canada</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/What_is_Design_&id=11407"class="navleft2">What is Design?</
a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.dx.org/index.cfm?pagepath=About_Us/Media&id=11719"class="navleft2">Media</a></td></tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Exhibitions&id=5610" class="navleft1">Exhibitions</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Professionals_in_Design&id=5611" class="navleft1">Professionals in Design</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Young_Designers&id=5612" class="navleft1">Young Designers</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Collection&id=5613" class="navleft1">Collection</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=RESEARCH&id=10426" class="navleft1">RESEARCH</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Your_DX&id=5614" class="navleft1">Your DX</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Careers_In_Design&id=10268" class="navleft1">Careers In Design</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Innovator_In_Residence&id=10293" class="navleft1">Innovator In Residence</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=SHOP_DX&id=10299" class="navleft1">SHOP DX</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=Host_Your_Special_Event&id=6818" class="navleft1">Host Your Special Event</a></td>
</tr>
<tr>
<td><a href="http://www.dx.org/index.cfm?pagepath=NEW_DESIGN_CANADA&id=12225" class="navleft1">NEW DESIGN CANADA</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="contentmaincolsub">
<div id="content">
<div class="maincolcblock">
<div class="wp">
<p><img width="350" height="43" alt="" src="http://www.dx.org/site/design_exchange/assets/images/dxlogopress.jpg" /></p>
<p><em>IMMEDIATE RELEASE - June 23, 2009 l <a href="http://www.dx.org" target="_blank">www.dx.org </a></em><br />
<br />
<a href="http://www.dx.org/site/design_exchange/assets/pdf/quebec09pr.pdf">click here</a> for PDF / photo-version of this release please <br />
<a href="http://www.dx.org/index.cfm?id=6680" target="_blank">click here</a> to sign up for future event notifications DESIGN EXCHANGE</p>
<p><strong>QUÉBEC IN DESIGN - 75 years of works from the collection of the Musée national des beaux-arts<br />
du Québec</strong></p>
<p>TORONTO, ONTARIO: The Design Exchange is proud to announce an exhibition of Québec Design – the first collaborative effort by the Musée national des beaux-arts du Québec and the Centre de design de l’Université du Québec à Montréal. The exhibition is curated by Paul Bourassa and Mark H. Choko.</p>
<p>This exhibition has two purposes. The first is to provide an overview of the history of design in Québec, from the interior decorators of the 1930s and the entrenchment of design in the aftermath of World War II to the period of effervescence surrounding Expo '67 in Montréal. The second, to which more than half the exhibition is dedicated, is to examine the contemporary period in design, sequenced to enable exploration of design landscapes from the late 1970s to the present. To date, no other large-scale exhibition has delved into the different forms of Québec design and, by extension, its place in Québec society. The exhibition will present original objects and documents as well as photographs, and sound and film clips documenting the ephemeral work.</p>
<p></p>
<p></p>
<p><strong>Exhibition Dates:</strong><br />
Tuesday June 30th to October 4th, 2009<br />
Monday – Fri, 9am to 5pm; Saturday/Sunday, 12pm to 5pm<br />
DX is located at 234 Bay Street, Toronto</p>
<p><strong>Opening Reception:<br />
Monday June 29th            <br />
5pm Media Preview                        <br />
6pm General Public</strong></p>
<p><strong>RSVP required. Media & guest list please contact Rosa Ricci: 416-216-2127<br />
or <a href="mailto:rosa@designexchange.org">rosa@designexchange.org</a></strong></p>
<p>ABOUT THE MUSÉE NATIONAL DES BEAUX-ARTS DU QUÉBEC<br />
The primary mission of the Musée is to showcase the creativity of Quebec artists and to present their work in a unique fashion.</p>
<p>ABOUT THE CENTRE DE DESIGN DE L’UNIVERSITÉ DU QUÉBEC À MONTRÉAL<br />
Exhibition hall at the Université du Québec à Montréal is dedicated to architecture as well as industrial, graphic and fashion design, the Centre presents works from Québec, Canada and internationally known designers.</p>
<p>ABOUT THE DESIGN EXCHANGE<br />
The Design Exchange (DX) is Canada’s design centre and museum with a mission to promote the value of design via exhibitions, lectures, workshops education programs and research.  It recognizes Canadian design and innovation as key elements in the cultural and economic fabric of our lives.</p>
<p>Support for this exhibition has been partially provided by: Ministère de la Culture, des Communications et de la Condition féminine du Québec and Bureau du Québec à Toronto.<br />
<br />
<strong>Media Contact:<br />
Rosa Ricci<br />
t: 416-216-2127<br />
e: <a href="mailto:rosa@designexchange.org">rosa@designexchange.org </a></strong></p>
<p></p>
</div>
<br clear="all"/>
<!-- Google Search Result Snippet Ends -->
</div>
</div>
<div class="contentbottomlinks">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" class="printerfriendlylink" onClick="openaprintwindow('index.cfm?pagepath=About_Us/Media/June_23,_2009&id=13669&PrintPage=true');"><img src="http://www.dx.org/site/ywd_prototype/library/css/printerfriendly.gif" border="0" style="border:none;margin:0px;" alt="Printer friendly version" title="Printer friendly version"></a></td>
<td style="border:none;">   </td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
<td id="shadowvert" style="background-repeat:repeat-y;"></td>
</tr>
<tr><td></td><td id="shadowhoriz"></td><td id="shadowcorner" style="background-repeat:no-repeat;"></td></tr>
<tr>
<td></td>
<td>
<table class="footer" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tertiarynav">
</td>
</tr>
<tr>
<td class="footertext">
© Design Exchange | 234 Bay Street, Toronto ON M5K 1B2 416.363.6121
</td>
<td class="footerlogo">
<a href="http://www.yourwebdepartment.com" target="_blank">Powered by Your Web Department™  <img src="http://www.dx.org/site/ywd_prototype/images/ywd_icon.gif" width="21" height="21" border="0" align="absbottom" alt="Your Web Department™" title="Your Web Department™" /></a>
</td>
</tr>
<tr>
<td class="footertext" valign="top">
</td>
<td class="footericon">
</td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7216558-1");
pageTracker._trackPageview();
</script>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Québec In Design at Design Exchange
tag:freshsent.telekommunisten.net,2009-06-12:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090612162249%2F
2009-06-12T16:22:49Z
2009-06-12T16:22:49Z
<table width="100%" height="486" border="0">
<tr>
<td align="center"><img src="http://www.designexchange.org/alert/quebecpr/quebecpr09.jpg" width="491" height="717" /></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
The Next Generation of Canadian Designers
tag:freshsent.telekommunisten.net,2009-05-15:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090515175114%2F
2009-05-15T17:51:14Z
2009-05-15T17:51:14Z
<table width="100%" height="702" border="0" cellspacing="5">
<tr>
<td align="center"><img src="http://www.designexchange.org/alerts/connect_09/connect.jpg" width="409" height="1185" /></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Design Exchange Message
tag:freshsent.telekommunisten.net,2009-04-22:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090422202125%2F
2009-04-22T20:21:25Z
2009-04-22T20:21:25Z
<table width="37%" border="0" align="center">
<tr>
<td><img src="http://www.designtraveller.com/press/lewispr1.jpg" width="447" height="636"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Safety 1st Connects with the next generation of parents.
tag:freshsent.telekommunisten.net,2009-04-14:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090414221406%2F
2009-04-14T22:14:06Z
2009-04-14T22:14:06Z
<table width="37%" border="0" align="center">
<tr>
<td><img src="http://designtraveller.com/press/connectPR1.jpg" width="447" height="554"></td>
</tr>
<tr>
<td><img src="http://designtraveller.com/press/connectPR2.jpg" width="447" height="261"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
What Has Architecture Done For You Lately?
tag:freshsent.telekommunisten.net,2009-03-23:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090323195220%2F
2009-03-23T19:52:20Z
2009-03-23T19:52:20Z
<table width="37%" border="0" align="center">
<tr>
<td><img src="http://www.designtraveller.com/press/WHADFYLpr1.jpg" width="453" height="651"></td>
</tr>
<tr>
<td height="450"><img src="http://www.designtraveller.com/press/WHADFYLpr2.jpg" width="453" height="430"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Design Exchange Message
tag:freshsent.telekommunisten.net,2009-03-18:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090318152450%2F
2009-03-18T15:24:50Z
2009-03-18T15:24:50Z
<table width="37%" border="0" align="center">
<tr>
<td><img src="http://www.designtraveller.com/press/bunch09pr1.jpg" width="452" height="586"></td>
</tr>
<tr>
<td><img src="http://www.designtraveller.com/press/bunch09pr2.jpg"> </td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Design Exchange Message
tag:freshsent.telekommunisten.net,2009-02-17:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090217223211%2F
2009-02-17T22:32:11Z
2009-02-17T22:32:11Z
<table width="48%" border="0" align="center">
<tr>
<td><img src="http://designtraveller.com/press/CarrotPR1.jpg" width="447" height="598"></td>
</tr>
<tr>
<td><img src="http://designtraveller.com/press/CarrotPR2.jpg" width="447" height="418"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Manufacturing Competitiveness at DX
tag:freshsent.telekommunisten.net,2009-01-19:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090119173553%2F
2009-01-19T17:35:53Z
2009-01-19T17:35:53Z
<table width="100%" height="497" border="0">
<tr>
<td align="center" valign="middle"><a href="http://www.dx.org/alerts/businessforum09/registrationform.pdf" target="_blank"><img src="http://www.dx.org/alerts/businessforum09/business_forum.jpg" width="806" height="568" border="0" usemap="#Map2" /></a></td>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="228,455,339,522" href="http://www.dx.org/alerts/businessforum09/registrationform.pdf" target="_blank" />
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="589,438,752,479" href="http://www.dx.org" />
<area shape="rect" coords="492,194,590,227" href="http://www.dx.org" />
</map>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Design Exchange Message
tag:freshsent.telekommunisten.net,2009-01-08:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20090108222545%2F
2009-01-08T22:25:45Z
2009-01-08T22:25:45Z
<table width="48%" border="0" align="center">
<tr>
<td><img src="http://dx.org/express/media/businessforum08.jpg" alt="Business Forum PR" width="452" height="576"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->
Design Exchange Message
tag:freshsent.telekommunisten.net,2008-11-26:%2Fmail.cgi%2Farchive%2Fdxmedia%2F20081126163116%2F
2008-11-26T16:31:16Z
2008-11-26T16:31:16Z
<table width="48%" border="0" align="center">
<tr>
<td><img src="http://www.dx.org/express/media/DXA2008winner.jpg" alt="DXA 2008" width="450" height="681"></td>
</tr>
</table>
<!-- begin subscription_form_widget.tmpl -->
<form action="http://freshsent.telekommunisten.net/mail.cgi" method="post">
<fieldset>
<legend>
Subscribe/Unsubscribe on Design Exchange
</legend>
<p class="error">
This list is currently closed to future subscribers. You may still unsubscribe.
</p>
<input type="hidden" name="list" value="dxmedia" />
<p>
<label for="email" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block" >
Email Address:
</label>
<input type="text" name="email" id="email" value="" /> <span class="error">* Required</span>
</p>
<hr style="border-top: 1px solid black;" />
<p>
<label for="f_u" style="width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block">Unsubscribe</label>
<input type="radio" name="f" id="f_u" value="unsubscribe" checked="checked" />
</p>
<hr style="border-top: 1px solid black;" />
<p style="text-align:right;display:block">
<input type="submit" value="Submit Your Information" class="processing" />
</p>
</fieldset>
</form>
<!-- end subscription_form_widget.tmpl -->