/* ------------------------------------------------------------------- WSPA stylesheet: global styles ------------------------------------------------------------------- */ /* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } body { font: 62.5% "Arial", sans-serif; background: #fff; color: #444; text-align: center; background: url(/Images/bodyBkg3.gif);} input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; } hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; } ul, ol { list-style: none; } h1, h2 {font-size:1.6em; color:#217aa6; padding:0.4em 0; margin:0; } h3 {color:#217aa6; } p {font-size:1.2em; line-height:1.4; margin:0; padding:0 0 .5em 0;} img.newsImg {float:right; margin:6px 0 0 10px;} div.heading {position:relative; margin-top:2em;} div.heading h2.hr {background:url(/Images/hr2.gif) no-repeat right bottom;} div.heading p.more a {position:absolute; bottom:10px; right:5px; background:url(/Images/blueArrow.gif) no-repeat 5px .2em; padding-left:22px; } .hide, .skipNav { position: absolute; top: 0; left: -9999px; } .skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .floatLeft {float:left;} .floatRight {float:right;} .marginLeft {margin-left:1.5em;} .fullWidth {width:99.8%!important;} .clear {clear:both;} legend.hidden {position: absolute; top: 0; left: -9999px; } p.homeTopParagraph {width:370px;} .italic {font-style:italic;} .smaller {font-size:1.2em;} .noPad{padding:0;} a { text-decoration: none; color:#217aa6; } a:link {text-decoration: none} a:visited {text-decoration: none} a:active {text-decoration: none} a:hover {text-decoration: underline;} /* Drop shadows, main wrapper, header, main menu and search bar -------------------------------------------------------------------------- */ #dropShadow { position:relative;margin:0; padding:0; background: url(/Images/dropShadowBody.gif) repeat-y center top; z-index:2; } #wrapper { position:relative; /* width: 794px;*/ width:780px; margin: 0 auto; text-align: left; } #wrapperBkg {position:relative; margin:0; padding:0; float:left; background:#f9f9f9 url(/Images/wrapperBkg.jpg) repeat-x top; } #dropShadowBottom {padding:0; background: url(/Images/dropshadow1.png) no-repeat top; padding: 0; width:782px; margin: 0 auto; height:30px; /*border:1px solid #333*/ } /* header */ #header { padding: 0 10px 20px 0; color: #333; background: url(/Images/hr.gif) no-repeat 15px bottom; } /* removed : this has a blue line around it */ /* #header #topRightSearch { padding-bottom:8px;text-align: right; width:189px; float:right; background: url(/Images/topRightSearchBorderBottom.gif) no-repeat bottom left; } #header #topRightSearch form { padding:1em 5px ; border-left:2px solid #217aa6; border-right:2px solid #217aa6; } #header #topRightSearch form fieldset{ } #header #topRightSearch form fieldset select {font-size:1em; width:130px; margin: 0 4px; padding: 1px 0px 1px 5px; vertical-align: middle; border:#999 1px inset; } #header #topRightSearch form fieldset input.submit { width:auto; margin: 0; padding: 0; vertical-align: middle; border: 0; } */ #header #topRightSearch { padding-bottom:8px;text-align: right; width:189px; float:right; } #header #topRightSearch form { padding:1em 5px; } #header #topRightSearch form fieldset{ } #header #topRightSearch form fieldset select {font-size:1em; width:130px; margin: 0 4px; padding: 1px 0px 1px 5px; vertical-align: middle; border:#999 1px inset; } #header #topRightSearch form fieldset input.submit { width:auto; margin: 0; padding: 0; vertical-align: middle; border: 0; } #header ul li dl, #header ul li dl dt, #header ul li dl dd { display: inline; } #header ul li dl dd a { text-transform: uppercase; } #header ul li dl dd.large a { font-size: 1.2em; } #header ul li dl dd.xlarge a { font-size: 1.4em } #header ul li dl dd a span { position: absolute; top: -9999px; left: 0; } /* #header ul li#skipNav { padding: 0; } #header ul li#skipNav a { position: absolute; top: -9999px; left: 0; } #header ul li#skipNav a:focus, #header ul li#skipNav a:active { top: 0; font-size: 1.2em; padding: .5em; } */ /* logo */ #header #logo { margin:0 10px; float: left; } /* #header #logo img{ width:17.5em; } */ /* Main Navigation */ /* Left Col */ #leftCol { position:relative; margin:0; padding:0; width: 180px; float: left; margin-left:5px; display:inline; } #leftCol dl { width:178px; margin-bottom:.7em;} #leftCol dl dt {position: absolute; top: 0; left: -9999px;} /* level 1 NAV */ /* level 1 Link state */ #leftCol dl dd {margin-bottom:1px; display: block; font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none; } #leftCol dl dd a { padding:0; display: block; color: #fff; text-decoration: none; background:/*#3284ad*/ url(/Images/mainNavBorderTop2.gif) no-repeat 9px -.1em; } #leftCol dl dd a span { display: block; background-color:#333; padding: 5px 3px 6px 20px; background:url(/Images/mainNavBorderBottom2.gif) no-repeat 7px .7em; } /* level 1 HOVER STATE */ /* #leftCol dl dd span { background: #d1d9ec; font-weight: bold;} */ #leftCol dl dd a:hover, #leftCol dl dd a:active, #leftCol dl dd a:focus {background:none; background-image:url(/Images/mainNav_Lev1_selectedBordertop.gif); background-position:9px 0px; background-repeat:no-repeat;} #leftCol dl dd a:hover span, #leftCol dl dd a:active span, #leftCol dl dd a:focus span {background:none; text-decoration:none; color:#fff; background-image:url(/Images/mainNav_Lev1_selectedBorderBottom.gif); background-position: 9px 8px;background-repeat:no-repeat;} /* level 1 ON (non-link STATE) */ #leftCol dl dd.on {margin-bottom:1px; background:url(/Images/mainNav_Lev1_selectedBorderTop.gif) no-repeat 9px 0px; } #leftCol dl dd.on span { padding: 5px 3px 5px 20px; display: block; color: #fff; background:url(/Images/mainNav_Lev1_selectedBorderBottom.gif) no-repeat 9px .8em; text-decoration: none; } #leftCol dl dd.on a.on {margin-bottom:1px; background:url(/Images/mainNav_Lev1_selectedBorderTop.gif) no-repeat 9px 0px; } #leftCol dl dd.on a.on span { padding: 5px 3px 5px 20px; display: block; color: #fff; background:url(/Images/mainNav_Lev1_selectedBorderBottom.gif) no-repeat 9px .8em; text-decoration: none; } /* LLEVEL 2 */ #leftCol dl dd dl {margin:0; margin-top:-1px; padding-bottom:5px;width:163px; margin-left:10px;background:url(/Images/mainNavLev2_listBottom.gif) no-repeat bottom left; } #leftCol dl dd dl dd a {font-weight: bold; color:#217aa6; padding: 3px 3px 3px 20px; background:#dae7ee url(/Images/mainNavLev2_Arrow.gif) no-repeat 8px 6px;border-right:2px solid #92bcd2; border-left:2px solid #92bcd2; } #leftCol dl dd dl dd {margin-bottom:0px; } /* level 2 Link normal state */ #leftCol dl dd dl dd strong a, #leftCol dl dd dl dd a:hover, #leftCol dl dd dl dd a:active, #leftCol dl dd dl dd a:focus {text-decoration: underline; font-weight: bold; color:#217aa6; padding: 3px 3px 3px 20px; background:#dae7ee url(/Images/mainNavLev2_Arrow.gif) no-repeat 8px 6px;} #leftCol dl dd dl dd span {text-decoration: none; font-weight: normal; padding: .3em .3em .3em 3em; background:#dae7ee url(/Images/mainNavLev2_Arrow.gif) no-repeat 1.6em .5em;} /*lev 2 non link */ #leftCol dl dd.on dl dd.on { margin:0; } #leftCol dl dd.on dl dd.on span { margin:0; font-size:1em; text-decoration: underline; font-weight: bold; color:#217aa6; padding: 3px 3px 3px 20px; background:#dae7ee url(/Images/mainNavLev2_Arrow.gif) no-repeat 8px 6px; } /* LLEVEL 3 */ #leftCol dl dd dl dd dl { background:none; background-color:#dae7ee; border:none; margin:0;padding:0px; } #leftCol dl dd dl dd dl dd{ margin-bottom:0px; background:none; } #leftCol dl dd dl dd dl dd a { padding: 1px 4px 2px 27px; background:#dae7ee url(/Images/mainNavLev3_Arrow.gif) no-repeat 15px .4em; color:#003366; font-size:.8em; } #leftCol dl dd dl dd dl dd a:active, #leftCol dl dd dl dd dl dd a:focus, #leftCol dl dd dl dd dl dd a:hover { padding: 1px 4px 2px 27px; background:#dae7ee url(/Images/mainNavLev3_Arrow.gif) no-repeat 15px .4em; color:#003366; font-size:.8em; } #leftCol dl dd dl dd dl dd span { text-decoration: underline; padding: 1px 4px 2px 27px; background:#dae7ee url(/Images/mainNavLev3_Arrow.gif) no-repeat 15px .4em; color:#555; font-size:.8em;} /* level 3 ON (non-link STATE */ #leftCol dl dd dl dd.on {background:none; } #leftCol dl dd dl dd.on span { border-right:2px solid #92bcd2; border-left:2px solid #92bcd2; font-weight:bold; text-decoration: underline; padding: 1px 4px 2px 27px; background:#dae7ee url(/Images/mainNavLev3_Arrow.gif) no-repeat 15px .4em; color:#555; font-size:.8em;} /* level 4 ON (non-link STATE */ #leftCol dl dd.on dl dd dl dd.on span { border-right:2px solid #92bcd2; border-left:2px solid #92bcd2; font-weight:bold; text-decoration: underline; padding: 1px 4px 2px 27px; background:#dae7ee url(/Images/mainNavLev3_Arrow.gif) no-repeat 15px .4em; color:#003366; font-size:.8em;} /* pagetools */ #pagetools { padding:0; font-size: 1em; float: right; margin-right:20px; } #pagetools ul li { padding:0; float: left; } #pagetools ul li.email { background: url(/Images/pagetools-email.gif) no-repeat center right; } #pagetools ul li.print { background: url(/Images/pagetools-print.gif) no-repeat center right; padding-right:.5em; } #pagetools ul li a { float: left; display: block; padding: 6px 20px 10px 0; color: #0057a1; } #pagetools ul li a:hover { text-decoration: none; } /* Breadcrumb */ #breadcrumb { padding: 6px 25px 10px 0; font-size: 1.1em; color:#333; float: left; width: 362px;} #breadcrumb ol { display: inline; } #breadcrumb ol li { display: inline; } #breadcrumb ol li a { color: #0057a1; font-weight:bold;} #breadcrumb ol li a:hover { text-decoration: underline; } #breadcrumb ol li img { vertical-align: middle; margin:0 .1em; } #breadcrumb span.websiteBlue {font-size:1.2em; color:#217aa6; margin:0 .2em;} /* Main content */ #content {/*border:1px solid #800000;*/ width:590px; margin: 0 0 2em 0; padding: 0; float: left; display: inline; } #content.fullwidth { width: auto; margin: 0 15px; float: none; display: block; } #content .mainContent { width: 387px; margin-left:10px; float: left; display:inline; } #content .rightCol {/*border:1px solid #333;*/ width:165px; margin-left:20px; float:left; display:inline; } #content .mainContent p{ } #content .mainContent p.quote {color:#339999; font-size:1.7em; font-style:italic; line-height:1.2; padding:.7em .4em 0 .2em; width:380px;} #content .mainContent p.quoteBy {color:#339999; font-size:1.6em; font-style:italic; font-weight:bold; line-height:1.2; padding:0; text-align:right; width:380px;} #content .mainContent p.eventHeading {padding:0 0 .2em 0;} #content .mainContent p.eventDesc {padding:0 0 .2em 0;} #content .mainContent p.eventDetails {padding:0 0 .2em 0; font-style:italic;} #content .mainContent p.more a {background:url(/Images/blueArrow.gif) no-repeat 4px .2em; padding-left:22px; } #content .mainContent h3 {font-size:1.3em; color:#217aa6; padding:0 0 0.1em 0; margin:0;} #content .mainContent .resourceList{width:99%; float:left; padding-bottom:.8em;} #content .mainContent .resourceList.list {margin-bottom:1em;} #content .mainContent .resourceList h3 {font-size:1.3em; color:#217aa6; padding:0 0 0.1em 0; margin:0;} #content .mainContent .resourceList img {float:left; margin:4px 10px 0 0; width: 92px;} #content .mainContent .resourceList p {padding:0 0 0 0;} #content .mainContent .resourceList p.pdf em {background: url(/Images/icn-pdf.gif) no-repeat left center; padding-left: 19px;} #content .mainContent .resourceList p span.label {font-weight:bold; color:#217aa6;} #content .mainContent .resourceList a span { position: absolute; top: -9999px; left: 0; } #content .mainContent .resourceList ul.linkList { display:inline; padding:0; margin:0;} #content .mainContent .resourceList ul.linkList li { display:inline; padding:0; margin:0 .3em 0 0;} #content .mainContent .resourceList.resourceListResults {padding-bottom: 1em;} #content .mainContent .resourceList.resourceListResults img {float:right; margin:4px 0 0 10px;} #content .mainContent .resourceList.resourceListResults p {margin-bottom: .2em;} #content .mainContent .quoteBox {width: 99%; float: left; padding-bottom: .8em; margin-bottom: 1em;} #content .mainContent .quoteBox blockquote {color:#339999; font-size: 1em; font-style:italic; margin: 0; padding: 0;} #content .mainContent .quoteBox blockquote p {font-size: 1.4em; line-height: 1.28em; margin: 0 0 .5em; padding: 0;} #content .mainContent .quoteBox cite {color:#339999; font-size:1.4em; font-weight:bold; line-height:1.28; margin: 0; padding:0; float: right;} form.regionSearch {padding:1em 0 1.5em 0} form.regionSearch select {width:200px; font-size:1.2em;} #photosSpread {position:absolute; z-index:101; top:50px; right:19px; background: url(/Images/photosSpread.gif) no-repeat; width:200px; height:170px; } #content .rightCol #photosSpreadBox {background: url(/Images/photosSpreadBoxBottom.gif) no-repeat bottom; margin:0px; margin-left:0px; padding-bottom:10px; } #content .rightCol #photosSpreadBox div{ background: url(/Images/photosSpreadBoxBkg.gif) repeat-y center; padding-top:107px; } #content .rightCol #photosSpreadBox div p{color:#56060c; padding:10px 10px 0px 22px;; font-size:1.3em; font-style:italic; font-weight:bold; } #content .rightCol #photosSpreadBox div a{color:#56060c; } #content ul { list-style: none; font-size: 1.2em; margin: 0 0 0 0;/* zoom: 1;*/ } #content ul li { list-style: none; background: url(/images/template/arrowRightBlue2.gif) no-repeat 0 .25em; margin: 0 0 .5em 0em; padding: 0 0 0 .8em; } /* boxes, spotlights etc... */ /* blue Boxes - with transparent bkg */ #leftCol .blueBox { width:163px; background: url(/Images/blueBoxBkgTop.gif) no-repeat top left; padding:0; padding-top:10px; margin-left:10px;} .blueBox { width:163px; background: url(/Images/blueBoxBkgTop.gif) no-repeat top left; padding:0; padding-top:10px;margin-bottom:.6em;} .blueBox div {background: url(/Images/blueBoxBkgBottom.gif) no-repeat bottom left; padding-bottom:10px; } .blueBox div div {background: none; border-left:2px solid #217aa6; border-right:2px solid #217aa6; padding:0; padding:0px 8px 5px 8px; } .blueBox div div p{padding:0; margin:0; line-height:1.4; font-size:1.2em; } .blueBox div div a{padding:0; margin:0; } .blueBox div div h3 {padding:0; margin:0; font-size:1.2em; } .blueBox .alignRight {text-align:right; width:99%;} .blueBox div div p.more a {background:url(/Images/blueArrow.gif) no-repeat 4px .2em; padding-left:22px; clear:left; } #content .blueBox div div ul {font-size: 1em;} #content .blueBox div div ul li {background: url(/Images/relatedlinks_arrow.gif) no-repeat 0 .4em; margin: 0 0 5px; padding: 0 0 0 15px;} #content .blueBox div div ul li a {font-size: 1.1em; color: #000000; font-weight: bold;} /* Red Boxes - with transparent bkg */ .redBox { width:163px; background: url(/Images/redBoxBorderTop.gif) no-repeat top left; padding:0; padding-top:8px;margin-left:10px;} .redBox div {background: url(/Images/redBoxBorderBottom.gif) no-repeat bottom left;padding-bottom:8px; } .redBox div div {background: none; border-left:2px solid #56060c; border-right:2px solid #56060c; padding:3px 8px 4px 8px; } .redBox form fieldset { } .redBox form fieldset legend{font-weight:bold; font-size:1.2em; color:#217aa6; margin-bottom:0; padding:0; } .redBox form fieldset input { color:#555; font-sie:1em; width:100px; margin: 2px 2px 2px 0; padding: 1px 0px 1px 5px; vertical-align: middle; border:#999 1px inset; } .redBox form fieldset input.submit { width:auto; margin: 0; padding: 0; vertical-align: middle; border: 0; } .filterSearchBox {background: url(/Images/filterSearchBoxBorderTop.gif) no-repeat top left; margin-left: 0; width: 360px; margin-bottom: 15px;} .filterSearchBox div {background: url(/Images/filterSearchBoxBorderBottom.gif) no-repeat bottom left;} .filterSearchBox form fieldset div {border: none; padding: 0; float: left; margin-right: 10px;} .filterSearchBox form fieldset label {display: block;} .filterSearchBox form fieldset div select {width: 140px;} .filterSearchBox form fieldset input.submit {display: block; margin-top: 1.1em;} .fullWidthRedBox {background: url(/Images/filterSearchBoxBorderTop.gif) no-repeat top left; margin-left: 0; width: 360px; margin-bottom: 15px; font-size: 1.2em;} .fullWidthRedBox div {background: url(/Images/filterSearchBoxBorderBottom.gif) no-repeat bottom left;} .fullWidthRedBox input#keywords {width: 220px;} form#region_search div {margin-bottom: 10px;} form#country_search div {clear: left;} /* redFullBox - with transparent bkg */ #leftCol .redFullBox { width:163px; background: url(/Images/loginBoxBorderTop.gif) no-repeat top left; padding:0; padding-top:5px; margin:0 0 .6em 11px;} .redFullBox { width:163px; background: url(/Images/loginBoxBorderTop.gif) no-repeat top left; padding:0; padding-top:4px;margin:0 0 .6em 0;} .redFullBox div {background: url(/Images/loginBoxBorderBottom.gif) no-repeat bottom left;padding-bottom:7px; } .redFullBox div div {background:#56060c; padding:2px 7px 0px 8px; } .redFullBox div div p{padding:0; font-size:1.1em; } .redFullBox a {color:#fff; } .redFullBox div div p.more a {background:url(/Images/linkArrow2Bkg.gif) no-repeat 5px .2em; padding-left:22px; } .redFullBox h2 {font-weight:bold; font-size:1.4em; color:#fff; padding:0; margin:0; } .redFullBox h2.login {background: url(/Images/linkArrowBkg.gif) no-repeat center right; cursor:pointer; } .redFullBox h2.loggedIn {background: url(/Images/linkArrow3Bkg.gif) no-repeat center right; cursor:pointer; } .redFullBox h3 {color:#fff; font-size:1.3em; padding:0; margin:0; } .redFullBox form {margin:0; padding:0 } .redFullBox form fieldset { padding-top:0px; } .redFullBox form fieldset legend {font-weight:bold; font-size:1.4em; color:#fff; } .redFullBox form fieldset input { width:106px; color:#555; margin: 2px 2px 2px 0; padding: 1px 0px 1px 5px; vertical-align: middle; border:#999 1px inset; } .redFullBox form fieldset input.radio {margin:0; padding:0; width:14px; float:left; border:none; color:#fff; margin: 1px; font-size:1.1em; line-height:1.5; } .redFullBox form fieldset label.option {margin:0; padding:0; width:120px; float:right; color:#fff; margin:0px 0 0 2px; font-size:1.1em; line-height:1.5;} .redFullBox form fieldset input.submit { width:auto; margin: 0; padding: 0; vertical-align: middle; border: 0; } .redFullBox .clear {float:left; padding:0; margin:2px 0; width:95%; } .redFullBox form fieldset p { clear: both; } /* .greyBox {border:1px solid #cccccc; width:24em; margin:0 0 1em 0; background:#f9f9f9; height:26.5em; } .greyBox h2 {border:1px solid #fff; border-bottom:1px solid #ccc; background:#f8f8f8 url(/images/template/boxHeaderGradient.jpg) top repeat-x; font-size:1.3em; color:#2c7573; padding:.6em 1.3em .8em .7em; margin:0 0 .8em 0; } .greyBox p {padding-top:1.5em; color:#333; padding:0 0 .7em 0; margin:0 .9em;} .greyBox a {font-size:1.1em; font-weight:bold; background: url(/images/template/arrowRightBlue.gif) no-repeat 0 .1em; padding-left:15px; color:#bd6e3a; } .greenBox {border:1px solid #cccccc; width:24em; margin:0 0 1em 0; background:#ebffeb; height:auto; padding-bottom:3em; margin-bottom:2em; } .greenBox h2 {border:1px solid #fff; border-bottom:1px solid #ccc; font-style:italic; background:#e9ffea url(/images/template/boxGreenHeaderGradient.jpg) top repeat-x; font-size:1.8em; font-weight:normal; color:#0065bc; padding:.5em 1em .3em 1.5em; margin:0 0 .8em 0; } .greenBox p {padding-top:1.5em; color:#333; padding:0 0 1em 0; margin:0 .9em;} .greenBox a {font-size:1.3em; font-weight:bold; background: url(/images/template/arrowRightBlue.gif) no-repeat 0 .1em; padding-left:20px; color:#bd6e3a; } .greenBox form fieldset label {font-size:1.3em; font-weight:bold; color:#2e7d7b; float:none; padding:.2em 1em .1em 2em;} .greenBox form fieldset select {font-size:1.2em; float:none; margin:.4em 1em .5em 2em; width:18em;} */ #homePage ul.links { list-style: none; font-size:1.3em; color:#bd6e3a; margin:.4em 0;} #homePage ul.links li {list-style: none; background: url(/images/template/arrowRightBlue.gif) no-repeat 0 .2em; font-weight:bold; padding:0 0 .5em 1.2em;} #homePage ul.links li a{color:#bd6e3a;} /* Footer */ #footer { width:99%; text-align: left; float:left; background: url(/Images/footer_hr.gif) no-repeat top center; padding:2em 0; } #footer ul { padding: .5em 0 0 .5em; font-size: 1.1em; float:left; } #footer ul li { display: inline; width:auto; padding: 0 .4em 0 .4em; border-right:1px solid #588599; line-height:1; } #footer ul li.last {padding-right: 0.1em; border-right:none;} #footer ul li a { color: #588599; text-decoration: none; padding: 0;} #footer ul li a:hover { text-decoration: underline; } #footer ul li a:active, #header ul li a:focus { color: #333; text-decoration: none; } #footer p {color:#000; font-size:1em; padding:0; margin:0; } #footer p img{vertical-align: text-bottom; } /*calendar style */ /*#content .mainContent #calendarTool {float:right; border:1px solid #999; width:19em; padding:0 0 0 5px; }*/ #calendar {margin: 0 auto; padding:.5em 0 1.5em 1em; text-align : center; width :19em; float:right;} #content .mainContent #calendar h3 {font-size:1.2em; margin-bottom:.2em;} #content .mainContent #calendar h3.calendar {margin:.8em 0;} #content .mainContent #calendar h3.calendar img {padding:.1em .4em;} #content .mainContent #form_searchResorces, #content .mainContent .form_searchQuotes {padding:1em 0;} #content .mainContent #form_searchResorces input, #content .mainContent .form_searchQuotes input { margin: 2px 2px 2px 0; padding: 1px 0px 1px 5px; vertical-align: middle; width:180px; font-size:1.3em; color:#555;} #content .mainContent #form_searchResorces input.submit, #content .mainContent .form_searchQuotes input.submit {width:auto;} #content .mainContent #calendar form {font-size:1.1em; text-align:left!important; } #content .mainContent #calendar fieldset{margin:0; padding:0;} #content .mainContent #calendar form select {margin:0; padding:0; font-size:1em;} #content .mainContent #calendar ul#days, ul.weeks { display:inline; font-family : 'courier new', monospace; list-style-type : none; margin : 20px 0 0 0; } #content .mainContent #calendar ul.weeks li, #content .mainContent #calendar ul#days li {display:inline; float:left; width:1.4em; border:1px solid #999; font-weight : normal; color:#444444; padding: 2px; margin:2px; } #content .mainContent #calendar ul.weeks li.event {background:#d2dce1;} #content .mainContent #calendar ul.weeks li.active {background:#7c9eae;} #content .mainContent #calendar ul.weeks li.active a {color:#fff;} /* */ /* IE Mac fixes -------------------------------------------------------------------------- */ /*\*//*/ .hide, .skipNav { display: none; visibility: hidden; } /**/ /* Clear fixes -------------------------------------------------------------------------- */ .clearfix:after, #header:after, #mainMenu ul:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #header, #mainMenu ul, #footer { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html #header, * html #mainMenu ul, * html #footer { height: 1%; } .clearfix, #header, #mainMenu ul, #footer { display: block; } /* End hide from IE-mac */ #content ul.newsList * {margin: 0; padding: 0;} #content ul.newsList {list-style-type: none;} #content ul.newsList li {clear: both; margin-bottom: 1em; float: left; width: 100%;} #content ul.newsList li dl {float: left; width: 100%;} #content ul.newsList li dl dt a {font-weight: bold; font-size: 1.08em;} #content ul.newsList li dl dd, #content ul.newsList li dl dd p {font-size: 1em; line-height: normal;} #content ul.newsList li dl dd {font-weight: bold;} #content ul.newsList li dl dd p {line-height: 1.33em; font-weight: normal;} p.pagination {text-align: right;} p.intro {font-weight: bold; clear: both;} img.storyImg {margin-bottom: 1em;} img.storyImgLeft {float: left; margin-right: 1em;} img.storyImgRight {float: right; margin-left: 1em;} object.storyImg {margin-bottom: 1em;} object.storyImgLeft {float: left; margin-right: 1em;} object.storyImgRight {float: right; margin-left: 1em;} #content ol.countryResults * {margin: 0; padding: 0;} #content ol.countryResults {list-style-type: none;} #content ol.countryResults li {clear: both; position: relative; margin-bottom: 1em; float: left; width: 100%; font-size: 1.2em;} #content ol.countryResults li dl {position: relative; float: left;} #content ol.countryResults li dl dt {clear: left; float: left; margin-right: .3em;} #content ol.countryResults li dl dt a {font-weight: bold; font-size: 1.08em;} #content ol.countryResults li dl dd {font-size: 1em; line-height: normal;} #content ol.countryResults li dl dd.address {margin-bottom: 10px;} #content ol.countryResults li dl dd address {font-style: normal;} #content #regionResultsTop {margin-bottom: 10px; float: left; width: 100%;} #content #regionResultsTop img {float: left; margin-right: 10px;} #content ul.regionResults * {margin: 0; padding: 0;} #content ul.regionResults {list-style-type: none; width: 100%; float: left;} #content ul.regionResults li {position: relative; margin-bottom: 1em; float: left; margin-right: 2%; width: 47%;} #content ul.regionResults li a {display: block; background: url(/Images/arrowRight.gif) no-repeat left .2em; padding-left: 10px; } .accessibility {position: absolute; left: -9999px;} #searchResults dt {font-size: 1.2em;} #searchResults dt a {font-weight: bold;} #searchResults dd {font-size: 1.2em; margin-bottom: 1em;} .err {color: #eb6e5a; font-size: 1.2em; font-weight: bold; margin-top: .3em; background: url(/Images/icn-exclamation.gif) no-repeat left .1em; padding-left: 18px; clear: both;} .err em {font-style: normal;} /* --- Form styles --- */ .frmWrapper * {margin: 0; padding: 0; font-size: 1em;} .frmWrapper {margin: 0 0 15px;} .frmWrapper p {font-size: 1.2em; margin-bottom: 1em;} .frmWrapper span.man {color: #217aa6; font-size: 1.2em; font-weight: bold; padding: 0 .1em;} .frmWrapper fieldset {border: none; float: left; clear: both; margin-top: 10px; width: 100%;} .frmWrapper fieldset legend {font-weight: bold; font-size: 1.2em; color: #217aa6; margin-bottom: 5px;} .frmWrapper .frmRow, .frmWrapper .radRow {float: left; clear: left; margin-bottom: .5em; width: 100%;} .frmWrapper .frmRow label, .frmWrapper .frmRow span.lookLikeLabel, .frmWrapper .radRow span.lookLikeLabel {display: block; float: left; font-size: 1.2em; width: 125px; padding-right: 5px;} .frmWrapper .radRow label {font-size: 1.2em; margin-right: 9px;} .frmWrapper .frmRow input, .frmWrapper .frmRow textarea {width: 200px; padding: 2px; font-size: 1.1em;} .frmWrapper .frmRow select {width: 200px; font-size: 1.1em;} .frmWrapper .frmRow select option {} .frmWrapper .frmRow input.telcountrycode, .frmWrapper .frmRow input.faxcountrycode {width: 30px;} .frmWrapper .frmRow input.tellocalno, .frmWrapper .frmRow input.faxlocalno {width: 160px;} .frmWrapper .btnRow {float: left; clear: left; width: 100%; margin-top: 5px;} .frmWrapper .btnRow input {float: right; margin-right: 50px;} .frmWrapper .btnRow input.cancelBtn {float: left; margin-right: 0;} .frmWrapper div.err {color: #eb6e5a; font-size: 1.2em; font-weight: bold; margin-top: .3em; background: url(/Images/icn-exclamation.gif) no-repeat left center; padding-left: 18px; clear: both;} .frmWrapper div.err em {font-style: normal;} .frmWrapper #cc_exp_date select {width: auto;} dl.miniInfo {float: left; clear: both; width: 100%; margin-bottom: 1em;} dl.miniInfo dt, dl.miniInfo dd {font-size: 1.2em; line-height: 1.5em;} dl.miniInfo dt {font-weight: bold; float: left; clear: left; width: 10em;} #sitemap ul li {font-weight: bold;} #sitemap ul li ul {font-size: 1em; margin-top: .5em; padding-left: 1em;} #sitemap ul li ul li {font-weight: normal; background: url(/Images/blueArrow.gif) no-repeat 0 .2em; padding-left: 18px;} #content div#rssReaderIcns {float: left; clear: both; width: 100%; margin-bottom: 12px;} #content div#rssReaderIcns li {float: left; background: none; margin: 0 10px 0 0; padding: 0;} #campaignList {} #campaignList dt {font-size: 1.3em; font-weight: bold;} #campaignList dt a img {float: right; margin: 0 0 0 10px;} #campaignList dd {} #campaignList dd img {} /*---------- Language Selection Page ----------*/ body#language_S #content {width: 780px;} body#language_S .mainContent {margin-right: 10px; padding-top:50px;padding-bottom:100px; width:760px;} body#language_S #languageSelection {float: left; padding: 0 200px; width: 360px;} body#language_S #languageSelection ul {float: left; border-bottom: 1px solid #56070c; padding: 10px 0 20px; width: 360px;} body#language_S #languageSelection ul li {float: left; background: none; margin: 0; padding: 0 10px; font-weight: bold; width: 100px;} body#language_S #languageSelection ul li a {display: block; padding-top: 1em;} body#language_S #languageSelection ul li#languageEnglish a, body#language_S #languageSelection ul li#languagePortugues a {padding-top: 2.3em;} body#language_S #languageSelection ul li a span {background: url(/Images/blueArrow.gif) no-repeat right center; padding-right: 22px;} .redFullBox .pollBar {clear: both; font-size: 1.1em; color: #ffffff; margin: 2px 0 5px; padding: 0; width: 100%;} .redFullBox .pollBar span {display: block; background: #000000; width: 100%;} /* Main Style Sheet for jQuery UI date picker */ #ui-datepicker-div, .ui-datepicker-inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; } #ui-datepicker-div { display: none; border: 1px solid #777; z-index: 100; /*must have*/ } .ui-datepicker-inline { float: left; display: block; border: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; } .ui-datepicker-disabled { position: absolute; z-index: 100; background-color: white; opacity: 0.5; } button.ui-datepicker-trigger { width: 25px; } img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; } .ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; } * html .ui-datepicker-prompt { width: 185px; } .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #fff; } .ui-datepicker-control { background: #400; padding: 2px 0px; } .ui-datepicker-links { background: #000; padding: 2px 0px; } .ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; } .ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888; } .ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; } .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; } .ui-datepicker-current { float: left; width: 30%; text-align: center; } .ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; } .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; } .ui-datepicker-header { padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em; } .ui-datepicker-header select { background: #333; color: #fff; border: 0px; font-weight: bold; } .ui-datepicker { background: #ccc; text-align: center; font-size: 100%; } .ui-datepicker a { display: block; width: 100%; } .ui-datepicker-title-row { background: #777; } .ui-datepicker-days-row { background: #eee; color: #666; } .ui-datepicker-week-col { background: #777; color: #fff; } .ui-datepicker-days-cell { color: #000; border: 1px solid #ddd; } .ui-datepicker-days-cell a{ display: block; } .ui-datepicker-week-end-cell { background: #ddd; } .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #777; } .ui-datepicker-days-cell-over { background: #fff; border: 1px solid #777; } .ui-datepicker-unselectable { color: #888; } .ui-datepicker-today { background: #fcc !important; } .ui-datepicker-current-day { background: #999 !important; } .ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center; } /* ________ Datepicker Links _______ ** Reset link properties and then override them with !important */ #ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; } .ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; } .ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #eee !important; } .ui-datepicker-title-row a { color: #eee !important; } .ui-datepicker-control a:hover { background: #fdd !important; color: #333 !important; } .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #ddd !important; color: #333 !important; } /* ___________ MULTIPLE MONTHS _________*/ .ui-datepicker-multi .ui-datepicker { border: 1px solid #777; } .ui-datepicker-one-month { float: left; width: 185px; } .ui-datepicker-new-row { clear: left; } /* ___________ IE6 IFRAME FIX ________ */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }