/* Anything that applies across pages should generally go in here. Any overrides will then go in the appropriate CSS File */
/* ie. dw.css, servicesearch.css, jobsearch.css, volunteersearch.css and venuesearch.css To save confusion these are all */
/* in the root directory. The old messy style sheets and inline and the real confusing mess that is the embedded styles. */
/* This will have to be done over time as it is a big job. */
/* NB - be wary of position relatives due to strange and annoying DW bug!!!! */
* {
/* margin:0; shifts over to left - sort out */
padding:0;
}
/* this can't really stay in
table {
border-collapse: collapse;
border-spacing: 0;
}
*/
/* reduce the space underneath headers- this may need looking at across site as It's become a bit inconsistant */
p.firstLine {
margin-top:4px;
}
a {
font-family: Arial, Helvetica, sans-serif;
/* color: #001bff; */
color:#0079BE;
text-decoration:none;
}
a:hover {
text-decoration:underline;
/* font-weight:bold; temp to show sub-pixel rendering problem */
color:#0079BE;
}
/* I don't think this is wise but... */
a:visited {
/* color: #001bff;*/
color:#0079BE;
}
div { font-family: Arial, Helvetica, sans-serif; color: #000000 }
td { /* remove this from stylesheet.css now! */
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #000000;
}
ul.normalList {
margin-top:0px;
margin-left:16px;
}
/*
ul.normalList li {
margin-bottom:3px;
}
*/
div.page, p {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
/* text-align:justify; - take off for now */
}
/* some of the below may need sorting out slightly once a consistant and site wide list style and strategy has been established */
li {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
list-style-position: outside;
margin-bottomxxx: 16px; /* check this is ok on all pages */
/* list-style-type: decimal; WHY did he do this?????? */
}
/* just try this for nested lists */
olxxx {
padding-start:200px;
}
li {
font-weightxx: bold;
}
ul.primary {
padding-left:40px; /* check this is ok on all pages */
margin-top:0;
}
p.label {
padding-bottom:0;
margin-bottom:4px;
}
ul li {
margin-bottomxxx:0; /* check this is ok on all pages */
}
li li{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
margin-bottomxxx:0; /* check this is ok on all pages */
}
li ol {
list-style-position: outside;
list-style-type:lower-alpha;
padding-leftxxx:22px;
padding-left:24px; /* make sub-lists flush with parent list ie. no indent ------ NOT ANY MORE */
margin-bottom:16px;
margin-top:0px;
}
li ul {
list-style-position: outside;
list-style-type:disc;
padding-left:14px;
margin-bottom:16px;
margin-top:0px;
}
li p {
margin-bottom:0;
margin-top:0;
}
ol.primary {
padding-left:20px;
}
ol.primary > li {
margin-bottom: 16px; /* check this is ok on all pages */
}
ol.headings ol li{
/* same as default/normal text () */
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
font-size: 16px;
}
ol.headings li p{
/* same as default/normal text (
) */
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
font-size: 16px;
margin-left:-20px; /* make sub-lists flush with parent list ie. no indent */
margin-bottom:16px;
}
ol.headings {
padding-left:20px;
}
/* end */
h4 { font-family: Arial, Helvetica, sans-serif; color: #000000 }
h5 { font-family: Arial, Helvetica, sans-serif; color: #000000 }
.thumb {border:1px; border-color: #000; border-style: solid;}
.header { font-family: Arial, Helvetica, sans-serif; color: #0000FF }
/* used on lots of pages leave in for now. */
.blue-link {
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
text-decoration: none;
}
/* BEGIN Added GOW 27.7.10 */
/* ======================================================= */
/* main style elements */
/* NB. At the moment only Job Search uses this properly but hopefully more of the five areas will soon for consistancy */
/* and a standardised look and feel . At the moment until sorted it's a bit of a hotch poch but still better than it was*/
div.page {
width: 960px;
min-width: 960px;
margin-left: auto;
margin-right: auto;
/*
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
*/
padding-left:0px;
padding-right:0px;
/* Use this to help debug CSS
border:red dotted 1px; */
}
/* for volunteer search for now */
table.nav , table.page {
width: 960px;
min-width: 960px;
margin-left: auto;
margin-right: auto;
}
a[href^="mailto:"] {
background: url(/images/email.png) no-repeat right center;
padding-right: 15px;
}
.gwComment {
font-size:small;
font-style:italic;
font-variant:small-caps;
color:red;
}
/* NB for best reults when overriding
,,... use em's */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 52px;
color:#000000;
margin:0em;
margin-bottom:18px;
padding:0em;
}
h2 {
/* for now use the programmed areas styling
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
*/ font: normal normal bold 30px arial;
text-align:left;
color:#000000;
margin:0em;
margin-bottom:30px;
margin-top:32px;
padding:0em;
/* Use this to help debug CSS
border:red dotted 1px; */
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
color: #000000;
margin:0;
/* margin-bottom:3px;
margin-top:16px; */
padding:0em;
/* Use this to help debug CSS
border:red dotted 1px; */
}
h4 {
color: black;
font-family: arial,verdana,sans-serif;
margin-bottom: 0px;
margin-top: 5px;
}
label h4 {
display:inline;
}
h5 {
color: black;
font-family: arial,verdana,sans-serif;
margin-bottom: 0px;
margin-top: 5px;
}
h6 {
color: black;
font-family: arial,verdana,sans-serif;
font-size:16px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
}
span.caption {
display:block;
font-size: medium; /* Copied from Style 1 - probably change?*/
}
div.pictureLeft {
/* Use this to help debug CSS
border:red dotted 1px; */
}
div.pictureLeft img {
float:left;
}
div.clear {
clear:left;
}
div.pictureLeft p, div.pictureRight p {
float:none;
/* text-align:justify; */
}
div.pictureLeft img, div.pictureRight img {
/* original sizes
width:400px;
height:300px;*/
/* These are same as front page sizes */
width:360px;
height:270px;
/* width:184px;
height:140px;
*/
/* try a new size
width:200px;
height:150px; */
margin-top:0em;
margin-bottom:.5em;
padding: 0px;
border: 1px solid #aaaaaa;
}
div.pictureLeft img {
margin-left: 0em;
margin-right:10px;
}
div.pictureRight img {
margin-left: 10px;
margin-right:0em;
}
div.pictureRight {
/* Use this to help debug CSS
border:green dotted 1px; */
}
div.pictureRight img {
float:right;
}
#topbar {
positionxxx:relative;
z-index:-20;
height:104px;
width:100%;
left:0px;
/* background-image : url(http://webdesign.about.com/library/graphics/bg-grid.gif); */
/* Use this to help debug CSS
border:red dotted 1px; */
}
/* If you find you cannot edit editable regions then comment out "position:relative;" below, */
/* do your editing, then put back again. This is only a problem on DW MX. */
/* But please note that when this is commented out the header layout will go crazy */
#banner1{
position:relative;
margin-left: auto;
margin-right: auto;
width: 960px;
min-width: 960px;
min-height:104px;
/* Use these to help debug CSS
border:black dashed 1px;*/
}
#logo {
position:absolute;
top:10px;
padding-left:0px;
/* margin-right:4em; */
/* Use this to help debug CSS
border:red dotted 1px; */
}
#logo img {
width: 250px;
height: 78px;
}
#logo a img {
border:none;
}
/* not used anymore - delete! */
#MSL {
/* Use this to help debug CSS
min-height:104px;
border:white solid 1px; */
}
#strap-line {
position:absolute;
bottom:12px;
/* top:60px; try this to remove loss of strap line in IEn */
right:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
/* bottom: auto; */
margin-right: 0%;
margin-top: 1%;
/* Use this to help debug CSS
border:red dotted 1px; */
}
#strap-line img{
position:absolute;
bottom:4px;
border:none;
}
#menu {
/* display:inline; */
position:absolute;
top:3px;
right:0px;
display:inline;
font-size:14px;
/* Use these to help debug CSS
border:green dashed 1px; */
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
/*font-size: 2;*/
font-weight: normal;
text-decoration: none;
}
#menu li {
display:inline;
list-style:none;
padding-left:0;
}
#menu span.menu-spacer {
padding-left:3px;
padding-right:1px;
font-weight:normal;
visibility:visible;
}
#menu a:hover {
text-decoration: underline;
}
img.bordered {
margin-left: 0em;
margin-right:0;
margin-top:0em;
margin-bottom:.5em;
padding: 4px;
border: 1px solid #EEEEEE;
}
/* need to get rid of padding on far RHS - not sure if this is best way but seems to work */
table.noPadRHS {
padding-right:0px;
border-right:0px;
border-collapse:separate;
border-spacing:0px;
/* Use these to help debug CSS
border: 1px dashed #000000; */
}
table.noPadRHS td {
padding-right:0px;
border-right:0px;
}
p.searchResults {
font-weight: bold;
}
a.button {
display:block;
font-size:12px;
font-weight:normal;
width:40px;
padding:0.2em;
line-height:10px;
border: 1px solid;
text-decoration:none;
text-align:centre;
}
fieldset {
border:1px solid;
padding:6px;
margin:12px;
}
fieldset legend {
font-size:18px;
font-weight: bold;
}
/* Venue and Volunteer Search Results Table */
table.results td {
padding-right:4px;
padding-left:4px;
}
#roomBooking {
background-color:red;
border: 2px solid orange;
}
#roomBooking:hover {
background-color:orange;
border: 2px solid red;
}
@media print {
body * {
font-size:15pt !important ;
}
h2, .print_job_title {
font-size:30pt !important ;
}
.disclaimer_print{
font: italic normal normal 10pt arial !important;
}
#logo, #menu, #topbar, #secondbar, #banner1, .noPrint {
display:none;
}
#strap-line {
positionxxx:relative;
leftxxx:0;
display:block;
font-size:20px;
}
div.strap-linexx img {
position:relative;
left:0;
}
.emailPrint {
text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
color:#000000;
}
} /* end @media print */
.highlighted {
background-color:#dddddd;
-moz-border-radius: 10px;
border-radius: 10px;
padding:8px;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
margin-bottom:24px;
}
/* END Added GOW 27.7.10 */
.langbox {
background-color: #CC9900;
border: 1px solid #000000;
}
.langboxtwo {
background-color: #FFFF00;
border: 1px solid #000000;
}
.langboxthree {
background-color: #99CCFF;
border: 1px solid #000000;
}
.langboxfour {
background-color: #FF0000;
border: 1px solid #000000;
}
a:link.langboxfour {
font-family:SutonnyMJ
}
a:visited.langboxfour {
font-family:SutonnyMJ
}
a:hover.langboxfour {
font-family:SutonnyMJ
}
.langboxfive {
background-color: #99FF00;
border: 1px solid #000000;
}
.newboxborder {
border: thin solid #003399;
}
/* For Volunteer/Venue search results */
a.key {
cursor:help;
border-bottom: 2px dotted grey;
}
.info_container {
position:relative;
height:0;
}
.info_box{
position:absolute;
display:none;
background:#fff;
border: solid 1px;
padding: 5px;
width: 150px;
font-weight:normal;
}
.info_box p {
font: normal normal 12px arial;
}
a.info_box_X {
float: right;
font: normal normal bold 14px arial;
color: #000;
background: #EEE;
margin-left: 5px;
padding: 1px;
border: solid 1px #336699;
text-decoration: none;
}
/* End for Volunteer/Venue search results */