/* CSS Document */
html,body {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-align: left;
vertical-align: text-top;
margin: 1px 0 0 0;
}
#main { width:770px; margin:0 auto 0 auto; }
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; height: 1px; }
#accessbar a { height: 1px; display: block; text-indent: -9999px; text-decoration: none; }
/* LINKS */
a,
a:link
a:active {
font-weight: bold;
text-decoration: none;
color:#006766;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img { border:none;}
/*#contents h1 { margin-top:0; font-size:1.8em;}*/
#contents h1 { font-size:1.3em;}
/*#contents h2 { margin-top:0; font-size:1.3em; color:#333333;}*/
#contents h2 {color:#333333;font-size:1.3em}
#contents h3 { margin-top:1em; font-size:1.21em; color:#000000;}
#contents h4 { margin-top:0; font-size:1.1em; color:#999999;}
/* banner */
.councilLogo {
background-image: url(../../images/inverclyde/Inverclyde.gif);
background-repeat: no-repeat;
background-position: left top;
width:190px;
height:60px;
float:left;
}
.bannerImages img { float:left;}
.banners img { margin-left:1px;}
/* navigation */
.otherNav,
.otherMenu { width:50%; float:left; font-size:.84em; margin-bottom:1px; }
.otherNav .printFriend { float:right;}
.printMe img { display:none; }
.printFriend p {
margin:0 0 0 0;
padding:.95em .5em .65em .5em ;
font-weight:bold;
display:block;
}
.printFriend a {
background-image: url(../../images/inverclyde/print.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 19px;
}
.printFriend a:hover {
background-image: url(../../images/inverclyde/printYes.gif);
}
.otherNav ul {
background: #ffffff;
text-align:left;
margin:0 0 0 0;
padding:0 5px 0 5px;
vertical-align: middle;
}
.otherNav li {
margin:0 0 0 0;
padding:.95em .5em .65em .5em ;
font-weight:bold;
display:block;
float:left;
}
.otherNav a { color:#000000;}
.otherMenu ul {
background:transparent url(../../images/inverclyde/otherMenuBg.gif) no-repeat scroll right top;
color:#FFFFFF;
float:left;
margin:0;
padding:0 5px;
text-align:center;
vertical-align:middle;
width:113px;
}
.otherMenu li {
display:block;
float:left;
font-weight:bold;
margin:0;
padding:0.95em 0.5em 0.65em;
}
.otherMenu li.pipe { padding:.95em .1em .65em .1em; }
.otherMenu li a {
color:#FFFFFF;
}
/* forms */
.button { margin-bottom:1em;}
select,
input { color:#000099; }
.validate {}
#contents legend {padding-bottom:2em;}
#contents legend { background-color:#F8FAFB; padding:.3em 1em; font-weight:bold; }
#contents div.field select.text_field,
#contents div.field textarea.text_field,
#contents div.field input.text_field {
width:288px;
background-color:#FFFFFF;
margin-bottom:.3em;
}
#contents div.field select.text_field { width:292px;}
.field {
clear:both;
margin-bottom:.3em;
}
.field label span.small { font-size:.78em;}
.incomplete {
background-color:#F6EF09;
border-right:1px solid #C79918;
border-bottom:1px solid #C79918;
border-left:1px solid #C79918;
padding: 5px 8px 5px 8px;
width:274px;
margin-top:-.35em;
clear:right;
display:block;
}
.success {
background-color:#CCFFCC;
border:1px solid #009900;
padding: 5px 8px 5px 8px;
}
/* validation */
.validationMessage {
font-size: 1em;
color: #cc0000;
text-align : left;
background-image: url(../../images/inverclyde/stop.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 15px;
padding-top:0;
padding-bottom:5px;
font-weight:bold;
line-height:1.8em;
clear:both;
}
.validationMessage ol {padding-top:5px;}
img.errorIcon { margin-left:.3em; margin-top:.2em;}
#contents .success p img,
#contents .field img,
#contents .incomplete p img { margin:0 0 0 0; vertical-align:baseline;}
#contents .incomplete p {
color:#000000;
font-size:.88em;
margin:0 0 0 0;
padding:0 0 0 0;
}
.field label {
font-size:1em;
font-weight:bold;
text-align:left;
display:block;
margin:0 0 0 0;
padding: .2em 8px 5px .3em;
}
/**/
#quickSearch {
margin:0 0 0 0;
width:262px;
text-align:right;
float:right;
vertical-align: middle;
padding:0 0 0 0;
vertical-align: middle;
background: transparent url(../../images/inverclyde/quickSearchBg.gif) repeat-y right top;
border-bottom:1px solid #000000;
}
#quickSearch p { margin:0; padding:.4em; font-weight:bold;}
#quickSearch .form {
float:right;
padding:0px 0 0 0;
margin: 0 0 0 0;
color:#FFFFFF;
}
#quickSearch label {
background-image:url(../../images/inverclyde/search.gif);
background-position:left center;
background-repeat:no-repeat;
font-size:1.2em;
padding:0.4em 0 0.4em 23px;
width:auto;
}
#quickSearch .button { margin-bottom:0;}
/**/
#topMenu,
#footerMenu {
margin-top:1px;
color:#FFFFFF;
width:770px;
clear:both;
}
#topMenu ul {
background: #0B939A url(../../images/inverclyde/topMenuBg.gif) repeat-x top;
width:760px;
text-align:left;
float:left;
margin:0 0 0 0;
padding:0 5px 0 5px;
vertical-align: middle;
clear:both;
}
#footerMenu ul {
background: #666666;
width:760px;
text-align:left;
float:left;
margin:0 0 .4em 0;
padding:0 5px 0 5px;
vertical-align: middle;
clear:both;
font-size:.88em;
}
#topMenu li,
#footerMenu li {
margin:0 0 0 0;
padding:.4em;
font-weight:bold;
display:block;
float:left;
}
#topMenu li.pipe,
#footerMenu li.pipe { padding:.4em .1em .4em .1em; }
#topMenu li a,
#footerMenu li a {
color:#FFFFFF;
}
.separator {
background-color:#83C8CB;
width:770px;
height:1px;
display:block;
margin-top:1px;
border-top:1px solid #ffffff;
clear:both;
margin-bottom:1px;
}
#legal { clear:both;}
#legal {
background-image: url(../../images/inverclyde/dot.gif);
background-repeat: repeat-x;
background-position: left top;
margin:10px 0px 0px 0px;
}
#legal ul {
text-align:left;
margin:0px;
padding:5px;
font-size:.85em;
}
#legal li {
display:inline;
color:#666666;
margin:0px;
padding:0;
font-weight:normal;
}
#legal li a {
color:#666666;
padding:0px;
margin:0px;
}
/**/
.leftColumns {
width:770px;
float:left;
}
#leftMenus,
#rightMenus {
float:left;
display:block;
position:relative;
}
#rightMenus form {
margin:0;
padding:0;
}
#contents {
float:left;
width:550px;
display:block;
font-size:100%;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 10px;
}
* html #contents {
width:520px;
}
.oneCol#contents {
float:right;
width:auto;
padding:5px 10px 15px 10px;
display:block;
font-size:100%;
}
#searchContents {
float:left;
width:555px;
padding:5px 10px 15px 10px;
display:block;
font-size:100%;
}
.sectionImage {
float:right;
width:385px;
padding:0px 0px 1px 0px;
}
.formColumn {
width:768px;
float:left;
}
/**/
.trail {
display:block;
border:1px solid #83C8CB;
width:770px;
background-color:#F8FAFB;
margin-bottom:1px;
}
.formColumn .trail { width:768px;}
.trail p {
font-size:.8em;
margin:.5em .4em .5em .8em;
}
/**/
#leftMenus p { margin:0px 5px 0 5px; padding:.4em;}
#leftMenus address { margin:0px 0px 0 0px; font-style:normal; }
p.menu-title {
font-weight: bold;
font-size: 100%;
margin:0px;
text-align:left;
padding:.4em;
color:#FFFFFF;
}
p.menu-link a {
font-weight: bold;
font-size: 100%;
margin:0px;
text-align:left;
color:#FFFFFF;
background-image: url(../../images/inverclyde/bulletSectionDefault.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#leftMenus p.menu-title-category {
background-color:#7CC4C8;
color:#FFFFFF;
}
#leftMenus p.menu-title-category a:hover,
p.menu-link a:hover {
background-image: url(../../images/inverclyde/bulletSectionDefault-over.gif);
background-repeat: no-repeat;
background-position: left top;
}
#leftMenus p.menu-title-category {
font-weight: bold;
font-size: 100%;
margin:0 2px 0 2px;
text-align:left;
padding:.4em 5px .4em 10px;
font-size:.98em;
}
#leftMenus p.menu-title-category a { font-weight: bold;
font-size: 100%;
margin:0px;
text-align:left;
color:#FFFFFF;
background-image: url(../../images/inverclyde/bulletSectionDefault.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
margin-left:-1px;
}
#leftMenus .greenMenu div.module div {
background: #009999 url(../../images/inverclyde/topMenuBg.gif) repeat-x top;
}
#leftMenus div.module {
width:190px;
margin: 0px 1px 2px 0px!important;
}
#leftMenus div.module ul {
margin:0 0 0 0;
padding:1px 0 8px 0;
list-style-type: none;
border-right: 2px solid #0B939A;
border-bottom: 2px solid #0B939A;
border-left: 2px solid #0B939A;
border-top:none;
background-color: #FFFFFF;
text-align:left;
}
#leftMenus div.module ul li {
background-image: url(../../images/inverclyde/li.gif);
background-repeat: repeat-x;
background-position: bottom;
margin:0 8px 0 8px;
padding:.4em 0 .4em 0;
font-weight:bold;
text-align:left;
list-style-type: none;
font-size:.95em;
}
#leftMenus div.module ul li.active {
background-image: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight:bold;
}
#leftMenus div.module ul li a {
background-image: url(../../images/inverclyde/bullet.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#leftMenus div.module ul li a:hover {
background-image: url(../../images/inverclyde/bullet-over.gif);
}
#leftMenus div.module ul li.active a,
#leftMenus div.module ul li.active a:hover {
background-image: url(../../images/inverclyde/bulletSectionDefaultActive.gif);
background-repeat: no-repeat;
background-position: left top;
padding:.4em 12px .4em 24px;
margin:-1px 0 0 0;
background-color: #A6D7DA;
color:#FFFFFF;
text-decoration:none;
list-style-type: none;
height:auto;
display:inline-block;
width:150px;
}
/**/
#rightMenus {
width:192px;
margin-left:1px;
margin-bottom:2em;
}
.ads .adModule { border:1px solid #CABFB5; display:block; margin-bottom:2px; position:relative; }
#rightMenus .adModule img { float:left; display:block; border: 1px solid #FFFFFF; width:69px; height:69px; }
#rightMenus .adModule p {
float:left;
display:block;
width:111px;
margin:0 0 0 0;
padding:1px 2px 1px 5px;
font-size:.8em;
}
#rightMenus .adModule p a { display:block;}
/* other modules */
/*contact*/
#leftMenus .contactModule div.module div {
background-color:#CABFB5;
}
#leftMenus .contactModule div.module {
width:186px;
background-color:#ffffff;
border-right:2px solid #CABFB5;
border-bottom:2px solid #CABFB5;
border-left:2px solid #CABFB5;
}
#leftMenus .contactModule div.module div.contactDetails { font-size:.78em; font-weight:bold; background-color:#FFFFFF; padding-bottom:1em; }
/*language*/
#leftMenus .languageModule div.module div {
background-color:#C27A62;
}
#leftMenus .languageModule div.module {
width:190px;
background-color:#ffffff;
}
#leftMenus div.module ul#languages {
border-color: #C27A62;
}
#leftMenus div.module ul#languages li {
background-image: none;
margin:1px 0 1px 0;
padding:0 0 0 0;
display:block;
}
#leftMenus div.module ul#languages li a {
background-image: none;
padding-left: 0;
}
#leftMenus .languageModule div.module div.languageDetails { font-size:.78em; font-weight:bold; background-color:#FFFFFF; padding-bottom:1em; }
#leftMenus .languageModule div.module div.languageDetails img { clear:both; }
/* weather */
#rightMenus .weatherModule p { margin:0px 5px 0 5px; padding:.4em;}
#leftMenus .weatherModule div.module div,
#rightMenus .weatherModule div.module div {
background-color:#84CA4E;
}
#leftMenus .weatherModule,
#rightMenus .weatherModule { margin-bottom:1px;}
#leftMenus .weatherModule div.module,
#rightMenus .weatherModule div.module {
width:186px;
background-color:#ffffff;
border-right:2px solid #84CA4E;
border-bottom:2px solid #84CA4E;
border-left:2px solid #84CA4E;
}
#leftMenus .weatherModule div.module .weatherDetails,
#rightMenus .weatherModule div.module .weatherDetails { background-color:#FFFFFF; font-size:.85em;}
#leftMenus .weatherModule div.module img,
#rightMenus .weatherModule div.module img { float:right; margin:0px 10px 5px 10px ; }
/* partners */
#rightMenus .partnerModule p { margin:0px 5px 0 5px; padding:.4em;}
#leftMenus .partnerModule div.module div,
#rightMenus .partnerModule div.module div {
background-color:#1777D4;
}
#leftMenus .partnerModule div.module,
#rightMenus .partnerModule div.module {
width:186px;
background-color:#ffffff;
border-right:2px solid #1777D4;
border-bottom:2px solid #1777D4;
border-left:2px solid #1777D4;
}
#leftMenus .partnerModule div.module img,
#rightMenus .partnerModule div.module img { margin:5px 5px 5px 5px ; }
/* search section module */
#rightMenus .searchModule { margin-bottom:2px;}
#rightMenus .searchModule p { margin:0px 5px 0 5px; font-size:.85em; padding-top:.4em; font-weight:bold;}
#rightMenus .searchModule p label { font-size:1.2em; }
#rightMenus .searchModule div.module div.title {
background: #83C8CB;
border:1px solid #0B939A;
}
#rightMenus .searchModule div.module div {
width:190px;
background-color:#ffffff;
border-right:1px solid #0B939A;
border-bottom:1px solid #0B939A;
border-left:1px solid #0B939A;
}
#rightMenus .searchModule div.module div#msSearch {
margin:0 0 0 0;
padding:1em 0 1em 0;
background-image:none;
text-align:left;
font-size:.85em;
}
div.module #msSearch p.marg { margin-top:.1em; font-size:.85em; padding-top:0;}
div.module #msSearch p.marg .fixedWidthSelect,
div.module #msSearch p.marg #category,
div.module #msSearch p.marg #companysize,
div.module #msSearch p.marg #town { width:175px;}
div.module #msSearch legend { font-weight:bold; font-size:1.04em;}
div.module #msSearch p.bullet label { }
div.module #msSearch p.marg .fixedWidthField { width:170px; }
div.module #msSearch legend {padding:0 0 0 8px;}
div.module #msSearch fieldset {
padding:0 0 0 2px;
margin-top:1em;
margin-bottom:0;
border:none;
}
.searchModule input.button { margin-top:1em;}
/* page content */
#contents { font-size:.88em;}
/*#contents p {
font-size: 100%;
margin: 0 0 1.5em 0;
padding:0;
line-height:1.4em;
}*/
#contents .details p { margin: 0 0 .3em 0;}
/* intro areas */
.titleBlock {
display:block;
background-color:#83C8CB;
border:1px solid #009999;
color:#FFFFFF;
padding:.4em;
margin-bottom:.4em;
}
.titleBlock a {
color:#FFFFFF;
float:right;
width:100px;
text-align:right;
padding:.3em 0 .2em 0;
margin:0 0 0 0;
display:inline;
}
.titleBlock h2 {
margin:0 0 0 0;
padding:0 0 0 0;
width:260px;
font-size:1.5em;
display:inline;
}
.titleBlock h2 a {
float:none;
width:inherit;
}
/**/
/* page modules */
.pageModule {
border:1px solid #009999;
margin-bottom:1em;
clear:both;
}
.pageModule .moduleTitle {
border-bottom:1px solid;
padding:.2em 0;
background-color:#83C8CB;
border-color:#009999;
}
#contents .pageModule .moduleTitle h1,
#contents .pageModule .moduleTitle p {
font-weight:bold;
margin: 0 .33em 0 .33em;
color:#FFFFFF;
}
#contents .pageModule .moduleTitle h1 {
font-size: 1.3em;
}
#contents .pageModule .moduleTitle p {
font-size: 1em;
}
.pageModule .items { padding:5px 5px 0 8px; clear:both;}
/* section search buttons */
#main #contents .searchTabs { clear:both; display:block; padding:0 0 0 0; }
#main #contents .searchTabs ul#tabView {
float:left;
margin:0 0 0 0;
padding:0;
list-style:none;
}
#main #contents .searchTabs ul#tabView li.left-active,
#main #contents .searchTabs ul#tabView li.right-ready,
#main #contents .searchTabs ul#tabView li.left-ready,
#main #contents .searchTabs ul#tabView li.right-active {
float:left;
padding:0 0px 0 0;
margin: 0 0 0 0;
}
#main #contents .searchTabs ul#tabView li.left-active {
background: transparent url(../../images/inverclyde/2-default.gif) no-repeat right top;
}
#main #contents .searchTabs ul#tabView li.right-ready {
background: transparent url(../../images/inverclyde/3-default.gif) no-repeat right top;
}
#main #contents .searchTabs ul#tabView li.left-ready {
background: transparent url(../../images/inverclyde/2a-default.gif) no-repeat right top;
}
#main #contents .searchTabs ul#tabView li.right-active {
background: transparent url(../../images/inverclyde/3a-default.gif) no-repeat right top;
}
#main #contents .searchTabs ul#tabView li.left-active a,
#main #contents .searchTabs ul#tabView li.right-ready a,
#main #contents .searchTabs ul#tabView li.left-ready a,
#main #contents .searchTabs ul#tabView li.right-active a {
color:#FFFFFF;
float:left;
display:block;
padding:10px 0px 10px 10px;
margin-right:20px;
width:145px;
}
#main #contents .searchTabs ul#tabView li.left-active a {
background: transparent url(../../images/inverclyde/1-default.gif) no-repeat left top;
}
#main #contents .searchTabs ul#tabView li.left-active a:hover { text-decoration:none; }
#main #contents .searchTabs ul#tabView li.right-ready a {
background: transparent url(../../images/inverclyde/3-default.gif) no-repeat left top;
}
#main #contents .searchTabs ul#tabView li.right-ready a:hover { text-decoration:underline; }
#main #contents .searchTabs ul#tabView li.left-ready a {
background: transparent url(../../images/inverclyde/1a-default.gif) no-repeat left top;
}
#main #contents .searchTabs ul#tabView li.right-ready a:hover,
#main #contents .searchTabs ul#tabView li.left-ready a:hover { text-decoration:underline; }
#main #contents .searchTabs ul#tabView li.right-active a {
background: transparent url(../../images/inverclyde/3b-default.gif) no-repeat left top;
}
#main #contents .searchTabs ul#tabView li.right-active a:hover,
#main #contents .searchTabs ul#tabView li.left-active a:hover { text-decoration:none; }
#main #contents .searchTabs ul#tabView li span.small { font-size:.75em;}
/**/
/**/
.pageModule .searchButtons {
margin-top:1px;
border-top:1px solid;
border-bottom:1px solid;
padding:.8em 0;
background-color:#ffffff;
border-color:#C9BFB5;
}
#contents .pageModule .searchButtons p {
font-weight:bold;
margin: 0 .33em 0 .33em;
color:#000000;
width:25%;
float:left;
text-align:center;
}
#contents .pageModule .searchButtons ul#searchOptions {
float:left;
margin:0 0 0 0;
padding:0 5px;
vertical-align: middle;
width:70%;
}
#contents .pageModule .searchButtons ul#searchOptions li {
margin:0 0 0 0;
padding:0 .8em 0 0;
font-weight:bold;
display:block;
float:right;
}
#searchOptions li a {
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 20px;
}
#searchOptions li.standard a { background-image: url(../../images/inverclyde/standard.gif);}
#searchOptions li.detailed a { background-image: url(../../images/inverclyde/detailed.gif);}
#searchOptions li.extended a { background-image: url(../../images/inverclyde/extended.gif);}
#searchOptions li.standard a:hover,
#searchOptions li.standard-active a,
#searchOptions li.standard-active a:hover { background-image: url(../../images/inverclyde/standard-over.gif); text-decoration:underline; }
#searchOptions li.detailed a:hover,
#searchOptions li.detailed-active a,
#searchOptions li.detailed-active a:hover { background-image: url(../../images/inverclyde/detailed-over.gif); text-decoration:underline; }
#searchOptions li.extended a:hover,
#searchOptions li.extended-active a,
#searchOptions li.extended-ative a:hover { background-image: url(../../images/inverclyde/extended-over.gif); text-decoration:underline; }
/**/
/* INTRO MODULES */
.IndexSection { clear:both; background-image:none; }
.promoR { margin-bottom:1em;}
.promoR h1 { margin-top:0em; font-size:1.3em;}
.promoR img { float:right; margin:0 0 10px 10px;}
.promo,
.promoRow,
.promoLink {
width:99%;
display:block;
margin-bottom:1px;
}
.promoRow { clear:both; }
.rightPromo { width:49%; float:right;}
.leftPromo { width:50%; float:left;}
#main #contents .promo p,
#main #contents .promoLink p {
margin:0 0 0 0;
}
.promoImage { margin:0 5px 0 0;}
#contents .promo .promoImage img { margin:0 0 0 0;}
.promoText .promoTitle { margin:0 0 0 0; padding:0 0 0 0; font-size:1.168em; }
/*#contents .clear {
background-image: url(../../images/inverclyde/dot.gif);
background-repeat: repeat-x;
background-position: left top;
width:99%;
height:1px;
clear:both;
margin:5px 0 5px 0;
}*/
#contents .promoLink .promoText .clear { margin-top:1em;}
#contents .promo p.date { color:#666666; font-weight:bold; font-size:.75em;}
/**/
/* inverclyde directory */
#directory {
margin:0 0 1em 0;
display:block;
}
#directory div.item {
margin:0 0 .4em 0;
padding:0 0 .4em 0;
clear:both;
background-image: url(../../images/inverclyde/dot.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#directory div.item h3,
#directory div.item h2 {
font-size:100%;
margin:0;
}
#directory div.item p {
font-size:1em;
margin:0;
}
#directory div.item img {
float:left;
margin:3px 10px 5px 0;
}
#directory div.item h3 a,
#directory div.item h2 a {
font-weight:bold;
}
#directory div.item a {
font-weight:normal;
}
/* do it online */
ul.eforms { padding:0 0 0 0; margin:0 0 .4em 0;}
ul.eforms li {
background-image: url(../../images/inverclyde/li.gif);
background-repeat: repeat-x;
background-position: bottom;
margin:.2em 0 0 0;
padding:0 0 .4em 0;
list-style-type: none;
}
ul.eforms li a {
background-image: url(../../images/inverclyde/eform.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
display:block;
}
ul.eforms li a:hover {
background-image: url(../../images/inverclyde/eform-over.gif);
}
/* general content modules
#contents img { margin:1px 8px 10px 8px; }*/
#contents img.eventStar,
#contents .doItOnline img { margin: 0 0 0 0; vertical-align:baseline;}
.imgcapright {
float:right;
margin: 2px 0px 2px 2px;
background-color: #FFFFFF;
}
.imgcapright p {
text-align:center;
font-variant:small-caps;
font-weight:bold;
margin: 0 8px 0 8px;
padding:0 0 0 0px;
background-color:#FFFFFF;
}
.imgcapleft {
float:left;
margin: 2px 2px 2px 0px;
background-color: #FFFFFF;
}
.imgcapleft p {
text-align:center;
font-variant:small-caps;
font-weight:bold;
margin: 0;
padding:0 10px 0 0;
}
#contents .imgcapleft img,
#contents .imgcapright img { float:none; }
.imgcapright p,
.imgcapleft p { width: 188px; }
#contents table.pageTable
{
border-top:1px solid #E2E0DE;
border-right:1px solid #E2E0DE;
border-left:1px solid #E2E0DE;
width:99%;
margin-left:1px;
border-collapse:collapse;
margin-bottom:1em;
clear:both;
}
.validate { margin-top:1em;}
#contents table.formTable
{
width:99%;
border-spacing:0px;
margin-left:1px;
border-collapse:collapse;
margin-bottom:1em;
clear:both;
}
.fm_formmasterForm { margin-bottom:3em;}
#contents table.pageTable td,
#contents table.pageTable th {
padding:.3em;
vertical-align: text-top;
border-bottom:1px solid #E2E0DE;
}
#contents table.formTable td,
#contents table.formTable th {
padding:.2em;
vertical-align: top;
}
#contents table.formTable th {
width:38%;
}
#contents table.formTable label {
vertical-align: text-top;
}
#contents table.formTable .small label { font-size:.75em;}
#contents table.pageTable p,
#contents table.formTable p { margin:0 0 .25em 0; padding:0px; vertical-align: text-top; line-height:normal; }
#contents table.pageTable img,
#contents table.formTable img { padding:0 0 0 0; margin:0px 0px 0px 5px; }
#contents p.small { font-size:.75em; margin:0px; font-weight:bold; }
#contents .pageTable caption,
#contents .formTable caption,
#contents p.relatedTitle { margin:0px; font-weight:bold; text-align:left; }
#contents .formTable caption { margin-bottom:.3em;}
#contents .results img { padding:0px 0px 0px 0px; margin:0px 0px 0px 5px; }
.anchor {
font-size:.75em;
background-image: url(../../images/inverclyde/arrow_up_blue.gif);
background-repeat: no-repeat;
background-position: left top;
float: right;
clear:both;
margin-top: 1em;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
}
hr { clear:both;}
/* calendar */
p.date { color:#666666; font-weight:bold;}
.promoTitle p img,
p.date img { display:inline; margin:0px; }
#calendar{
margin:0;
font-size:1em;
width:192px;
border-right:1px solid #009999;
border-bottom:1px solid #009999;
border-left:1px solid #009999;
clear:both;
background:#C9BFB5;
}
#calendar p { font-size:1.1em;}
#calendar label,
#findEvent label { font-size:1em;}
.module .small { font-size:.95em;}
#calendar td {
padding:0px;
text-align: center;
}
#calendar th p {
text-align:center;
margin:0;
padding:.3em 0 .3em 0;
}
#calendar th {
background-color:#8C817B;
color:#FFFFFF;
border-bottom:1px solid #666666;
}
#calendar th.month {
font-weight:bold;
border-bottom:1px solid #333333;
color:#FFFFFF;
text-align:center;
background-color: #8C817B;
}
#rightMenus th.month p {
text-align:center;
color:#ffffff;
font-size:.85em;
}
#calendar th#h1,
#calendar th#h2,
#calendar th#h3,
#calendar th#h4,
#calendar th#h5,
#calendar th#h6,
#calendar th#h7 {
font-size:.85em;
font-weight:bold;
}
#calendar th#h1,
#calendar th#h2,
#calendar th#h3,
#calendar th#h4,
#calendar th#h5,
#calendar th#h6,
#calendar th#h7 {
padding:0;
margin:0;
width:14%;
}
td.nodate {
background-color:#EAEAEA;
}
#calendar td.calMenu {
padding:0px;
border-top:1px solid #8C817B;
text-align:left;
background-color:#FFFFFF;
padding-bottom:.5em;
}
#calendar td.calMenu p {
font-size:.85em;
}
#calendar td.calMenu label { font-size:inherit;}
a.eventon:link,
a.eventon:visited,
a.eventon:hover,
a.eventoff:link,
a.eventoff:visited,
a.eventoff:hover {
font-size:.85em;
font-weight:bold;
text-align: center;
padding: 3px;
height : 100%;
display: block;
margin:0px;
}
a.eventon:link,
a.eventon:visited {
text-decoration: none;
color:#006766;
background-color:#FFFFFF;
}
a.eventon:hover {
text-decoration: underline;
background-color:#006766;
color:#ffffff;
}
a.eventoff:link,
a.eventoff:visited,
a.eventoff:hover {
color: #888888;
text-decoration: none;
background-color:#EAEAEA;
}
/* seacrh events sates fieldset */
#rightMenus .searchModule div.module div.dateSelect {
text-align:left;
width:180px;
border:none;
padding: 0 0 0 0;
margin:0 0 0 0;
}
#rightMenus .searchModule div.module div.dateField {
display:inline-block;
width:30%;
padding-right:3%;
float:right;
position:relative;
border:none;
}
#rightMenus .searchModule p.label { font-size:1em; font-weight:bold; margin-top:0px;}
#rightMenus .searchModule fieldset.businessDirectory legend {
font-size:1.3em;
color:#0B939A;
font-weight:bold;
margin-top:0px;
background-image: url(../../images/inverclyde/search.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
/* hack for the .NET id prob */
fieldset.businessDirectory input { width:170px; }
.dateField label {
font-size:75%;
text-align: left;
vertical-align: text-top;
margin:7px 0px 7px 0px;
line-height:12px;
}
.datefield label {
margin:1px 0px 1px 0px;
line-height:inherit;
padding:1px 0px 1px 0px;
}
/**/
/* a to z matrix */
/* =========== atoz =========== */
#rightMenus .searchModule div.module div#AtoZ {
width:190px;
background-color:#ffffff;
border-right:1px solid #0B939A;
border-bottom:1px solid #0B939A;
border-left:1px solid #0B939A;
margin:0 0 0 0;
padding:0;
background-image:none;
text-align:left;
}
#atoz {
margin:0;
font-size:1em;
width:190px;
clear:both;
}
#atoz td,
#atozboxnon td {
padding:0px;
text-align: center;
font-size:1em;
width:25%;
}
.atozbox td, .atozboxnone td {
width:auto;
padding:0;
margin:0;
}
.atozbox {
background-color: #FFFFFF;
}
.atozboxnone {
background-color: #EAEAEA;
}
.atozbox-selected {
background-color:#006766;
}
td.atozboxnone a.atoz:link {
background-color:#EAEAEA;
}
td.atozbox a.atoz:link {
background-color:#FFFFFF;
}
a.atoz:link,
a.atoz:visited,
a.atoz-selected:visited {
display: block;
font-size: inherit;
font-weight:bold;
color: #006766;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
height : 100%;
text-decoration: none;
margin: 0px;
}
a.atoznone:link,
a.atoznone:visited,
a.atoz-selected:visited {
display: block;
font-size: 90%;
font-weight:bold;
color: #888888;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
height : 100%;
text-decoration: none;
margin: 0px;
}
a.atoz-selected:link,
a.atoz-selected:visited,
a.atoz-selected:active { color:#ffffff;}
td.atozbox a.atoz:hover,
td.atozbox a.atoz:active {
text-decoration: underline;
color: #FFFFFF;
font-weight:bold;
background-color:#006766;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
td.atozbox-selected a.atoz-selected:hover,
td.atozbox-selected a.atoz-selected:active {
text-decoration: underline;
color: #FFFFFF;
font-weight:bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
/**/
/*pagenation results*/
span.blue { color:#0033FF; margin:0 .3em 0 .3em;}
span.previous {
background-image: url(../../images/inverclyde/arrow_left_green.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
margin-right:10px;
}
span.next {
background-image: url(../../images/inverclyde/arrow_right_green.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-left:10px;
}
/* do it online */
#contents h2.headwithbullet {
background-color:#83C8CB;
border:1px solid #0B939A;
color:#ffffff;
display:block;
width:auto;
padding:.3em;
}
#contents .doItOnline h3 { margin-bottom:0px;}
#contents .doItOnline h3 a {
margin-bottom:0px;
background-image: url(../../images/inverclyde/eform.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
}
#contents .doItOnline h3 a:hover {
background-image: url(../../images/inverclyde/eform-over.gif);
}
#contents .doItOnline h3 a.pdf,
#contents .doItOnline h3 a.pdf:hover {
margin-bottom:0px;
background-image: url(../../images/inverclyde/pdf.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
}
#contents .doItOnline p {
background-image: url(../../images/inverclyde/dot.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom:.3em;
}
#popularEforms ul,
#faqMenu ul,
#alertsMenu ul,
#faqGroup ul,
#faqs ul,
#businessMenu ul,
#accessMenu ul {
margin:0 0 0 0;
padding:1px 0 8px 0;
list-style-type: none;
border-top:none;
background-color: #FFFFFF;
text-align:left;
}
#popularEforms ul li,
#faqMenu ul li,
#alertsMenu ul li,
#businessMenu ul li,
#accessMenu ul li {
font-size:.95em;
padding:.4em 0 .4em 0;
}
#faqGroup ul li,
#faqs ul li {
font-size:1em;
}
#popularEforms ul li,
#faqMenu ul li,
#alertsMenu ul li,
#faqGroup ul li,
#faqs ul li,
#businessMenu ul li,
#accessMenu ul li {
background-image: url(../../images/inverclyde/li.gif);
background-repeat: repeat-x;
background-position: bottom;
margin:0 8px 0 8px;
padding:.4em 0 .4em 0px;
font-weight:bold;
text-align:left;
list-style-type: none;
}
#accessMenu ul li { font-weight:normal;}
#popularEforms ul li.active,
#faqMenu ul li.active {
background-image: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight:bold;
}
#popularEforms ul li a {
background-image: url(../../images/inverclyde/eform.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#popularEforms ul li a:hover {
background-image: url(.../../images/inverclyde/eform-over.gif);
}
#businessMenu ul li a {
background-image: url(../../images/inverclyde/business.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#businessMenu ul li a:hover {
background-image: url(../../images/inverclyde/business_over.gif);
}
#faqMenu ul li a,
#faqs ul li a {
background-image: url(../../images/inverclyde/faq.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#alertsMenu ul li a {
background-image: url(../../images/inverclyde/alerts.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
display:block;
}
#faqMenu ul li a:hover,
#faqs ul li a:hover {
background-image: url(../../images/inverclyde/faq-over.gif);
}
#alertsMenu ul li a:hover {
background-image: url(../../images/inverclyde/alerts_over.gif);
}
#faqGroup ul li a {
background-image: url(../../images/inverclyde/faqGroup.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
display:block;
}
#faqGroup ul li a:hover {
background-image: url(../../images/inverclyde/faqGroup-over.gif);
}
#faqs ul li a { padding-left: 20px;}
h2.faqTitle {
font-size: 1.4em;
font-weight: bold;
color:#000000;
padding:.3em .3em .3em 35px;
background-image: url(../../images/inverclyde/faqTitle.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top:10px;
}
/**/
/* a to Z*/
.record {
background-image: url(../../images/inverclyde/dot.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-bottom: 1.33em;
padding-bottom: 1em;
}
.record .pageTable { margin-bottom:.5em;}
.record h1 { margin-bottom:.1em; color:#333333; font-size:1.2em;}
.record h2 { margin:0;}
#contents .pageTable caption,
#contents p.relatedTitle { font-size:1.1em; margin-bottom:.2em; color:#666666;}
/* search master */
#contents div.promoText p.searchlabel {
font-size: .95em;
color:#666666;
padding-top:.3em;
}
#contents div.promoText p.uri { font-size:.95em; padding:0 2em 1em 2em;}
#contents div.promoText p.textOnlyLink a,
#contents div.promoText p.relatedLink a { margin:.5em 0 .5em 0; display:block;}
#contents div.promoText p.textOnlyLink a,
#contents div.promoText p.relatedLink a {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left top;
}
#contents div.promoText p.relatedLink a { background-image: url(../../images/inverclyde/documents_ready.gif);}
#contents div.promoText p.relatedLink a:hover { background-image: url(../../images/inverclyde/documents_over.gif);}
#contents div.promoText p.textOnlyLink a { background-image: url(../../images/inverclyde/text_normal.gif);}
#contents div.promoText p.textOnlyLink a:hover { background-image: url(../graphics/default/text_normal_over.gif);}
p.summary span,
p.extract span { background-color:#FFE88F; padding:0 .3em 0 .3em; color:#000000;}
#contents div.promoText p.extract { color:#0000FF; }
#contents div.promoText blockquote { margin:0 1em;}
p span.quote { background-color:#FFFFFF; font-weight:bold; color:#000000;}
/* business directory */
.companyAddress {
float:left;
width:120px;
margin: 0 1em 1.5em 0;
}
.companyLogo {
float:right;
margin: 0 0 1.5em 1em;
}
/* results */
table#results {
border-color: #0B939A;
border-collapse:collapse;
}
table#results thead {
border-color: #0B939A;
}
table#results thead th{
border-right-color:#0B939A;
border-left-color:#0B939A;
border-bottom-color:#0B939A;
background: #7CC4C8;
color:#FFFFFF;
font-size:1.2em;
}
table#results th,
table#results tfoot td {
border-bottom-color:#ff6600;
}
table#results thead tr th a {
color: #ffffff;
}
table#results tr.row0{
background-color: #F8FAFB;
}
table#results tr.row1 {
background-color: #FFF;
}
table#results tr.row0:hover {
background-color: #f1f1f1;
}
table#results tr.row1:hover {
background-color: #FBFBFB;
}
table#results td {
padding: .3em;
}
/**/
table#results {
background-color: #ffffff;
margin: 5px 0 20px 0;
padding: 0px;
border:1px solid;
border-spacing: 0px;
width: 99%;
border-collapse: collapse;
font-size:1em;
}
table#results caption {
text-align:left;
font-size:1.158em;
margin-bottom:.3em;
font-weight:bold;
}
table#results thead {
border-top:1px solid;
border-bottom:1px solid;
border-left:none;
border-right:none;
}
table#results thead th {
padding: .33em 1em .2em .33em;
text-align:left;
font-weight:bold;
text-align:left;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin:0 0 0 0;
}
table#results th,
table#results tfoot td {
border-bottom: 1px solid;
}
table#results thead tr th a {
text-decoration: none;
}
table#results th a:hover {
text-decoration : underline;
}
table#results th {
text-align: left;
}
table#results th.company {
width:68%;
}
table#results th.location {
width:32%;
}
/* scores on the doors */
table#results th.premesis {
width:25%;
}
table#results th.foodAddress {
width:25%;
}
table#results th.foodResult {
width:20%;
}
table#results th.foodDate {
width:25%;
}
table#results th.foodReport {
width:25%;
}
/* jobs results variation */
table#results th.jobRef { width:15%; }
table#results th.jobTitle { width:60%; }
table#results th.expires { width:10%; }
table#results th.locale { width:15%; }
/**/
table#results td {
vertical-align:text-top;
}
table#results td a {
font-weight:bold;
clear:both;
display:block;
}
#centreSpace table#results td a {
font-weight:bold;
clear:both;
display:inline;
}
table#results tfoot td a { clear:none; display:inline;}
table#results tbody td a { font-size:1.169em; }
table#results td {
border-bottom: 1px solid;
padding: 4px;
}
table#results tbody td p {
margin:0 0 .3em 0;
}
table#results tbody td p.ref { font-size:.8em;}
table#results thead th a.ascending {
background-image: url(../../images/inverclyde/sortAscendingReady.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
table#results thead th a.descending-active {
background-image: url(../../images/inverclyde/sortDescending.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
text-decoration:underline;
}
table#results thead th a.descending-active:hover {
background-image: url(../../images/inverclyde/sortAscending.gif);
}
table#results thead th a.descending-ready {
background-image: url(../../images/inverclyde/sortDescendingReady.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
table#results thead th a.descending-ready:hover {
background-image: url(../../images/inverclyde/sortDescending.gif);
}
/* site map code */
#contents .siteMap ul { margin:0px; padding:0;}
#contents .siteMap ul li {
margin:0px;
list-style-type: none;
}
#contents .siteMap ul li.home {
margin:0px;
/*list-style-type: square;*/
padding-left:20px;
background-image: url(../../images/inverclyde/home.gif);
background-repeat: no-repeat;
background-position: left top;
}
#contents .siteMap ul ul li {
margin:0px;
padding-left:20px;
background-image: url(../../images/inverclyde/index.gif);
background-repeat: no-repeat;
background-position: left top;
}
#contents .siteMap ul li ul li ul { margin-left:-17px;}
#contents .siteMap ul ul ul li {
padding-left:40px;
background-image: url(../../images/inverclyde/folder_closed_group.gif);
background-repeat: no-repeat;
background-position: left top;
}
#contents .siteMap ul ul ul li.top {
padding-left:40px;
background-image: url(../../images/inverclyde/folder_closed_top.gif);
background-repeat: no-repeat;
background-position: left top;
}
#contents .siteMap ul ul ul li.inside {
padding-left:40px;
background-image: url(../../images/inverclyde/folder_closed_inside.gif);
background-repeat: no-repeat;
background-position: left top;
}